============================================Applying custom col/row padding============================================*/
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	.row {
		margin-left: -10px !important;
		margin-right: -10px !important;
	}

	.container {
		padding-right: 10px !important;
		padding-left: 10px !important;
	}

	.container-fluid {
		padding-right: 10px !important;
		padding-left: 10px !important;
	}
	.col-xs-15,
	.col-sm-15,
	.col-md-15,
	.col-lg-15 {
	    position: relative;
	    min-height: 1px;
	    padding-right: 10px;
	    padding-left: 10px;
	}
	.col-xs-15 {
	    width: 20%;
	    float: left;
	}
	@media (min-width: 768px) {
	.col-sm-15 {
	        width: 20%;
	        float: left;
	    }
	}
	@media (min-width: 992px) {
	    .col-md-15 {
	        width: 20%;
	        float: left;
	    }
	}
	@media (min-width: 1200px) {
	    .col-lg-15 {
	        width: 20%;
	        float: left;
	    }
	}





/*============================================Applying Fonts============================================*/
/*============================================English Font============================================*/
	@font-face {
		font-family: 'VodafoneRg';
		src: url('../fonts/VodafoneRg.ttf'), url('../fonts/VodafoneRg.woff') format('woff');
	}

/*============================================Arabic Font============================================*/
	@font-face {
		font-family: 'VodafoneArLt';
		src: url('../fonts/VodafoneArLt.ttf'), url('../fonts/VodafoneArLt.woff') format('woff');
	}

	body {
		font: 400 14px/1.3 "Arial", sans-serif;
		line-height: 1.42857143;
		color: #333;
		background-color: #fff;
	}

