html, body, div, span, applet, object, iframe,
		h1, h2, h3, h4, h5, h6, p, blockquote, pre,
		a, abbr, acronym, address, big, cite, code,
		del, dfn, em, img, ins, kbd, q, s, samp,
		small, strike, strong, sub, sup, tt, var,
		b, u, i, center,
		dl, dt, dd, ol, ul, li,
		fieldset, form, label, legend,
		table, caption, tbody, tfoot, thead, tr, th, td,
		article, aside, canvas, details, embed, 
		figure, figcaption, footer, header, hgroup, 
		menu, nav, output, ruby, section, summary,
		time, mark, audio, video, input {
			margin: 0;
			padding: 0;
			border: 0;
			font-size: 100%;
			font: inherit;
			vertical-align: baseline;
		}
		.bold {
			font-weight:bold !important;
		}
		.hidden {
			display:none !important;
		}
		/* HTML5 display-role reset for older browsers */
		article, aside, details, figcaption, figure, 
		footer, header, hgroup, menu, nav, section {
			display: block;
		}
		body {
			line-height: 1;
		}
		ol, ul {
			list-style: none;
		}
		blockquote, q {
			quotes: none;
		}
		blockquote:before, blockquote:after,
		q:before, q:after {
			content: '';
			content: none;
		}
		table {
			border-collapse: collapse;
			border-spacing: 0;
		}
		html, body{
			font-family: 'Lexend', sans-serif;
			font-size: 16px;
		}
		html,body,p,button,input,textarea,label,li,{
			font-family: 'Lexend', sans-serif !important;
		}
		.clear{
			clear:both;
		}
		.login-form button.login[disabled="disabled"] {
			background-color:#ff0000;
		}		
		.modal {
			display: none;
			position: fixed;
			z-index: 3000;
			left: 0;
			top: 0;
			bottom: 0;
			right: 0;
			background-color: rgba(0,0,0,0.7);
			overflow: auto;
		}		
		.modal.shown {
			display: block;
		}		
		.modal-content {
			z-index: 3001;
			margin: 0 auto;
			margin-top: 100px;            
			border-radius: 6px;
			box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
			width: 80%;
			transition: height 0.66s ease-out;
		}		
		.modal-header {
			background: #121212;
			color: white;
			border-radius: 6px 6px 0 0;
			height: 45px;
			  
		}
		.input-control {
			margin: 15px 0;
		}		
		.modal-header > .modal-title {
			font-size: 18px;
			position: relative;
			top: 13px;
			margin-left: 15px;
			text-shadow: 2px 2px 0px rgba(0,0,0,0.1);
			font-weight: 400;
		}		
		.modal-body {
			padding: 20px;
			background-color:white;
			min-height:100px;
			border-radius: 0 0 6px 6px;
		}		 
		.modal-header > .close {
			width: 40px;
			height: 45px;
			float: right;
			border: none;
			color: white;
			background: none;
			font-size: 20px;
			font-weight: bold;
			position:relative;
			z-index:99;
			/* padding: 1rem; */
			/* float: right; */
			
		} 
		.modal-header > .close > span {
			cursor:pointer; 
			outline: none;
		}
		.modal-header > .close:focus,.modal-header > .close:active{
			outline: none !important;
		}		
		.modal-content > .close:before {
			content: 'x';
			font-size: 22px;
		}		
		.modal label {
		    font-family: 'Lexend', helvetica, arial, sans-serif;
		    font-size: 14px;
		    color: #000;
		    text-align: left;
		    display: block;
		}		
		.login-form button.login[disabled="disabled"] {
			background-color:#ff0000;
		}		
		.modal input {
			background-color: #fff;
			border: 1px solid #e9e9e9;
			height: 40px;
			width: 100%;
			text-indent: 20px;
			padding: 0px;
			margin-top:10px;
			border-radius: 4px;
			font-size: 14px;
			color: #808080;
			-webkit-appearance: none;
		}		 
		#modalLogin .error-msg {
			text-align: center;
			margin-bottom: 10px;
			clear: both;
		}
		.error-msg {
			color: red;
			font-size: 12px;
		}


		.header-top-wrapper{
			position: relative;
			width: 100%;
			background: #fff;
			border-bottom: 1px solid rgba(0,0,0,0.1);
		}
		.header-top-container{
			position: relative;
			width: 90%;
			margin: auto;
			max-width: 1400px;
		}
		.header-top-container ul{
			position: relative;
			display: block;
			float: right;
		}
		.header-top-container ul li{
		    position: relative;
		    display: block;
		    float: left;
		    margin: 0px 10px;
		    padding: 10px 0px;
		}
		.header-top-container ul li a{
			font-size: 12px;
			color: #003049;
			font-family: 'Lexend', helvetica, arial, sans-serif;
			text-decoration: none;
		}
		.header-top-container ul li a:hover{
			color: #e3116e;
		}





		.header-main-wrapper{
			position: relative;
			width: 100%;
		}
		.header-main-container{
			position: relative;
			width: 90%;
			margin: auto;
			max-width: 1400px;
			padding: 20px 0px;
		}
		.header-main-left{
			position: relative;
			float: left;
			width: 10%;
			margin-right: 1%;
		}
		.header-main-left img{
			position: relative;
			width: 100%;
			max-width: 90px;
			height: auto;
		}
		.header-main-middle{
			position: relative;
			float: left;
			width: 52%;
		}
		.header-main-middle form{
		    position: relative;
		    border: 1px solid rgba(0, 0, 0, 0.1);
		    border-radius: 37px;
		    height: 35px;
		    padding: 5px 6px;
		    background: #fbf9fe;
			z-index: 1000000;
		}
		.header-main-middle form input{
			float: left;
		    width: 85%;
		    height: 95%;
		    outline: none;
		    border: 0px;
		    margin-left: 10px;
		    background: none;
		}

		.header-main-middle form .search_icon{
		    background: #e3116e;
		    border: 0px;
		    outline: none;
		    border-radius: 30px;
		    width: 35px;
		    height: 35px;
		    float: right;
		    cursor: pointer;
		    text-align: center;
		    line-height: 40px;
		}

		.header-main-middle form .search_icon:hover{
			background: #b30653;
		}
		.header-main-right{
			position: relative;
			float: right;
			width: 25%;
		}
		.header_bottom_right_create_account{
		    position: relative;
		    float: right;
		    width: auto;
		    margin: 0px 1%;
		    cursor: pointer;
		}
		.header_bottom_right_create_account a{
		    position: relative;
		    display: block;
		    border: 1px #4d1f6d;
		    background: #4d1f6d;
		    border-radius: 25px;
		    outline: none;
		    text-decoration: none;
		    color: #fff;
		    padding: 13px 20px;
		    font-size: 14px;
		    cursor: pointer;
		}
		.header_bottom_right_create_account a:hover{
		    border: 1px #340e4e;
		    background: #340e4e;		
		}

		.header_bottom_right_arrow_cont {
		    position: relative;
		    margin-left: 5px;
		    display: inline;
		}		
		.header_bottom_right_login{
		    position: relative;
		    float: right;
		    width: auto;
		    margin: 0px 1%;
		    cursor: pointer;
		}
		.header_bottom_right_login a{
		    position: relative;
		    display: block;
		    border: 1px solid #e3116e;
		    background: #e3116e;
		    border-radius: 25px;
		    outline: none;
		    cursor: pointer;
		    text-decoration: none;
		    color: #fff;
		    padding: 13px 20px;
		    font-size: 14px;
		}
		.header_bottom_right_login a:hover{
		    border: 1px solid #b30653;
			background: #b30653;
		}
		.highlight-wrapper{
			background: #f9f7fc;
		}
		.highlight-container{
			position: relative;
			width: 90%;
			max-width: 1400px;
			margin: auto;
			padding: 30px 0px 20px 0px;
		}
		.highlight-main-wrapper{
		    position: relative;
		    background-color: #5c287d;
		    border-radius: 14px;
		    padding: 45px 11% 100px 6%;
		    width: 83%;
			/*	background-image: url(../images/MFI_highlight_banner.png);	*/
		    background-image: url(../images/mfi_banner_main.png);
		    background-repeat: no-repeat;
		    background-position: 130% 0%;
		    background-size: auto;
		    height: auto;
		    overflow: hidden;
		}
		.highlight-main-wrapper img{
			position: relative;
			display: block;
			width: 100%;
		}
		.highlight-main-left{
		    position: relative;
		    width: 42%;
		    margin-top: 20px;
		    left: 2.5%;
		    z-index: 10;
		}
		/*
		.highlight-main-left h1{
		    font-size: 54px;
		    line-height: 64px;
		    font-family: 'Lilita One', helvetica, arial, sans-serif;
		    color: #fff;
		    text-align: left;
		    margin-bottom: 25px;
		}*/
		.highlight-main-left h1{
		    color: #fff;
		    font-size: 58px;
		    font-family: 'Lilita One', helvetica, arial, sans-serif;
		    font-weight: 300;
		    line-height: 63px;
		    margin-bottom: 25px;
		    text-shadow: 3px 3px 9px rgba(0,0,0,0.1);
		}
		.highlight-main-left h1 span{
			color: #fab12a;
			text-decoration: underline;
		}
		.highlight-main-left h2{
		    font-size: 16px;
		    font-family: 'Lexend', helvetica, arial, sans-serif;
		    margin-bottom: 20px;
		    text-align: left;
		    color: #fff;
		    line-height: 25px;
		}
		.highlight-main-left h2 span{
			color: #fab12a;
			text-decoration: underline;
		}
		.highlight-main-left ul{
			margin-bottom: 25px;
		}
		.highlight-main-left ul li{
			font-size: 14px;
		    text-align: left;
		    color: #fff;
		    line-height: 28px;
		}
		.highlight-main-left ul li svg{
			margin-right: 5px;
		}
		.highlight-main-left ul li span{
			color: #fab12a;
		}
		.highlight-main-create-btn{
		    position: relative;
		    display: block;
		    background: #b518aa;
		    border-radius: 30px;
		    outline: none;
		    text-decoration: none;
		    color: rgb(255, 255, 255);
		    padding: 16px 50px;
		    font-size: 16px;
		    cursor: pointer;
		    border: 0px;
		    font-family: 'Lexend', helvetica, arial, sans-serif;
		}
		.highlight-main-create-btn:hover{
			background: #890a80;
		}

		.highlight-features-wrapper{
			position: relative;
			margin-top: 20px;
		}
		.highlight-features-single{
		    position: relative;
		    width: 32.5%;
		    float: left;
		    border-radius: 10px;
		}
		.highlight-features-single-middle{
		    margin: 0px 1% 20px 1% !important;
		}
		.highlight-features-single p{
			padding: 20px;
		}
		.highlight-features-single img{
		    display: block;
		    width: 100%;
		}







		.header-footer-wrapper{
		    position: relative;
		    margin: 0px 0px 0px 0px;
		    border-top: 1px solid rgba(0, 0, 0, 0.1);
		    padding: 25px 0px 25px 0px;
		    background: #fff;
		    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		}
		.header-footer-container{
			position: relative;
			width: 90%;
			max-width: 1400px;
			margin: auto;
		}
		.header-footer-left{
			position: relative;
			width: 80%;
			float: left;
		}
		.header-footer-right{
			position: relative;
			width: 20%;
			float: left;
		}
		.header-footer-left ul{
			position: relative;

		}
		.header-footer-left ul li{
		    position: relative;
		    float: left;
		    margin: 0px 45px 0px 0px
		}
		.header-footer-left ul li a{
			color: #4d1f6d;
			font-size: 16px;
			font-weight: 500;
			text-decoration: none;
		}
		.header-footer-left ul li a:hover{
			color: #e3116e;
		}







		.header-features-wrapper{
			width: 100%;
			background: #f2eaf9;
		}
		.header-features-container{
			position: relative;
			width: 90%;
			max-width: 1400px;
			padding: 15px 0px;
			margin: auto;
		}
		.header-features-container ul{
			position: relative;
		}
		.header-features-container ul li{
			position: relative;
			float: left;
			margin: 0px 40px 0px 0px;
			color: #4d1f6d;
			font-size: 13px;
		}




	.customer_favourites_wrapper{
		position: relative;
		width: 100%;
	}

	.customer_favourites_container{
		position: relative;
		width: 90%;
		max-width: 1400px;
		margin: auto;
		padding: 50px 0px 0px 0px;
	}
	.hp_title{
	    font-size: 19px;
	    text-align: left;
	    color: #5c287d;
	    font-weight: 500;
	    margin-top: 5px;
	    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	    padding-bottom: 15px;
	    margin-bottom: 20px;
	}
	.customer_favourites_single{
	    position: relative;
	    width: 16%;
	    margin: 0px 0.9%;
	    border: 1px solid rgba(0, 0, 0, 0.1);
	    padding: 50px 1% 20px 1%;
	    border-radius: 18px;
	    float: left;
	}
	.customer_favourites_single img{
		position: relative;
		width: 100%;
		display: block;
		height: auto;
		margin-bottom: 10px;
	}
	.customer_favourite_brand{
		color: #999;
	    font-size: 14px;
	    margin: 20px 0px 10px 0px;
	}
	.customer_favourite_product{
	    font-weight: 500;
	    color: #000;
	    font-size: 15px;
	    line-height: 18px;
	}
	.customer_favourite_price{
	    color: #ab1650;
	    font-size: 16px;
	    margin: 10px 0px 10px 0px;
	}
	.top-pick{
		position: absolute;
	    top: 10px;
	    right: 10px;
	    background: #5c287d;
	    color: #fff;
	    font-size: 13px;
	    padding: 6px 8px;
	    z-index: 10;
	    border-radius: 15px;
	}






	.newest_items_wrapper{
		position: relative;
		width: 100%;
	}

	.newest_items_container{
		position: relative;
		width: 90%;
		max-width: 1400px;
		margin: auto;
		padding: 40px 0px 40px 0px;
	}

	.newest_items_single{
		position: relative;
	    width: 13.1%;
	    margin: 1px 0.7%;
	    border: 1px solid rgba(0, 0, 0, 0.1);
	    padding: 20px 1% 20px 1%;
	    border-radius: 18px;
	    float: left;
	}

	.newest_items_single img{
		position: relative;
		width: 100%;
		display: block;
		height: auto;
		margin-bottom: 10px;
	}
	.home_features_shop_btn_wrapper{
		position: relative;
		width: 100%;
		text-align: center;
		margin-top: 50px;
	}
	.home_features_shop_btn_wrapper p{
		text-align: center;
	    font-size: 14px;
	    line-height: 21px;
	    margin-top: 40px;
	    font-weight: 300;
	}
	.home_features_shop_btn{
	    position: relative;
	    display: block;
	    border: 1px #4d1f6d;
	    background: #4d1f6d;
	    border-radius: 25px;
	    outline: none;
	    text-decoration: none;
	    color: #fff;
	    padding: 13px 30px;
	    font-size: 14px;
	    cursor: pointer;
	    font-family: 'Lexend', sans-serif;
	    margin: auto;
	}










		.footer_wrapper{
			width: 100%;
		    position: relative;
		    background-color: #381154;
		}
		.footer_container{
		    width: 95%;
		    max-width: 1300px;
		    margin: auto;
		    padding: 30px 0px;
		}
		.footer_container p{
		    font-size: 14px;
		    line-height: 21px;
		    font-weight: 300;
		    text-align: center;
		    color: #fff;
		}



		.footer_blog_wrapper{
			position: relative;
			width: 100%;
			background: #f2eaf9;
		}
		.footer_blog_container{
			position: relative;
			width: 90%;
			max-width: 1400px;
			margin: auto;
			padding: 40px 0px;
		}
		.footer_blog_container h5{
		    font-size: 19px;
		    text-align: left;
		    color: #5c287d;
		    font-weight: 500;
		    margin-top: 5px;
		    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		    padding-bottom: 15px;
		    margin-bottom: 20px;
		}
		.footer_blog_single{
			position: relative;
			display: block;
			width: 30%;
			margin: 0px 1.5%;
			border-radius: 20px;
			float: left;
		}
		.footer_blog_single_top{
			position: relative;
		    width: 100%;
		    border-radius: 15px 15px 0px 0px;
		    overflow: hidden;
		}
		.footer_blog_single_top img{
			position: relative;
			display: block;
		}
		.footer_blog_single_bottom{
			position: relative;
			width: 90%;
			padding: 20px 5%;
			background: #fff;
			border-radius: 0px 0px 15px 15px;
		}
		.footer_blog_single_bottom h4{
		    font-size: 20px;
		    text-align: left;
		    margin-bottom: 15px;
		    color: #5c287d;
		    font-weight: 500;
		    margin-top: 5px;
		}
		.footer_blog_single_bottom p{
			font-size: 14px;
		    text-align: left;
		    margin-bottom: 10px;
		    color: #636363;
		    line-height: 22px;
		    font-weight: 400;
		}
		.footer_blog_single_bottom a{
			font-size: 14px;
		    text-align: left;
		    color: #5c287d;
		    text-decoration: underline;
		    margin-top: 30px;
		    position: relative;
		    display: block;
		}






		.home_features_pink_wrapper{
			position: relative;
			width: 100%;
			padding-bottom: 50px;
		}
		.home_features_pink_container{
			position: relative;
			width: 90%;
			max-width: 1400px;
			margin: auto;
		}
		.home_features_pink_single{
		    position: relative;
		    float: left;
		    width: 48%;
		    margin: auto 1%;
		    background: #f2eaf9;
		    border-radius: 20px;
		    overflow: hidden;
		}
		.home_features_pink_left_col{
		    position: relative;
		    float: left;
		    width: 45%;
		    padding: 10px 0px 0px 5%;
		}
		.home_features_pink_right_col{
		    position: relative;
		    float: left;
		    width: 40%;
		    margin: 30px 5% 0px 5%;
		}
		.home_features_pink_left_col img{
			position: relative;
			display: block;
			width: 100%;
			max-width: 300px;
		}
		.home_features_pink_right_col h5{
		    font-size: 19px;
		    color: #411454;
		    line-height: 24px;
		    font-weight: 600;
		    margin-bottom: 10px;
		}
		.home_features_pink_right_col p{
   			font-size: 14px;
		    line-height: 19px;
		    margin-bottom: 15px;
		}
		.home_features_pink_right_col button{
		    position: relative;
		    display: block;
		    border: 1px #4d1f6d;
		    background: #4d1f6d;
		    border-radius: 25px;
		    outline: none;
		    text-decoration: none;
		    color: #fff;
		    padding: 13px 30px;
		    font-size: 14px;
		    cursor: pointer;
		    font-family: 'Lexend', sans-serif;
		}
		.home_features_pink_right_col button:hover{
		    border: 1px #340e4e;
		    background: #340e4e;
		}
		.home_features_shop_btn:hover{
		    border: 1px #340e4e;
		    background: #340e4e;
		}


		.home_energy_wrapper{
			position: relative;
			width: 100%;
			background: #F2EAF8;
		}
		.home_energy_container{
		    position: relative;
		    width: 90%;
		    margin: auto;
		    max-width: 1400px;
		    height: 680px;
		}
		.small_hp_delivery_man_img{
			position: absolute !important;
		    top: 0px;
		    left: 0px;	
		}
		.small_hp_music_man_img{
			position: absolute !important;
		    top: 0px;
		    left: 0px;	
		}		
		.hp_delivery_man_img{
			position: absolute;
		    top: 0px;
		    left: 0px;
		}
		.small_hp_music_man_img_two{
			opacity: 1;
    		animation: fade 2s infinite;
		}
		.small_hp_delivery_man_img_two{
			opacity: 1;
    		animation: fade 1s infinite;
		}
		.hp_delivery_man_img_one{

		}
		.hp_delivery_man_img_two{
			opacity: 1;
    		animation: fade 1s infinite;
		}

		@keyframes fade {
		  0%,100% { opacity: 0 }
		  50% { opacity: 1 }
		}
		.home_energy_left{
			position: relative;
			float: left;
			width: 50%;
		}
		.home_energy_right{
			position: relative;
			float: right;
			width: 40%;
			margin-left: 7%;
			margin-top: 150px;
		}
		.home_energy_right h4{
		    background: #E2116E;
		    padding: 7px 15px;
		    border-radius: 20px;
		    display: inline-block;
		    font-size: 14px;
		    color: #fff;
		}
		.home_energy_right h5{
		    font-size: 58px;
		    color: #411454;
		    font-family: 'Lilita One', helvetica, arial, sans-serif;
		    margin: 20px 0px 25px 0px;
		    line-height: 64px;
		}
		.home_energy_right h5 span{
			color: #fab12a;

		}
		.home_energy_right h6{
			font-size: 21px;
		    line-height: 27px;
		    margin-bottom: 25px;
		    color: #411454;
		}
		.home_energy_right p{
		    font-size: 14px;
		    color: #411454;
		}
		.home_energy_right_postcode_container{
			position: relative;
			width: 100%;
			background: #fff;
			border-radius: 40px;
			padding: 5px;
			overflow: hidden;
			margin-top: 15px;
		}
		.home_energy_right_postcode_container input{
		    width: 70%;
		    padding: 20px 0px;
		    outline: none;
		    border: 0px;
		    text-indent: 20px;
		    font-size: 16px;
		}
		.home_energy_right_postcode_btn{
		    position: relative;
		    float: right;
		    background: #b518aa;
		    color: #fff;
		    border-radius: 30px;
		    border: 0px;
		    outline: none;
		    width: 25%;
		    padding: 22px 0px;
		    font-size: 16px;
		    font-family: 'Lexend', helvetica, arial, sans-serif;
		    text-decoration: none;
		    text-align: center;
		}
		.home_energy_right_postcode_btn:hover{
		    background: #890a80;
		}



		.home_suppliers_energy_wrapper{
			position: relative;
			width: 100%;
		}
		.home_suppliers_energy_container{
			position: relative;
			width: 90%;
			margin: auto;
			max-width: 1200px;
		}
		.suppliers-energy-single {
		    position: relative;
		    margin: 20px 0px;
		}
		.suppliers-energy-single img {
		    position: relative;
		    float: left;
		    display: block;
		    width: 10%;
		    margin: 0px 3%;
		}





		.home_energy_right_ybmdn_img{
		    position: absolute;
		    left: 60px;
		    margin-top: -5px;
		    z-index: 10;
		}



		.home_quote_wrapper{
			position: relative;
			width: 100%;
		}
		.home_quote_container{
			position: relative;
			width: 90%;
			max-width: 1100px;
			margin: auto;
			padding: 40px 0px;
		}
		.home_quote_left{
			position: relative;
			float: left;
			width: 50%;
			text-align: center;
		}
		.home_quote_left img{
			width: 100%;
			max-width: 514px;
		}
		.home_quote_right{
		    position: relative;
		    float: left;
		    width: 38%;
		    margin-top: 70px;
		    background: #f2eaf9;
		    padding: 15px 3% 20px 4%;
		    border-radius: 20px;
		}
		.home_quote_right h6{
		    font-size: 37px;
		    color: #411454;
		    font-family: 'Lilita One', helvetica, arial, sans-serif;
		    margin: 20px 0px 20px 0px;
		    line-height: 42px;
		}
		.home_quote_right p{
			font-size: 18px;
		    line-height: 27px;
		    margin-bottom: 20px;
		    color: #411454;
		}
		.home_quote_right label{
			font-size: 14px;
		    line-height: 27px;
		    margin-bottom: 15px;
		    color: #411454;
		    display: block;
		    text-decoration: underline;
		}




		.trustpilot_wrapper{
			position: relative;
			width: 100%;
		}
		.trustpilot_container{
			position: relative;
			width: 90%;
			max-width: 1400px;
			margin: auto;
			    padding: 20px 0px 40px 0px;
		}
		.trustpilot_single_svg_container{
			width: 100px;
		}
		.trustpilot_single{
			position: relative;
		    float: left;
		    width: 19%;
		    margin: 0px 1%;
		    border: 1px solid rgba(0, 0, 0, 0.1);
		    padding: 20px 1.5%;
		}
		.trustpilot_container h5{
			font-size: 42px;
		    color: #411454;
		    font-family: 'Lilita One', helvetica, arial, sans-serif;
		    margin: 20px 0px 20px 0px;
		    line-height: 47px;
		    text-align: center;
		}
		.trustpilot_single_para{
		    text-align: center;
		    font-weight: 400;
		    font-size: 21px;
		    line-height: 27px;
		    margin-bottom: 35px;
		    color: #411454;
		}
		.trustpilot_main_svg{
			position: relative;
			display: block;
			text-align: center;
		}
		.trustpilot_single h6{
		    font-size: 19px;
		    color: #000;
		    line-height: 25px;
		    font-weight: 600;
		    margin: 15px 0px 10px 0px;
		}
		.trustpilot_single p{
			font-size: 14px;
		    text-align: left;
		    margin-bottom: 10px;
		    color: #636363;
		    line-height: 22px;
		    font-weight: 400;
		}
		.trustpilot_single label{
			font-size: 14px;
		    color: #000;
		    line-height: 24px;
		    font-weight: 500;
		    display: block;
		    margin: 20px 0px 0px 0px;
		}
		.home_quote_icon{
		    position: absolute;
		    bottom: -35px;
		}




		.home_highlight_wrapper{
		    position: relative;
		    width: 100%;
		    margin: 50px 0px 0px 0px;
		}
		.home_highlight_container{
		    position: relative;
		    width: 90%;
		    margin: auto;
		    max-width: 1000px;
		    background: #f2eaf9;
		    padding: 20px 1.5%;
		    border-radius: 15px;
		    padding: 25px 1.5% 0px 1.5%;
		    overflow: hidden;
		}
		.home_highlight_left{
			position: relative;
			float: left;
			width: 60%;
			margin-right: 5%;
		}
		.home_highlight_left img{
			position: relative;
			display: block;
		}
		.home_highlight_right{
			position: relative;
			float: right;
			width: 35%;
			margin-top: 10px;
		}
		.home_highlight_right h6{
		    font-size: 25px;
		    color: #411454;
		    line-height: 31px;
		    font-weight: 600;
		    margin-bottom: 10px;
		}
		.home_highlight_right h6 span{
		    color: #b518aa;
		}
		.home_highlight_right p{
		    font-size: 14px;
		    line-height: 19px;
		    margin-bottom: 15px;
		}
		.home_highlight_container button{
		    position: relative;
		    display: block;
		    border: 1px rgb(77, 31, 109);
		    background: rgb(77, 31, 109);
		    border-radius: 25px;
		    outline: none;
		    text-decoration: none;
		    color: rgb(255, 255, 255);
		    padding: 13px 20px;
		    font-size: 14px;
		    cursor: pointer;
		    font-family: 'Lexend', helvetica, arial, sans-serif;
		}
		.home_highlight_container button:hover{
			border: 1px #340e4e;
   			background: #340e4e;
		}










		/* Application Page Styling */
		.apply_now_wrapper{
			position: relative;
			width: 100%;
			background: #f9f7fc;
		}
		.apply_now_container{
			position: relative;
			width: 90%;
			max-width: 1400px;
			margin: auto;
			padding: 50px 0px;
		}
		.apply_now_container form{
		    border: 1px solid rgba(0, 0, 0, 0.1);
		    border-radius: 15px;
		    padding: 35px 2.5%;
		    background: #fff;
		    margin: 40px auto auto auto;
		}
		.apply_now_container h1{
		    font-size: 49px;
		    color: #411454;
		    font-family: 'Lilita One', helvetica, arial, sans-serif;
		    margin: 0px 0px 10px 0px;
		    line-height: 64px;
		    text-align: center;
		    font-weight: 400;
		}
		.apply_now_container h1 span{
			color: #fab12a;
		}
		.apply_now_container h2{
			font-family: 'Lexend', helvetica;
			font-size: 21px;
			text-align:center;
			margin-bottom: 20px;
			color: #411454;
			line-height: 28px;
		}




