@charset "UTF-8";
 @font-face {
 	font-family: 'vodafoneextra_bold';
 	src: url('fonts/vodafone_extrabold-webfont.woff2') format('woff2'),
 		url('fonts/vodafone_extrabold-webfont.woff') format('woff');
 	font-weight: normal;
 	font-style: normal;
 }

 @font-face {
 	font-family: 'vodafone_exbregular';
 	src: url('fonts/vodafone_font_exbd-webfont.woff2') format('woff2'),
 		url('fonts/vodafone_font_exbd-webfont.woff') format('woff');
 	font-weight: normal;
 	font-style: normal;
 }

 @font-face {
 	font-family: 'vodafonelight';
 	src: url('fonts/vodafone_light-webfont.woff2') format('woff2'),
 		url('fonts/vodafone_light-webfont.woff') format('woff');
 	font-weight: normal;
 	font-style: normal;
 }

 @font-face {
 	font-family: 'vodafoneregular';
 	src: url('fonts/vodafone-webfont.woff2') format('woff2'),
 		url('fonts/vodafone-webfont.woff') format('woff');
 	font-weight: normal;
 	font-style: normal;
 }

 @font-face {
 	font-family: 'vodafone_ltregular';
 	src: url('fonts/vodafonelt-regular-webfont.woff2') format('woff2'),
 		url('fonts/vodafonelt-regular-webfont.woff') format('woff');
 	font-weight: normal;
 	font-style: normal;
 }

 @font-face {
 	font-family: 'vodafone_rgbold';
 	src: url('fonts/vodafonerg-bold-webfont.woff2') format('woff2'),
 		url('fonts/vodafonerg-bold-webfont.woff') format('woff');
 	font-weight: normal;
 	font-style: normal;
 }

 @font-face {
 	font-family: 'vodafone_rgregular';
 	src: url('fonts/vodafonerg-regular-webfont.woff2') format('woff2'),
 		url('fonts/vodafonerg-regular-webfont.woff') format('woff');
 	font-weight: normal;
 	font-style: normal;
 }

 @font-face {
 	font-family: 'vodafonebold';
 	src: url('fonts/vodafone_bold-webfont.woff2') format('woff2'),
 		url('fonts/vodafone_bold-webfont.woff') format('woff');
 	font-weight: normal;
 	font-style: normal;
 }
 /* CSS default starts here*/
 .home-ride-network {
 	min-height: 100vh;
 	width: 100% !important;
 	position: relative;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 }

 .home-ride-voda p {
 	width: 40%;
 	margin: auto;
 	font-size: 20px !important;
 	line-height: 32px !important;
 }

 h1 {
 	font-family: 'vodafone_rgbold';
 	font-weight: normal;
 	font-size: 48px;
 	line-height: 58px;
 	color: #000000;
 	margin-bottom: 30px;
 }

 h2 {
 	font-family: 'vodafone_rgbold';
 	font-weight: normal;
 	font-size: 40px;
 	line-height: 52px;
 	color: #000;
 }

 h1 span {
 	color: #000000;
 }

 p, ul li {
    font-family: 'vodafoneregular';
    color: #000;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 15px;
}
 .voda-business-small {
 	position: absolute;
 	bottom: 30px;
 	right: 40px;
 	text-align: right;
 }

 a:hover,
 a:focus {
 	text-decoration: none;
 }

 .middle-align {
 	vertical-align: middle;
 	display: table-cell;
 	text-align: center;
 }

 .content-div {
 	position: relative;
 	color: #fff;
 	font-family: vodafoneregular;
 	font-size: 19px;
 	line-height: 27px;
 	padding-right: 100px;
 }

 .container {
 	max-width: 1600px;
 	width: 100%;
 	padding-right: 40px;
 	padding-left: 40px;
 	padding-top: 40px;
 	padding-bottom: 40px;
 }

 .row {
 	margin-right: 0px;
 	margin-left: 0px;
 	width: 100%;
 }


 .red-buttons h2 {
 	transition: 0.2s ease-in-out;
 }

 body {
 	overflow: hidden;
 }
 @keyframes zoom-in-zoom-out {
 	0% {
 		transform: scale(1, 1);
 	}

 	50% {
 		transform: scale(1.08, 1.08);
 	}

 	100% {
 		transform: scale(1, 1);
 	}
 }
 .red-buttons {
 	font-size: 18px;
 	font-weight: bold;
 	line-height: 22px;
 	margin-bottom: 0px;
 	padding-right: 0px;
 	width: 100%;
 	display: flex;
 	background-color: #ffffff;
 	color: #000000;
 	width: fit-content;
 	padding: 10px 15px 10px 15px;
 	position: relative;
 	overflow: hidden;
 }
 .vertical-middle {
 	display: flex;
 	justify-content: left;
 	align-items: center;
 }

 a.red-buttons:hover {
 	color: #e60000;
 	background-color: #fbf9fa;
 	transition: ease-in-out 0.3s;
 	border: 1px solid #e60000;
 }

 .voda-business-small img {
 	width: 150px;
 }
 a.red-buttons {
 	border-radius: 50px;
 	transition: ease-in-out 0.3s;
 	-moz-box-shadow: 0 5px 30px 0px rgb(0 0 0 / 25%) !important;
 	margin: auto;
 	background-color: #e60000;
 	color: #ffffff;
 	padding: 12px 45px;
 	margin-top: 40px;
 	border: 1px solid #e60000;
 }
 .voda-ride-pg.current {
 	display: block;
 }
 .voda-ride-pg {
 	display: none;
 }
 .voda-ride-pg .voda-business-small {
 	position: absolute;
 	bottom: 40px;
 	top: unset;
 	right: 40px;
 	text-align: right;
 }
 .heading-inner h1 {
 	font-size: 58px;
 	line-height: 70px;
 	font-family: 'vodafoneextra_bold';
 }

 .heading-inner {
 	font-size: 24px;
 	line-height: 30px;
 	font-family: 'vodafone_rgbold';
 	color: #E60000;
 }
 .text-c {
 	padding: 20px 30px 20px 20px;
 }
 
 /* side nav start*/
 a#data-side-1 {
    border-bottom: 0px;
    color: #e60000;
    font-family: 'vodafone_rgbold';
}
 .mySidenav::-webkit-scrollbar {
 	width: 4px !important;
 	margin-left: 5px !important;
 	height: 3px;
 }

 .mySidenav::-webkit-scrollbar-track {
 	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
 	margin-left: 5px !important;
 	background: #dedede05 !important;
 	width: 1px;
 }

 .mySidenav::-webkit-scrollbar-thumb {
 	background-color: #e60000 !important;
 	outline: 0px solid #e60000 !important;
 	width: 1px !important
 }

 .mySidenav {
 	scrollbar-width: thin;
 	scrollbar-color: #dedede #fff;
 }

 .sidenav {
 	height: 100%;
 	width: 300px;
 	position: fixed;
 	z-index: 1;
 	top: 0;
 	left: -300px;
 	background-color: #fff;
 	overflow-x: hidden;
 	transition: 0.5s;
 	padding-top: 60px;
 	box-shadow: 0px 0px 0px 0px #ddddddb5;
 }

 .sidenav a {
 	padding: 15px 40px 16px 0px;
 	text-decoration: none;
 	font-size: 18px;
 	color: #000;
 	display: block;
 	transition: 0.3s;
 	margin-right: 30px;
 	border-bottom: 1px solid #DEDEDE;
 	margin-left: 30px;
 	line-height: 24px;
 	position: relative;
 	font-family: 'vodafone_rgregular';
 }

 .sidenav a:hover,
 .sidenav a.active {
 	color: #E60000;
 	font-weight: bold;
 	border-bottom: 1px solid #E60000;
 }

 .sidenav .closebtn {
 	position: absolute;
 	top: 32px;
 	right: 30px;
 	font-size: 36px;
 	color: #fff;
 	background: #E60000;
 	padding: 0;
 	border-radius: 50px;
 	height: 40px;
 	width: 40px;
 	line-height: 32px;
 	text-align: center;
 	font-weight: normal;
 	margin-right: 0;
 	font-family: 'vodafone_rgbold';
 	border: none;
 }

 .sidenav .closebtn:hover {
 	animation: zoom-in-zoom-out 1.5s infinite !important;
 	color: #fff;
 }

 .sidenav.active {
 	left: 0;
 	box-shadow: 5px 0px 29px 5px #dedede90;
 }
 
 .navop-sec {
 	padding-bottom: 80px;
 }

 .sidenav a.contact-link {
 	margin-top: 80px;
 }

 .sidenav a.contact-link,
 .sidenav a.share-link {
 	position: relative;
 	padding-left: 40px;
 }

 .sidenav a.contact-link::before,
 .sidenav a.share-link::before {
 	content: '';
 	background-image: url(../images/phone-icon.png);
 	height: 25px;
 	width: 25px;
 	background-size: cover;
 	position: absolute;
 	bottom: 11px;
 	left: 0;
 }

 .sidenav a.contact-link::after,
 .sidenav a.share-link::after,
 .sidenav a.closebtn::after {
 	content: none
 }

 .sidenav a.share-link::before {
 	content: '';
 	background-image: url(../images/share-icon.png);
 }


 .sidenav a::after,
 .sidenav a.contact-link::after,
 .sidenav a.share-link::after {
 	content: ' ';
 	position: absolute;
 	right: 5px;
 	top: 50%;
 	width: 0;
 	height: 0;
 	border-top: 4px solid transparent;
 	border-bottom: 4px solid transparent;
 	border-left: 6px solid #dedede;
 	display: none !important;
 }

 .navleft {
 	position: absolute;
 	top: 50px;
 	left: 40px;
 }
 /* side nav end */
 img {
 	max-width: 100%;
 }
 .navleft img {
 	width: 12%;
 }

 .navleft .bars {
 	display: block;
 	width: 27px;
 	height: 2.9px;
 	position: relative;
 	background: #E60000;
 	border-radius: 20%;
 	z-index: 1;
 	transform-origin: 4px 0px;
 	transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), opacity 0.55s ease;
 	margin: 0 auto;
 	margin-bottom: 0px;
 	margin-bottom: 5px;
 }

 .navleft > span {
 	display: table-cell;
 	vertical-align: middle;
 }

 .navleft {
 	display: table;
 	height: 50px;
 	width: 50px;
 	background: #fff;
 }

 .navleft .bars:last-child {
 	margin-bottom: 0;
 }

 .navleft:hover span.bars {
 	background-color: #e60000;
 }

 .close-btn a {
 	font-family: 'vodafone_rgregular' !important;
 	line-height: 41px !important;
 }

 .sidenav .active::after,
 .sidenav a:hover::after,
 .sidenav a.contact-link:hover::after,
 .sidenav a.share-link:hover::after,
 .sidenav a.contact-link:hover::after,
 .sidenav a.share-link:hover::after {
 	border-left: 6px solid #e60000;
 }

 .menu-btn:hover,
 a.contact-link:hover,
 a.share-link:hover {
 	color: #e60000 !important;
 	cursor: pointer;
 }

 .navleft.trans-nav span:nth-child(1) {
 	transform: rotate(45deg) translate(-6px, -1px);
 }

 .navleft.trans-nav span:nth-child(2) {
 	display: none;
 }

 .navleft.trans-nav span:nth-child(3) {
 	transform: rotate(-45deg) translate(-7px, -1px);
 }

 a.closebtn:hover {
 	font-weight: 400 !important;
 }

 .close:not(:disabled):not(.disabled):focus,
 .close:not(:disabled):not(.disabled):hover {
 	opacity: 1;
 }

 .popup a.close:hover {
 	animation: zoom-in-zoom-out 1.5s infinite !important;
 }

 a.closebtn:hover {
 	color: #ffffff !important;
 	box-shadow: 0px 7px 30px -6px rgb(0 0 0 / 10%);
 	transition: 0.3s ease;
 	border-bottom: 1px solid #ffffff;
 	background-color: #900;
 }

 .navop-sec .back-text {
 	position: absolute;
 	top: 48px;
 	left: 26.5%;
 	font-size: 16px;
 	font-family: 'vodafone_rgbold';
 	display: none;
 }

 .back-text {
 	position: absolute;
 	top: 58px;
 	left: 8%;
 	font-size: 16px;
 	font-family: 'vodafone_rgbold';
 	display: none;
 }
 div#mySidenav {
 	z-index: 3;
 }

 h2.black-colr {
 	z-index: 1;
 }

 a.close {
 	z-index: 2;
 }

 a.red-buttons {
 	opacity: 0;
 }

 .share-ico {
 	display: flex;
 }
 .share-ico a,
 .share-ico a:hover {
 	margin: 0px;
 	border-bottom: 0px solid #E60000;
 	padding: 0px;
 	padding-right: 15px !important;
 }
 .share-ico a:after {
 	display: none;
 }
 .share-ico a:before {
 	display: none;
 }
 .share-ico {
 	position: relative;
 	left: 0px;
 	top: -37px;

 	transition: 0.3s ease-in-out;
 	transform: scale(0.5);
 }
 .share-ico.active-i {
 	display: flex;
 	left: 70px;
 	transition: 0.3s ease-in-out;
 	transform: scale(1);
 	visibility: visible;
 }
 a.share-link {
 	height: 50px;
 }
 .share-ico {
 	top: -43px;
 }
 .share-link:hover span {
 	visibility: hidden;
 }
 .share-ico {
 	visibility: hidden;
 }
 .share-link:hover + .share-ico {
 	visibility: visible;
 }
 .share-link span {
 	visibility: visible;
 }
 .share-link:hover span {
 	visibility: hidden;
 }
 .share-ico {
 	top: -37px;
 }
 /* ride network landing page*/
 .home-ride-voda {
 	text-align: center;
 }
 img.red-pulse {
 	position: absolute;
 	top: 27%;
 	right: 20.5%;
 }
 .intro-buckle {
 	height: 100vh;
 	width: 100% !important;
 	position: relative;
 }
 .vf-intro-a h1 {
 	text-align: center;
 	color: #ffffff;
 }
 .icon-audio-small img {
 	width: 50px;
 }
 .icon-audio-small {
 	position: absolute;
 	bottom: 30px;
 	left: 40px;
 	text-align: left;
 }
 .icon-menu-small {
 	width: 50px;
 }
 .icon-menu-small {
 	position: absolute;
 	top: 30px;
 	left: 40px;
 	text-align: left;
 }
 .icon-home-small {
 	position: absolute;
 	top: 30px;
 	right: 40px;
 	text-align: right;
	 width: 50px;
 }
 .image-two-sec {
 	text-align: center;
 }
 .image-two-sec img {
 	width: 20%;
	 padding: 0 10px 0 10px;
 }
 .ron-popbox {
    padding: 40px;
    transform: none !important;
    left: -0%;
    top: 80px;
    position: absolute;
    background: #fff;
    width: 350px;
    z-index: 999;
}
 .ronpop_ui_head {
    font-family: 'vodafoneextra_bold';
    font-size: 20px;
    line-height: 26px;
	margin-bottom: 10px;
    color: #000000;
}
.ron-popbox.station-card .ronpop_ui_head {
    font-family: 'vodafoneextra_bold';
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 10px;
    color: #E60000;
}
 .ron-popbox.right {
 	right: 8% !important;
 	left: unset !important
 }
 #cb-dot-icon1 img {
 	width: 15px;
 	position: absolute;
 	top: 42%;
 	left: 50.5%;
 }
 #cb-dot-icon2 img {
 	width: 15px;
 	position: absolute;
 	top: 42%;
 	right: 38%;
 }
 .ron-popbox-body .close {
    position: absolute;
    right: 0;
    top: 0;
    width: 35px;
    height: 35px;
    font-size: 30px;
    color: #fff;
    background: #E60000;
    font-family: 'vodafone_regular' !important;
    line-height: 36px !important;
    text-align: center;
    opacity: 1;
}
 .ron-popbox.with-close {
    padding: 25px;
    transform: none;
    right: 70px;
    top: 20%;
    position: absolute;
    background: #fff;
    z-index: 1;
    left: unset;
    box-shadow: 0px 0px 14px 2px #00000020 !important;
    -webkit-box-shadow: 0px 0px 14px 2px #00000020 !important;
}
 .ron-popbox.with-close p {
    font-size: 15px;
    line-height: 21px;
}
 .ron-popbox-body .close:hover {
 	animation: bounce .5s .03s;
 	opacity: 1 !important;
 }
 .ron-popbox.with-close .close {
 	transform: scale3d(1, 1, 1);
 	transition: transform .3s .3s cubic-bezier(0.99, 0.04, 0.57, 1.31), opacity .5s .7s, background .3s, box-shadow .3s;
 	opacity: 1;
 }
 @keyframes bounce {
 	0% {
 		transform: translate(0px, 0px);
 	}

 	40% {
 		transform: translate(0px, -12px);
 	}

 	80% {
 		transform: translate(0px, 2px);
 	}

 	100% {
 		transform: translate(0px, 0px);
 	}
 }
 /* form css*/
 .vf-form {
 	width: 420px;
	height: auto;
	min-height: 500px;
 	padding: 80px 30px;
 	box-shadow: 0px 0px 14px 2px #00000020 !important;
 	-webkit-box-shadow: 0px 0px 14px 2px #00000020 !important;
 	margin: auto;
 	background-color: #ffffff;
 }
 .vf-form h1 {
 	padding: 20px 0;
 	font-size: 28px;
 	font-weight: 700;
 	text-align: center;
 	color: #25282B;
 	padding-bottom: 0px;
 	line-height: 32px;
 	font-family: 'vodafoneextra_bold';
 }
 input[type="email"] {
 	width: 83.3%;
 	height: 20px;
 	margin-bottom: 6%;
 	border: 1px solid #ccc;
 	padding: 6% 4% 6% 4%;
 	font-size: 95%;
 	color: #25282B;
 	border-radius: 0px 30px 30px 0px;
 	border-left: 0px;
 	font-family: 'vodafoneregular';
 }
 .icon-email {
 	width: 20px;
 	height: 20px;
 	float: left;
 	padding: 6% 8% 6% 8%;
 	margin-bottom: 6%;
 	background-repeat: no-repeat;
 	background-position: center;
 	border: 1px solid #ccc;
 	border-right: unset !important;
 	border-radius: 30px 0px 0px 30px;
 }
 .icon-industry {
 	width: 20px;
 	height: 20px;
 	float: left;
 	padding: 6% 8% 6% 8%;
 	margin-bottom: 6%;
 	background-repeat: no-repeat;
 	background-position: center;
 	border: 1px solid #ccc;
 	border-right: unset !important;
 	border-radius: 30px 0px 0px 30px;
 }
 .iconUser {
 	width: 20px;
 	height: 20px;
 	float: left;
 	padding: 6% 8% 6% 8%;
 	margin-bottom: 6%;
 	background-repeat: no-repeat;
 	background-position: center;
 	border: 1px solid #ccc;
 	border-right: unset !important;
 	border-radius: 30px 0px 0px 30px;
 }
 input[type="text"] {
 	width: 83.3%;
 	height: 20px;
 	margin-bottom: 6%;
 	border: 1px solid #ccc;
 	padding: 6% 4% 6% 4%;
 	font-size: 95%;
 	color: #25282B;
 	border-radius: 0px 30px 30px 0px;
 	border-left: 0px;
 	font-family: 'vodafoneregular';
 }
 input[type="submit"] {
 	width: 100%;
 	background: #E60000;
 	border: 0;
 	padding: 2.5%;
 	font-size: 100%;
 	color: #fff;
 	cursor: pointer;
 	transition: background .3s;
 	-webkit-transition: background .3s;
 	border-radius: 30px 30px 30px 30px;
 	border: 1px solid #e60000;
 	margin-top: 10px;
 	font-family: 'vodafone_rgbold';
 }
 input[type="submit"]:hover {
 	background: #ffffff;
 	color: #e60000;
 	border: 1px solid #e60000;
 }
 input:focus {
 	outline: #000000 !important;
 }
 .iconUser, .icon-email, .icon-industry, .content {
 	position: relative;
 }
 .progress-controls button {
    background: transparent;
    color: #E60000;
    font-family: 'vodafone_rgbold';
    font-weight: bold;
    font-size: 16px;
    padding: 0;
    padding-left: 0px;
    margin: 0;
    left: 0;
    top: 0px;
    padding-left: 16px;
}
 #btnPrev::before, #btnNext::before {
    content: '';
    background-image: url(../images/right-arrow.svg);
    position: absolute;
    top: 5px;
    left: 0;
    height: 15px;
    width: 10px;
    background-size: contain;
    background-repeat: no-repeat;
}
 .btn.focus,
 .btn:focus {
 	outline: 0;
 	box-shadow: none;
 }
 .ronpop_ui_con {
 	margin-bottom: 30px;
 }
 #btnNext::before {
 	content: '';
 	background-image: url(../images/left-arrow.svg);
 	left: auto;
 	right: 0;
	background-position: right;
 }
 .progress-controls button#btnNext {
    left: auto;
    right: 0;
    padding-right: 16px;
}
 .progress-controls {
    position: relative;
    left: 0;
    width: 100%;
    justify-content: space-between;
    display: flex;
}
 .iconUser::after {
 	content: '';
 	background-image: url(../images/Line.svg);
 	position: absolute;
 	top: 22%;
 	right: 0%;
 	height: 25px;
 	width: 1px;
 }
 .icon-email::after {
 	content: '';
 	background-image: url(../images/Line.svg);
 	position: absolute;
 	top: 22%;
 	right: 0%;
 	height: 25px;
 	width: 1px;
 }
 .icon-industry::after {
 	content: '';
 	background-image: url(../images/Line.svg);
 	position: absolute;
 	top: 22%;
 	right: 0%;
 	height: 25px;
 	width: 1px;
 }
 .container-full {
 	padding: 40px 40px 40px 40px;
 }
 .ron-popbox.left {
 	right: 4% !important;
 	left: unset !important;
 }
 #cb-linedot-icon1 img {
 	position: absolute;
 	left: 39.6%;
 	top: 41.1%;
 	z-index: 999;
 }
 #cb-linedot-icon2 img {
 	position: absolute;
 	left: 61.2%;
 	top: 41.1%;
 	z-index: 999;
 }
 .ron-popbox.with-close {
 	display: none;
 }
 .vf-form input::placeholder {
 	color: #25282B;
 	font-family: 'vodafone_rgregular';
 }
 .ron-popbox.station-card {
    padding: 25px !important;
    transform: none !important;
    left: unset !important;
    top: unset !important;
    position: relative;
    background: #fff;
    width: 350px;
    z-index: 999;
    margin-bottom: 120px;
	margin-right: 40px;
	border-radius: 4px;
	box-shadow: 0px 0px 14px 2px #00000020 !important;
    -webkit-box-shadow: 0px 0px 14px 2px #00000020 !important;
	z-index: 1;
}
 .ronpop_ui_con p:last-child {
 	margin-bottom: 0px;
 }
 .stationBgarea {
    display: flex;
    align-items: end;
    justify-content: right;
}

