*{margin:0; padding:0;}
@charset "utf-8";
/* CSS Document */

/*----------change--------*/
@font-face {
    font-family: 'bebas_neueregular';
    src: url('../fonts/bebasneue.eot');
    src: url('../fonts/bebasneue.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bebasneue.woff') format('woff'),
         url('../fonts/bebasneue.ttf') format('truetype'),
         url('../fonts/bebasneue.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*----------change end--------*/
@font-face {
    font-family: 'economicaregular';
    src: url('../fonts/economica-regular-webfont.eot');
    src: url('../fonts/economica-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/economica-regular-webfont.woff') format('woff'),
         url('../fonts/economica-regular-webfont.ttf') format('truetype'),
         url('../fonts/economica-regular-webfont.svg#economicaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

a {margin:0px; padding:0px; text-decoration:none;}
p {margin:0px; padding:0px;}
ul, li {margin:0px; padding:0px; list-style:none;}
image {border:none; margin:0px; padding:0px;}
h1,h2,h3,h4,h5,h6 {margin:0px; padding:0px; font-size:normal;}
.clear {clear:both}
button{cursor:pointer}


body {width:100%; margin:0px; padding:0px; font-size:14px; line-height:22px; font-family:Arial, Helvetica, sans-serif;}


body.menuOn{overflow-x: hidden;-webkit-backface-visibility: hidden;}
.wrapper{width:100%; display:block; /*-webkit-transition: -webkit-transform 0.5s;-moz-transition: -moz-transform 0.5s; transition: transform 0.5s;*/ display:block; position:relative;  }
body.menuOn .wrapper{position:absolute; width:100%;/*transform-origin: 50% 0; -webkit-transform: translate(-200px, 0);-moz-transform: translateX(-200px);transform: translateX(-200px);*/top: 0; right:200px;}
/*----------------------Header--------------------*/

.header {background:#0f1523;  border-bottom:3px solid #0086ab;}
.container {max-width:1000px; margin:0px auto; padding:0px; width:95%;}
.login-wrap{width:55%; float:right; overflow:hidden;}/*----------change--------*/
.login-wrap .right-section{width:70%;}
.left-section {float:right; margin:0px; padding:0px; padding:10px 0px; text-align:right; font-size:12px;}
.left-section a{font-size: 11px;}
.left-section a {color:#0DBAEB; font-family:arial; font-size:11px;}
.left-section a:hover {color:white;}
.first{border-right:1px solid #0086ab; margin-right: 10px; padding: 0px 10px 0px 0px;}
.right-section {margin: 10px 0px 0px; padding:0px; float:right; font-family:'bebas_neueregular'; width:80%; }
.number-wrap {font-size:40px; color:#0DBAEB; display:block;}
.time-wrap {font-size:22px; color:#0DBAEB; margin:10px 0 0 60px; display:block;}
.right-section img {margin:-6px 0px 0px 0px; width:30px; color:#0DBAEB; vertical-align: middle; float:left;}
.logo-wrap {padding:15px 0; width:45%; overflow:hidden;}
.logo-wrap img{width:100%;}
.slider {width:100%; margin:0 auto; overflow:hidden;}/*----------change end--------*/

paginationContainer  {float:right; position:relative; width: 75%; height:auto;}
.slider-image {width:100%;}

.search-wrap {float:left; background:url(../images/search-bg.jpg) top left; border:1px solid #0d3443; color:white; padding:10px 20px; border-radius:10px; box-shadow:0px 1px 15px 1px #0d3443; margin-top:40px; width:17%; overflow:hidden;position:absolute; top:0; left:10px;}
.search-wrap h4 {font-family:'economicaregular'; font-weight:normal; font-size:20px; color:#ededed; text-align:center;}
.select-wrap {width:100%; padding:5px; margin-top:15px; font-family:'open_sansregular'; color:#E5F2FF; border-radius:5px; border:none; font-size:14px; -webkit-appearance:none; -moz-appearance:none; background:url(../images/down-arrow.jpg) rgba(13,56,71,0.6) no-repeat 103% 8px; }
.select-wrap-upload {width:30%; padding:5px; margin-top:15px; color:white; font-family:'open_sansregular'; color:#0079a0; border-radius:5px; border:none; font-size:14px; background: rgba(13,56,71,0.6); }
.button-wrap {background: #0079a0; color:#ffffff; font-family:'open_sansregular'; border:none; width:100%; margin-top:13px; padding:5px 0px; cursor:pointer; font-size:16px; border-radius:5px; text-align:center; display:inline-block;}
.button-wrap:hover{color:#FFF; background:#40AED1;}


.header a.mobileNavBtn { display:none; position:absolute; right:15px; top:52px; width:35px; height:35px; background:url(../images/link-icon.png) no-repeat left top;}
/*---------------------------------------------Content-------------------------------------*/
.content {width:100%;background:url(../images/content-bg.jpg) repeat-x; margin:0px; padding:0px; overflow:hidden; background-size:100% 100%;}
.content .nav {background:url(../images/nav-bg1.png) no-repeat; height:60px;}
.nav ul.navigation {list-style:none; margin:0px; padding:10px;}
.nav ul.navigation li {float: left; padding:5px 15px; margin-left:30px; font-size:18px; font-family:'open_sansregular'; }
.nav ul.navigation li.first-nav {margin-left:60px;}
.nav ul.navigation li a {color:#6FBEE0/*#0d6287*/;}
.nav ul.navigation li a:hover {color:#FFF;}
.active {color:#fff !important;}

.content-wrap {margin:30px 0px 10px; max-width:1000px; padding:10px; border:1px solid black; background:url(../images/content-top-line.png) center top no-repeat , url(../images/content-top-line.png) center bottom no-repeat #23252B/*#0c1018*/; overflow:hidden;}
.left-content {float:left; margin-top:10px ; padding:15px; min-height:267px; background:url(../images/pattern-bg.jpg) repeat; border:1px solid #2a3546; border-radius:5px; width:23%;}
.left-content h4, .search-label{font-family:'economicaregular'; font-weight:normal; font-size:26px; color:#ededed;}
.left-content p{color:#A5A8AD; line-height: 28px; font-family:'economicaregular'; font-size:18px; margin-top:20px;}
.postcode{width: 90%; border: 1px solid #2a3546; border-radius: 5px; margin-top: 10px; padding: 8px; background:#10141d; color:#565f6c;}
.search-button {background:#0079a0; color:black; border-radius:3px; font-family:'economicaregular'; font-size:20px; font-weight:bold; border:none; padding:7px 15px; cursor:pointer; margin-top:15px;}
.search-button:hover {background:rgba(63, 7, 10, 0.6); color:white; font-weight:normal;}


/*---------------------------Inner pages------------------------------*/
.left-wrap {padding:0px; margin:0px; width:27%; float:left; overflow:hidden; display:block;}
.left-content-wrap {padding:15px 16px;/* min-height:245px; */background:url(../images/pattern-bg.jpg) repeat; border:1px solid #2a3546; border-radius:5px; width:85%; margin:10px 0px 15px; overflow:hidden;} 
.left-content-wrap p{color:#A5A8AD; line-height: 28px; font-family:'economicaregular'; font-size:18px; margin-top:20px;}
.left-content-wrap h4 {font-family:'economicaregular'; font-weight:normal; font-size:26px; color:#ededed; margin-bottom:15px;}
.section {margin:0px; padding:10px 0px 0px 0px; border-top:1px dotted grey; overflow:hidden; margin-top:15px;}
.right-content h5 {font-family:'economicaregular'; font-weight:normal; font-size:22px; color:#A5A8AD;}
.small-img {float:left; margin:10px 15px 10px 0;}
.short-para {color:#A5A8AD; line-height: 28px; font-family:'economicaregular'; font-size:18px; margin:10px 0px;}
.map{margin:10px;}
.map img {width:100%; margin-top:15px;}

.right-content a {color:#0079a0; font-family:'economicaregular'; font-size:16px; line-height:42px;}
.uploadFiles td:first-child { padding-top: 10px; vertical-align:top;}
.newsletterfieldmain {color:#A5A8AD; font-family:'economicaregular'; line-height:24px; margin-top:15px;}
.fieldname{color:#0079a0; font-weight:bold; font-size:16px; padding-top:10px; width:30%;}
.data {padding-top:10px; width:30%;}

.left-content-wrap .open {color:#A5A8AD; line-height:26px; padding:5px 10px; margin-top:5px; font-family:'economicaregular'; background:#0b2632;}
.email-wrap {margin-top:10px; padding:10px; text-align:center; overflow:hidden;}
.email-wrap p {text-align:center !important ;}

.label {color: #A5A8AD; line-height: 28px; font-family: 'economicaregular'; width: 84px; font-size: 18px; display: inline-block; text-align: right;}
.label-upload {color: #A5A8AD; line-height: 28px; font-family: 'economicaregular'; font-size: 18px; display: inline-block; text-align: right; }
.field-wrap{width:400px; padding:3px 0px; margin:8px 20px;}
.field-wrap-contact {margin: 8px 20px; width: 60%;}
.uploadFiles td{padding:5px 0;}
.contact-button {float:left; margin-left:175px;}

.paginationContainer {margin:20px; color:white; }
.pagingactive {color: #FFFFFF!important; padding: 5px; background: #0079a0; font-size:17px!important;}
.pagingright {float:right; width:auto;}
.pagingright a {color: #FFFFFF!important; font-size:17px;}
.wel-name{color: #fff;font-family: 'economicaregular'; font-size: 18px;line-height: 36px;}

.right-content .open {color:#A5A8AD; line-height:26px; padding:5px 10px; margin-top:5px; font-family:'economicaregular'; background:#0b2632;}
.right-content .close {margin-left:10px; display:none;}

.left-content-wrap h6{color: #A5A8AD; line-height: 28px; font-family: 'economicaregular'; font-size: 18px; margin-top: 20px;}
.newsletterfieldmain {width:auto;}

.table {width:100%;}
.map-info{top: 50%;left: 50%;margin-top: -50px;height: 93px;width:100px;}

/*--------------------------------------Contact us CSS---------------------------------*/
.contact-right-content {float: right; margin: 10px 0px 0px 0px; padding: 15px 15px; background: url(../images/pattern-bg.jpg) repeat; border: 1px solid #2a3546; border-radius: 5px; width:69%; min-height:245px;}
.contact-right-content h5 {font-family:'economicaregular'; font-weight:normal; font-size:22px; color:#A5A8AD;}
.contact-right-content h4 {font-family:'economicaregular'; font-weight:normal; font-size:32px; color:#ededed; margin-bottom:20px;}
.contact-right-content a {color:#0079a0; font-family:'economicaregular'; font-size:16px; line-height:42px;}
.contact-left-wrap {padding:0px; margin:0px; width:27%; float:left; overflow:hidden; display:block;}
.contact-left-content-wrap {padding:15px 16px; min-height:245px; background:url(../images/pattern-bg.jpg) repeat; border:1px solid #2a3546; border-radius:5px; width:85%; margin:10px 0px 15px;}
.contact-left-content-wrap h4 {font-family:'economicaregular'; font-weight:normal; font-size:26px; color:#ededed; margin-bottom:15px;}
.contact-left-content-wrap p{color:#A5A8AD; line-height: 28px; font-family:'economicaregular'; font-size:18px; margin-top:20px;}
.contact-left-content-wrap h4 {font-family:'economicaregular'; font-weight:normal; font-size:26px; color:#ededed; margin-bottom:15px;}
.contact-left-content-wrap .open {color:#A5A8AD; line-height:26px; padding:5px 10px; margin-top:5px; font-family:'economicaregular'; background:#0b2632;}
/*--------------------End inner page CSS-----------------------------*/


.right-content {float: right; margin: 10px 0px 0px 0px; padding: 15px 15px; background: url(../images/pattern-bg.jpg) repeat; border: 1px solid #2a3546; border-radius: 5px; width:69%; min-height:245px;}
.right-content h4 {font-family:'economicaregular'; font-weight:normal; font-size:32px; color:#ededed; margin-bottom:20px; line-height:40px; display:inline-block;}
.right-content p{color:#A5A8AD; text-align: justify; line-height: 28px; font-family:'economicaregular'; font-size:18px; margin-bottom:10px;}


.news-wrap {float:left; margin-top: 10px; padding:15px; background: url(../images/pattern-bg.jpg) repeat; border: 1px solid #2a3546; border-radius: 5px; width: 69%; min-height:315px;}
.news-wrap .all {color:#0079a0; float:right; font-size: 18px; display: block;}
.news-wrap h4 {font-family:'economicaregular'; font-weight:normal; font-size:26px; color:#ededed; margin-bottom:15px;}
.news-wrap p{color:#A5A8AD; text-align: justify; line-height: 28px; font-family:'economicaregular'; font-size:18px;}
.news-wrap a {color:#0079a0; font-family:'economicaregular'; font-size:16px; line-height:30px;}

.newsletter-wrap {float:right; margin-top:10px; padding:15px 16px; min-height:315px; background:url(../images/pattern-bg.jpg) repeat; border:1px solid #2a3546; border-radius:5px; width:23%;}
.newsletter-wrap h4 {font-family:'economicaregular'; font-weight:normal; font-size:26px; color:#ededed;}
.newsletter-wrap p{color:#A5A8AD; line-height: 28px; font-family:'economicaregular'; font-size:18px; margin-top:15px;}
.newsletter-button{width:90%; background:#0079a0; color:black; border-radius:3px; font-family:'economicaregular'; font-size:20px; font-weight:bold; border:none; padding:5px;  cursor:pointer; margin-top:15px;}
.newsletter-button:hover {background:rgba(63, 7, 10, 0.6); color:white; font-weight:normal;}

.social-feed {width:97%; margin-top:10px; padding:15px; min-height:310px; background:url(../images/pattern-bg.jpg) repeat; border:1px solid #2a3546; border-radius:5px;}
.social-feed div {float:left !important;}
.fb-first {margin-right:30px; width:31%;}
.fb-first:last-child{ margin-right:0;}
.fb-first img{width:100%;}

.footer {margin:0px; padding:0px;}
.copyright p{color:#4a5b76; font-size:12px; margin-bottom:10px; float:left;}
.social-icon {float:right; margin-bottom:10px; padding:0px;}
.social-icon p {color:#4a5b76; font-size:12px; float:left;padding:3px 10px 0px 0px;}
.social-icon ul.social-wrap {margin:0px; padding:0px; list-style:none; float:left;}
.social-icon ul.social-wrap li {display:inline;}

/*-----------------------------------------------24-06-2014------------------------------------*/

.package1 {margin:10px auto; padding:0px; overflow:hidden;}
.package1 .package-wrap {float:left; padding:0px; margin:0px;}
.package1 .package-wrap img {width:100%;}
.package-name {background: #222222; padding: 7px 0px; text-align:center;}
.package-name img{width:auto; padding-top:5px;}
.package-price{float: none; width: 80%; height: 118px; margin: 0 auto; padding: 15px 10px; font-size: 18px; color: #A5A8AD; line-height: 24px; font-family: Kozuka Gothic Pro; text-align: center; /*background: white;*/ border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.package-price p {line-height:20px; color:#A5A8AD; text-align:center;}
.package-price .green-text{font-weight:bold; font-size:24px; color:#008336; line-height:30px;}
.orange-text{color: #c97800; font-size:24px; line-height:30px; font-weight:bold;}
.blue-text{color: #1861a8; font-size:24px; font-weight:bold; line-height:30px;}
.field-name{width: 100%; overflow: hidden;}
.package-main-wrap {float:left; margin-bottom:30px; width:33%;}
.package-form {margin:0px; padding:0px; text-align:center;}
.package-form span {color: #A5A8AD; text-align: right; font-family: 'economicaregular'; font-size: 18px; width: 23%; display: block; float: left;}
.field-wrap{width: 60%; border: 1px solid #2a3546; border-radius: 5px; margin-top: 0px; padding: 8px; background: #10141d; color: #565f6c;}
.package-button {float:left; margin-left:200px;}
.package-form p {text-align:right;}
.star {color:red;}
.stars{display:inline-block; margin-left:10px; width:100px;}
.stars.rate{ background:url(../images/sprite-stars.png) no-repeat 0 -110px;height: 20px;}
.stars.rate1, .starsRate .ratings label.oneStr{ background:url(../images/sprite-stars.png) no-repeat 0 -89px;height: 20px; margin-top:5px;}
.stars.rate2, .starsRate .ratings label.twoStr{ background:url(../images/sprite-stars.png) no-repeat 0 -66px;height: 20px; margin-top:5px;}
.stars.rate3, .starsRate .ratings label.threeStr{ background:url(../images/sprite-stars.png) no-repeat 0 -43px;height: 20px; margin-top:5px;}
.stars.rate4, .starsRate .ratings label.fourStr{ background:url(../images/sprite-stars.png) no-repeat 0 -16px;height: 20px; margin-top:5px;}
.stars.rate5, .starsRate .ratings label.fiveStr{ background:url(../images/sprite-stars.png) no-repeat 0 6px;height: 20px; margin-top:5px;}



.product-news-wrap {float:left; margin-top: 10px; padding:15px; background: url(../images/pattern-bg.jpg) repeat; border: 1px solid #2a3546; border-radius: 5px; min-height:315px;}
.product-news-wrap .all {color:#0079a0; float:right; font-size: 18px; display: block;}
.product-news-wrap h4 {font-family:'economicaregular'; font-weight:normal; font-size:26px; color:#ededed; margin-bottom:15px;}
.product-news-wrap p{color:#A5A8AD; text-align: justify; line-height: 28px; font-family:'economicaregular'; font-size:18px;}
.product-news-wrap a {color:#0079a0; font-family:'economicaregular'; font-size:16px; line-height:30px;}


.processingcontenttitle{font-family:'Impact'; font-size:20px; color:#0079a0; margin-top:6px;  }
.rd_blue_inner { width:94%; float:left; padding:0px 0px 0 17px; background:#195fa7; font-family:"impact"; color:#FFF; font-size:23px; line-height:32px; border-radius: 10px;margin-bottom: 20px;}

.dpf img{float:left; margin:10px 10px 10px 0;}

.page {width:100%;float: left; color: #A5A8AD; font-size:12px;}
.scrollbar .page .welcomebox{padding-top: 10px; /*width: 700px;*/ }
.paging {height:35px;overflow: hidden;border-bottom: solid 1px #666666;margin-bottom: 10px;}
.paging a {color: #FFFFFF;padding: 5px;background-color: #333333; font-size:14px;}
.paging a:hover {color: #FFFFFF;padding: 5px;background-color: #0079a0;}

.dealeraccount ul li {margin: 0px;padding: 0px;list-style: none;}
.dealerlist1 li {border-right: solid 1px #3D3D3D;border-bottom: solid 1px #3D3D3D;}
.dealerlist li:last-child {border-right: none;}
.dealerlist li {border-right: solid 1px #3D3D3D;}
.dealerlist1 li:last-child {border-right: none;}
.dealeraccountname {width: 240px!important;float: left;}
.dealeraccountdate {width: 100px!important;float: left;}
.dealerlist1 {overflow: hidden;height: 35px;line-height: 35px;font-weight: bold;background-color: #333;text-indent: 5px;}
.dealerlist {overflow: hidden;height: 35px;text-indent: 5px;line-height: 35px;border-bottom: solid 1px #3D3D3D;}
.dealeraccount .dealerlistlinks{display:table;table-layout:auto;width:100%;}
.dealeraccount .dealerlistlinks li{float:none; display:table-cell;}
.dealeraccount .dealerlistlinks li a{display:block; line-height:32px;}
.dealeraccount .dealerlistlinks li{width:110px !important}
.dealeraccount .dealerlistlinks li:last-child{width:auto !important;}
.dealerlist1 li:last-child {border-right: none;}
.dealerlist:hover {background-color: #1E1C1C;}

#scrollbar2 {width:100%;margin: 0 0 10px;}
#scrollbar2 .scrollbar {background:transperant;position: relative;margin: 0 0 5px;clear: both;height: 15px;width:100% !important;}
#scrollbar2 .track {background:#171C22;height: 15px;position: relative;width:100% !important;}
#scrollbar2 .thumb {background:#3E495C;height: 15px;cursor: pointer;overflow: hidden;position: absolute;left: 0;top:0;}
#scrollbar2 .viewport {width: 100%;min-height: 200px;overflow: hidden;position: relative;}
#scrollbar2 .overview {list-style: none;width: 675px;padding: 0;margin: 0;position: absolute;left: 0;top: 0;}
.paypalimg{width:98%; overflow:hidden; display:block;}
.paypalimg img{width:100%;}
.map #map1div{width:100%!important;}
.map #map_canvas{width:100%!important;}
.left-content-wrap p .captcha-img{ margin-left:0px;}
.left-content-wrap p .captcha-img .capthaIn{border: 1px solid #2a3546; border-radius: 5px; margin-top: 20px; padding: 8px; background: #10141d; color: #565f6c;}


.dealerlefttext { font-size:15px; }



.DPF_table
{
	float: left;
	height:auto;
	width: auto;
	/*overflow-x: scroll;*/
	margin-bottom: 25px;
	z-index: 1000;
}

.DPF_Delete
{
	float: left;
	height:auto;
	width: auto;
	overflow-y: scroll;
	margin-bottom: 25px;
	z-index: 1000;
}
.scrollbar::-webkit-scrollbar {    -webkit-appearance: none;}
.scrollbar::-webkit-scrollbar:vertical {    width: 12px;}
.scrollbar::-webkit-scrollbar:horizontal {    height: 15px;}
.scrollbar::-webkit-scrollbar-thumb {    background-color: rgba(0, 0, 0, .5);    border-radius: 0px;    border: 2px solid #ffffff;}
.scrollbar::-webkit-scrollbar-track {    border-radius: 0px;     background-color: #ffffff; }

.scrollbar::-ms-scrollbar {    -ms-appearance: none;}
.scrollbar::-ms-scrollbar:vertical {    width: 12px;}
.scrollbar::-ms-scrollbar:horizontal {    height: 15px;}
.scrollbar::-ms-scrollbar-thumb {    background-color: rgba(0, 0, 0, .5);    border-radius: 0px;    border: 2px solid #ffffff;}
.scrollbar::-ms-scrollbar-track {    border-radius: 0px;     background-color: #ffffff; }

.scrollbar::-o-scrollbar {    -o-appearance: none;}
.scrollbar::-o-scrollbar:vertical {    width: 12px;}
.scrollbar::-o-scrollbar:horizontal {    height: 15px;}
.scrollbar::-o-scrollbar-thumb {    background-color: rgba(0, 0, 0, .5);    border-radius: 0px;    border: 2px solid #ffffff;}
.scrollbar::-o-scrollbar-track {    border-radius: 0px;     background-color: #ffffff; }

.scrollbar::-moz-scrollbar {    -moz-appearance: none;}
.scrollbar::-moz-scrollbar:vertical {    width: 12px;}
.scrollbar::-moz-scrollbar:horizontal {    height: 15px;}
.scrollbar::-moz-scrollbar-thumb {    background-color: rgba(0, 0, 0, .5);    border-radius: 0px;    border: 2px solid #ffffff;}
.scrollbar::-moz-scrollbar-track {    border-radius: 0px;     background-color: #ffffff; }

.scrollbar::scrollbar {    appearance: none;}
.scrollbar::scrollbar:vertical {    width: 12px;}
.scrollbar::scrollbar:horizontal {    height: 15px;}
.scrollbar::scrollbar-thumb {    background-color: rgba(0, 0, 0, .5);    border-radius: 0px;    border: 2px solid #ffffff;}
.scrollbar::scrollbar-track {    border-radius: 0px;     background-color: #ffffff; }

/*---------------------------------16-06-2014--------------------------------------*/

.homebottomwhitbox{width: 97%;margin-top: 10px;padding: 15px; overflow:hidden; background:url(../images/pattern-bg.jpg) repeat;border: 1px solid #2a3546;border-radius: 5px;}
.bottomlogos {width:14.6%;float: left;padding:0.5%;}
.bottomlogos img{ width:100% !important; height:auto !important;}
.remappingmain { width:36%;/*width: 337px;background-image: url(../images/homebottomblackbg.jpg); background:#000000;background-repeat: no-repeat;*/float: left;margin-top: 10px; overflow:hidden; border: 1px solid #2a3546;border-radius: 5px; margin-right:10px;}
.remampingtext {width: 50%;float: left;padding: 8px;line-height: 18px; font-size:12px; color:#A0A0A0; font:16px 'economicaregular';}
.remampingtitle {color: #1861A8;font-family:'economicaregular';font-size: 20px;margin-bottom: 8px;}
.remapingimg {width:42%;float: right;margin: 10px 10px 0 0;}
.remapingimg marquee img{ width:100% !important; height:auto !important;}

/*-------DPF page banner-----*/
.carousel-dpf::before{ content:""; position:absolute; width:100%; height:100%; left:-100%; background:url(../images/overlay.png) repeat, url(../images/homebanner1.jpg) right 0; top:0; }
.carousel-dpf{width: 100%;position: relative; overflow:visible;}
.carousel-dpf::after{content:""; position:absolute; width:100%; height:100%; left:100%; background:url(../images/overlay.png) repeat, url(../images/banner5.jpg); top:0;}
.wrapper-slider img{ width:100%;}


/*-------Product page banner-----*/
.carousel-product::before{ content:""; position:absolute; width:100%; height:100%; left:-100%; background:url(../images/overlay.png) repeat, url(../images/DPFDelete-banner.jpg) 105px 0; top:0; }
.carousel-product{width: 100%;position: relative; overflow:visible;}
.carousel-product::after{content:""; position:absolute; width:100%; height:100%; left:100%; background:url(../images/overlay.png) repeat, url(../images/Pendle-Performance-Agents.jpg) -30px 0; top:0;}

/*-------Agent page banner--------*/
.carousel-agent::before{ content:""; position:absolute; width:100%; height:100%; left:-100%; background:url(../images/overlay.png) repeat, url(../images/banner5.jpg) right 0; top:0; background-size:100%; }
.carousel-agent{width: 100%;position: relative; overflow:visible;}
.carousel-agent::after{content:""; position:absolute; width:100%; height:100%; left:100%; background:url(../images/overlay.png) repeat, url(../images/banner4.jpg) no-repeat;  top:0;}

/*-------Feedback page banner--------*/
.carousel-feed::before{ content:""; position:absolute; width:100%; height:100%; left:-100%; background:url(../images/overlay.png) repeat, url(../images/Pendle-Performance-Agents.jpg) right 0; top:0; }
.carousel-feed{width: 100%;position: relative; overflow:visible;}
.carousel-feed::after{content:""; position:absolute; width:100%; height:100%; left:100%; background:url(../images/overlay.png) repeat, url(../images/faq.jpg) -240px 0 no-repeat;  top:0; }

/*-------FAQ page banner--------*/
.carousel-faq::before{ content:""; position:absolute; width:100%; height:100%; left:-100%; background:url(../images/overlay.png) repeat, url(../images/banner4.jpg) right 0; top:0; }
.carousel-faq{width: 100%;position: relative; overflow:visible;}
.carousel-faq::after{content:""; position:absolute; width:100%; height:100%; left:100%; background:url(../images/overlay.png) repeat, url(../images/Pendle-Performance-Contact-Us_banner.jpg) no-repeat;  top:0; background-size:100%;}

/*-------contact page banner--------*/
.carousel-contact::before{ content:""; position:absolute; width:100%; height:100%; left:-100%; background:url(../images/overlay.png) repeat, url(../images/faq.jpg) 230px 0; top:0; }
.carousel-contact{width: 100%;position: relative; overflow:visible;}
.carousel-contact::after{content:""; position:absolute; width:100%; height:100%; left:100%; background:url(../images/overlay.png) repeat, url(../images/homebanner1.jpg) no-repeat;  top:0;}

/*-------news page banner--------*/
.carousel-news::before{ content:""; position:absolute; width:100%; height:100%; left:-100%; background:url(../images/overlay.png) repeat, url(../images/banner5.jpg) right 0; top:0; }
.carousel-news{width: 100%;position: relative; overflow:visible;}
.carousel-news::after{content:""; position:absolute; width:100%; height:100%; left:100%; background:url(../images/overlay.png) repeat, url(../images/homebanner1.jpg) no-repeat;  top:0;}

/*---------------------------------03-09-2014--------------------------------------*/
.dealeraccount a.heading-banner{font-size:42px; font-weight:bold; color:hsla(64,100%,50%,1.00); width:100%; text-align:center; display:block; overflow:hidden; border-radius: 10px; border: 2px solid #fff;}
.dealeraccount a.heading-banner img{width:100%;}


.left-content-wrap-agent{padding: 15px 16px;  min-height: 245px; background: url(../images/pattern-bg.jpg) repeat; border: 1px solid #2a3546;    border-radius: 5px;  width: 100%; margin: 10px 0px 15px; overflow: hidden; box-sizing: border-box;}
.left-content-wrap-agent h4{font-family: 'economicaregular';  font-weight: normal; font-size: 32px; color: #ededed; margin-bottom: 20px;}
.left-content-wrap-agent p{color:#A5A8AD; line-height: 28px; font-family:'economicaregular'; font-size:18px; margin-top:20px;}
.uploadFiles .dealerlefttext a { display: block;}



.product-news-wrap a{display:inline-block;color:#6FBEE0; padding:0px 3px;font-size:20px;}
.product-news-wrap a:hover,.left-content-wrap a.active{text-decoration:none;}


ul#tabs {
  list-style-type: none;
  margin: 0 0 10px 0;
  padding: 0; text-align:center;
 }
  ul#tabs li {
    display: inline-block;
    background-color: #0079a0;
    padding: 5px 10px;
    margin-bottom: 4px;
    color: #fff;
    cursor: pointer;  margin-right:0px;}
	ul#tabs li a{display: block;    color: #fff;    padding: 0; text-decoration:none !important;}
    ul#tabs li:hover {
      background-color:rgb(50, 191, 236); }
    ul#tabs li.active {
      background-color: rgb(50, 191, 236);}

ul#tab {
  list-style-type: none;
  margin: 0; text-align:center;
  padding: 0; }
  ul#tab li {
    display: none;
    
    }
    ul#tab li.active {
      display: block; }
    ul#tab li h2 {
      font-weight: 400;
      margin-bottom: 5px;
      padding-bottom: 5px;
    font-size: 15px; }
	.agentTable{background:#3D3D3D;display:table; width:100%; font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#A5A8AD;    margin-bottom: 10px;}
    .agentTable tr th{text-align:left;color:#efefef;background: #333;padding:2px 10px;display:table-cell; font-weight:bold;border-right: 1px solid #3D3D3D;
    }
.agentTable tr td{color:#efefef;background:#000;text-align:left;padding:2px 10px;display:table-cell; font-weight:normal;}
.agentTable tr td:last-child{text-align:center;}
.paginationContainer1{    display: block;    padding-top: 10px;    text-align: right;}
.paginationContainer2{    display: block;    padding-top: 10px;    text-align: right;}
.paginationContainer3{    display: block;    padding-top: 10px;    text-align: right;}

@media screen and (max-width:1100px) {

.right-content{ width:69%; float: right; display:block; }
.news-wrap {width:69%; float: left; display:table; }
.search-wrap {width:19%;/*position:absolute; left:10px;*/}
.social-feed {padding:15px 14px;}
.banner-wrap-img {right:100px;}
.nav{background-size:100%;}
.nav ul.navigation li.first-nav{margin-left:50px;}
.fb-first{margin-right:10px; width:32%;}
.select-wrap.firstChild{ margin-left: 0px;}
.fb-first .fb-like-box, .fb-first .fb-like-box span, .fb-like-box span iframe, .fb-first #twitter-widget-0, .fb-first object, .fb-first object embed{width:100% !important;}
.login-wrap{width:53%;}
.right-section{width:75%;}
.content .nav{background-size:100%;}
} 

@media screen and (max-width:1023px) {
	.nav ul.navigation{text-align:center;} 
	.nav ul.navigation li.first-nav{margin-left:10px;}
	.nav ul.navigation li{margin-left:0px;padding: 0px 15px; float:none; display:inline;}
	.banner-wrap-img{right:20px;}
	.fb-first{width:32%; margin-right:10px;}
	.select-wrap-upload{width:40%;}
	.logo-wrap{width:50%;}
	.left-section a{display:block; border:none; margin:0; padding:0;}
	.login-wrap {width: 48%;}
	.bottomlogos {width:12.5%; padding:1% 0 1% 1%; }
	.remappingmain{ width:45%; margin-right:0px;}
	.remampingtext {width: 47%;}
	.DPF_table{overflow-x: scroll; }
	.scrollbar .page .welcomebox{ width:700px;}
	
}



/*@media only screen and (max-width:1050px){
.header a.mobileNavBtn { display:block; border: 1px solid rgb(78, 101, 150); width: 49px; height: 50px; margin-bottom:0px;}
.container .nav { position:fixed; z-index:999; background:#0a2531; height:100%; right:0; top:0; width:200px; margin:0; -webkit-transform:translateX(200px); -moz-transform:translateX(200px); transform:translateX(200px);}
.container .nav ul { background:none; font-size:14px; }
.container .nav ul li { float:none; display:block; margin:0; padding:8px 10px; border-top:1px solid #535454; border-bottom:1px solid #000; color:#fff; background:url(../images/menu-pattern.png) repeat-x 0 0;}
.container .nav ul li:hover {padding:8px 10px; background:#2b0b10;}
.nav ul.navigation li.first-nav {margin-left:0px; margin-top:-5px; border-top:none;}
.nav ul.navigation li.last-nav {border-bottom:none;}
.container .nav ul li a { display:block;}
body.menuOn .header .nav ul { }
body.menuOn{overflow:visible;}
}*/



@media screen and (max-width:980px) {
.header a.mobileNavBtn {position:absolute; right:15px; top:90px;}
/*.logo-wrap{ width:100%; display:block; position:static;}
.logo-wrap img{ width:50%; display:block; position:static;}*/
.right-content{ width:65%; float: right; display:block; min-height:350px; }
.left-content {min-height:350px; width:26%;}
.news-wrap {width:67%; float:left; display:table;min-height:350px;}
.newsletter-wrap {width:24%; min-height:350px;}
.newsletter-wrap h4 {line-height:30px;}
.social-feed {width:96%; padding:15px 17px; min-height:270px;overflow:hidden;}
.fb-first {margin-right:5px; width: 32%;}
.left-wrap {width:30%;}
.right-content h4 {line-height:34px;}
.left-content-wrap h4 {line-height:32px;}
.contact-right-content {width:66%;}
.contact-left-wrap {width:30%;}
.contact-left-content-wrap {width:83%; padding:15px 5px;}
.banner-wrap-img {top:90px;}
.map #map1div{ height:500px!important;}
} 

@media screen and (max-width:860px){
.right-content {width:65%; min-height:350px;}
.left-content {width:25%; min-height:350px;}	
.news-wrap {width:65%; min-height:350px;}
.social-feed {width:96%; padding:15px; min-height:250px; overflow:hidden;}
.newsletter-wrap {width:25%; min-height:350px;}
.social-feed img {width:100%;}
.left-content-wrap {width:83%;}

}
@media screen and (max-width:799px) {
.login-wrap{width:100%; float:none;}
.left-section{float:left; text-align:left;}
.right-section{width:36%; margin-top:15px;}
.logo-wrap{padding:10px 0;}
.nav ul.navigation{text-align:left;} 
.header a.mobileNavBtn{display:inline-block; float:right; border: 1px solid rgb(78, 101, 150); width: 49px; height: 50px; background:url(../images/menu-list.png) no-repeat center center; text-indent:-9999px; }
/*.container .nav{position: fixed; background:#0a2531; height:100%;right:0; top:0; width:200px; margin:0; -webkit-transform: translateX(200px);-moz-transform: translateX(200px);transform: translateX(200px);}*/

.container .nav{position: fixed; background:#0a2531; height:100%;right:-200px; top:0; width:200px; margin:0; }

body.menuOn .container .nav {position:absolute; right:-200px;}

.container .nav ul { background:none; font-size:14px; }
.container .nav ul li { float:none; display:block; margin:0; padding:8px 10px; border-top:1px solid #535454; border-bottom:1px solid #000; color:#fff; background:url(../images/menu-pattern.png) repeat-x 0 0;}
.container .nav ul li:hover {padding:8px 10px; background:#2b0b10;}
.nav ul.navigation li.first-nav {margin-left:0px; margin-top:-5px; border-top:none;}
.nav ul.navigation li.last-nav {border-bottom:none;}
.container .nav ul li a { display:block;}
body.menuOn .header .nav ul { }
body.menuOn .wrapper{overflow:visible;}

.banner-wrap-img {right: 80px;}
.slider{width:100%; float:none; margin:0 auto;}
.banner-wrap-img{width:75px;}
.search-wrap{width:90%; position:relative; margin:10px auto 10px auto; float:none; left:0px;}
.select-wrap{width:31%; margin-left:10px;}
/*.agent-login td{width:70% !important;}*/
.remappingmain{ width:100%;}
.bottomlogos{ width:24%;}
.remapingimg{ width:130px;}

}


@media screen and (max-width:780px) {
.right-section{width:43%;}
.right-content{ width:63%; float: right; display:table; min-height:350px;}
.select-wrap {background:url(../images/down-arrow.jpg) rgba(13,56,71,0.6) no-repeat 103% 4px; font-size:12px;}
.right-content{ width:63%; float: right; display:block; min-height:350px;}
.select-wrap {background:url(../images/down-arrow.jpg) rgba(13,56,71,0.6) no-repeat 103% 4px; font-size:12px;}
/*.search-wrap {width:17%; position:absolute; left:10px;}*/
.left-content {min-height:381px; width:25%;}
.postcode {font-size:11px;}
.news-wrap {width:63%;min-height:350px;}
.newsletter-wrap {width:25%; min-height:381px;}
.newsletter-button {width:94%;}
.newsletter-wrap h4 {line-height:32px;}
.newsletter-wrap p{line-height:26px;}
.social-feed {width:95%;}
.fb-first {width:90%; margin:20px auto;}
.social-feed div {float:none;}
.fb-first:last-child{margin:20px auto;}
.left-wrap {width:31%;}
.left-content-wrap {width:90%; min-height:auto; padding:15px 5px;}
.contact-left-wrap {/*width:100%;*/}
.contact-left-content-wrap {width:auto; margin:10px auto; float:none; display:block;padding:15px 5px;}
.fieldname{font-size:15px;}
.contact-right-content {width:auto; margin:10px auto; float:none; display:block;}
/*.search-wrap {width: 88%; position: absolute; bottom:92px;}*/
.select-wrap {background: url(../images/down-arrow.jpg) rgba(13,56,71,0.6) no-repeat 103% 5px; font-size: 14px; width: 32%; float: left; margin-left: 6px;}
.select-wrap-upload{width:50%;}
.homebottomwhitbox{ padding:15px; width:95%; margin:10px auto;}

} 


@media screen and (max-width:650px) {
.logo-wrap{width:55%;}
.number-wrap{font-size:30px;}
.right-section{width:38%;}
.right-section img{width:25px;}
.time-wrap{margin:5px 0 0 40px;}
.left-content, .news-wrap, .right-content, .newsletter-wrap{width:auto; float:none; margin:10px auto; display:block; min-height:0px; overflow:hidden;}
/*.search-wrap {width: 88%; position: absolute; margin:10px auto; float:none; left:16px; bottom:105px; }*/
.select-wrap {background: url(../images/down-arrow.jpg) rgba(13,56,71,0.6) no-repeat 103% 5px; font-size: 12px; width: 32%; float: left; margin-left: 6px;}
.select-wrap.firstChild{ margin-left: 0px;}
.social-feed {width: 95%; padding: 15px 16px;}
.banner-wrap-img {top:90px; right:80px;}
.banner-img {width:100%;}
.slider{width:100%; float:none;}
.left-wrap {width:100%;}
.contact-left-wrap{width:auto; float:none; display:block; overflow:hidden;}
.left-content-wrap {width:auto; float:none; margin:10px auto; min-height:100px; padding:15px 10px;}
.contact-left-content-wrap {width:auto; margin:10px auto; float:none; display:block; padding:15px 16px;}
.contact-right-content {width:auto; margin:10px auto; float:none; display:block;}
.fieldname{font-size:16px;}
.uploadFiles{width:100% !important;}
#scrollbar1{width:100%;}
}

@media screen and (max-width:550px) {
.logo-wrap{width:65%;}
.left-section{width:100%;}
.right-section{width:100%;}
.number-wrap{float:left; margin-bottom:0; margin-right:10px;}
.time-wrap {font-size:18px; margin-top:0;}
.header a.mobileNavBtn {position:absolute; right:15px; top:120px;}
.left-content, .news-wrap, .newsletter-wrap{width:auto; float:none;min-height:0px; overflow:hidden; display:block;}
.right-content {width:auto; float:none; margin-bottom:10px 0px 0px 0px; overflow:hidden; }
.right-content h4 {line-height:34px;}
.right-content p {text-align:normal;}
.banner-img {bottom:341px;}
.number-wrap {margin-bottom:10px;}
/*.social-feed img {width:100%; margin:10px 0px;}*/
.number-wrap {font-size:26px;}
.time-wrap {margin-left:0px;}
.social-feed {width:auto; margin:10px auto; display:block; overflow:hidden; }
.newsletter-button {width:94%;}
.email-wrap {width:auto; text-align:left;}
/*.contact-left-content-wrap {width: 92%;
margin: 10px auto; padding:15px 13px;}*/
.contact-right-content {width:91%;}
.contact-button {margin-left:0px;}
.label {text-align:left;}
.label-upload {text-align:left;}
.field-wrap {margin:8px 0px; width:265px;}
.select-wrap {font-size: 12px; margin-left: 6px;}
.copyright p {float:none; text-align:center;}
.social-icon {margin-left:105px; float:none;}
.select-wrap.firstChild{ margin-left: 0px;}
.top-header a {font-size: 12px;display: block;border: none; line-height:1.6;}
.right-section {float: left;margin-top: 0px;}
.right-section img {margin: 0px 0px 10px 0px;}
.banner-wrap-img {top: 120px;}
.field-name .field-wrap{margin-top:0px; width:60%;}
.package-form span{width:25%;}
.map #map1div{ height:350px!important;}
/*.slider {margin-bottom:50px;}*/
.homebottomwhitbox{ padding:10px; width:auto; margin:10px auto; overflow:hidden;}
}
@media screen and (max-width:479px) {
	
	.select-wrap{width:100%; margin-left:0px;}
	.header a.mobileNavBtn{top:110px;}
	.banner-wrap-img{display:none;}
	.search-wrap{width:80%;}
	.field-wrap{width:215px;}
	.package-main-wrap {width:100%; float:none;}
	.package1 .package-wrap {width:100%;}
	.package-form{text-align:left;}
	.package-form span{ width:100%; text-align:left;}
	.field-name .field-wrap{width:90%;}
	.package-button{margin-left:0px;}
	.top-header a{font-size:11px;}
	.social-feed{ padding:15px 5px;}
	.fb-first{width:auto; display:block; overflow:hidden; text-align:center;}
	.field-wrap-contact{margin:8px 0px; width:90%;}
	.label{width:100%;}
	.select-wrap-upload{width:70%;}
	.uploadtText{width:45% !important;}
	.uploadFeild{width:55% !important;}
	/*----------change--------*/
	.left-section a{font-size:11px;}
	.logo-wrap{width:70%;}
	.right-section img{width:20px;}
	.number-wrap{font-size:24px;}
    .time-wrap{font-size:18px;}
	.bottomlogos{ width:48%;}
	.remapingimg{ width:45%; height:auto !important; margin:10px 3px 0 0;}
	.remapingimg marquee img{ width:100% !important; height:auto !important;}
	
}


@media screen and (max-width:340px) {
.fb-first iframe{width:250px !important;}
	.fb-first object, .fb-first object embed{width:250px !important;}
}

@media screen and (max-width:320px) {
	.number-wrap{font-size:24px; margin-bottom:0;}
	.time-wrap{margin:0;}
}
@media screen and (max-width:265px) {
	.number-wrap{float:none;}
}

@media only screen and (min-width:799px){
body.menuOn .wrapper{position:absolute; width:100%;
transform-origin: 50% 0; 
-moz-transform: translateX(0px);
-o-transform: translateX(0px);
-ms-transform: translateX(0px);
-webkit-transform: translate(0px, 0);
transform: translateX(0px);top: 0;}
}

@media only screen and (max-width:1124px) and (min-width:799px){
body.menuOn .wrapper{position:absolute; width:100%;
transform-origin: 50% 0; 
-moz-transform: translateX(0px);
-o-transform: translateX(0px);
-ms-transform: translateX(0px);
-webkit-transform: translate(0px, 0);
transform: translateX(0px);top: 0;}
}


.list-table{width:100%;}
.list-table tr:first-child{font-weight:bold; background:#333;}
.list-table tr td{padding:7px 10px 7px 10px; border-bottom:solid 1px #3D3D3D; border-right:solid 1px #3D3D3D;}
.list-table tr td:last-child{border-right:none;}



/*-------------------------------rating styling added by @Narayan 23march16--------------------------------------*/
.demo-table ul{margin:0;padding:0; }
.demo-table li{cursor:pointer;list-style-type: none;display: inline-block;color: #F0F0F0;text-shadow: 0 0 1px #666666;font-size:20px;}
.demo-table .highlight, .demo-table .selected {color:#ED8323;text-shadow: 0 0 1px #ED8323;}
.rslt-date .plc{/* display:inline-block;*/ margin:0 10px 0 0;}







.content-wrap-sample{padding:25px; background: #0c1018 url(../images/pattern-bg.jpg) repeat;  font-family: 'economicaregular';  color:#fff;}
.content-header{padding:25px; background: rgba(41,128,185,0.38); border-radius: 15px;}
.search-note{    font-family: 'economicaregular'; font-weight: normal;font-size: 18px; margin-left:15px; color: #ededed; font-style:italic;}
.search-input{display:inline-block; width:65%; line-height:28px; margin-top:20px; padding:0 10px;height:30px;}
.search-btn{line-height:28px; padding:0 15px; background:#fff; text-align:center; display:inline-block; margin-left:15px; color:#5b5d62}
.content-logo{background:#e9e9e9; /*margin-top:15px;*/}
.content-logo img{max-width:100%;}
.logo-info{background:rgba(255,255,255,0.1); border-radius:0 0 15px 15px;}
.logo-info div img,.logo-info div span{vertical-align:middle;}
.logo-info div{padding: 5px 0 12px;}
.logo-info div span{font-size:20px;margin-left:10px;}
.logo-info ul{overflow:hidden;}
.logo-info ul li{display:inline-block; font-family: 'economicaregular'; margin:15px 20px 10px; }
.logo-info ul li span{font-size:20px; color:#fff; margin-left:10px; vertical-align:top; }
.logo-info ul li span a {font-size: 20px;color: #fff;margin-left: 10px;vertical-align: top; }
.content-data{padding:15px 0; color:#fff; font-size:18px; line-height:30px;}
.cust-review img{display:inline-block;}
.cust-review span{font-family: 'economicaregular'; font-weight: bold; font-size: 26px; color:#007a9e;  margin-bottom: 15px; margin-left:10px;}
.web-map{box-sizing:border-box; font-size:18px;}.web-map img{max-width:100%; }
li.address-data {display: block !important;}
/*p.disp-rating {display: block !important;}*/
.logo-sec.banner-up {margin-top: -20px;}

.visit-web{display:inline-block;}
.web-map a i{color:#fff;}
.visit-map{display:inline-block; vertical-align:super; width:100% }

@media only screen and (max-width:480px){
.search-input{width:100%; box-sizing:border-box;}
.search-btn{width:100%; box-sizing:border-box; margin:0px; margin-top:10px;}
}

.content-wrap-sample h4 {
    font-family: 'economicaregular';
    font-weight: normal;
    font-size: 32px;
    color: #ededed;
    margin-bottom: 20px;}
	
.content-wrap-sample .processingcontenttitle{font-family: 'economicaregular';
    font-weight: normal;
    font-size: 26px;
    color: #ededed;
    margin-bottom: 15px;}	
.dpf p {
    color: #A5A8AD;
    text-align: justify;
    line-height: 28px;
    font-family: 'economicaregular';
    font-size: 18px;
    margin-bottom: 10px;
}

.cust-review{display:inline-block; margin-right:50px; margin-top: 13px;}
/*.cust-review p{display:inline-block;}*/
.cust-review .stars{display:inline-block; width:100px; margin-left:15px; vertical-align: middle;}

.agnt-feed span {font-family: 'economicaregular';
    font-weight: bold;
    font-size: 26px;
    color: #007a9e;
    margin-bottom: 15px;
   
}
.agnt-feed{  display: inline-block; vertical-align: top; margin-bottom:15px;} 

@media screen and (max-width:650px){
	.agnt-feed{display:block; margin-left:00px;} .cust-review{display:block;}
	}
	
.Dtitle{font-family: 'economicaregular';font-weight: bold; font-size: 26px;  color: #000; padding:10px;}
.visit-web i{color:#FFF;}
.visit-web a {color: #fff;}
#wrap {  
        width: 146%;
        height: 368px;
        padding: 0;
        overflow: hidden;
}
#frame {  
	-ms-zoom: 0.5;
	-ms-transform-origin: 0 0;
	-moz-transform: scale(0.40);
	-moz-transform-origin: 0px 14px;
	-o-transform: scale(0.50);
	-o-transform-origin: 0px 75px;
	-webkit-transform: scale(0.75);
	-webkit-transform-origin: 0 0;
	transform: scale(0.38);

}
    #frame {
        width: 213%;
        height: 965px;
        overflow: hidden;
}
 
 
span#welcome-page-prev, #welcome-page-next {
    padding: 5px 10px;
    background: #edf1f3;
    border-radius: 5px;
    margin: 5px;
	color:#000;
	cursor:pointer;
	text-align:center;
} 

.paginationArrow {
    padding: 5px 10px;
    background: #edf1f3;
    border-radius: 5px;
    margin: 5px 2px;
	color:#000;
	cursor:pointer;
	text-align:center;
} 

.paginationArrow.activePage{background: #0079a0; color:#fff;}

.disp-rating i{font-family: 'Economica', sans-serif;}
 
/*.voucher{max-width:700px; width:100%; margin:auto; border-bottom:3px dashed #0dbaeb; padding:5px 0;}
.voucher-wrap{margin:15px; padding: 15px 25px;   border: 1px solid #000;}
.vhead{width:100%;  box-sizing:border-box; margin-bottom:15px;}
.vhead span{font-size: 65px; font-weight: bold; color: #000; vertical-align: middle; display: inline-block; line-height: 65px; width:75%; margin-top: 15px;}
.vhead img{float:right;  vertical-align:middle;}
.vsubhead{text-align:center; position:relative; background:#f01615; padding:10px 25px; color:#fff; font-size:14px;}
.vtabs{margin: 15px 0; display:block; font-size:16px; color:#0dbaeb; font-weight:bold;}
.vcode{padding:10px; text-align:center; background:#f7f7f7; display:block; width:100%; box-sizing:border-box; color:#b5b5b5; border:2px dashed #b5b5b5; font-size:16px;}
.vsec{width:70%; float:left; font-weight:bold;}
.vsec label{color:#f01615; }
.voucher-price{font-size:100px; color:#f01615; vertical-align:middle; font-weight:bold; line-height:100px; float:right;margin-top: 10px;}
.vsubhead:before{position:absolute; content:"";width: 0; height: 0; top:0; left:0; bottom:0; border-top: 20px solid transparent;border-bottom: 20px solid transparent;  border-left: 20px solid #fff;}
.vsubhead:after{position:absolute; content:"";width: 0; height: 0; top:0; right:0; bottom:0; border-top: 20px solid transparent;border-bottom: 20px solid transparent;  border-right: 20px solid #fff;}*/

 .vcertificate{width:100%; max-width:670px; font-family: 'Trirong', serif; color:#4a5157; margin:auto;  background:url(../images/pendle.jpg); border:1px solid #414562; overflow: auto;  }
 .vcertificate-wrap{padding:50px 20px 20px; display:inline-block; display:table-cell; width:800px; box-sizing:border-box;}
 .cheading{font-size:55px;font-weight: bold; display:block; text-align:center; line-height:85px; }
 .vcertificate-head{ position:relative;}
.certificate{overflow:auto;}
 .vcertificate-head img{position:absolute; border:3px solid #414562; transform:translateX(-70%); height:90%; box-sizing:border-box;}
 .csubheading{font-size:25px; font-style:italic; text-transform:uppercase; text-align:center; display:block;   font-weight:bold;}
 .vmake{text-align:center; width:100%;  font-weight:bolder; display:block; font-size:45px; margin-top:45px; line-height:75px;}
 .vmodel{text-align:center; width:100%;  font-weight:bolder; display:block; font-size:40px; line-height:55px; margin-top:10px;}
 .vdate{text-align:center; width:100%;  font-weight:bolder; display:block; font-size:24px; margin-top:24px;}
 .vcertificate p{font-size:16px; font-style:italic; text-align:center; line-height:30px; margin-top:15px; font-family: 'Trirong', serif; color:#4a5157;}
  .vreg{text-align:center; width:100%;  font-weight:bolder; display:block; font-size:55px; margin-top:15px; line-height:75px;}
.signatureblock{width:250px; float:left; text-align:center; margin-top:50px;}
.signatureblock p{font-size:16px; font-style:italic; text-align:center; line-height:30px; margin-top:15px; font-weight:bold;}
.leftseclogo{ width:100px; display:table-cell;height:500px; background:#414562; border-right:10px solid #605a4e; vertical-align:middle; padding:50px 20px;}
.visit-web{float:left; width:33%}
.visit-web.visit-map{float:right; width:59%}
@media screen and (max-width:868px){
.visit-web{float:none; display:block; width:100%;}
.visit-web.visit-map{float:none; width:100%; margin:15px 0; }
#wrap{width:123%;}
}

@media screen and (max-width:768px){
	.vhead span{font-size: 40px;line-height: 40px; width:70%;}
	.vsubhead:before,.vsubhead:after{display:none;}	
	.vsec{float:none; width:100%;}
	.voucher-price{float:none; width:100%; text-align:center; display:block;}
	.leftseclogo{display:block; width:100%; padding:5px; text-align:center; height:100px; box-sizing: border-box;  border-right:none; border-bottom: 10px solid #605a4e;}
	.leftseclogo img{transform:rotate(90deg); height:200px; margin-top:-59px; }
	.vcertificate-head img{display:none;}
	.signatureblock{width:100%;}
	.vcertificate-wrap{padding:5px;}
	
	
}

@media screen and (max-width:480px){
	 
	.vhead img{float:none; width:100%;}

	.voucher-wrap{margin:0; padding:15px 10px;}
	.vcertificate-wrap{padding:10px;}
	.cheading{font-size:35px; line-height:55px;}
	.csubheading{font-size:18px;  }
	.vmake{font-size:30px; line-height:35px; margin-top:20px;}
	.vreg{font-size:25px; line-height:25px; margin:0;}
	.vdate{font-size:18px; margin-top:18px;}
	.vcertificate p{font-size:14px;}
	.signatureblock p{font-size:16px}
	
	
	}
@media print {
.voucher{border-bottom: 3px dashed #0dbaeb;}
}

.voucher:last-child {
    border: none;
}
#allvouchers {
  border: none;
}

        /*--------Css Added by @Narayan for Voucher print 28June16----Start Here------ */
   #allvouchersPrint{width:100%; overflow:auto;}     
.voucherPrint{ max-width: 700px;
    width: 700px;
    margin: auto;
    border-bottom: 2px dashed #0dbaeb;
    padding: 5px 0;}
.voucher-wrapPrint {
    margin: 15px;
    padding: 15px 25px;
    /* box-shadow: 1px 3px 7px #000; 
    border: 1px solid #000;*/
}
.vheadPrint {
width: 100%;
    box-sizing: border-box;
    margin-bottom: 15px;
}

.vheadPrint span{font-size: 65px;
    font-weight: bold;
    color: #000;
    vertical-align: middle;
    display: inline-block;
    line-height: 65px;
    width: 75%;
    margin-top: 15px;
}
.vheadPrint img {
    float: right;
    /* width: 120px; */
    vertical-align: middle;
}

.vsubheadPrint {
    text-align: center;
    position: relative;
    background: #f01615;
    padding: 10px 25px;
    color: #fff;
    font-size: 14px;
}

.voucher-pricePrint {
    font-size: 100px;
    color: #f01615;
    vertical-align: middle;
    font-weight: bold;
    line-height: 100px;
    float: right;
    margin-top: 10px;
}

.vsecPrint {
    width: 70%;
    float: left;
    font-weight: bold;
}

.vtabsPrint {
    margin: 15px 0;
    display: block;
    font-size: 16px;
    color: #0dbaeb;
    font-weight: bold;
}
.vcodePrint {
    padding: 10px;
    text-align: center;
    background: #f7f7f7;
    display: block;
    width: 100%;
    box-sizing: border-box;
    color: #b5b5b5;
    border: 2px dashed #b5b5b5;
    font-size: 16px;
}
/*#allvouchersPrint{background-color:#fff;border-color: #fff;}*/
/* new voucher css*/

.voucher-page{width:100%; position:relative; font-family: arial;}
.voucher{width:100%; position:relative; overflow:auto; margin-bottom:15px; }
.voucher-wrap{width:630px; height:250px; position:relative;   margin:5px; background:#FFFFFF;border:2px solid #0dbaeb; overflow:hidden;     background: url(../images/pendle.jpg); }
.logosec{  display:inline-block; position:relative; width: 0;height: 0;border-top: 300px solid #0dbaeb; border-right: 230px solid transparent;}
.logoimagewrap {
    width: 174px;
    height: 174px;
    position: absolute;
    z-index: 101;
    overflow: hidden;
    top: 50%;
    left: 66px;
    margin-top: -83px;
    background: url(../images/wrap.png) no-repeat;
    background-size: 100% 100%;
}

.voucher-info{width:350px; display:inline-block; margin-left:30px; vertical-align:top;}
.logoimg{width:150px; height:150px; border-radius:80px; position:absolute; z-index:100;  overflow:hidden; top: 50%; left: 68px;  margin-top:-80px; background:url(../images/vlogo.jpg); border:8px solid #fff; background-position: 7px 8px !important;}
 
 .voucher-info .heading {font-size: 24px; font-weight: bold; color: #000;  line-height: 45px; display:block; }
 .vsubhead{font-size:16px; line-height:1.2;  color: #0e1322;}
 .vtabs { margin: 15px 0 0;  display: block; font-size: 16px; color: #0dbaeb; font-weight: bold;}
 .vcode { padding: 10px; text-align: center;  display: block; width: 100%; box-sizing: border-box;color: #0dbaeb; background:url(../images/brder.png); background-size: 100% 100%; /*border: 2px dashed #040404; */   font-weight: bold; font-size: 14px;}
  .vcode label{color:red;}
  .spacer{height:3px; width:632px; margin:10px 6px; background: url(../images/spacer.png);}
   .spacer:last-child{ display:none;}
 .voucher-price { font-size: 65px; color:#0dbaeb;vertical-align: middle; font-weight: bold; line-height: 70px; text-align:right; display:block;}
 /* new voucher css*/
 div#allvouchers1 {
   
    width: 100%;
    left: 0;
    position: absolute;}

	#printpdf{
	padding-right:47px;    
    float: right;
	}

	#printpdf a{color: #FFFFFF;
    padding: 5px;
	line-height:22px;
    background: #0dbaeb;
    font-size: 14px;}

	#printpdf a:hover {
    color: #FFF;
    background: #0079a0;}

	p.mileage{
    line-height: 10px;
    margin-top: 0;
    margin-bottom: 40px;
}
@media screen and (max-width:381px){
  .logo-info ul li{margin: 15px 5px 10px;}
}