.apply_create_title {
    font-size: 17px;
    line-height: 28px;
    color: #000;
    margin-bottom: 20px;
    font-weight: 500;
    font-family: 'Lexend', serif;
    text-align: left;
    margin-top: 0px;
    text-decoration: underline;
}
.home_apply_left_col_input_container {
    width: 31%;
    float: left;
    margin: 0px 1% 20px 1%;
}
.home_apply_left_col_input_container input{
    display: block;
    width: 100%;
    height: 50px;
    border-radius: 6px;
    text-indent: 15px;
    margin: 10px auto auto auto;
    background: #f9f7fc;
}
.home_apply_left_col_input_container select{
    display: block;
    width: 100%;
    height: 50px;
    border-radius: 6px;
    text-indent: 15px;
    margin: 10px auto auto auto;
    border: 0px;
    background: #f9f7fc;
}
.dateofbirth_dropdown{
	position: relative;
	float: left !important;
	width: 30% !important;
	margin: 10px 1.5% 0px 1.5% !important;
}
.home_apply_left_col_input_container label{
	display: block;
	font-size: 14px;
}
.invalid-message{
	display: none;
}
.valid-message{
	display: none;
}
.application_send_app_btn{
    position: relative;
    display: block;
    background: #e3226e;
    border-radius: 30px;
    outline: none;
    text-decoration: none;
    color: rgb(255, 255, 255);
    padding: 16px 0px;
    width: 90%;
    max-width: 400px;
    font-size: 16px;
    cursor: pointer;
    border: 0px;
    font-family: 'Lexend', helvetica, arial, sans-serif;
    margin: 20px auto;
}
.application_send_app_btn:hover{
	background: #c9155c;
}
.application-reg-statement p{
    font-size: 14px;
    text-align: center;
    line-height: 20px;
}