/*============================================Base features============================================*/
	.center {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

/*============================================All Heading styling============================================*/
	h1, .h1 {
		font: 45px "VodafoneRg";
		margin: 10px 0;
		color: #e60000;
	}

	h2, .h2 {
		font: 30px "VodafoneRg";
		margin: 10px 0;
	}

	h3, .h3 {
		font-size: 20px;
		margin: 10px 0;
	}

	h4, .h4 {
		font-size: 18px;
		margin: 10px 0;
	}

	h5, .h5 {
		font-size: 14px;
		margin: 10px 0;
	}

	h6, .h6 {
		font-size: 12px;
		margin: 10px 0;
	}

	a {
		color: #333;
	}

	.vf-red-span {
		color: #e60000;
	}

/*============================================Styling Alerts============================================*/
	.alert .alert-icon, input[type="checkbox"] + label span, input[type="radio"] + label span, .progress-bar_ruler {
		background-image: url("../img/icons.png");
	}

	.alert {
		padding: 15px;
		margin-bottom: 20px;
		border: 1px solid transparent;
		border-radius: 3px;
		color: #333;
	}

	.alert .alert-icon {
		width: 30px;
		height: 30px;
		vertical-align: middle;
		display: inline-block;
		margin-right: 10px;
	}

	.alert h4 {
		margin-top: 0;
		color: inherit;
	}

	.alert .alert-link {
		font-weight: bold;
		cursor: pointer;
		color: #333;
	}

	.alert .alert-content {
		padding-left: 45px;
	}

	.alert > p, .alert > ul {
		margin-bottom: 0;
	}

	.alert > p + p {
		margin-top: 5px;
	}

	.alert-dismissable, .alert-dismissible {
		padding-right: 35px;
	}

	.alert-dismissable .close, .alert-dismissible .close {
		position: relative;
		top: -2px;
		right: -21px;
		color: inherit;
	}

	.alert-success {
		background-color: #f4f8f0;
		border-color: #428600;
	}

	.alert-success .alert-icon {
		background-position: -4770px 0;
	}

	.alert-success hr {
		border-top-color: #c9e2b3;
	}

	.alert-info {
		background-color: #d9edf7;
		border-color: #bce8f1;
	}

	.alert-info hr {
		border-top-color: #a6e1ec;
	}

	.alert-warning {
		background-color: #fff5f0;
		border-color: #ff5400;
	}

	.alert-warning .alert-icon {
		background-position: -5907px 0;
	}

	.alert-warning hr {
		border-top-color: #f7e1b5;
	}

	.alert-danger {
		background-color: #fef0f0;
		border-color: #e60000;
	}

	.alert-danger .alert-icon {
		background-position: -1671px 0;
	}

	.alert-danger hr {
		border-top-color: #e4b9c0;
	}

/*============================================Input Styling============================================*/
	.form-control {
		display: block;
		width: 100%;
		height: 40px;
		padding: 6px 12px;
		font-size: 14px;
		line-height: 1.42857143;
		color: #555;
		background: #fff;
		border: 0;
		border-radius: 3px;
		-webkit-appearance: none;
		box-shadow: 0 1px 2px rgba(50, 50, 50, 0.75) inset;
		/* Animation*/
		-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
		-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	}

	.form-control:focus {
		outline: none;
		box-shadow: inset 0 0 0 3px #428600, 0 1px 2px rgba(50, 50, 50, 0.75) inset;
	}

	.form-control::-moz-placeholder {
		color: #999;
		opacity: 1;
	}

	.form-control:-ms-input-placeholder {
		color: #999;
	}

	.form-control::-webkit-input-placeholder {
		color: #999;
	}

/*============================================Drop Down menu styling============================================*/
	.form-control-custom {
		display: block;
		width: 100%;
		height: 40px;
		padding: 10px 40px 10px 10px;
		font-size: 14px;
		line-height: 1;
		color: #555;
		background: #fff url("../img/arrow_down.png") no-repeat 94%;
		border: 0;
		border-radius: 3px;
		-webkit-box-shadow: 0 1px 2px rgba(50, 50, 50, 0.75);
		box-shadow: 0 1px 2px rgba(50, 50, 50, 0.75);
		-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
		-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		-webkit-appearance: none;
		-moz-appearance: none;
	}

	.form-control-custom:focus {
		outline: 0;
		-webkit-box-shadow: inset 0 0 0 3px #428600, 0 1px 2px rgba(50, 50, 50, 0.75) inset;
		box-shadow: inset 0 0 0 3px #428600, 0 1px 2px rgba(50, 50, 50, 0.75) inset;
	}

/*============================================Button Styling============================================*/
	.btn {
		display: inline-block;
		padding: 11px 20px 9px;
		margin-bottom: 0;
		font: 700 14px "Arial";
		line-height: 1.42857143;
		text-align: center;
		white-space: nowrap;
		vertical-align: middle;
		touch-action: manipulation;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		background-image: none;
		border: 0;
		border-radius: 3px;
		box-shadow: 0 1px 2px rgba(50, 50, 50, 0.75);
		outline: 0;
	}

	.btn:hover, .btn:focus, .btn.focus {
		color: #333;
		text-decoration: none;
	}

	.btn:active, .btn.active {
		background-image: none;
		outline: 0;
		-webkit-box-shadow: 0 1px 2px rgba(50, 50, 50, 0.75) inset;
		box-shadow: 0 1px 2px rgba(50, 50, 50, 0.75) inset;
	}

	.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
		color: #333;
		background-color: #f4f4f4;
		outline: none;
	}

	.btn-primary {
		color: #fff;
		background-color: #9c2aa0;
	}

	.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
		color: #fff;
		background-color: #680f6b;
		outline: none;
	}

	.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
		color: #fff;
		background-color: #680f6b;
		outline: none;
	}

	.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover{
		outline: none;
	}

	.btn-info {
		color: #fff;
		background-color: #3d3d3d;
	}

	.btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
		color: #fff;
		background-color: #000000;
	}
	.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open>.dropdown-toggle.btn-info.focus, .open>.dropdown-toggle.btn-info:focus, .open>.dropdown-toggle.btn-info:hover{
		color: #fff;
		background-color: #000000;
	}
	.btn-info:active, .btn-info.active {
		background-color: #3d3d3d;
	}

	.btn-link {
		color: #333;
		background-color: transparent;
		box-shadow: none;
		text-decoration: underline;
	}

	.btn-link:hover, .btn-link:focus, .btn-link.focus, .btn-link:active, .btn-link.active, .open > .dropdown-toggle.btn-link {
		color: #333;
		outline: none;
		box-shadow: none;
	}

	.btn-link.active.focus, .btn-link.active:focus, .btn-link.active:hover, .btn-link:active.focus, .btn-link:active:focus, .btn-link:active:hover, .open > .dropdown-toggle.btn-link.focus, .open > .dropdown-toggle.btn-link:focus, .open > .dropdown-toggle.btn-link:hover {
		color: #333;
		background-color: transparent;
		outline: none;
		box-shadow: none;
	}