.icon-text-container .ronpop_ui_con {
    margin-bottom: 20px !important;
}

 .heading-inner.vf-ending-a h1 {
 	text-align: center;
 }
 .banner-p p {
 	text-align: center;
 	font-size: 24px;
 	line-height: 30px;
 	color: #ffffff;
 }
 .icon-call-small {
 	height: 50px;
 	width: 50px;
 	background: #fff;
 	border-radius: 3px;
 	text-align: center;
 	line-height: 45px;
 	bottom: 30px;
 	background-size: 30px;
 	background-repeat: no-repeat;
 	background-position: center;
 	cursor: pointer;
 }
 .icon-call-small {
 	position: absolute;
 	bottom: 30px;
 	left: 40px;
 	text-align: left;
 }
 .icon-call-small:hover {
 	background-color: #E60000;
 	background-image: url(../images/call-icon-white.svg) !important;
 	animation: zoom-in-zoom-out 1.5s infinite !important;
 }
 .icon-audio-small.ending-audio {
 	bottom: 100px !important;
 }
 .ending-slideb {
 	padding-top: 10% !important;
 }
 .vf-form.enjoyed-form {
 	padding: 20px 0 0 0;
 }
 .form-inner-row {
 	border-top: 1px solid #E5E5E5;
 	padding: 0px 30px 0px 30px;
 }
 .form-inner-row p {
 	text-align: center;
 	margin-bottom: 10px;
 	margin-top: 10px;
 	font-size: 16px;
 	line-height: 28px;
 }
 .ron-inner-form {
 	padding-left: 30px;
 	padding-right: 30px;
 }
 .enjoyed-ride-img img {
    padding-bottom: 0;
    width: 100% !important;
 }
 .img-center {
 	display: block;
 	margin-left: auto;
 	margin-right: auto;
 	width: 50%;
 }
 .ending-form-banner {
 	min-height: 100vh;
 	width: 100% !important;
 	position: relative;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 }
 .ronpop_ui_con {
 	margin-bottom: 0px !important;
 }
 .navleft {
 	border-radius: 4px;
 }
 .navleft .bars {
 	display: block;
 	width: 27px;
 	height: 1.9px;
 	position: relative;
 	background: #E60000;
 	border-radius: 20%;
 	z-index: 1;
 	transform-origin: none;
 	transition: none;
 	margin: 0 auto;
 	margin-bottom: 0px;
 	margin-bottom: 0px;
 	margin-bottom: 5px;
 	position: absolute;
 	left: 0;
 	right: 0;
 }
 .icon-home-small {
 	height: 50px;
 	width: 50px;
 	background: #fff;
 	border-radius: 3px;
 	text-align: center;
 	line-height: 45px;
 	top: 30px;
 	background-size: 30px;
 	background-repeat: no-repeat;
 	background-position: center;
 	cursor: pointer;
 }
 .icon-audio-small {
 	height: 50px;
 	width: 50px;
 	background: #fff;
 	border-radius: 3px;
 	text-align: center;
 	line-height: 45px;
 	bottom: 30px;
 	background-size: 30px;
 	background-repeat: no-repeat;
 	background-position: center;
 	cursor: pointer;
 }
 .navleft {
 	position: absolute;
 	top: 30px;
 	left: 40px;
 }
 .icon-home-small img,
 .icon-audio-small img {
 	width: 30px;
 }
 .navleft .bars:first-child {
 	top: 18px;
 }
 .navleft:hover {
 	animation: zoom-in-zoom-out 1.5s infinite !important;
 }
 .navleft .bars:nth-child(3) {
 	top: 32px;
 }
 .icon-home-small:hover {
 	background-color: #E60000;
 	background-image: url('../images/home-icon-white.svg') !important;
 	animation: zoom-in-zoom-out 1.5s infinite !important;
 }
 .navleft:hover {
 	background: #E60000;
 }
 .icon-audio-small:hover {
 	background-color: #E60000;
 	background-image: url('../images/audio-on-white.svg') !important;
 	animation: zoom-in-zoom-out 1.5s infinite !important;
 }
 .navleft:hover span.bars {
 	background-color: #fff;
 }
 .back-text {
 	position: absolute;
 	top: 4px;
 	right: 45px;
 	width: 115px;
 	left: auto;
 	color: #E60000;
 }
 .sidenav .closebtn {
 	height: 50px;
 	width: 50px;
 	line-height: 50px !important;
 	border-radius: 2px;
 	font-size: 60px;
 	background: #fff;
 	background-color: rgb(255, 255, 255);
 	color: #E60000;
 	box-shadow: 0px 0px 21px 0px rgba(62, 62, 62, 0.1);
 	right: auto;
 }
 a.closebtn:hover {
 	color: #ffffff !important;
 	box-shadow: 0px 7px 40px -3px rgba(2, 2, 2, 0.7);
 	transition: 0.3s ease;
 	border-bottom: 0px solid #ffffff;
 	background-color: #E60000;
 }
 .close-btn a {
 	font-family: 'vodafonelight' !important;
 }
 .parent-sh {
 	height: 46px;
 }
 .sound-link {
 	position: relative;
 	padding-left: 40px;
 }
 .sound-link::before {
 	content: '';
 	background-image: url(../images/audio-on.svg);
 	height: 25px;
 	width: 25px;
 	background-size: cover;
 	position: absolute;
 	bottom: 11px;
 	left: 0;
 }
 .sidenav .sound-link {
 	padding-left: 40px;
 }
 .sidenav a.contact-link::before,
 .sidenav a.share-link::before {
 	background-image: url(../images/call-icon.svg);
 }
 .sidenav a.share-link::before {
 	content: '';
 	background-image: url(../images/share-icon.svg);
 }
 .ron-popbox.sdlan-left-pop {
 	right: auto !important;
 	left: 10% !important;
 }
 .ron-popbox.sdlan-right-pop {
 	left: auto !important;
 	right: 10% !important;
 	top: 25% !important;
 }
 /*audion on off css start*/
 .sound-right {
 	position: relative;
 }
 .sound-right {
 	position: absolute;
 	right: 30px;
 	top: 7px;
 }
 .switch {
 	position: relative;
 	display: inline-block;
 	width: 55px;
 	height: 30px;
 }
 .switch input {
 	opacity: 0;
 	width: 0;
 	height: 0;
 }
 .slider {
 	position: absolute;
 	cursor: pointer;
 	top: 0;
 	left: 0;
 	right: 0;
 	bottom: 0;
 	background-color: #ccc;
 	-webkit-transition: .4s;
 	transition: .4s;
 }
 .slider::before {
 	position: absolute;
 	content: "";
 	height: 25px;
 	width: 25px;
 	left: 5px;
 	bottom: 3px;
 	background-color: white;
 	-webkit-transition: .4s;
 	transition: .4s;
 }
 input:checked + .slider {
 	background-color: #E60000;
 }
 input:checked + .slider:before {
 	-webkit-transform: translateX(26px);
 	-ms-transform: translateX(26px);
 	transform: translateX(26px);
 	left: 0px;
 }
 /* Rounded sliders */
 .slider.round {
 	border-radius: 34px;
 }
 .slider.round:before {
 	border-radius: 50%;
 }
 .sound-area {
 	position: relative;
 }
 .ron-share a.share-link::before {
 	content: '';
 	background-image: url(../images/share-icon.svg);
 	height: 18px;
 	width: 18px;
 	background-size: cover;
 	position: relative;
	 bottom: 0;
	 left: -65px;
 }
 .ron-share .share-link {
 	padding-left: 40px;
 }
 .ron-share a.share-link {
 	width: 100%;
 	justify-content: center;
 }
 .ron-share .share-ico img {
 	max-width: 70%;
 }
 .ron-share .share-ico.active-i {
 	left: 35px;
 }
 .ron-share a.share-link:hover::before {
 	display: none !important;
 }
 .ron-share a.share-link {
 	height: 47px;
 }
 .icon-text-container {
	position: absolute;
	bottom: 0;
	right: 0px;
}
h1.red-head {
	color:#e60000 !important;
  }