/* Mobile Navigation */
.header_mobile_nav_wrapper{
	position: relative;
	width: 100%;
	padding: 15px 0px;
	display: none;
}
.header_mobile_nav_container{
	position: relative;
	width: 90%;
	margin: auto;
}


.header_mobile_nav_top{
	position: relative;
}
.header_mobile_nav_bottom{
	position: relative;
    width: 96%;
    background: #fff;
    border: 1px solid rgba(0,0,0,0.1);
    padding: 5px 2% 5px 2%;
    border-radius: 30px;
    margin-top: 10px;
    z-index: 1000000;
}
.search_backdrop_wrapper{
    z-index: 10000;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    display: none;
}
.header_mobile_nav_bottom .search_icon{
    background: #e3116e;
    border: 0px;
    outline: none;
    border-radius: 30px;
    width: 35px;
    height: 35px;
    float: right;
    cursor: pointer;
    text-align: center;
    line-height: 41px;
}
.header_mobile_nav_bottom form input{
    position: relative;
    width: 80%;
    height: 33px;
    border: 0px;
    outline: none;
    background: #fff;
    text-indent: 10px;
    font-size: 14px;
    font-family: 'Lexend', helvetica, arial, sans-serif;
    font-weight: 400;
}
.header_mobile_nav_left{
	position: relative;
	float: left;
	width: 20%;
	margin-right: 5%;
}
.header_mobile_nav_left img{
	position: relative;
	display: block;
	width: 100%;
	height: auto;
}
.header_mobile_nav_right{
	position: relative;
	float: right;
	width: 70%;
	margin-top: 5px;
}
.header_mobile_nav_right ul{
	float: right;
	position: relative;
	width: 100%;
}
.header_mobile_nav_right ul li{
	position: relative;
    margin: 0px 2.5%;
    float: right;
}
.header_mobile_nav_right ul li a{
    font-size: 14px;
    text-decoration: none;
    color: #000;
    font-weight: 400;
}
.header_mobile_nav_right ul li a i{
	text-align: center;
    display: block;
    color: #a0a0a0;
    margin-bottom: 5px;
    font-size: 15px;
}
.customer_favourite_ndd{
    position: relative;
    background: #f2eaf9;
    padding: 5px 7px 7px 7px;
    display: inline-block;
    margin: 0px;
    border-left: 2px solid #ab1650;
}
.customer_favourite_ndd label{
    font-size: 10px;
    padding: 0px;
    line-height: 13px;
    margin: 0px;
    color: #ab1650;
    font-family: 'Lexend', helvetica, arial, sans-serif;
}
.customer_favourite_more_btn{
	position: relative;
    display: block;
    border: 2px #4d1f6d;
    background: #fff;
    border-radius: 25px;
    outline: none;
    text-decoration: none;
    color: #4d1f6d;
    padding: 13px 30px;
    font-size: 14px;
    cursor: pointer;
    font-family: 'Lexend', sans-serif;
    margin: 20px auto auto auto;
    border: 2px solid;
}
.customer_favourite_more_btn:hover{
	border: 2px solid #340e4e;
    background: #340e4e;
    color: #ffffff;
}
.home_categories_wrapper{
    position: relative;
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding: 15px 0px;
    display: none;
}
.home_categories_container{
	position: relative;
	width: 90%;
	max-width: 1400px;
	margin: auto;
}
.home_categories_single{
    position: relative;
    float: left;
    width: 10%;
    margin: 0px 1%;
    display: none;
    cursor: pointer;
    text-decoration: none;
}
.home_categories_single:hover .home_categories_single_img img{
	top: 5px;
}
.home_categories_single_img{
	position: relative;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 85px;
    text-align: center;
    overflow: hidden;
    padding: 20px;
}
.home_categories_single img{
	position: relative;
	width: 100%;
	height: auto;
}
.home_categories_single p{
    font-size: 13px;
    line-height: 19px;
    text-align: center;
    margin-top: 5px;
}
.home_how_it_works_wrapper{
    position: relative;
    width: 100%;
    background: #faf6ff;
    padding: 20px 0px;
}
.home_how_it_works_container{
	position: relative;
	width: 90%;
	max-width: 1200px;
	margin: auto;
	text-align: center;
}
.home_how_it_works_container h2{
    font-size: 38px;
    color: #411454;
    font-family: 'Lilita One', helvetica, arial, sans-serif;
    margin: 20px 0px 45px 0px;
    line-height: 64px;
    font-weight: 600;
    text-align: center;
}
.home_how_it_works_single{
	position: relative;
	float: left;
	width: 19%;
	margin: 0px;
}
.home_how_it_works_single h3{
    font-size: 18px;
    color: #411454;
    line-height: 23px;
    font-weight: 600;
    margin-bottom: 10px;
    text-align: center;
}
.home_how_it_works_single p{
	font-size: 14px;
    line-height: 19px;
}
.home_how_it_works_single_img{
    position: relative;
    width: 100%;
    max-width: 200px;
    margin: auto auto 20px auto;
}
.how_it_works_arrow_one{
	position: relative;
    width: 7%;
    float: left;
    margin: 0px 0.5%;
    top: 40px;
}
.how_it_works_arrow_two{
	position: relative;
    width: 7%;
    float: left;
    margin: 0px 0.5%;
    top: 120px;
}
.home_how_it_works_btn{
	position: relative;
    display: block;
    border: 1px #4d1f6d;
    background: #4d1f6d;
    border-radius: 30px;
    outline: none;
    text-decoration: none;
    color: #fff;
    padding: 19px 30px;
    font-size: 15px;
    cursor: pointer;
    font-family: 'Lexend', sans-serif;
    width: 90%;
    max-width: 250px;
    margin: 70px auto 50px auto;
}
.home_how_it_works_btn:hover{
    border: 1px #340e4e;
    background: #340e4e;
}