/*============================================Checkbox Styling============================================*/
	.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
		display: none;
	}

	.checkbox-inline label span, .radio-inline label span {
		margin-right: 5px;
	}

	input[type="checkbox"] ~ label span, input[type="radio"] ~ label span {
		width: 20px;
		height: 20px;
		display: inline-block;
		vertical-align: middle;
		background: url("../img/icons.png") no-repeat -781px 0;
		z-index: 1;
		position: relative;
	}

	input[type="checkbox"]:checked ~ label, input[type="radio"]:checked ~ label {
		font-weight: bold;
	}

	input[type="checkbox"]:checked + label span {
		background-position: -806px 0;
	}

	input[type="radio"] + label span {
		width: 21px;
		height: 21px;
		background: url("../img/icons.png") no-repeat -3882px 0;
	}

	input[type="radio"]:checked + label span {
		background-position: -3834px 0;
	}

	.radio-inline, .checkbox-inline {
		position: relative;
		display: inline-block;
		margin-bottom: 0;
		font-weight: normal;
		vertical-align: middle;
		cursor: pointer;
		padding-left: 0;
	}

	.checkbox label, .radio label {
		padding-left: 0;
	}

	.checkbox-inline label, .radio-inline label {
		font-weight: normal;
		cursor: pointer;
	}

/*============================================Progress Bar============================================*/
	.progress {
		height: 50px;
		margin-bottom: 20px;
		overflow: hidden;
		background-color: #f4f4f4;
		border-radius: 15px;
	}

	.progress-container {
		position: relative;
	}

	.progress.active .progress-bar {
		-webkit-transition: none !important;
		transition: none !important;
		border-top-left-radius: 15px;
		border-bottom-left-radius: 15px;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}

	.progress-bar_leftAndright_TXT {
		width: 100%;
		position: absolute;
		padding: 4px 1%;
		height: 100%;
		color: #333;
		border: 2px solid #ccc;
		border-radius: 15px;
	}

	.progress-bar_right_TXT, .progress-bar_left_TXT {
		float: left;
		text-align: left;
		direction: ltr;
		font: normal 20px "VodafoneRg";
		padding: 2px 0 0 5px;
	}

	.progress-bar_right_TXT > div, .progress-bar_left_TXT div {
		font: bold 14px "Arial";
		line-height: 0.9;
	}

	.progress-bar_right_TXT {
		float: right;
		text-align: right;
		padding-right: 5px;
	}

	.progress-bar_ruler {
		width: 96%;
		margin-left: 2%;
		height: 11px;
		position: absolute;
		left: 0;
		top: 0;
		background-position: 0 -87px;
	}

	.progress-bar-success {
		background-color: #a8b223;
	}

	.progress-bar-warning {
		background-color: #eb9700;
	}

	.progress-bar-danger {
		background-color: #e60000;
	}

/*============================================Pagination============================================*/
	.pagination > li > a, .pagination > li > span {
		position: relative;
		float: left;
		padding: 9px 12px;
		line-height: 1.42857143;
		color: #333;
		text-decoration: none;
		background-color: #fff;
		border: 0;
		border-radius: 3px;
		box-shadow: 0 1px 2px rgba(50, 50, 50, 0.75);
		margin: 10px 5px;
	}

	.pagination > li > a:active, .pagination > li > span:active {
		color: #fff;
		background-color: #666;
		box-shadow: 0 1px 2px rgba(50, 50, 50, 0.75) inset;
	}
	.pagination > li:first-child > a, .pagination > li:first-child > span {
		margin: 10px 2px 10px 0;
	}

	/*Adding custom background image for arrows*/
	.pagination-previous-old-custom, .pagination-previous-step-custom, .pagination-next-new-custom, .pagination-next-step-custom {
		background: url("../img/icons.png") no-repeat;
		width: 14px;
		height: 16px;
	}
	.pagination-next-new-custom{background-position:  -3317px 1px;}
	.pagination-next-step-custom{background-position:  -3282px 1px;}
	.pagination-previous-old-custom{background-position:  -3298px 1px;}
	.pagination-previous-step-custom{background-position:  -3269px 1px;}

/*============================================Custom Modal Sizing============================================*/
	@media (min-width: 768px) {
		.modal-dialog {
			width: 740px;
		}
	}