h1.enjoy-ride-head {
	color:#e60000 !important;
	margin-top: 48px !important;
	padding-bottom: 0px !important;
	margin-bottom: 0;
	padding-top: 0;
  }
  a.gn-btn {
	padding: 12px 100px;
	margin-bottom: 40px;
	font-size: 16px !important;
  }
  .egn-box {
	padding: 30px 30px !important;
  }
  .gn-map-img img {
    margin-top: 48px !important;
    padding-bottom: 0px !important;
    width: 134px !important;
    height: 134px;
    margin-bottom: 20px;
  }
  .enjoy-ride-img img {
    margin-top: -29px;
    margin-bottom: 70px;
  }
  .ending-pc button#btnPrev {
	opacity: 0 !important;
	cursor: auto;
  }

  .btn-3-colmn{
    margin-top: 60px;
    height: auto;
    position: relative;
    left: 0;
    width: 100%;
    justify-content: space-between;
    display: flex;
    margin-bottom: 73px;
  }
  
  .btn-3-colmn a{
    float: left;
    width: 30%;
    margin-right: 5%;
    text-align: center;
  }
  .btn-3-colmn a span.img-cont{
    float: left;
    width: 100%;
    background-color: white;
    box-shadow: 0px 0px 14px 2px #00000020 !important;
    -webkit-box-shadow: 0px 0px 14px 2px #00000020 !important;
    text-align: center;
    padding: 20px;
	transition: box-shadow 1s;
	transition: border 1s;
    border: 1px solid #fff;
  }

  .btn-3-colmn a:hover span.img-cont {
    box-shadow: 1px 4px 14px 2px #0000004f !important;
	-webkit-box-shadow: 1px 4px 14px 2px #0000004f !important;
    border: 1px solid #E60000;
}
  .btn-3-colmn a img{
    height: auto;
    min-height: 72px;
    width: 85%;
  }
  .btn-3-colmn a span.text-cont{
	  float: left;
	  width: 100%;
	  text-align: center;
	  font-family: 'vodafoneregular';
	  font-size: 15px;
	  color: #25282B;
	  margin-top: 10px;
	  margin-bottom: 25px;
  }
  .btn-3-colmn a:hover span.text-cont{
    font-weight: bold;
  }
  .btn-3-colmn a:nth-child(3){
    margin-right:0;
  }
  .text-big-ride{
    font-size: 22px;
    text-align: center;
	font-family: 'vodafoneregular';
	color: #25282B;
    height: auto;
    position: relative;
    left: 0;
    width: 100%;
    justify-content: space-between;
    display: flex;
}
  .text-big-ride-sep{
    font-size: 26px;
    text-align: center;
	font-family: 'vodafoneregular';
	color: #25282B;
	margin-top: 60px;
    height: auto;
    position: relative;
    left: 0;
    width: 100%;
    justify-content: space-between;
    display: flex;
}
.partners-main{
    height: auto;
    position: relative;
    left: 0;
    width: 100%;
	text-align: center;
}
h1.partners-ride-head{
    color: #e60000 !important;
    margin-top: 0px !important;
    padding-bottom: 0px !important;
    margin-bottom: 0;
    padding-top: 0;
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    line-height: 30px;
    font-family: 'vodafoneextra_bold';
}
.partners-logo-cont{
    height: auto;
    position: relative;
    left: 0;
    width: 100%;
}