.flash_wrapper{
	width: 100%;
	background: #4d1f6d;
}
.flash_container{
	width: 90%;
	max-width: 1200px;
	padding: 10px 0px;
	text-align: center;
	margin: auto;
}
.flash_container p{
	color: #fff;
	font-size: 13px;
	text-align: center;
}



.hp-highlight-wrapper{
	position: relative;
	background: #f9f7fc;
	padding: 30px 0px;
}
.hp-highlight-container{
	position: relative;
	width: 90%;
	max-width: 1400px;
	margin: auto;
}
.hp-highlight-left-col{
	position: relative;
	float: left;
	width: 58%;
	margin: 0px 2% 0px 0px;
}
.hp-highlight-left-col-inside{
    position: relative;
    width: 95%;
    background: #5c287d;
    border-radius: 16px;
    text-align: center;
    padding: 20px 2.5%;
    height: 430px;
}
.hp-highlight-left-col-inside h1{
	color: #fff;
    font-size: 42px;
    font-family: 'Lexend';
    font-weight: bold;
    line-height: 47px;
    margin-bottom: 20px;
}
.hp-highlight-left-col-inside h1 span{
	color: #FAB12A;
}
.hp-highlight-left-col-inside p{
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
}

.hp-highlight-left-col-inside a{
	position: relative;
    display: block;
    background: #b518aa;
    border-radius: 30px;
    outline: none;
    text-decoration: none;
    color: rgb(255, 255, 255);
    padding: 16px 50px;
    font-size: 16px;
    cursor: pointer;
    border: 0px;
    font-family: 'Lexend', helvetica, arial, sans-serif;
    margin: 30px auto auto auto;
    max-width: 200px;
}
.hp-highlight-left-col-inside a:hover{
	background: #a60e9c;
}
.hp-highlight-right-col{
    width: 100%;
    margin-top: 20px;
}
.hp-highlight-right-col-top{
    position: relative;
    width: 45.5%;
    float: left;
    background: #f2eaf9;
    margin: auto auto 15px auto;
    border-radius: 16px;
    overflow: hidden;
    padding: 10px 2% 25px 2%;
    margin-right: 1%;
}