/*============================================Left NAV Styling============================================*/
	.left-nav-container {
		box-shadow: -6px 0 6px -5px #ccc inset;
		border-left: 1px solid #fff;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}

	.left-nav-container .line-container:last-child a {
		border-bottom: 0;
	}

	.voda-left-nav .line-container {
		height: 35px;
		margin: 8px 0;
	}

	.line-container-active {
		background-color: #666;
		border-top-left-radius: 3px;
		border-bottom-left-radius: 3px;
	}

	.voda-left-nav a {
		display: block;
		padding: 7px 5px 5px 15px;
		border-bottom: 1px solid #ccc;
		height: 40px;
	}

	.voda-left-nav a:active {
		color: #fff;
	}

	.active-arrow-icon {
		background: url("../img/icons.png") no-repeat -6136px 0;
		position: relative;
		float: right;
		top: -40px;
		left: 19px;
		width: 19px;
		height: 35px;
	}

	.left-nav-accord-title {
		display: none;
	}

	.search-magnifier, .search-magnifier-button {
		background: url('../img/icons.png') no-repeat -2711px 2px;
		width: 30px;
		height: 25px;
		/*border: 1px solid;*/
		position: relative;
		float: right;
		top: -31px;
		right: 7px;
	}

	.search-magnifier-button {
		background: url('../img/icons.png') no-repeat -2711px 2px;
		width: 30px;
		height: 30px;
		top: 0;
		right: 0;
		float: none;
		margin: 0 auto;
	}

	.btn-custom-height {
		height: 51px;
	}

	.input-custom-height {
		height: 41px;
	}

	.search-bar-container {
		display: block;
		height: 45px;
	}

	.search-bar-container-2 {
		display: block;
		height: 45px;
	}

	.search-go-button {
		display: none;
	}

	.search-go-button-2 {
		display: none;
	}

	@media (max-width: 768px) {
		.left-nav-accord-title {
			display: block;
			padding: 8px 10px;
			border: 0;
			border-radius: 3px;
			box-shadow: 0 1px 2px rgba(50, 50, 50, 0.75);
			cursor: pointer;
		}

		.drop-down-arrow-icon, .drop-down-arrow-icon-up {
			background: url("../img/icons.png") no-repeat -151px 0;
			width: 20px;
			height: 15px;
			float: right;
			position: relative;
			top: -20px;
		}

		.drop-down-arrow-icon-up {
			background: url("../img/icons.png") no-repeat -308px 0;
			width: 20px;
			height: 15px;
			float: right;
			position: relative;
			top: -20px;
		}

		.left-nav-container {
			border: 0;
			border-bottom-left-radius: 3px;
			border-bottom-right-radius: 3px;
			box-shadow: 0 1px 2px rgba(50, 50, 50, 0.75);
			margin-bottom: 10px;
			position: relative;
			top: -8px;
			display: none;
			padding: 0 5px;
		}

		.active-arrow-icon {
			display: none;
		}

		.line-container-active {
			border-radius: 3px;
		}

		.search-bar-container {
			display: none;
			margin-top: 10px;
		}

		.search-bar-container-2 {
			display: none;
			margin-top: 10px;
		}

		.Custom_margin_bottom {
			margin-bottom: 10px;
		}
	}

	.Creat_New_Account_Page, .Creat_New_Account_Page_Submit, .Creat_New_Account_Page_Submit_Activate, .Creat_New_Account_Page_Submit_Activate_Info, .Creat_New_Account_Page_Submit_Activate_Info_Conformation, .ForgetPassowrd, .Change_Account_Credentials, .Change_Account_Credentials_Success, .Creat_New_Account_ADSL, .Creat_New_Account_ADSL_Step_Two, .Creat_New_Account_Business_authorized, .Information_Business_authorized, .checkbox_Business_Show {
		display: none;
	}

	.Show_ForgetPassowrd {
		font-size: 16px;
		margin-bottom: 10px;
		float: left;
		text-decoration: underline;
	}

	.Custom_margin_top {
		margin-top: 10px;
	}

	select::-ms-expand {
		display: none;
	}

	.Youth_Loading {
		height: 100%;
		position: fixed;
		top: 0px;
		z-index: 100;
		display: none;
	}

	.Youth_Loading_Icon {
		width: auto;
		position: absolute;
		margin-top: 10%;
		left: 45%;
		float: none;
		z-index: 10000000000;
	}

	.Youth_Loading_Background {
		background: #333;
		opacity: .5;
		position: fixed;
		width: 100%;
		height: 100%;
		z-index: 10000000;
		left: 0px;
	}

/************************************************************Start of Circular progressbar******************************************/
	.circularProgressBar {
		width: 160px;
		margin: 0 auto 40px auto;
		position: relative;
		min-height: 200px;
	}
	.circularProgressBarText {
		position: absolute;
		top: 50%;
		text-align: center;
		width: 100%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	*::-ms-backdrop, .circularProgressBarText
	{ top: 84px !important; } /* IE11 */
	.flex_sharing_circle_progress_bar{
		margin-top: 130px;
	}
	.flex_sharing_circle_progress_bar2{
		margin-top: 25px;
	}
	#progressbar1,#progressbar2,#progressbar3,#progressbar4,#progressbar5{
		width: 150px!important;
		height: 150px!important;
	}
	.circularProgressBarText h2{
		margin: 5px 0;
	}
	.circularProgressBarText h6{
		margin: 5px 0;
	}
	.circle_progress_bar_sub_text,.circle_progress_bar_sub_text_btn{
		position: absolute;
		bottom: 0;
		width: 100%;
	}
	*::-ms-backdrop, .circle_progress_bar_sub_text,.circle_progress_bar_sub_text_btn{
		bottom: -13px;
	}
	.circle_progress_bar_sub_text_custom{
		position: absolute;
		bottom: -13px;
		width: 100%;
	}
	*::-ms-backdrop, .circle_progress_bar_sub_text_custom{
		bottom: -30px;
	}
	.circle_progress_bar_sub_text_btn{
		bottom: -10px;
	}
	.progress-bar-icon-container{
		height: 60px;
		width: 100%;
		position: absolute;
	}
	.buy-addons-progress-icon,.peak-progress-icon,.off-peak-progress-icon,.off-site-progress-icon{
		background-position: -82px -34px;
		width: 29px;
		height: 30px;
		position: relative;
		top: 20px;
	}
	*::-ms-backdrop, .buy-addons-progress-icon,.peak-progress-icon,.off-peak-progress-icon,.off-site-progress-icon{
		top: 53px;
	}
	.peak-progress-icon{
		background-position: -52px -34px;
	}
	.off-peak-progress-icon{
		background-position: -52px -63px;
	}
	.off-site-progress-icon{
		background-position: -81px -64px;
	}
	.at-home-buy-quota-addon{
		border: 1px solid #ccc;
		border-radius: 3px;
	}
/************************************************************End of Circular progressbar******************************************/


/************************************************************ START Vodafone slider ******************************************/
	.slick-slider{
	    position: relative;
	    display: block;
	    -moz-box-sizing: border-box;
	         box-sizing: border-box;
	    -webkit-user-select: none;
	       -moz-user-select: none;
	        -ms-user-select: none;
	            user-select: none;
	    -webkit-touch-callout: none;
	    -khtml-user-select: none;
	    -ms-touch-action: pan-y;
	        touch-action: pan-y;
	    -webkit-tap-highlight-color: transparent;
	}
	.slick-slide img{width: 100%;}
	.slick-list{
	    position: relative;
	    display: block;
	    overflow: hidden;
	    margin: 0;
	    padding: 0;
	}
	.slick-list:focus{outline: none;}
	.slick-list.dragging{
	    cursor: pointer;
	    cursor: hand;
	}

	.slick-slider .slick-track,
	.slick-slider .slick-list
	{
	    -webkit-transform: translate3d(0, 0, 0);
	       -moz-transform: translate3d(0, 0, 0);
	        -ms-transform: translate3d(0, 0, 0);
	         -o-transform: translate3d(0, 0, 0);
	            transform: translate3d(0, 0, 0);
	}

	.slick-track{
	    position: relative;
	    top: 0;
	    left: 0;
	    display: block;
	}
	.slick-track:before,
	.slick-track:after{
	    display: table;
	    content: '';
	}
	.slick-track:after{clear: both;}
	.slick-loading .slick-track{visibility: hidden;}
	.slick-slide{
	    display: none;
	    float: left;
	    height: 100%;
	    min-height: 1px;
	}
	[dir='rtl'] .slick-slide{float: right;}
	.slick-slide img{display: block;}
	.slick-slide.slick-loading img{display: none;}
	.slick-slide.dragging img{pointer-events: none;}
	.slick-initialized .slick-slide{display: block;}
	.slick-loading .slick-slide{visibility: hidden;
	}
	.slick-vertical .slick-slide{
	    display: block;
	    height: auto;
	    border: 1px solid transparent;
	}
	.slick-arrow.slick-hidden {display: none;}

	.hero-banner img, .hero-banner-2 img{width: 100%;}
	.slick-dots{
		text-align: center;
		padding: 0;
		margin-top: 10px;
	}
	.slick-dots li{display: inline-block;}
	.slick-dots button{
		font-size: 0;
		border: none;
		padding: 0;
		width: 15px;
		height: 15px;
		border-radius: 100%;
		margin: 0 4px;
		background-color: #D2D2D0;
		transition: all .2s ease;
	}
	.slick-dots .slick-active button{
		background-color: #000;
	}
	.slick-arrow{
		width: 36px;
		height: 113px;
		background: url(../img/icons.png);
		border: none;
		font-size: 0;
		position: absolute;
		top: 40%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		z-index: 10;
	}
	.slick-arrow.slick-next{
		right: 0;
		background-position: -6155px 0;
	}
	.slick-arrow.slick-prev{
		left: 0;
		background-position: -6194px 0;
}
/************************************************************ END Vodafone slider ******************************************/
/************************************************************ START Vodafone tabs ******************************************/
	.nav.vodafone-tab{
		text-align: center;
		border: none;
		margin-bottom: 20px;
	}
	.nav.vodafone-tab li{
		float: none;
		display: inline-block;
		position: relative;
		margin: 0 1px;
	}
	.nav.vodafone-tab .new-highlight:before{
		content: "new";
		width: 36px;
		height: 36px;
		line-height: 36px;
		border-radius: 100%;
		color: #fff;
		background-color: red;
		position: absolute;
		top: -12px;
		right: -12px;
		z-index: 5;
		text-transform: capitalize;
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.vodafone-tab>li>a{
		background-color: #eee;
		margin-right: 0;
		border-radius: 5px;
		border: 1px solid #eee;
		font-size: 20px;
		padding: 10px 30px;
	}
	.vodafone-tab>li>a:hover{background-color: #e1e1e1;}
	.vodafone-tab>li>a{color: #333;}
	.vodafone-tab>li.active>a, .vodafone-tab>li.active>a:focus, .vodafone-tab>li.active>a:hover{
		color: #fff;
		background-color: #9c2aa0;
	}
	.nav.vodafone-tab.dark li{margin: 0 8px;}
	.nav.vodafone-tab.dark li:after{
		content: "";
		height: 80%;
		width: 1px;
		background-color: #ccc;
		position: absolute;
		top: 50%;
		right: -8px;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.nav.vodafone-tab.dark li:last-child:after{width: 0;height: 0;}
	.vodafone-tab.dark>li>a{
		margin-right: 3px;
		border: 1px solid #ccc;
	}
	.vodafone-tab.dark>li>a{color: #333;}
	.vodafone-tab.dark>li.active>a, .vodafone-tab.dark>li.active>a:focus, .vodafone-tab.dark>li.active>a:hover{
		color: #fff;
		background-color: #333;
	}


	.tab-content {overflow:hidden; }
	.slide {
		-webkit-transition: left 0.25s ease;
		-moz-transition: left 0.25s ease;
		-ms-transition: left 0.25s ease;
		-o-transition: left 0.25s ease;
		transition: left 0.25s ease;
		position: relative;
		overflow: hidden;
		left:100%;
	}
	.slide.in {
		left:0;
	}
	.slide.out{
		left:-100%;
	}
/************************************************************ END Vodafone tabs ******************************************/
a:focus, button:focus{
	outline: none;
}

@media (min-width: 1200px){
	.container {width: 950px;}
}

// Helper classes
.mt-10{margin-top: 10px;}
.mt-20{margin-top: 20px;}
.mt-30{margin-top: 30px;}

.mb-10{margin-bottom: 10px;}
.mb-20{margin-bottom: 20px;}
.mb-30{margin-bottom: 30px;}

.no-padding{padding: 0;}

/*********** START HERE ***********/


/*********** END HERE **********