.btn-2-colmn{
    margin-top: 12px;
    height: auto;
    position: relative;
    left: 0;
    width: 100%;
    justify-content: space-between;
    display: flex;
    margin-bottom: 0;
  }
  
  .btn-2-colmn a{
    float: left;
    width: 46%;
    margin-right: 8%;
    text-align: center;
  }
  .btn-2-colmn a span.img-cont{
    float: left;
    width: 100%;
    background-color: white;
    box-shadow: 0px 0px 14px 2px #00000020 !important;
    -webkit-box-shadow: 0px 0px 14px 2px #00000020 !important;
    text-align: center;
    padding: 10px;
	transition: box-shadow 1s;
	transition: border 1s;
    border: 1px solid #fff;
	display: table;
    min-height: 60px;
	
	/* Internet Explorer 10 */
	display:-ms-flexbox;
	-ms-flex-pack:center;
	-ms-flex-align:center;
	
	/* Firefox */
	display:-moz-box;
	-moz-box-pack:center;
	-moz-box-align:center;
	
	/* Safari, Opera, and Chrome */
	display:-webkit-box;
	-webkit-box-pack:center;
	-webkit-box-align:center;
	
	/* W3C */
	display:box;
	box-pack:center;
	box-align:center;
  }

  .btn-2-colmn a:hover span.img-cont {
    box-shadow: 1px 4px 14px 2px #0000004f !important;
	-webkit-box-shadow: 1px 4px 14px 2px #0000004f !important;
    border: 1px solid #E60000;
}
  .btn-2-colmn a img{
    height: auto;
    max-height: 35px;
	display: table-cell;
	vertical-align: middle;
  }
  .btn-2-colmn a:nth-child(2){
    margin-right:0;
  }

  