.hp-highlight-right-col-top-left{
	position: relative;
	float: left;
	width: 50%;
}
.hp-highlight-right-col-top-right{
    position: relative;
    float: right;
    width: 40%;
    margin-left: 6.5%;
    margin-top: 30px;
}
.hp-highlight-right-col-top-right h5{
    font-size: 18px;
    color: #411454;
    line-height: 23px;
    font-weight: 600;
    margin-bottom: 10px;
}
.hp-highlight-right-col-top-right p{	
	    font-size: 14px;
    line-height: 19px;
    margin-bottom: 15px;
}
.hp-highlight-right-col-top-right button{	
	position: relative;
    display: block;
    border: none;
    background: #4d1f6d;
    border-radius: 25px;
    outline: none;
    text-decoration: none;
    color: #fff;
    padding: 13px 30px;
    font-size: 14px;
    cursor: pointer;
    font-family: 'Lexend', sans-serif;
}
.hp-highlight-right-col-top-left img{
    position: relative;
    display: block;
    width: 100%;
    max-width: 300px;
}




.hp-highlight-footer-col{
	position: relative;
	width: 100%;
	margin: 0px auto auto auto;
}

.hp-highlight-footer-col-single{
    position: relative;
    float: left;
    width: 23%;
    margin: 0px 1% 0px 0px;
    background: #f2eaf9;
    border-radius: 16px;
    padding: 20px 0.6%;
}

.hp-highlight-footer-col-single-left{
	position: relative;
	width: 48%;
	float: left;
}

.hp-highlight-footer-col-single-left img{
    position: relative;
    width: 90%;
    height: auto;
    margin: auto;
    display: block;
}

.hp-highlight-footer-col-single-right{
	position: relative;
	width: 48%;
	float: left;
	margin-left: 4%;
	margin-top: 15px;
}

.hp-highlight-footer-col-single-right h3{
    font-size: 15px;
    color: #411454;
    line-height: 19px;
    font-weight: 500;
    margin-bottom: 10px;
}
.hp-highlight-footer-col-single-right p{
    font-size: 12px;
    color: #411454;
    line-height: 15px;
    font-weight: 400;
    margin-bottom: 9px;
    display: none;
}

.hp-highlight-footer-col-single-right a{
    padding: 10px;
    border-radius: 20px;
    background: #9a208c;
    color: #fff;
    text-decoration: none;
    height: 7px;
    display: block;
    width: 7px;
    text-align: center;
    line-height: 4px;
    font-size: 14px;
}


.hp-figures-wrapper{
	position: relative;
	width: 100%;
	padding: 40px 0px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.hp-figures-container{
    position: relative;
    width: 85%;
    margin: auto;
    max-width: 1000px;
    border: 2px solid #e3226e;
    border-radius: 16px;
    padding: 25px 2%;
}
.hp-figures-container h4{
    font-size: 20px;
    color: #411454;
    font-weight: 600;
    margin-bottom: 25px;
    line-height: 26px;
}
.hp-figures-disclaimer{
    font-size: 13px;
    line-height: 17px;
    margin-top: 15px;
    text-align: center;
}
.hp-figures-container h4 span{
	color: #e3226e;
	text-decoration: underline;
}
.hp-figures-single{
    position: relative;
    float: left;
    width: 17%;
    background: #f9e4ec;
    border-radius: 10px;
    padding: 20px 2.5%;
    margin: 0px 1%;
}

.hp-figures-single h6{
	color: #4d1f6d;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    margin: 0px 0px 7px 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 9px;
}
.hp-figures-single h6 span{
	font-size: 16px;
	font-weight: 500;
}
.hp-figures-single p{
	text-align: center;
	font-size: 14px;
	color: #4d1f6d;
	padding: 5px 0px 0px 0px;
}
.hp-figures-single-btn{
	position: relative;
    float: right;
    width: 25%;
    border-radius: 10px;
    padding: 20px 0;
}
.hp-figures-single-btn button{
    position: relative;
    display: block;
    background: #e3226e;
    border-radius: 30px;
    outline: none;
    text-decoration: none;
    color: rgb(255, 255, 255);
    padding: 16px 50px;
    font-size: 16px;
    cursor: pointer;
    border: 0px;
    font-family: 'Lexend', helvetica, arial, sans-serif;
}
.hp-figures-single-btn button:hover{
    background: #b30653;
}
.hp-figures-single-btn a{
	text-align: center;
    text-decoration: underline;
    color: #000;
    display: block;
    margin: 12px auto auto auto;
    font-size: 14px;
}









.hp-highlight-right-col-bottom{
    position: relative;
    width: 45.5%;
    float: left;
    background: #f9e4ec;
    margin: auto auto 15px auto;
    border-radius: 16px;
    overflow: hidden;
    padding: 10px 2% 30px 2%;
}

.hp-highlight-right-col-bottom-right{
	position: relative;
	float: left;
	width: 55%;
}
.hp-highlight-right-col-bottom-left{
	position: relative;
    float: left;
    width: 35%;
    margin-left: 9%;
    margin-top: 30px;
}
.hp-highlight-right-col-bottom-left h5{
    font-size: 18px;
    color: #411454;
    line-height: 23px;
    font-weight: 600;
    margin-bottom: 10px;
}
.hp-highlight-right-col-bottom-left p{	
	font-size: 13px;
    line-height: 17px;
    margin-bottom: 15px;
}
.hp-highlight-right-col-bottom-left button{	
    position: relative;
    display: block;
    border: none;
    background: #4d1f6d;
    border-radius: 25px;
    outline: none;
    text-decoration: none;
    color: #fff;
    padding: 13px 30px;
    font-size: 14px;
    cursor: pointer;
    font-family: 'Lexend', sans-serif;
}
.hp-highlight-right-col-bottom-right img{
    position: relative;
    display: block;
    width: 100%;
    max-width: 300px;
    text-align: center;
    margin: auto;
}
.trustpilot_hp_svg{
    position: relative;
    display: block;
    max-width: 100px;
    text-align: left;
    margin: 30px auto 20px 0px;
}
.trustpilot_hp_svg .st0TPM{
	fill:#ffffff !important;
}
.hp-highlight-footer-col-single-final{
	margin: 0px !important; 
}
.st3TPM{
	fill: #4b1b69 !important;
}
.st0Tick{
	fill: #fab12a !important;
}

.customer_heart_container{
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 10;
    width: 30px;
}
.hp-highlight-svg-container{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 50%;
}
.home_plans_wrapper{
	position: relative;
	width: 100%;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.home_plans_container{
	position: relative;
	width: 90%;
	margin: auto;
	max-width:1200px;
	padding: 80px 0px;
}
.home_plans_left_col{
	position: relative;
	float: left;
	width: 50%;
}
.home_plans_left_col img{
	position: relative;
	width: 100%;
	max-width: 500px;
	height: auto;
}
.home_plans_right_col{
	position: relative;
	float: left;
	width: 50%;	
	margin-top: 50px;
}

.home_plans_right_col h4{
    font-size: 49px;
    color: #411454;
    font-family: 'Lilita One', helvetica, arial, sans-serif;
    margin: 20px 0px 10px 0px;
    line-height: 52px;
}
.home_plans_right_col h4 span{
	color: #fab12a;
}
.home_plans_table, .home_plans_table th, .home_plans_table td{
    border: 1px solid black;
    border-collapse: collapse;
    padding: 10px 15px;
    font-size: 14px;
    text-align: left;
    margin: 20px 0px 0px 0px;
}
.home_plans_table th{
	font-weight: bold;
}
.home_plans_table td{
	font-weight: 400;
}
.home_plans_right_col_sub_heading{
    margin-bottom: 25px;
    line-height: 23px;
    font-size: 16px;
}
.home_plans_right_col_para{
	margin-top: 25px;
	line-height: 20px;
	font-size: 14px;
}
.plans_table{
	margin: 25px auto !important;
}
.plans_table, .plans_table th, .plans_table td{
    border: 1px solid black;
    border-collapse: collapse;
    padding: 10px 15px;
    font-size: 14px;
    text-align: left;
    margin: 20px 0px 0px 0px;
}
.plans_table th{
	font-weight: bold;
}
.plans_table td{
	font-weight: 400;
}
.highlight-main-inside-right{
    position: absolute;
    top: 0px;
    right: 10%;
}
#home_optin_container input{
    float: left;
    display: inline;
    width: 4%;
}

#home_optin_container p{
    font-size: 13px;
    font-weight: 400;
    color: #000;
    margin-bottom: 7px;
    display: inline;
    float: left;
    width: 90%;
    line-height: 18px;
}

.home_energy_apply_btn{
	position: relative;
	display: block;
	border: 1px rgb(77, 31, 109);
	background: rgb(77, 31, 109);
	border-radius: 30px;
	outline: none;
	text-decoration: none;
	color: rgb(255, 255, 255);
	padding: 17px 20px;
	font-size: 16px;
	cursor: pointer;
	font-family: 'Lexend', helvetica, arial, sans-serif;
	width: 90%;
	max-width: 300px;
	text-align: center;
	margin: 20px 0px 0px 0px;
}