.btn-1-colmn{
    margin-top: 12px;
    height: auto;
    position: relative;
    left: 0;
    width: 100%;
    justify-content: space-between;
    display: flex;
    margin-bottom: 24px;
  }
  
  .btn-1-colmn a{
    float: left;
    width: 100%;
    margin-right: 0;
    text-align: center;
  }
  .btn-1-colmn a span.img-cont{
    float: left;
    width: 100%;
    background-color: #fff;
    box-shadow: 0px 0px 14px 2px #00000020 !important;
    -webkit-box-shadow: 0px 0px 14px 2px #00000020 !important;
    text-align: center;
    padding: 10px;
	transition: box-shadow 1s;
	transition: border 1s;
    border: 1px solid #fff;
	display: table;
    min-height: 60px;
	
	/* Internet Explorer 10 */
	display:-ms-flexbox;
	-ms-flex-pack:center;
	-ms-flex-align:center;
	
	/* Firefox */
	display:-moz-box;
	-moz-box-pack:center;
	-moz-box-align:center;
	
	/* Safari, Opera, and Chrome */
	display:-webkit-box;
	-webkit-box-pack:center;
	-webkit-box-align:center;
	
	/* W3C */
	display:box;
	box-pack:center;
	box-align:center;
  }

  .btn-1-colmn a:hover span.img-cont {
    box-shadow: 1px 4px 14px 2px #0000004f !important;
	-webkit-box-shadow: 1px 4px 14px 2px #0000004f !important;
    border: 1px solid #E60000;
}
  .btn-1-colmn a img{
    height: auto;
    max-height: 30px;
	display: table-cell;
	vertical-align: middle;
  }