/*

.home_starter_plan_wrapper{
    position: relative;
    width: 100%;
    background: #F2EAF8;
}
.home_starter_plan_container{
    position: relative;
    width: 90%;
    margin: auto;
    max-width: 1400px;
    height: 680px;
}
.home_starter_plan_left_col{
    position: relative;
    float: left;
    width: 50%;
}
.home_starter_plan_right_col{
	    position: relative;
    float: right;
    width: 40%;
    margin-left: 7%;
    margin-top: 150px;
}
.home_starter_plan_right_col h4{
    background: #E2116E;
    padding: 7px 15px;
    border-radius: 20px;
    display: inline-block;
    font-size: 14px;
    color: #fff;
}
.home_starter_plan_right_col h5{
	font-size: 58px;
    color: #411454;
    font-family: 'Lilita One', helvetica, arial, sans-serif;
    margin: 20px 0px 25px 0px;
    line-height: 64px;
}
.home_starter_plan_right_col h5 span{
	color: #fab12a;
}
.home_starter_plan_right_col h6{
	font-size: 21px;
    line-height: 27px;
    margin-bottom: 25px;
    color: #411454;
}
.home_starter_plan_right_col p{
	font-size: 14px;
    color: #411454;
}

.home_starter_plan_right_col a{
    position: relative;
    display: block;
    border: 1px rgb(77, 31, 109);
    background: rgb(77, 31, 109);
    border-radius: 30px;
    outline: none;
    text-decoration: none;
    color: rgb(255, 255, 255);
    padding: 17px 20px;
    font-size: 16px;
    cursor: pointer;
    font-family: 'Lexend', helvetica, arial, sans-serif;
    width: 90%;
    max-width: 300px;
    text-align: center;
    margin: 20px 0px 0px 0px;
}


*/
@media only screen and (max-width :800px){
	.home_energy_apply_btn{

	}

	.apply_now_container h1{
	    font-size: 42px;
	    margin: 0px 0px 20px 0px;
	    line-height: 46px;
	}

#home_optin_container input{
    width: 8%;
    height: 33px;
    top: 0;
    position: relative;
    margin: 0 2% 0 0;
    padding: 0;
}


	.home_apply_left_col_input_container{
		width: 100% !important;
	    float: none;
	    margin: auto auto 15px auto;
	}
	.highlight-main-inside-right{
		top: auto;
	    bottom: 0px;
	    width: 83%;
	    right: auto;
	    left: auto;
	}
	.apply_now_container form{
	    width: 84%;
	    padding: 20px 7%;
	    margin: 30px auto;
	    border-radius: 10px;
	}
	.apply_now_container h2{
		line-height: 23px;
		font-size: 17px
	}
	.hp-highlight-right-col-bottom-left{
	    float: none;
	    width: 100%;
	    margin: 10px auto 20px auto;
	}
	.hp-highlight-right-col-bottom{
	    width: 90%;
	    float: none;
	    margin: 0px 0px 20px auto;
	    padding: 20px 5% 0px 5%;	
	    text-align: center;	
	}
	.small_hp_delivery_man_img{
		position: relative !important;
	}
	.hp-highlight-right-col-top-right{
		float: none;
	    width: 100%;
	    margin: auto;
	    text-align: center;
	    z-index: 1000000;
	}
	.hp-highlight-svg-container{
		width: 100%;
	}
	.hp-highlight-right-col-top-left{
		width: 80%;
		float: none;
		margin: auto;
	}
	.hp-highlight-right-col-top-right button{
		margin: auto;
	}
	.home_plans_left_col{
		position: relative;
		float: none;
		width: 80%;
		margin: auto auto 20px auto;
	}
	.home_plans_container{
		padding: 40px 0px;
	}
	.home_plans_right_col h4{
	    text-align: center;
	    font-size: 46px;
	    line-height: 42px;
	    margin: auto auto 15px auto;
	}
	.home_plans_right_col_sub_heading{
		text-align: center;
	}
	.home_plans_right_col_para{
	    text-align: center;
	    font-size: 13px;
	    line-height: 18px;
	}
	.home_plans_right_col{
		position: relative;
		float: none;
		width: 100%;
		margin: auto auto auto auto;
		overflow: scroll;
	}

	.hp-highlight-right-col-top{
	    width: 90%;
	    float: none;
	    margin: 0px 0px 20px auto;
	    padding: 25px 5% 0px 5%;
	    height: auto;
	}
	.small_hp_music_man_img{
		position: relative !important;
	}
	.hp-figures-single h6{
		font-size: 23px;
		padding-bottom: 7px;
	}

	.hp-highlight-right-col-bottom-right{
	    float: none;
	    width: 100%;
	    margin: auto;
	}
	.hp-highlight-right-col-bottom-left button{
		margin: auto;
	}
	.how_it_works_arrow_two{
	    float: none;
	    width: 19%;
	    top: 0px;
	    margin: 30px auto;
	    -webkit-transform: rotate(57deg);
	    -o-transform: rotate(57deg);
	    -ms-transform: rotate(57deg);
	    -moz-transform: rotate(57deg);
		transform: rotate(57deg);
	}
	.how_it_works_arrow_one{
	    float: none;
	    width: 19%;
	    top: 0px;
	    margin: 30px auto;
	    -webkit-transform: rotate(129deg);
	    -o-transform: rotate(129deg);
	    -ms-transform: rotate(129deg);
	    -moz-transform: rotate(129deg);
		transform: rotate(129deg);
	}
	.home_how_it_works_container h2 {
	    font-size: 34px;
	    margin: 20px 0px 30px 0px;
	    line-height: 43px;
	}

	.home_how_it_works_single_img{
		max-width: 130px;
	}
	.home_how_it_works_single{
		width: 100%;
		float: none;
	}
	.hp-figures-container h4{
		text-align: center;
	}
	.hp-figures-container{
		padding: 25px 5%;
		width: 80%;
	}
	.hp-highlight-footer-col-single-left{
		width: 100%;
		float: none;
	}
	.hp-highlight-footer-col-single-right{
	    width: 100%;
	    float: none;
	    text-align: center;
	    margin: 20px auto auto auto;
	}
	.hp-highlight-footer-col-single-right a{
		margin: auto;
	}
	.hp-figures-single{
	    width: 85%;
	    margin: auto auto 10px auto;
	    padding: 10px 2.5%;
	    float: none;
	}
	.hp-figures-single-btn{
		float: none;
	    width: 100%;
	    margin: auto;
	    text-align: center;
	}
	.hp-figures-single-btn button{
		width: 100%;
	}
	.hp-highlight-footer-col-single-left img{
		max-width: 130px;
	}
	.hp-highlight-footer-col-single{
	    width: 46.5%;
	    margin: 0px 1% 10px 1%;
	    padding: 20px 0.5%;
	}
	.hp-highlight-right-col{
		width: 100%;
		float: none;
		margin: 20px auto auto auto;
	}
	.home_energy_right_ybmdn_img{
		right: 0px;
	}
	.hp-highlight-left-col{
		width: 100%;
	    margin: 0px;
	    float: none;
	}
	.trustpilot_hp_svg{
		margin: 0px auto 20px auto;
	}
	.hp-highlight-left-col-inside{
		height: auto;
	    margin: auto;
	    padding: 70px 2.5%;
	}
	.home_categories_wrapper{
		display: block;
	}
	.home_categories_single_last{
		display: none !important;
	}
	.home_categories_single{
		width: 16%;
	    margin: 0px 2%;
	}
	.highlight-features-single{
		position: relative;
		float: none;
		width: 100%;
		margin: auto auto 20px auto;
	}
	.home_categories_single_img{
		border-radius: 30px;
		padding: 7px;
	}
	.home_energy_right_postcode_btn{
		width: 40%;
	}
	.customer_favourite_more_btn{
		padding: 13px 0px;
		width: 100%;
	}
	.highlight-main-left{
		width: 100%;
		text-align: center;
		left: auto;
	}
	.highlight-main-wrapper{
		background-position: 0% 100%;
		padding: 30px 6% 280px 6%;
    	width: 88%;
    	background-size: contain;
	}
	.highlight-main-left h2{
	    margin-bottom: 15px;
	    text-align: center;
	    font-weight: 400;
	    line-height: 21px;
	    font-size: 14px;
	}
	.highlight-main-left ul{
		margin-bottom: 20px;
	}
	.highlight-main-left h1{
	    text-align: center;
	    font-size: 50px;
	    line-height: 57px;
	}

	.highlight-main-left ul li{
		text-align: center;
	}
	.highlight-main-create-btn{
		margin: auto;
		width: 100%;
	}
	.customer_favourites_container{
		padding: 20px 0px 0px 0px;
	}
	.header_mobile_nav_wrapper{
		display: block;
	}
	.header-top-wrapper{
		display: none;
	}
	.header-main-wrapper{
		display: none;
	}
	.header-footer-wrapper{
		display: none;
	}
	.header-features-wrapper{
		display: none;
	}
	.customer_favourites_single{
	    position: relative;
	    width: 36%;
	    margin: 0px 1.5% 10px 1.5%;
	    border: 1px solid rgba(0, 0, 0, 0.1);
	    padding: 50px 5% 10px 5%;
	}
	.newest_items_single{
		position: relative;
	    width: 36%;
	    margin: 10px 1.5% 0px 1.5%;
	    padding: 20px 5% 20px 5%;
	}
	.home_features_pink_single{
		float: none;
	    width: 100%;
	    margin: 0px 0px 20px 0px;
	    padding: 20px 0px;
    	text-align: center;
	}
	.home_features_pink_left_col{
	    position: relative;
	    float: none;
	    width: 95%;
	    text-align: center;
	    margin: auto auto 20px auto;
	    padding: 0px;
	}
	.home_features_pink_left_col img{
		margin: auto;
	}
	.home_features_pink_right_col button{
	    margin: auto;
	    width: 80%;
	}
	.home_features_pink_right_col{
	    float: none;
	    width: 90%;
	    margin: 15px auto 0px auto;
	}
	.home_energy_left{
	    float: none;
	    width: 100%;
	    margin: auto;
	}
	.home_energy_left img{
		position: relative;
		display: block;
		width: 100%;
		max-width: 400px;
		height: auto;
	}
	.home_energy_right{
	    float: none;
	    width: 100%;
	    text-align: center;
	    margin: auto;
	}
	.home_energy_container{
		padding: 40px 0px 0px 0px;
	}
	.home_energy_right h5{
	    font-size: 47px;
	    text-align: center;
	    line-height: 47px;
	}
	.home_energy_right h6{
		text-align: center;
    	font-size: 20px;
	}
	.home_energy_right p{
		text-align: center;
	}
	.home_energy_right_postcode_container button{
		width: 42%;
	}
	.home_energy_right_postcode_container input{
		width: 55%;
	}
	.trustpilot_single{
		padding: 20px 5%;
		width: 90%;
		margin: 0px 0px 10px 0px;
	}
	.home_quote_left{
		float: none;
		width: 50%;
		margin: auto auto 20px auto;
	}
	.home_quote_right{
		float: none;
	    width: 85%;
	    margin: auto auto auto auto;
	    padding: 20px 5%;
	}
	.home_quote_right h6{
	    font-size: 24px;
	    line-height: 32px;
	    margin: auto auto 10px auto;
	}
	.home_quote_right p{
	    font-size: 16px;
	    line-height: 24px;
	    margin-bottom: 15px;
	}
	.footer_blog_single{
	    width: 100%;
	    float: none;
	    margin: 0px 0px 15px 0px;
	}
	.home_highlight_right{
	    position: relative;
	    float: none;
	    width: 90%;
	    margin: auto;
	    text-align: center;
	}
	.home_highlight_left{
		position: relative;
		float: none;
		width: 100%;
	}
	.home_highlight_left img{
		position: relative;
		display: block;
		width: 100%;
		height: auto;
	}
	.home_highlight_container button{
		margin: auto auto 20px auto;
	}
	.home_features_discover_img{
		bottom: -40px;
	}







}