.btns-ride-last{
    margin-top: 0;
    height: auto;
    position: relative;
    left: 0;
    width: 100%;
    justify-content: space-between;
    display: flex;
    margin-bottom: 0;
}

.btns-ride-last .ron-contact{
    float: left;
    width: 50%;
    border-right: 1px solid #ffffff;
}
.btns-ride-last .ron-share {
    float: left;
    width: 50%;
}

.btns-ride-last .ron-contact a{
    float: left;
    width: 100%;
    background-color: #E60000;
}
.btns-ride-last .ron-contact a span{
    color: #ffffff;
    float: left;
    width: 100%;
    height: 55px;
    line-height: 55px;
    text-align: center;
    position: relative;
    font-family: 'vodafoneregular';
    font-size: 20px;
}
.btns-ride-last .ron-contact a span::before{
	content: '';
	background-image: url(../images/contact-us-icon.svg);
	height: 22px;
	width: 22px;
	background-size: cover;
    position: absolute;
    top: 17px;
    left: 14%;
}
.btns-ride-last .ron-share .parent-sh{
    float: left;
    width: 100%;
    background-color: #E60000;
    height: 55px;
}

.btns-ride-last .ron-share a.share-link{
	padding-left: 0;
	color: #ffffff;
    font-family: 'vodafoneregular';
    font-size: 20px;
    line-height: 55px;
    height: auto;
}

.btns-ride-last .ron-share a.share-link::before {
	background-image: none;
}

.btns-ride-last .ron-share a.share-link span {
    position: relative;
}
.btns-ride-last .ron-share a.share-link span::before {
	content: '';
	background-image: url(../images/ron-share-icon.svg);
    height: 22px;
    width: 22px;
    background-size: cover;
    position: absolute;
    top: 17px;
    left: -38px;
}

.btns-ride-last .ron-share .share-ico.active-i{
top: -4px;
}


.loading-img{
    height: auto;
    position: relative;
    left: 0;
    width: 100%;
    justify-content: space-between;
    text-align: center;
}