@media only screen and (min-width: 1180px) {
  body {
    flex-direction: row;
    justify-content: center;
  }
}

.wrap {
  position: relative;
  width: 100px;
  height: 40px;
  margin: 0 2rem;
  color: #dbc9aa;
  line-height: 40px;
  font-size: 2rem;
  text-align: center;
  font-weight: 400;
  padding-top: 5.5rem;
  margin-bottom: 0;
}
.wrap .eye {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  background: #fff;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-block;
  overflow: hidden;
}
.wrap .eye:before {
  content: "";
  position: absolute;
  margin: auto;
  width: 10px;
  height: 10px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 50%;
  background: #141414;
}
.wrap .eye.grin:after, .wrap .eye.sad:after {
  content: "";
  position: absolute;
  width: calc(100% + 20px);
  height: 0;
  border-radius: 50%;
  background: #eae0ce;
  left: -10px;
}
.wrap .eye.grin:after {
  bottom: -10px;
}
.wrap .eye.sad:after {
  top: -10px;
}
.wrap .eye:first-child {
  left: 0;
}
.wrap .eye:last-child {
  right: 0;
}
.wrap .eye.blink {
  -webkit-animation: blink 4s cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
          animation: blink 4s cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
}
.wrap .eye.double-blink {
  -webkit-animation: double-blink 4s cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
          animation: double-blink 4s cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
}
.wrap .eye.grin:before {
  -webkit-animation: grinb 4s cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
          animation: grinb 4s cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
}
.wrap .eye.grin:after {
  -webkit-animation: grina 4s cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
          animation: grina 4s cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
}
.wrap .eye.sad:before {
  -webkit-animation: sadb 4s cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
          animation: sadb 4s cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
}
.wrap .eye.sad:after {
  -webkit-animation: grina 4s cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
          animation: grina 4s cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
}
.wrap .eye.up:before {
  -webkit-animation: grinb 4s cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
          animation: grinb 4s cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
}
.wrap .eye.down:before {
  -webkit-animation: sadb 4s cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
          animation: sadb 4s cubic-bezier(0.785, 0.135, 0.15, 0.86) infinite;
}
.wrap .eye.d1 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}

@-webkit-keyframes blink {
  0%, 8% {
    height: 40px;
  }
  10%, 12% {
    height: 5px;
  }
  14%, 100% {
    height: 40px;
  }
}

@keyframes blink {
  0%, 8% {
    height: 40px;
  }
  10%, 12% {
    height: 5px;
  }
  14%, 100% {
    height: 40px;
  }
}
@-webkit-keyframes double-blink {
  0%, 8% {
    height: 40px;
  }
  10%, 12% {
    height: 10px;
  }
  13% {
    height: 40px;
  }
  14%, 16% {
    height: 0;
  }
  18%, 100% {
    height: 40px;
  }
}
@keyframes double-blink {
  0%, 8% {
    height: 40px;
  }
  10%, 12% {
    height: 10px;
  }
  13% {
    height: 40px;
  }
  14%, 16% {
    height: 0;
  }
  18%, 100% {
    height: 40px;
  }
}
@-webkit-keyframes grinb {
  0%, 10% {
    bottom: 0;
  }
  20%, 40% {
    bottom: 50%;
  }
  50%, 100% {
    bottom: 0;
  }
}
@keyframes grinb {
  0%, 10% {
    bottom: 0;
  }
  20%, 40% {
    bottom: 50%;
  }
  50%, 100% {
    bottom: 0;
  }
}
@-webkit-keyframes grina {
  0%, 10% {
    height: 0;