.loading-center-img{
	max-width: 500px;
}
.loading-text{
	color: #25282B;
    font-family: 'vodafoneregular';
    font-size: 20px;
    line-height: 55px;
	font-weight: bold;
    text-align: center;
}


 /*Responsive Css start*/
 @media screen and (max-width:1780px) {
 .ron-popbox.station-card {
    margin-bottom: 100px;
}
 }
 @media screen and (max-width:1600px) {
	.ron-popbox,.ron-popbox.station-card {
		width: 340px;
	}
	.voda-business-small img {
		width: 130px;
	}
 	.image-two-sec img {
 		width: 23%;
 	}
 	.share-ico a,
 	.share-ico a:hover {
 		padding-top: 12px !important;
 	}
 	.share-ico {
 		top: -48px;
 	}
 	.home-ride-network {
 		background-position: center 30%;
 	}
 	.container {
 		padding-right: 110px;
 		padding-left: 110px;
 		padding-top: 25px;
 	}
 	h1 {
 		margin-bottom: 20px;
 	} 
 	.heading-inner h1 {
 		font-size: 52px;
 		line-height: 60px;
 	}
 	p,
 	ul li {
 		margin-bottom: 15px;
 	}
 	.home-ride-network {
 		background-position: center 50%;
 	}
 	.heading-inner {
 		font-size: 22px;
 		line-height: 24px;
 	}
 	.navop-sec {
 		padding-bottom: 60px;
 	}
 	.sidenav a {
 		padding: 12px 40px 12px 0px;
 		font-size: 16px;
 		line-height: 22px;
 	}
 }
 @media screen and (max-width:1480px) {
	.ron-popbox-body .close {
		width: 30px;
		height: 30px;
		font-size: 27px;
		line-height: 30px !important;
	}
	p, ul li {
		font-size: 15px;
		line-height: 21px;
		margin-bottom: 12px;
	}
	.ron-popbox.station-card .ronpop_ui_head {
		font-size: 22px;
		line-height: 27px;
		margin-bottom: 8px;
	}
	.ronpop_ui_head {
		font-size: 18px;
		line-height: 22px;
		margin-bottom: 8px;
	}
	.voda-business-small img {
		width: 100px;
	}
	.ron-popbox.with-close p {
		font-size: 14px;
		line-height: 19px;
	}
	.ron-popbox.station-card {
		margin-bottom: 80px;
	}
	.ron-popbox, .ron-popbox.station-card {
		width: 300px;
	}
 	.ron-popbox.station-card {
 		padding: 20px 25px 15px !important;
 	}
 	.ron-popbox.with-close {
 		padding: 20px 25px 22px !important;
 	}
 	.progress-controls button {
 		font-size: 15px;
 	}
 	#btnPrev::before,
 	#btnNext::before {
 		width: 18px;
 	}
 	.icon-text-container .ronpop_ui_con {
 		margin-bottom: 10px !important;
 	}
 	.ron-share a.share-link {
 		height: 42px;
 	}
 	.ron-share a.share-link::before {
 		left: 60px;
 	}
 	.heading-inner.vf-intro-a {
 		padding-top: 70px;
 	}
 	.banner-p p {
 		text-align: center;
 		font-size: 20px;
 		line-height: 24px;
 	}
 	.image-two-sec img {
 		width: 25%;
 	}
 	.share-ico a,
 	.share-ico a:hover {
 		padding-top: 8px !important;
 	}
 	a.share-link span {
 		position: relative;
 		top: 3px;
 	}
 	a.share-link {
 		height: 45px;
 	}
 	.share-ico {
 		top: -41px;
 	}
 	.ron-share .share-ico {
 		top: -37px;
 	}
 	.sidenav a.contact-link {
 		margin-top: 50px;
 	}
 	.share-ico.active-i {
 		left: 50px;
 		transform: scale(0.85);
 	}
 	.container {
 		padding-top: 15px;
 	}
 	.heading-inner h1 {
 		font-size: 44px;
 		line-height: 50px;
 	}
 	.right-con img {
 		max-height: 330px;
 	}
 	.sidenav {
 		width: 260px;
 	}
 	.heading-inner {
 		font-size: 18px;
 		line-height: 21px;
 		margin-bottom: 5px;
 	}
 }
 @media screen and (max-width:1280px) {
 	.image-two-sec img {
 		width: 28%;
 	}
 	.sidenav {
 		width: 250px;
 	}
 	.navop-sec {
 		padding-bottom: 40px;
 	}
 	.sidenav a.contact-link {
 		margin-top: 50px;
 	}
 	.heading-inner h2 {
 		margin-bottom: 10px;
 	}
 	h2 {
 		font-size: 24px;
 		line-height: 28px;
 	}
 	.sidenav a {
 		padding: 10px 30px 10px 0px;
 		font-size: 15px;
 		line-height: 21px;
 	}
 	.home-ride-network {
 		background-size: 100%;
 		background-color: #EDEDED;
 		background-position: center 40%;
 	}
 }
 @media screen and (max-width:1200px) {
 	.ron-share .share-ico {
 		top: -34px;
 	}
 	.ron-share a.share-link::before {
 		left: 52px;
 	}
 	.ron-share a.share-link {
 		height: 38px;
 	}
 	.vf-form {
 		padding: 60px 30px;
 	}
 	.vf-form {
 		width: 380px;
		 min-height: 200px;
 	}
 	.vf-form h1 {
 		padding: 20px 0;
 		font-size: 24px;
 		line-height: 28px;
 	}
 	.ron-contact p::before {
 		left: 22px;
 	}
 	.ron-share p::before {
 		left: 36px;
 	}
 	.enjoyed-ride-img img {
 		padding-bottom: 30px;
 		width: 70% !important;
 	}
 	.share-ico a,
 	.share-ico a:hover {
 		padding-top: 6px !important;
 	}
 	a.share-link span {
 		position: relative;
 		top: 5px;
 	}
 	.share-ico {
 		top: -39px;
 	}
 	.home-ride-network p {
 		line-height: 19px;
 	}
 	.home-ride-network {
 		background-position: center 40%;
 	}
 	.container {
 		padding-right: 40px;
 		padding-left: 40px;
 		padding-top: 15px;
 	}
 	.navleft {
 		top: 30px;
 		left: 40px;
 	}
 	.sidenav a.contact-link {
 		margin-top: 35px;
 	}
 }
 @media screen and (max-width:1099px) {

 	p {
 		font-size: 15px;
 		line-height: 21px;
 		margin-bottom: 12px;
 	}
 	input[type="text"] {
 		width: 83.7%;
 	}
 	input[type="email"] {
 		width: 83.7%;
 	}
 	.ending-slideb {
 		padding-top: 15% !important;
 	}
 	.heading-inner h1 {
 		font-size: 36px;
 		line-height: 38px;
 	}
 	.banner-p p {
 		text-align: center;
 		font-size: 18px;
 		line-height: 22px;
 	}
 	h1 {
 		margin-bottom: 20px;
 	}
 	.home-ride-network {
 		height: 100vh !important;
 		background-position: center 100% !important;
 	}
 }
 @media screen and (max-width:1024px) {
	.home-ride-network p {
 		line-height: 24px;
 		margin-bottom: 0px;
 		font-size: 17px;
 	}
 	body {
 		overflow: visible;
 	}
 	.home-ride-network {
 		height: auto !important;
 	}
 	.container {
 		padding-right: 0px;
 		padding-left: 0px;
 		padding-top: 15px;
 	}
 }
 @media screen and (max-width:991px) {
 	.image-two-sec img {
 		width: 32%;
 	}
 	.ron-popbox.left {
 		right: unset !important;
 		left: 0% !important;
 	}
 	.ron-popbox.right {
 		right: 0% !important;
 		left: unset !important;
 	}

 	.sidenav .closebtn {
 		position: absolute;
 		top: 26px;
 	}
 	.container {
 		padding-bottom: 0px;
 	}
 	.voda-business-small.move-top {
 		bottom: unset !important;
 		position: absolute !important;
 		top: 25px !important;
 		height: fit-content;
 		display: block;
 	}
 	.sidenav a.contact-link::before,
 	.sidenav a.share-link::before {
 		bottom: 5px;
 	}
 	.heading-inner h2 {
 		margin-bottom: 20px;
 	}
 	h2 {
 		font-size: 18px;
 		line-height: 24px;
 	}
 	.navleft .bars {
 		width: 25px;
 		height: 2.9px;
 		margin-bottom: 4px;
 	}
 	.navleft {
 		top: 30px;
 		left: 40px;
 	}
 	body {
 		overflow: visible;
 	}
 }
 @media screen and (max-width:767px) {
	.voda-business-small {
		bottom: 180px;
		right: 40px;
	}
	.icon-audio-small {
		bottom: 180px;
		left: 40px;
	}
	.ron-popbox.station-card {
		padding: 15px !important;
	}
	.ronpop_scroll::-webkit-scrollbar-thumb {
		background-color: #e60000 !important;
		outline: 0px solid #e60000 !important;
		width: 1px !important;
	}
	.ronpop_scroll::-webkit-scrollbar-track {
		box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
		margin-left: 5px !important;
		background: #dedede05 !important;
		width: 1px;
	}
	.ronpop_scroll::-webkit-scrollbar {
		width: 4px !important;
		margin-left: 5px !important;
		height: 3px;
	}
   
	.ronpop_scroll{
		scrollbar-width: thin;
		scrollbar-color: #dedede #fff;
	}
	.ronpop_scroll {
		height: 73px;
		overflow-y: scroll;
		padding-right: 10px;
		margin-bottom: 12px;
		
	}
	.ron-popbox.station-card .ronpop_ui_head {
		font-size: 18px;
		line-height: 22px;
		margin-bottom: 5px;
	}


	 .ron-popbox.station-card {
		width: calc(100% - 60px) !important;
		margin: auto;
		margin-bottom: 20px;
	}
 	.ron-share a.share-link::before {
 		left: 42px;
 	}
 	.ron-share a.share-link {
 		height: 38px;
 	}
 	.container-full {
 		padding: 30px 30px 30px 30px;
 	}
 	.image-two-sec img {
 		width: 230px;
 	}
 	.image-two-sec img {
 		padding: 0px 5px 0 5px;
 	}
 	.heading-inner.vf-intro-a {
 		padding-top: 50px;
 	}
 	.vf-form {
 		padding: 10px 30px 30px 30px;
 	}
 	input[type="text"] {
 		width: 83.5%;
 	}
 	input[type="email"] {
 		width: 83.5%;
 	}
 	.iconUser::after {
 		height: 20px;
 	}
 	.icon-email::after {
 		height: 20px;
 	}
 	.icon-industry::after {
 		height: 20px;
 	}
 	.voda-business-small img {
 		width: 110px;
 	}
 	.vf-form {
 		width: 340px;
 	}
 	.vf-form h1 {
 		padding: 20px 0;
 		font-size: 20px;
 		line-height: 24px;
 	}
 	.ron-contact p::before {
 		left: 10px;
 	}
 	.ron-share p::before {
 		left: 25px;
 	}
 	.ron-inner-form {
 		padding-left: 20px;
 		padding-right: 20px;
 	}
 	.vf-form.enjoyed-form {
 		padding: 10px 0 0 0;
 	}
 	.ron-inner-form h1 br {
 		display: none;
 	}
 	.ending-slideb {
 		padding-top: 20% !important;
 	}
 	.vf-ending-a {
 		padding-top: 50px;
 	}
 	.heading-inner h1 {
 		font-size: 28px;
 		line-height: 32px;
 	}
 	.banner-p p {
 		text-align: center;
 		font-size: 16px;
 		line-height: 20px;
 	}
 	.icon-call-small {
 		height: 40px;
 		width: 40px;
 		background-size: 25px;
 		left: 30px;
 	}
 	.icon-audio-small {
 		height: 40px;
 		width: 40px;
 		background-size: 25px;
 		left: 30px;
 	}
 	.icon-home-small {
 		height: 40px;
 		width: 40px;
 		background-size: 25px;
 		right: 30px
 	}
 	.navleft .bars {
 		width: 22px;
 		height: 2.6px;
 		margin-bottom: 4px;
 	}
 	.navleft {
 		display: table;
 		height: 40px;
 		width: 40px;
 		background: #fff;
 	}
 	.navleft .bars:first-child {
 		top: 12px;
 	}
 	.navleft .bars:nth-child(2) {
 		top: 19px !important;
 	}
 	.navleft .bars:nth-child(3) {
 		top: 26px;
 	}
 	.icon-audio-small.ending-audio {
 		bottom: 85px !important;
 	}
 	.home-ride-network p {
 		font-size: 16px;
 		line-height: 22px;
 		margin-bottom: 0px;
 	}
 	.navleft {
 		top: 30px;
 		left: 30px;
 	}
 	.voda-business-small {
 		right: 40px;
 	}
 	.main-ride-start {
 		position: relative;
 	}
 	.sidenav .closebtn {
 		right: 20px;
 	}
 	.voda-business-small {
 		right: 30px;
 	}
 	.container {
 		padding-right: 0px;
 		padding-left: 0px;
 		padding-top: 20px;
			padding-bottom: 0px;
 	}
 }
 @media screen and (max-width:575px) {
 	.ron-share .share-link {
 		padding-left: 0px;
 	}
 	.ron-share .share-ico {
 		top: -24px;
 	}
 	.ron-share .share-ico.active-i a {
 		text-align: center;
 	}
 	.ron-share .share-ico.active-i {
 		left: unset !important;
 		justify-content: center;
 	}
 	.image-two-sec img {
 		width: 220px;
 	}
 	.ron-share a.share-link::before {
 		left: 115px;
 	}
 	.ron-share a.share-link {
 		height: 27px;
 	}
 	.ron-contact {
 		border-right: unset;
 	}
 	.ending-slideb {
 		padding-top: 25% !important;
 	}
 	.ron-contact p::before {
 		left: 110px;
 	}
 	.ron-share p::before {
 		left: 125px;
 	}
 	.ron-share {
 		border-top: 1px solid #E5E5E5;
 	}
 	.form-inner-row {
 		border-top: 1px solid #E5E5E5;
 		padding: 0px 0px 0px 0px;
 	}
 }
 @media screen and (max-width:480px) {
	.icon-audio-small {
		bottom: 200px;
		left: 20px;
	}
	.voda-business-small {
		bottom: 200px;
		right: 20px;
	}
	.ronpop_scroll {
		height: 90px;
	}
	.ron-popbox, .ron-popbox.station-card, .ron-popbox.with-close {
		width: calc(100% - 40px) !important;
		margin-left: 20px;
		margin-right: 20px;
	}
 	.ron-popbox {
 		padding: 20px !important;
 		width: 100%;
 	}
 	.ron-popbox.with-close {
 		padding: 20px !important;
 		right: 0px !important;
 		left: 0px !important;
 		margin: auto;
 	}
 	.image-two-sec img {
 		width: 200px;
 	}
 	.heading-inner.vf-intro-a {
 		padding-top: 70px;
 	}
 	.ending-slideb {
 		padding-top: 30% !important;
 	}
 	.banner-p br {
 		display: none;
 	}
 	a.share-link span {
 		position: relative;
 		top: 8px;
 	}
 	.share-ico {
 		transform: scale(0.4);
		 left: 0px;
 	}
 	.share-ico a,
 	.share-ico a:hover {
 		padding-top: 8px;
 	}
 	.share-ico.active-i {
 		transform: scale(0.7);
 		left: 20px !important;
 	}
 	.share-ico a {
 		margin: 0px !important;
 		margin-right: 5px !important;
 	}
 	.sidenav {
 		width: 230px;
 	}
 	.sidenav a {
 		margin-right: 20px;
 		margin-left: 20px;
 	}
 	p {
 		font-size: 15px;
 		line-height: 20px;
 		margin-bottom: 10px;
 	}
 	.right-con img {
 		padding-bottom: 20px;
 	}
 	.sidenav a {
 		padding: 8px 25px 8px 0px;
 		font-size: 15px;
 		line-height: 20px;
 	}
 }
 @media screen and (max-width:420px) {

 	.ron-share a.share-link::before {
 		left: 100px;
 	}
 	.vf-form {
 		width: 300px;
 	}
 	.ron-contact p::before {
 		left: 90px;
 	}
 	.ron-share p::before {
 		left: 105px;
 	}
 	input[type="text"] {
 		height: 35px;

 	}
 	input[type="email"] {
 		height: 35px;
 	}
 	.iconUser {
 		height: 35px;
 	}
 	.icon-industry {
 		height: 35px;
 	}
 	.icon-email {
 		height: 35px;
 	}
 }
 @media screen and (max-width:360px) {
 	.ron-share a.share-link::before {
 		left: 80px;
 	}
 	.vf-form {
 		width: 260px;
 	}
 	.ron-contact p::before {
 		left: 70px;
 	}
 	.ron-share p::before {
 		left: 85px;
 	}
 	.vf-ending-a {
 		padding-top: 70px;
 	}
 	h1 {
 		margin-bottom: 15px;
 	}
 	.vf-form {
 		padding: 40px 20px;
 	}
 }
 @media screen and (max-width:319px) {
 	input[type="text"] {
 		width: 83.4%;
 	}
 	input[type="email"] {
 		width: 83.4%;
 	}
 	.vf-form {
 		width: 240px;
 	}
 	.ron-contact p::before {
 		left: 60px;
 	}
 	.ron-share p::before {
 		left: 75px;
 	}
 	.ron-share a.share-link::before {
 		left: 70px;
 	}
 	h2 {
 		font-size: 16px;
 		line-height: 19px;
 	}
 }
 @media screen and (max-width:300px) {
 	.vf-form {
 		width: 220px;
 	}
 	.ron-contact p::before {
 		left: 52px;
 	}
 	.ron-share p::before {
 		left: 65px;
 	}
 	.ron-share a.share-link::before {
 		left: 60px;
 	}
 }
 /*Responsive css end*/