.left-asrnce @charset "utf-8";
/* CSS Document */
/*2016-07-22*/488
.ui-autocomplete.ui-widget {
font-size: 0.8em;
}
@font-face {
font-family: 'oswaldregular';
src: url('../fonts/oswald-regular-webfont.eot');
src: url('../fonts/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/oswald-regular-webfont.woff2') format('woff2'),
url('../fonts/oswald-regular-webfont.woff') format('woff'),
url('../fonts/oswald-regular-webfont.ttf') format('truetype'),
url('../fonts/oswald-regular-webfont.svg#oswaldregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Asap';
font-style: normal;
font-weight: 400;
src: url('../fonts/asap-v11-latin-regular.eot'); /* IE9 Compat Modes */
src: local('Asap Regular'), local('Asap-Regular'),
url('../fonts/asap-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/asap-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/asap-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
url('../fonts/asap-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/asap-v11-latin-regular.svg#Asap') format('svg'); /* Legacy iOS */
}
@font-face {
font-family: 'Montserrat BlackItalic';
font-style: normal;
font-weight: 400;
src: url('../fonts/Montserrat-BoldItalic.otf'); /* IE9 Compat Modes */
src: local('Montserrat-BoldItalic'), local('Montserrat-BoldItalic'),
url('../fonts/Montserrat-BoldItalic.otf') format('embedded-opentype'), /* IE6-IE8 */
}
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
src: url('../fonts/montserrat-v14-latin-regular.eot'); /* IE9 Compat Modes */
src: local('Montserrat Regular'), local('Montserrat-Regular'),
url('../fonts/montserrat-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/montserrat-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/montserrat-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
url('../fonts/montserrat-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/montserrat-v14-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}
@font-face {
font-family: Montserrat-ExtraBold;
font-weight:normal;
src: url("../fonts/Montserrat-ExtraBold.ttf") format("opentype");
}
@font-face {
font-family: open-sans-light;
font-weight:normal;
src: url("../fonts/open-sans-light_[allfont.net].ttf") format("opentype");
}
@font-face {
font-family: OpenSans-Regular;
font-weight:normal;
src: url("../fonts/OpenSans-Regular.ttf") format("opentype");
}
@font-face {
font-family:Asap-Bold;
src: url("../fonts/Asap-Bold.otf") format("opentype");
}
@font-face {
font-family:OpenSans-Bold;
src: url("../fonts/OpenSans-Bold.ttf") format("opentype");
}
@font-face {
font-family:Asap-BoldItalic;
font-weight:normal;
src: url("../fonts/Asap-BoldItalic.ttf") format("opentype");
}
@font-face {
font-family:Asap-Regular;
font-weight:normal;
src: url("../fonts/Asap-Regular.ttf") format("opentype");
}
@font-face {
font-family: Blinker-Regular;
font-weight:normal;
src: url("../fonts/Blinker-Regular.ttf") format("opentype");
}
@font-face {
font-family: Asap-SemiBold;
src: url("../fonts/Asap-SemiBold.ttf") format("opentype");
}
@font-face {
font-family: arialbd;
src: url("../fonts/arialbd.ttf") format("opentype");
}
@font-face {
font-family: Asap-Italic;
src: url("../fonts/Asap-Italic.ttf") format("opentype");
}
@font-face {
font-family: Montserrat-ExtraBoldItalic;
font-weight:normal;
src: url("../fonts/Montserrat-ExtraBoldItalic.ttf") format("opentype");
}
@font-face {
font-family: Montserrat-Bold;
font-weight:normal;
src: url("../fonts/Montserrat-Bold.ttf") format("opentype");
}
@font-face {
font-family: ArialMTStd Medium;
font-weight:normal;
src: url("path/ArialMTStd-Medium.otf") format("opentype");
}
@font-face {
font-family:Calibri;
font-weight:normal;
src: url("../fonts/Calibri.ttf") format("opentype");
}
@font-face {
font-family:Roboto-Bold;
font-weight:normal;
src: url("../fonts/Roboto-Bold.ttf") format("opentype");
}
body {
background: url("../images/bg-pat.jpg");
font-family: 'arial';
}
.agree-ol li {
list-style: decimal !important;
font-family: 'arial';
font-size: 14px;
}
* {
text-decoration: none;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
margin: 0px;
padding: 0px;
color: #222;
}
.aligncenter {
float: left;
text-align: center;
width: 100%;
}
a:link, a:visited {
color: #487bbc;
text-decoration: none;
outline: none;
}
a:hover {
color: #487bbc;
text-decoration: underline;
outline: none;
}
a:active {
color: #487bbc;
text-decoration: none;
outline: none;
}
body, html {
height: 100%;
}
input[type=text], select, textarea, .form-row select {
padding: 5px;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-border-radius: 4px;
}
.liststylenone {
list-style: outside none none !important;
margin-left: 0 !important;
}
.makesfour:first-child {
width: 35% !important;
}
.makesfour {
width: 20% !important;
}
textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
resize: vertical;
}
/*.discouncolor td {
color: #F00;
}*/
/*9-8-2016 by deepu*/
.buttonshadow {
box-shadow: 3px 3px 3px #333;
}
.orangeclass {
background-color: #F90 !important;
color:#fff !important;
}
.greenclass {
background-color: #0C3 !important;
}
.redclass {
background-color: #F00 !important;
}
/*16-8-2016 by Mani*/
/* .new-field input, .new-field select{
width:80% !important;
}*/
.one-third {
float: left;
width: 32%;
}
.full-col {
float: left;
width: 100%;
margin-right: 0;
}
.mar-top {
float: left;
margin: 30px 0;
width: 100%;
}
/*25-8-2016 by deepu*/
.upgradegarageclss {
border: 1px solid #ccc;
border-collapse: collapse;
margin: 0 auto;
max-width: 700px;
width: 100%;
}
.upgradegarageclss table, .upgradegarageclss tr, .upgradegarageclss th, .upgradegarageclss td {
border: 1px solid #ccc;
}
.upgradegarageclss td {
padding: 20px 16px;
vertical-align: top;
}
.upgradegarageclss th {
background-color: #ddd;
padding: 10px 0;
font-size: 16px;
font-weight: bold;
}
/*03-9-2016 by Mani*/
.lightbox-popup {
background: rgba(0,0,0,0.5);
width: 100%;
position: fixed;
height: 100%;
z-index: 101;
box-sizing: border-box;
}
.popup-wrapper {
background: rgba(0, 0, 0, 0) url("../images/Warranty/background-img.jpg") no-repeat scroll 0 0 / cover;
border: 8px solid #fff;
box-sizing: border-box;
height: 405px;
left: 50%;
max-width: 719px;
position: fixed;
top: 50%;
transform: translate(-50%, -50%);
width: 100%;
}
.popup-wrapper h2 {
color: #fff;
font-family: oswaldregular;
font-size: 26px;
letter-spacing: 1px;
padding: 14px 0 3px 48px;
width: 100%;
box-sizing: border-box;
}
.main-popup {
float: left;
padding: 0 16px;
width: 100%;
}
.silver-bg {
float: left;
position: relative;
box-sizing: border-box;
}
.silver-bg img {
height: 316px;
box-sizing: border-box;
}
.silver-wrapper {
padding: 10px 21px;
position: absolute;
top: 0;
width: 100%;
box-sizing: border-box;
height: 100%;
}
.silver-wrapper h3 {
font-family: arial;
font-size: 21px;
text-align: center;
box-sizing: border-box;
padding-bottom: 3px;
}
.silver-wrapper h1 {
font-size: 32px;
text-align: center;
text-decoration: underline;
box-sizing: border-box;
line-height: 32px;
}
.silver-wrapper ul {
float: left;
list-style: outside none none;
width: 100%;
box-sizing: border-box;
margin-top: 6px;
}
.silver-wrapper li {
display: inline-block;
width: 100%;
border-bottom: 2px solid #430b0a;
box-sizing: border-box;
margin-top: 6px;
float: left;
}
.silver-wrapper li:last-child {
border-bottom: none;
}
.silver-left {
float: left;
width: 80%;
box-sizing: border-box;
}
.silver-right {
float: right;
width: 20%;
box-sizing: border-box;
text-align: right;
padding-right: 3px;
padding-top: 3px;
}
.silver-right img {
height: auto;
width: auto;
box-sizing: border-box;
}
.silver-left > p {
font-family: arial;
font-size: 14px;
line-height: 15px;
margin-top: 0;
}
.warrantyfirstli {
padding-bottom: 3px;
}
.left-part {
background-color: rgba(0, 0, 0, 0.4);
float: right;
margin-top: 33px;
text-align: center;
width: 37%;
color: #fff;
padding: 26px 17px;
}
.left-part h4 {
color: #fff;
font-family: oswaldregular;
font-size: 19px;
line-height: 24px;
}
.left-part ul {
float: left;
width: 100%;
list-style: none;
}
.left-part ul li {
color: #fff;
margin-top: 16px;
font-size: 14px;
font-style: arial;
}
.left-part ul li.opt-btn button {
border: 2px solid #ab9a99;
border-radius: 15px;
background-color: #930d11;
padding: 3px 6px 6px;
font-size: 15px;
font-family: oswaldregular;
-moz-box-shadow: inset 0 5px 8px 1px rgba(0, 0, 0, 0.29);
-webkit-box-shadow: inset 0 5px 8px 1px rgba(0, 0, 0, 0.29);
box-shadow: inset 0 5px 8px 1px rgba(0, 0, 0, 0.29);
font-weight: bold;
color: #fff;
cursor: pointer;
}
.close-btn {
bottom: 11px;
float: left;
position: relative;
right: -10px;
width: 100%;
}
.close-btn a {
background-color: #3f0b0a;
font-size: 13px;
font-weight: bold;
padding: 5px 9px;
text-transform: uppercase;
color: #fff;
}
.close-btn a:hover {
color: #fff;
}
.close-btn span {
color: #fff;
}
/***********5-9-2016***************/
.linestrokeclass {
color: red;
text-decoration: line-through;
}
.fixedHeight {
max-height: 500px;
overflow-x: auto;
}
.dollorclas {
vertical-align: top;
margin: 0px auto;
text-align: center;
}
.dollorclas img {
position: relative;
top: -3px;
}
.closepop {
float: right;
margin-right: -7px;
margin-top: -17px;
}
.engine_detail_box .title {
color: #FFF;
}
.detail_box_img {
width: 200px !important;
max-width: 200px !important;
}
.detail_box_img_engine {
width: 300px !important;
max-width: 300px !important;
}
.paddingright10 {
padding-right: 10px;
}
/****** 01-11-2016 *****/
.custom-table td {
text-align: left;
font-size: 14px;
}
/****** 02-11-2016 *****/
.inner-vin-search input[type="button"] {
background-color: #d30129 !important;
display: inline-block !important;
}
.inner-vin-search .search-vin-number {
padding: 5px 6px !important;
font-size: 14px !important;
}
.inner-vin-search {
float: left;
}
.inner-vin-search input[type="text"] {
border-radius: 4px 0px 0px 4px;
}
.inner-vin-search input[type="button"], .inner-vin-search input[type="submit"] {
background: #d30129 url(../images/search-icon22.jpg) no-repeat center;
height: 36px;
border: 0;
vertical-align: bottom;
width: 36px;
margin: 0 0 0 -6px;
border-radius: 0 4px 4px 0;
text-indent: -9998px;
}
.cus-detailbox table td {
text-align: left;
width: 14.285%;
}
.cus-detailbox table td[colspan="2"] {
width: 28.56%;
}
.cus-detailbox table td[colspan="3"] {
width: 42.85%;
}
.cus-detailbox table td[colspan="4"] {
width: 57.14%;
}
.cus-detailbox table td[colspan="5"] {
width: 71.42%;
}
.cus-detailbox table td[colspan="6"] {
width: 85.71%;
}
.full-col-5 > th, .full-col-5 > td {
width: 20%;
}
.shipping-right label {
float: left !important;
text-align: left !important;
}
.shipping-left legend {
text-align: left;
}
.shipping-right .payment {
text-align: left;
}
/******** 17-11-2016 ********/
.floatleft {
float: left!important;
}
.shipping-left .col-group label {
float: left;
}
.error-404 {
float: left;
width: 100%;
text-align: center;
}
.redtext {
color: #F00;
}
.no_size_found {
color: #ff0000;
float: left;
font-size: 14px;
width: 100%;
}
.call_for_quote{
float: left;
width: 100%;
text-align: center;
color: #fff;
font-size: 16px;
font-weight: bold;
}
/**---------- Landing-Pages starts(15/03/2019)----------------**/
@font-face {
font-family: Oswald-DemiBold;
src: url(../fonts/Oswald-DemiBold.ttf);
}
@font-face {
font-family: MYRIADPRO-COND;
src: url(../fonts/MYRIADPRO-COND.OTF);
}
@font-face {
font-family: MYRIADPRO-REGULAR;
src: url(../fonts/MYRIADPRO-REGULAR.OTF);
}
@font-face {
font-family: Roboto-BoldItalic;
src: url(../fonts/Roboto-BoldItalic.ttf);
}
@font-face {
font-family: Oswald-Medium;
src: url(../fonts/Oswald-Medium.ttf);
}
@font-face {
font-family: Oswald-Regular;
src: url(../fonts/Oswald-Regular.ttf);
}
@font-face {
font-family: Roboto-MediumItalic;
src: url(../fonts/Roboto-MediumItalic.ttf);
}
@font-face {
font-family: TCCEB;
src: url(../fonts/TCCEB.TTF);
}
.landing_container .label-caption {
float: left;
width: 100%;
font-family: Oswald-DemiBold;
font-size: 30px;
color: #3460ad;
text-transform: uppercase;
font-weight: bold;
}
.landing_container {
display: inline-block;
width: 100%;
overflow: hidden;
}
.truck_wrap {
float: left;
width: 100%;
}
.landing_container .form-banner-outer {
float: left;
width: 100%;
position: relative;
height: 555px;
}
.landing_container .sj-reft-bottom .sj-reft-text li span:first-child a.two {
padding-right: 17px;
}
.landing_container .sj-reft-bottom .sj-reft-text li span:first-child a.three {
padding-right: 5px;
}
.landing_container .sj-reft-bottom .sj-reft-text li span a.four {
padding-left: 13px;
}
.t-shadow{
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}
.landing_container .overlay-content {
position: absolute;
left: 0;
right: 0;
top: 0;
z-index: 2;
}
.landing_container .img-text-left {
float: left;
width: 50%;
margin-left: 50px;
padding-top: 100px;
}
.landing_container .img-text-left h1 {
font-family: Oswald-DemiBold;
color: #fff;
font-size: 50px;
letter-spacing: 3px;
}
.landing_container .img-text-right {
float: right;
}
.landing_container .img-text-left ul {
padding-left: 14px;
font-size: 25px;
}
.landing_container .img-text-left ul li {
font-family: MYRIADPRO-COND;
color: #fff;
list-style: disc;
}
.landing_container .img-text-left ul li span {
font-size: 36px;
font-family: MYRIADPRO-COND;
color: #fff;
}
.landing_container .tab-right .buttonshadow {
box-shadow: none;
}
.landing_container .tab-right #partnameheader {
margin-bottom: 0;
}
.landing_container .tab-right #searchsubmit {
background: #fff !important;
}
.landing_container .tab-right #sj-vin-form .sj-vin-btn, .landing_container .tab-right #sj-partlookup-form .sj-part-btn {
position: initial;
}
.landing_container .tab-right #sj-vin-form .sj-form-row input::placeholder, .landing_container .tab-right #sj-partlookup-form .sj-form-row input::placeholder {
color:#000 !important;
}
.landing_container .blue-theme .tab-right #sj-vin-form .sj-form-row input::-webkit-input-placeholder , .landing_container .blue-theme .tab-right #sj-partlookup-form .sj-form-row input::-webkit-input-placeholder {
color:#000 !important;
}
.landing_container .tab-right .form-field, .landing_container .tab-right .form-field select, .landing_container .tab-right .form-field input {
width: 100% !important;
}
.landing_container .tab-right .form-field::before, .landing_container .tab-right .form-field::after {
display: none !important;
}
.landing_container .dream-section {
float: left;
width: 100%;
padding: 0 0 30px 0;
}
.landing_container .dream-section-left {
float: left;
width: 55%;
margin-right: 51px;
}
.landing_container .dream-section-right {
float: left;
width: 40%;
}
.landing_container .dream-section-left h1 {
font-family: Oswald-DemiBold;
font-size: 34px;
color: #ce202f;
letter-spacing: 1px;
}
.landing_container .dream-section-left p {
font-size: 18px;
font-family: MYRIADPRO-COND;
line-height: 25px;
font-weight: 500;
color: #383839;
}
.landing_container .reft {
height: 358px;
float: left;
width: 100%;
}
.landing_container .sj-reft-img .sj-reft-top {
max-width: 790px;
margin: 0 auto;
float: none;
top: -59px;
margin-right: 98px;
}
.resp-reftimg {
display: none;
}
.landing_container .sj-reft-img .sj-reft-top .sj-guaranteed {
background: url(../images/truck-landing/reft.png);
}
.landing_container .sj-guaranteed::after {
display: none;
}
.landing_container .sj-reft-img .sj-reft-bottom .sj-reft-text {
width: 90%;
}
.landing_container .select-icon::after {
position: absolute;
top: 12px;
right: 21px;
font-family: fontawesome;
font-weight: 300;
content: '\f107';
color: #fff;
transform: skewX(15deg);
font-size: 21px;
}
.landing_container .sj-reft-img .sj-reft-top .sj-guaranteed a {
margin-left: 63px;
}
.landing_container .sj-reft-include {
font-family: Oswald-Medium;
}
.landing_container .sj-reft-img .sj-reft-bottom .sj-reft-text li span a {
font-size: 18px;
color: #fff;
font-family: Roboto-MediumItalic;
transform: skewX(10deg);
display: inline-block;
}
.landing_container .sj-reft-img .sj-reft-bottom .sj-reft-include {
height: 53px;
display: flex;
align-items: center;
}
.landing_container .sj-reft-img .sj-reft-bottom strong {
font-size: 31px;
}
.landing_container .sj-reft-p-img img {
height: 193px;
}
.landing_container .sj-reft-img .sj-reft-bottom .sj-reft-text {
border-bottom: 1px solid #efefef;
border-right: 1px solid #efefef;
}
.landing_container.sj-reft-img .sj-reft-bottom .sj-reft-p-img {
border-bottom: 1px solid #efefef;
}
.landing_container .sj-reft-img .sj-reft-bottom .sj-reft-text li span {
margin-right: -1px;
}
.landing_container .warranty-section h1 {
font-size: 48px !important;
}
.landing_container .testimonial {
float: left;
width: 100%;
padding: 100px 106px;
position: relative;
margin-bottom: 50px;
text-align: center !important;
background: #93AFE5 !important;
border-bottom: 4px solid #132A06;
}
.landing_container .testimonial::after {
position: absolute;
top: 97%;
left: 50%;
content: '\f0dd';
font-family: fontawesome;
font-size: 71px;
transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
color: #93AFE5;
}
.landing_container .item {
font-size: 38px;
font-family: MYRIADPRO-COND;
color: #fff;
}
.landing_container .item h4 {
color: #fff;
}
.landing_container .item span {
width: 100%;
float: left;
text-align: center;
text-transform: capitalize;
}
.landing_container .owl-theme .owl-dots {
display: none;
}
.landing_container .mission-section h1 {
font-size: 38px;
font-family: Oswald-DemiBold;
}
.landing_container .mission-section span.regular {
font-weight: lighter;
color: #ce202f;
font-family: 'oswaldregular';
font-size: 32px;
}
.landing_container .warranty-section-left {
float: left !important;
width: 30% !important;
margin-right: 48px !important;
}
.landing_container .warranty-section-right {
float: right !important;
width: 65% !important;
margin-right: 0 !important;
}
.landing_container .sj-guaranteed-resp {
display: none;
}
/*****tabs in product detail page end*****/
.landing_container .sj-reft-img .sj-reft-top {
position: relative;
margin-bottom: 5px
}
.landing_container .sj-reft-img .sj-reft-top .sj-guaranteed {
position: absolute;
top: 53.9%;
right: 0;
width: 46%;
text-align: center;
padding: 28px 0;
}
.landing_container .sj-reft-img .sj-reft-top .sj-guaranteed em {
font-size: 17px;
font-weight: lighter;
font-family: Roboto-BoldItalic;
margin-left: 63px;
color: #fff;
margin-bottom: 2px;
display: inline-block;
letter-spacing: 1px;
}
.landing_container .sj-guaranteed::after {
border-bottom: 121px solid #e42731;
content: '';
position: absolute;
border-left: 34px solid transparent;
left: -34px;
top: 0px;
}
.landing_container .sj-reft-img .sj-reft-top .sj-guaranteed a {
font-family: TCCEB;
letter-spacing: 3px;
font-size: 30px;
border-bottom: 2px solid #fff;
color: #fff;
font-weight: normal;
}
.landing_container .sj-reft-img .sj-reft-bottom {
position: relative;
}
.landing_container .sj-reft-img .sj-reft-bottom .sj-reft-p-img {
position: absolute;
left: 11px;
top: 0;
z-index: 99;
}
.landing_container .sj-reft-img .sj-reft-bottom strong {
color: #fff;
font-family: Oswald-Medium;
font-size: 24px;
margin-left: 5px;
font-weight: bold;
}
.landing_container .sj-reft-img .sj-reft-bottom .sj-reft-include {
width: 93%;
float: right;
position: relative;
z-index: 999;
background-image: url(../images/red-line.png);
background-repeat: repeat;
height: 47px;
margin-bottom: 15px;
}
.landing_container .sj-reft-img .sj-reft-bottom .sj-reft-text {
width: 84%;
float: right;
position: relative;
height: 145px;
border-bottom: 1px solid #dfdfdf;
border-right: 1px solid #dfdfdf;
top: -14px;
}
.landing_container .sj-reft-img .sj-reft-bottom .sj-reft-text li:nth-child(1) {
position: absolute;
left: -23px;
top: 16px;
}
.landing_container .sj-reft-img .sj-reft-bottom .sj-reft-text li:nth-child(2) {
position: absolute;
top: 55px;
left: -33px;
}
.landing_container .sj-reft-img .sj-reft-bottom .sj-reft-text li:nth-child(3) {
position: absolute;
top: 94px;
left: -45px;
}
.landing_container .sj-reft-img .sj-reft-bottom .sj-reft-text li {
float: left;
width: 100%;
margin-bottom: 10px;
}
.landing_container .sj-reft-img .sj-reft-bottom .sj-reft-text li span:first-child {
padding: 3px 0;
background-color: #f89498;
display: inline-block;
transform: skewX(-14deg);
width: 45%;
float: left;
text-align: center;
}
.landing_container .sj-reft-img .sj-reft-bottom .sj-reft-text li span {
padding: 3px 0;
background-color: #f7797e;
display: inline-block;
transform: skewX(-14deg);
width: 50%;
text-align: center;
float: left;
color: #fff;
font-size: 15px;
height: 30px;
font-family: fontawesome;
font-weight: normal;
margin-left: 13px;
}
/*******top banner form css*******/
.landing_container .sj-tab-label::after {
display: block !important;
bottom: 10px;
position: absolute;
right: 0;
top: 25px;
left: 0;
}
.landing_container .sj-top-form {
min-width: auto;
max-width: 400px;
margin: 0 auto;
position: absolute;
z-index: 14;
top: 5%;
left: 58%;
}
.landing_container .sj-top-form .sj-form-outer {
width: 100%;
float: left;
}
.landing_container .sj-top-form section {
display: none;
padding: 20px 0 0;
width: 100%;
float: left;
padding: 30px;
background-color:#4D5B77;
}
.landing_container .sj-top-form section#sj-engine-form {
padding: 15px 30px 20px 30px;
}
.landing_container .sj-top-form .sj-tab-input {
display: none;
}
.landing_container .sj-top-form .sj-tab-label {
display: inline-block;
margin: 0 0 -1px;
padding: 11.8px 19px;
font-weight: normal;
text-align: left;
position: relative;
color: #fff;
float: left;
font-size: 18px;
font-family: Oswald-DemiBold;
text-transform: uppercase;
background-color: #627599;
width: 33.3%;
}
.landing_container .sj-tab-input:checked + .sj-tab-label {
background-color: #4D5B77 !important;
}
.landing_container .sj-top-form .sj-tab-label:after {
font-family: fontawesome;
font-weight: normal;
margin-left: 13px !important;
}
.landing_container .sj-top-form .sj-tab-label[for*='1']:after {
content: '\f0ca';
}
.landing_container .sj-top-form .sj-tab-label[for*='2']:after {
content: '\f02a';
}
.landing_container .sj-top-form .sj-tab-label[for*='3']:after {
content: '\f0ad';
}
.landing_container .sj-top-form #sj-tab1:checked ~ #sj-engine-form, .landing_container .sj-top-form #sj-tab2:checked ~ #sj-vin-form, .landing_container .sj-top-form #sj-tab3:checked ~ #sj-partlookup-form {
display: block;
}
.landing_container .sj-left-form {
width: 100%;
padding:0;
}
.landing_container .sj-top-form #sj-engine-form .full {
width: auto;
float: left;
}
.landing_container .sj-top-form #sj-engine-form .form-row {
margin: 0;
position: relative;
margin-right: 14px;
width: 185px;
margin-top: 6px;
margin-left: 0 !important;
margin-right: 0 !important;
}
.landing_container .sj-top-form #sj-engine-form .form-row:nth-child(4n+1) select {
border-radius: 0;
}
.landing_container .sj-top-form #sj-engine-form .form-row:nth-child(4n+1):before {
display: none;
}
.landing_container .sj-top-form #sj-engine-form .form-row .noerror.bacgerror, .sj-top-form #sj-vin-form .form-row .bacgerror {
font-size: 18px !important;
font-weight: normal !important;
border: none !important;
color:#f00 !important;
}
.landing_container .sj-top-form #sj-vin-form #loaderimagesset {
width: 100%;
float: left;
}
.landing_container .sj-top-form #sj-engine-form .form-row select {
background-color: #E5E5E5 !important;
color: #000 !important;
border-radius: 0;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-repeat: no-repeat;
background-position: 91%;
padding: 9px;
font-family: MYRIADPRO-COND;
font-size: 20px;
font-weight: 100;
border: none;
line-height: 26px;
cursor: pointer;
background-image:none;
height: auto !important;
}
.landing_container .sj-top-form .sj-tab-label:hover {
color:#fff;
cursor: pointer;
}
.landing_container .sj-top-form #sj-engine-form .form-row select:focus {
outline: none;
}
.landing_container .sj-top-form #sj-engine-form .form-row select option {
color: #2a2b2c;
}
.landing_container .sj-top-form #sj-engine-form input[type="submit"], .landing_container .sj-top-form #sj-vin-form input[type="button"] {
padding:14.5px 35px !important;
font-size: 29px !important;
background-color: #fff;
line-height: 17px !important;
color: #ce202f;
font-family: Oswald-DemiBold;
border: none;
margin-top: 20px;
margin-left: 0 !important;
height:auto !important;
}
.landing_container .redclass {
background-color: #F00 !important;
color: #fff !important;
}
.landing_container .sj-top-form #sj-partlookup-form input[type="button"] {
padding: 14.5px 35px !important;
height: auto;
text-decoration: none;
color:#000;
border-radius:0 !important;
margin-left: 0 !important;
}
.landing_container .sj-top-form #sj-engine-form .sj-engine-btn {
position: relative;
float: left;
width: auto;
}
.landing_container .sj-top-form #sj-engine-form .sj-engine-btn::after {
content: '';
display: block;
position: absolute;
top: -1px;
width: 0;
height: 0;
border-left: 9px solid transparent;
border-bottom: 59px solid #d31e25;
right: 98px;
}
.landing_container .sj-top-form #sj-engine-form .form-row::after {
right: -9px;
border-top: 60px solid #ebebeb;
border-right: 9px solid transparent;
content: "";
display: block;
position: absolute;
top: 0;
width: 0px;
height: 0px;
}
.landing_container .sj-top-form #sj-engine-form .form-row::before {
content: '';
display: block;
position: absolute;
top: -2px;
width: 0;
height: 0;
border-left: 9px solid transparent;
border-bottom: 60px solid #ebebeb;
left: -9px;
}
/******Css for Header 11/06/2018******/
@keyframes blinkingText{
0%{color: #FFFFFF;}
100%{color: #1E1E1E;}
50%{color: #000;}
}
@keyframes blinkingText-new{
0%{color: #FFFFFF;}
100%{color: #1E1E1E;}
50%{color: #FFFFFF;}
}
@keyframes blinkingText-skyblue{
0%{color: #FFFFFF;}
100%{color: #528dd1;}
50%{color: #fff;}
}
@keyframes blinkingText-yellow{
0%{color: #C1C1C1;}
100%{color: #FFC600;}
50%{color: #ffffff;}
}
@keyframes blinkingText-hipro{
0%{color: #C1C1C1;}
100%{color: #E3AD02;}
50%{color: #FFFFFF;}
}
@keyframes blinkingText-lightgrey{
0%{color: #ffffff;}
100%{color: #7DBEB4;}
50%{color: #ffffff;}
}
@keyframes blinkingText-green{
0%{color: #ffffff;}
100%{color: #88AA08;}
50%{color: #ffffff;}
}
.landing_container .sj-top-form #sj-engine-form .form-row.full.sj-cust-row::before {
display: none;
}
.landing_container .sj-top-form #sj-engine-form .form-row.full.sj-cust-row select {
border-radius: 0;
}
.landing_container .sj-top-form #sj-engine-form input[type="submit"]:hover {
text-decoration: none;
}
.landing_container .sj-top-form #sj-vin-form .sj-form-row, .sj-top-form #sj-partlookup-form .sj-form-row {
position: relative;
width: 84%
}
.landing_container .sj-top-form #sj-vin-form .sj-form-row input, .landing_container .sj-top-form #sj-partlookup-form .sj-form-row input {
background-color: #ebebeb;
color: #2a2b2c;
padding: 10px 16px 10px 16px !important;
font-family: MYRIADPRO-COND;
font-size: 20px;
font-weight: 100;
border: none;
border-radius: 5px 0 0 5px;
color: #000 ;
text-align:left !important;
border-radius: 0;
height: auto !important;
}
.landing_container .sj-top-form #sj-vin-form .sj-form-row input:focus, .sj-top-form #sj-partlookup-form .sj-form-row input:focus {
outline: none;
}
.landing_container .sj-top-form #sj-vin-form .sj-form-row:after, .sj-top-form #sj-partlookup-form .sj-form-row::after {
right: -9px;
border-top: 58px solid #ebebeb;
border-right: 9px solid transparent;
content: "";
display: block;
position: absolute;
top: 0;
width: 0px;
height: 0px;
}
.landing_container .form-field {
float: left;
}
.landing_container .sj-top-form #sj-vin-form .sj-vin-btn.orangeclass::after {
border-bottom: 59px solid #F90;
}
.landing_container .sj-top-form #sj-vin-form .sj-vin-btn.greenclass::after {
border-bottom: 59px solid #0C3;
}
.landing_container .sj-top-form #sj-vin-form .sj-vin-btn.redclass::after {
border-bottom: 59px solid #f00;
}
.landing_container .sj-top-form #sj-engine-form .sj-engine-btn.redclass::after {
border-bottom: 59px solid #f00;
}
.landing_container .sj-top-form #sj-engine-form .sj-engine-btn.orangeclass::after {
border-bottom: 59px solid #F90;
}
.landing_container .sj-top-form #sj-engine-form .sj-engine-btn.greenclass::after {
border-bottom: 59px solid #0C3;
}
.landing_container .sj-top-form #sj-engine-form .sj-engine-btn.greenclass, .landing_container .sj-top-form #sj-engine-form .sj-engine-btn.orangeclass, .landing_container .sj-top-form #sj-engine-form .sj-engine-btn.redclass {
border-radius: 0 5px 5px 0;
}
.landing_container .sj-top-form #sj-vin-form input[type="button"]:hover {
text-decoration: none;
}
.landing_container .sj-full-width .content-wrapper {
position: relative;
}
.landing_container .sj-top-form #sj-vin-form .form-row, .sj-top-form #sj-partlookup-form .form-row {
margin: 0;
}
.landing_container .sj-top-form #sj-vin-form .sj-vin-btn, .sj-top-form #sj-partlookup-form .sj-part-btn {
position: relative;
}
.landing_container .sj-top-form #sj-vin-form .sj-vin-btn::after, .sj-top-form #sj-partlookup-form .sj-part-btn::after {
content: '';
display: block;
position: absolute;
top: -1px;
width: 0;
height: 0;
border-left: 9px solid transparent;
border-bottom: 59px solid #d31e25;
right: 129px;
}
.landing_container .blue-theme .tab-right #sj-engine-form input[type="submit"].redclass, .landing_container .blue-theme .tab-right #sj-engine-form input[type="submit"].orangeclass {
color: #fff !important;
}
h1.build {
color: #000 !important;
font-size: 3.5em !important;
}
.landing_container option {
font-size: 20px;
}
.cust-list{
float:left;
width:100%;
}
.cust-list li {
display: inline-block;
margin-left: -4px;
width: 33.3%;
}
.cust-list li img {
height:198px;
}
/**********18/06/2019**Navpreet**************/
.bn-sj-banner img{
width:100% !important;
}
/**********18/06/2019**Navpreet*//*************/
/******27/06/2019**Shipping page(Navpreet)******/
.shipping-wrap{
float:left;
width:100%;
}
.shipping-wrap .shipping-left{
float:left;
width:80%;
}
.shipping-wrap .shipping-left p {
font-size: 15px;
padding: 10px 10px 0;
}
.shipping-wrap .shipping-right{
float:left;
width:20%;
text-align: right;
}
.shipping-banner ,.shipping-banner img{
display: inline-block;
width:100%;
}
.shipping-outer{
float:left;
width:100%;
background: #fff;
padding: 20px;
margin-bottom: 20px;
}
.map-image span.caption {
float: left;
width: 100%;
text-align: center;
font-size: 22px;
padding-top: 50px;
text-transform: uppercase;
font-weight: 600;
}
.map-image {
float: left;
width: 100%;
}
.bottom-sec h4 {
font-size: 26px;
font-family: 'oswaldregular';
margin-bottom: 10px;
float: left;
width: 100%;
text-align: left;
}
.bottom-sec h4 span {
background-color: #cd3737;
color: #fff;
padding: 0 5px;
font-size: 26px;
}
.bottom-sec {
float: left;
width: 100%;
margin-top: 20px;
}
.bottom-sec .placeholder-image {
float: left;
width: 100%;
text-align: center;
margin: 100px 0 20px 0;
}
.map-right {
float: right;
width: 50%;
text-align: right;
}
.map-right ul{
float:left;
}
.map-right span {
display: inline-block;
border-radius: 13px;
color: #000;
text-align: center;
padding:8px;
font-weight:bold;
}
.map-right span.info {
color: #222 !important;
font-size: 16px;
font-weight:600;
color: #000;
display: inline-block;
padding: 0 !important;
font-weight:bold;
}
.map-right span.orange {
background:#FEB656;
}
.map-right span.musted {
background: #FEDB7E;
}
.map-right span.light-orange {
background: #FD9347;
}
.map-right span.dark-orange {
background: #FC5836;
}
.map-right span.rust {
background: #E42729;
}
.map-right .full-wid{
float:left;
width:100%;
margin-bottom: 10px;
}
img.map-2,img.map-1 ,img.map-3 ,img.map-4{
display:none;
}
/******27/06/2019**Shipping page(Navpreet)//******/
/******27/06/2019**home page(Navpreet)******/
.six-blocks .sj-thumb-outer{
margin-bottom:5px;
}
.six-blocks .sj-thumb-outer img{
height:260px !important;
object-fit: cover;
}
.widget-new .sj-widg-right.widget-new-left{
float:left !important;
width:50% !important;
margin: 0 !important;
}
.widget-new .sj-widg-left.widget-new-right {
float: right !important;
width: 35% !important;
}
.oil-img-outer-new {
max-width: 75%;
margin: 0 auto;
}
.oil-img-outer-new span{
width:100% !important;
}
.sj-oil-images-new{
background:#252525;
padding: 40px 0;
}
.oil-img-outer-new span {
width: 100% !important;
margin-bottom: 0 !important;
background: #fff;
padding: 15px !important;
text-align:center;
}
.oil-img-outer-new p {
margin-bottom: 15% !important;
float: left;
width: 100%;
}
.oil-img-outer-new:last-child p {
margin-bottom: 0 !important;
}
.oil-img-outer-new:first-child p {
margin-top: 0 !important;
}
.widget-new-left h4 {
font-size: 25px;
font-family: oswald;
text-transform: uppercase;
border: none !important;
border-bottom: 2px solid #000 !important;
color: #000;
display: inline-block;
width: auto;
padding: 0 !important;
margin: 0 !important;
}
.thum-first, .thum-second, .thum-third {
margin: 20px 0 !important;
padding: 10px 20px;
background: #fff;
float:left;
text-align:left;
}
.thum-first, .thum-second{
padding: 20px;
}
.thum-first #bf-revz-widget-1031516759 {
width: auto;
margin: auto !important;
}
.widget-new {
position:relative;
background-position:100%;
background-size:cover;
background-repeat:no-repeat;
}
.widget-new-overlay{
position:absolute;
top:00;
left:0;
right:0;
bottom:0;
background:rgba(255,255,255,0.8);
}
.widget-new-inner {
z-index: 9;
position: relative;
}
.thum-first #bf-revz-widget-1031516759 .be-v3-container {
width: 500px !important;
}
.widget-new-left h4:hover{
border:none;
box-shadow:none;
}
.margin-b{
margin-bottom:60px !important;
}
.sj-widget-section.widget-new {
background-color: #fff;
margin: 0;
padding: 1.5% 0 5.3% 0;
}
/******27/06/2019**Shipping page(Navpreet)//******/
/*********04/07/2019**truck-landing*****************/
.landing_container .red-theme .tab-right .sj-tab-input:checked + .sj-tab-label {
background-color: #ce202f !important;
color: #fff;
}
.landing_container .red-theme .tab-right .sj-tab-label:hover {
color: #ce202f;
cursor: pointer;
}
.landing_container .red-theme .sj-top-form .sj-tab-label {
background-color: #e27982;
}
.landing_container .red-theme .sj-top-form section {
background-color: #ce202f;
}
.landing_container .red-theme .sj-top-form #sj-engine-form .form-row select {
background-color: #d84d59 !important;
color:#fff !important;
}
.landing_container .red-theme .sj-top-form #sj-engine-form .form-row select{
background: transparent !important;
}
.landing_container .red-theme .sj-top-form #sj-engine-form .form-row select option{
background:#d84d59 !important;
}
.landing_container .red-theme .select-icon::after {
z-index: -1;
}
.landing_container .red-theme .sj-top-form #sj-engine-form .form-row{
background:#d84d59 !important;
z-index: 9;
}
.landing_container .red-theme .tab-right select > option {
background: #d84d59 !important;
color: #fff !important;
}
.landing_container .red-theme .tab-right #sj-vin-form .sj-form-row input, .landing_container .red-theme #sj-partlookup-form .sj-form-row input {
background: #d84d59 !important;
color: #fff !important;
}
.red-theme .tab-right #sj-vin-form .sj-form-row input::placeholder, .red-theme .tab-right #sj-partlookup-form .sj-form-row input::placeholder {
color: #fff !important;
}
.red-theme .tab-right #sj-vin-form .sj-form-row input::-webkit-input-placeholder, .red-theme .tab-right #sj-partlookup-form .sj-form-row input::-webkit-input-placeholder {
color: #fff !important;
}
.landing_container .red-theme .b-border {
border-bottom: 15px solid #ce202f !important;
}
.landing_container .red-theme .dream-section-left h1 {
font-size: 3.5em;
color:#000;
}
.landing_container .red-theme .three-p h1 {
font-size: 32px;
text-align: left;
font-weight: 600;
}
.landing_container .red-theme .testimonial::after {
color: #f69799 !important;
}
.landing_container .red-theme .testimonial{
border-bottom: 4px solid #ce202f;
background: #f69799 !important;
}
.landing_container .red-theme .item span {
color: #ce202f !important;
}
.landing_container .testimonial {
height: auto;
padding: 26px 11%;
text-align: center !important;
}
.landing_container .red-theme .mission-section h1 {
font-size: 38px;
color: #000;
}
.landing_container .red-theme .mission-section span.regular {
font-weight: lighter;
color: #ce202f;
font-family: 'oswaldregular';
font-size: 32px;
}
/*********04/07/2019**truck-landing**End***************/
/*********04/07/2019**Auto-landing*****************/
.landing_container .yellow-theme .tab-right .sj-tab-input:checked + .sj-tab-label {
background-color: #FFC600 !important;
color: #fff;
}
.landing_container .yellow-theme .sj-top-form .sj-tab-label {
background-color: #B0A000 ;
}
.landing_container .yellow-theme .sj-top-form section {
background-color: #FFC600;
}
.landing_container .yellow-theme .tab-right #sj-vin-form input[type="button"], .landing_container .yellow-theme .tab-right #sj-partlookup-form .sj-form-row input[type="button"], .landing_container .yellow-theme .tab-right #sj-engine-form input[type="submit"] {
background-color: #B0A000 ;
}
.landing_container .yellow-theme .sj-top-form #sj-engine-form .form-row select {
background-color:#FFB415 !important;
color:#000 !important;
}
.landing_container .yellow-theme .sj-top-form #sj-engine-form .form-row select{
background: transparent !important;
}
.landing_container .yellow-theme .sj-top-form #sj-engine-form .form-row select option{
background:#FFB415 !important;
}
.landing_container .yellow-theme .select-icon::after {
z-index: -1;
}
.landing_container .yellow-theme .sj-top-form #sj-engine-form .form-row{
background:#FFB415 !important;
z-index: 9;
}
.landing_container .yellow-theme .tab-right select > option {
background: #FFB415 !important;
color: #000 !important;
}
.landing_container .yellow-theme .tab-right #sj-vin-form .sj-form-row input{
background: #B0A000 !important;
color: #000 !important;
}
.landing_container .yellow-theme .sj-top-form #sj-vin-form .sj-form-row input, .landing_container .yellow-theme .sj-top-form #sj-partlookup-form .sj-form-row input {
background: #FFB415 !important;
color: #000 !important;
}
.landing_container .yellow-theme .sj-top-form #sj-vin-form .sj-form-row input::-webkit-input-placeholder,.landing_container .yellow-theme .sj-top-form #sj-vin-form .sj-form-row input::-moz-placeholder, .landing_container .yellow-theme .sj-top-form #sj-partlookup-form .sj-form-row input::-moz-placeholder,.landing_container .yellow-theme .sj-top-form #sj-partlookup-form .sj-form-row input::-webkit-input-placeholder{
color: #000 !important;
}
.landing_container .yellow-theme .tab-right .search-submit {
background: #B0A000 !important;
color:#000;
}
.yellow-theme .tab-right #sj-vin-form .sj-form-row input::placeholder, .yellow-theme .tab-right #sj-partlookup-form .sj-form-row input::placeholder {
color: #000 !important;
}
.landing_container .yellow-theme .b-border {
border-bottom: 15px solid #000 !important;
}
.yellow-theme .resp-overlay {
background: #000 !important;
}
.landing_container .yellow-theme .dream-section-left h1 {
font-size: 3.5em;
color:#000;
}
.landing_container .yellow-theme .testimonial::after {
color: #6A6A6A !important;
}
.landing_container .yellow-theme .testimonial{
border-bottom: 4px solid #000;
background: #6A6A6A !important;
}
.landing_container .yellow-theme .item h4 {
color: #FFC600;
}
.landing_container .yellow-theme .item span {
color: #FFED01 !important;
}
.landing_container .yellow-theme .mission-section span.regular {
color: #222;
font-family: 'oswaldregular';
font-size: 37px;
font-weight: 900;
float: left;
}
.landing_container .yellow-theme .three-p h1{
font-weight:600;
text-align:left;
}
.thum-first {
width: 100% !important;
float: left;
background:none;
padding:0;
}
.thum-first #bf-revz-widget-1031516759 {
width: 309px;
margin: auto !important;
float: left;
background: #fff;
padding: 20px;
}
span.req-heading {
font-size: 13px;
margin: 10px 0;
display: inline-block;
float: left;
width: 100%;
font-weight: 600;
}
.checkout-bottomleft {
float: left;
width: 80%;
padding: 10px 10px 10px 40px;
}
.checkout-bottomleft p {
font-size: 15px;
float: left;
width: 100%;
text-align: center;
}
.checkout-bottomleft h2 {
font-size: 40px;
}
.checkout-bottomright {
float: right;
width: 20%;
text-align: center;
padding: 16px 0;
}
.check-wrap {
padding: 20px !important;
}
.ts-red-box-new span ,.ts-red-box-new p{
padding-bottom:10px !important;
text-transform:uppercase;
float:left;
text-align:left !important;
}
.ts-red-box-new p {
font-size: 16px !important;
margin-bottom: 0 !important;
padding-bottom: 5px !important;
}
.ts-red-box-new p:last-child{
margin-bottom:0 !important;
padding-bottom:0 !important;
}
.ts-red-box-new span{
float:left;
width:100%;
margin-bottom:8px !important;
}
.ts-red-box-right-new {
width: 10%;
float: right;
margin: 28px 0;
background: none !important;
position:relative;
}
.ts-red-box-left-new {
width:90% !important;
float: left;
margin: 0 0;
text-align:left;
}
.taw-topright {
position: absolute;
top: -77px;
right: -25px;
width: 453px;
}
.sj-cont-span{
padding: 2px 0;
display: inline-block;
}
.checkout-bottomright img {
width: 100px;
}
.ts-red-box-right-new img{
background:none !important;
}
/*********04/07/2019**Auto-landing**End***************/
/*********14/08/2019**hipro**Start*************/
.landing_container .yellow-theme-hipro .sj-top-form .sj-tab-label {
background-color: #000000;
}
.landing_container .yellow-theme-hipro .tab-right .sj-tab-input:checked + .sj-tab-label {
background-color: #E3AD02 !important;
color: #fff;
}
.landing_container .yellow-theme-hipro .sj-top-form section {
background-color: #E3AD02;
}
.landing_container .yellow-theme.yellow-theme-hipro .sj-top-form #sj-engine-form .form-row.form-field select{
background-color: #ffffff !important;
color: #000 !important;
}
.landing_container .yellow-theme.yellow-theme-hipro .sj-top-form #sj-engine-form .form-row select{
background: transparent !important;
}
.landing_container .yellow-theme.yellow-theme-hipro .sj-top-form #sj-engine-form .form-row select option{
background:#fff !important;
}
.landing_container .yellow-theme.yellow-theme-hipro .select-icon::after {
z-index: -1;
}
.landing_container .qua-theme .sj-left-form .form-row input[type="text"]{
background:#e5e5e5 !important;
color:#000 !important;
}
.landing_container .sj-top-form #sj-partlookup-form .sj-form-row input{
}
.landing_container .yellow-theme-hipro .tab-right #sj-vin-form input[type="button"], .landing_container .yellow-theme-hipro .tab-right #sj-partlookup-form .sj-form-row input[type="button"], .landing_container .yellow-theme-hipro .tab-right #sj-engine-form input[type="submit"] ,.landing_container .yellow-theme-hipro .tab-right .search-submit{
background-color: #ffffff !important;
color: #000 !important;
}
.landing_container .yellow-theme-hipro .tab-right #sj-vin-form input.greenclass, .landing_container .yellow-theme-hipro .tab-right #sj-partlookup-form .sj-form-row input.greenclass, .landing_container .yellow-theme-hipro .tab-right #sj-engine-form input.greenclass, .landing_container .yellow-theme-hipro .tab-right .search-submit.greenclass{
background-color: #0C3 !important;
color: #fff !important;
}
.landing_container .yellow-theme-hipro .sj-top-form #sj-vin-form .sj-form-row input, .landing_container .yellow-theme-hipro .sj-top-form #sj-partlookup-form .sj-form-row input {
background: #ffffff !important;
color: #000 !important;
}
.landing_container .yellow-theme-hipro .sj-top-form #sj-vin-form .sj-form-row input::-webkit-input-placeholder, .landing_container .yellow-theme-hipro .sj-top-form #sj-vin-form .sj-form-row input::placeholder, .landing_container .yellow-theme-hipro .sj-top-form #sj-partlookup-form .sj-form-row input::placeholder, .landing_container .yellow-theme-hipro .sj-top-form #sj-partlookup-form .sj-form-row input::-webkit-input-placeholder{
color: #4b4b4b !important;
}
.landing_container .yellow-theme-hipro .tab-right select > option {
background: #fff !important;
color: #000 !important;
}
/*********14/08/2019**hipro**End*************/
/******22/07/2019**Home page**Start**********/
.six-buttons .sj-thumb-outer a.thum-list {
font-size: 43px !important;
text-shadow: 0 0 5px #000;
}
.six-buttons .sj-thumb-outer span{
width:100% !important;
}
.whitearea-padding{
padding-top: 40px !important;
}
/******22/07/2019**warranty Registration page**Start**********/
.warranty-form {
float: left;
width: 100%;
padding: 50px 50px;
background-color: #2a2b2c;
margin: 0px 0 30px 0;
}
.warranty-form .select-field, .warranty-form .text-field {
float: left;
width: 100%;
margin-right:0;
text-align:left;
}
.buttn-last {
float: right;
}
.select-field select, .text-field input{
float: left;
width: 100%;
background-color: #ebebeb;
color: #2a2b2c;
border-radius: 0;
appearance: none;
-webkit-appearance: none;
background-image: url(../images/sj-dropdown.png);
-moz-appearance: none;
background-repeat: no-repeat;
background-position: 91%;
padding: 14px 57px 16px 18px;
font-family: roboto;
font-size: 18px;
font-weight: 100;
border: none;
line-height: 26px;
height: 58px;
}
.text-field input{
background-image:none !important;
}
.warrantysubmit{
float:left;
width:auto;
}
.warrantysubmit input{
padding: 18px 36px;
border-radius: 0px 5px 5px 0px;
font-size: 17px;
background-color: #d31e25;
line-height: 22px;
border: none;
color: #fff;
font-weight: 600;
}
.text-field input::placeholder{
color: #2a2b2c !important;
opacity: 0.8;
}
.del-btn {
padding: 6px 10px;
border-radius: 3px;
font-size: 17px;
background-color: #d31e25;
line-height: 22px;
border: none;
color: #fff;
font-weight: 600;
color: #fff !important;
text-decoration: none !important;
margin-top: 10px !important;
float: left;
}
.warranty-form-outer {
float: left;
width: 100%;
}
/******22/07/2019**warranty Registration page**End**********/
/***********HTML-FORMS**24/07/2019(Start)*******************/
.sj-cont.sj-cont-label {
float: left;
padding: 0;
}
.sj-cont.sj-cont-label strong{
color: #d30129;
}
.po-ref{
padding-top:10px;
}
.waiver-box span.radio-btn {
float: left;
width: 100%;
padding-bottom: 0;
display: block;
position: relative;
padding-left: 21px;
margin-bottom: 0;
font-size: 21px;
}
.waiver-box span.radio-btn label{
cursor:pointer;
}
.waiver-box span.radio-btn input {
position: absolute;
opacity: 0;
cursor: pointer;
width: auto;
height: 100%;
left: 0;
z-index: 99;
}
.radio-select {
position: absolute;
top: 8px;
left: 0;
height: 12px;
width: 12px;
background-color: #d2d0d0;
border-radius: 50%;
}
span.radio-btn .radio-select::after {
top: 3px;
left: 3px;
width: 6px;
height: 6px;
border-radius: 50%;
background: white;
}
/* On mouse-over, add a grey background color */
span.radio-btn:hover input ~ .radio-select {
background-color: #ccc;
}
/* When the radio button is checked, add a blue background */
span.radio-btn input:checked ~ .radio-select {
background-color: #D50129;
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.radio-select:after {
content: "";
position: absolute;
display: none;
}
/* Show the indicator (dot/circle) when checked */
span.radio-btn input:checked ~ .radio-select:after {
display: block;
}
.proceed-btn {
float: left;
width: 100%;
text-align: center;
padding-top: 30px;
}
.proceed-btn input , .continue-checkout input , .c-bttn input{
background:#00cc33 !important
}
.ship-info{
margin: 0 !important;
}
.ship-info h4 , .bill-info h4 {
background: #373e48;
color: #fff !important;
padding: 10px 15px;
float: left;
width: 100%;
}
.p-none{
padding:0 !important;
}
.shipping-inner{
float:left;
width:100%;
padding: 15px;
}
.shipping-field {
width: 226px !important;
margin-right: 30px;
}
.shippinginstaller .shipping-field {
margin-right: 28px;
}
.shipping-field .sj-f-label {
float: left !important;
width: 100% !important;
text-align: left !important;
padding-bottom: 3px;
}
.f-row{
float:left;
width:100%;
margin-bottom: 15px;
}
.f-row .shipping-field:last-child{
float:right !important;
margin-right: 0px;
}
.f-row .shipping-field .sj-form-field {
width: 100% !important;
text-align:left;
}
.c-bttn{
margin-bottom: 40px;
}
.ship-wrap{
margin-bottom: 50px;
}
.cross{
color: #000 !important;
border: 1px solid #aaa;
padding: 1px 5px;
font-weight: bold;
font-size: 11px;
overflow: hidden !important;
}
.list-desc{
padding-bottom: 4px;
display: inline-block;
}
.que-mark {
background: #d30129 !important;
color: #fff !important;
width: 14px;
height: 14px;
padding: 0px 2px;
border-radius: 100px;
display: inline-block;
vertical-align: top;
font-size: 11px;
text-align: center;
}
.shipping-field-half{
float:left;
width:50% !important;
padding-right:30px;
}
.shipping-field-half:last-child{
float:right !important;
padding-right:0;
}
.shipping-field-half label{
float:left;
text-align: left !important;
width:100% !important;
}
.shipping-field-half .sj-form-field {
width: 100% !important;
}
h4.pay-info {
text-align: center;
float: left;
width: 100%;
}
.payment-cards{
text-align: center;
float: left;
width: 100%;
}
.payment-cards img {
width: 36%;
}
.c-bttn a{
padding:0 !important;
}
/***********HTML-FORMS**24/07/2019(End)*******************/
/***********01/08/2019**Start**************/
.slider-over-box-new {
right: 26% !important;
transform: translate(0%, 2%);
}
.sj-banner-new{
height:auto !important;
}
.sj-banner-new .slider {
height:inherit;
}
.slider-over-box-new::before {
border-bottom: 38px solid #373e48 !important;
}
.banner-outter {
position:relative;
float:left;
width:100%;
}
.wap-new .sj-top-form {
left: 35px;
top: -89px;
}
.sj-right-icons-new li{
font-size:18px !important;
}
.m--top{
margin-top:70px;
}
.cross {
float: right;
border: none;
/* padding: 10px 1px 9px 20px; */
width: 38px;
text-align: right;
padding-top: 7px;
}
.title-left{
float:left;
width:50%;
font-size: 26px !important;
text-transform:uppercase;
}
.title-right{
float:right;
width:50%;
font-size: 25px !important;
}
button.accordion {
background-color: #ccc;
color: #000;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 16px;
transition: 0.4s;
margin-top: 20px;
text-transform: uppercase;
font-family: 'oswaldregular';
letter-spacing: 1px;
}
button.accordion.active, button.accordion:hover {
background-color: #373e48;
color:#fff;
}
button.accordion:hover:after {
color:#fff;
}
button.accordion:after {
content: '\f067';
color: #777;
font-weight: bold;
float: right;
margin-left: 5px;
font-family:'FontAwesome';
}
button.accordion.active:after {
content: '\f068';
color:#fff;
font-family:'FontAwesome';
}
div.panel {
padding:0 18px;
background-color: white;
overflow: hidden;
transition: max-height 0.2s ease-out;
max-height: 0;
}
.panel.overflow-show {
max-height: inherit !important;
}
.mt-30{
margin-top:30px;
margin-bottom: 50px;
}
.t-title{
float:left;
width:100%;
text-align:center;
margin-bottom:0;
}
.padding-none{
padding:0 !important;
}
.sj-banner-new img{
width:100%
}
/***********01/08/2019**End*********/
/************05/08/2019**Start*****************/
.sj-pdetail-left-grid-new {
width: 55% !important;
}
.sj-pdetail-right-grid-new {
width: 40% !important;
}
.sj-pay-logo img{
float:right;
}
/************05/08/2019**End*****************/
/***06/08/2019***/
.green-theme .sj-top-form #sj-partlookup-form input[type="button"].white-btn,.green-theme.green-theme-motorhome .tab-right #sj-engine-form input[type="submit"]{
background:#fff !important;
}
.green-text{
color: #7da430 !important;
}
.green-theme.green-theme-motorhome.landing_container .item span {
color: #006C00 !important;
}
.green-theme.green-theme-motorhome .testimonial{
background: #323A1F !important;
border-bottom: 4px solid #132A06;
}
.green-theme.green-theme-motorhome .item h4 {
color: #9AAB05 !important;
}
.green-theme.green-theme-motorhome .sj-top-form #sj-partlookup-form .sj-form-row input{
background: #88AA08 !important;
color: #000000 !important;
}
.green-theme.green-theme-motorhome .sj-top-form #sj-partlookup-form .sj-form-row input::-webkit-input-placeholder{
background: #88AA08 !important;
color: #000000 !important;
}
.green-theme.green-theme-motorhome .sj-top-form #sj-partlookup-form .sj-form-row input::placeholder{
opacity:0.8;
}
.marine-blue-theme .three-p h1 , .green-theme.green-theme-motorhome .three-p h1{
text-align: left;
}
.landing_container .tab-right #sj-engine-form input[type="submit"].orangeclass{
background-color: #F90 !important;
color: #fff !important;
}
.landing_container .tab-right #sj-engine-form input[type="submit"].redclass{
background-color: #f00 !important;
color: #fff !important;
}
.cart-des{
float:left;
width:100%;
text-align:left;
margin-bottom: 5px;
}
.l-padding{
padding-left:10px;
}
/*****22/07/2019**Home page**End*******/
/***********14/08/2019*****************/
.font-28{
font-size:28px !important;
}
.landing_container .warranty-section h1.font-48{
font-size:48px !important;
}
.c-bttn.order-btn {
margin-top: 30px !important;
float: left;
width: 100%;
text-align: center;
margin-bottom: 30px !important;
}
/******16/08/2019**Warranty-desc**Start*******/
.warranty-wrap .warranty-box{
float:left;
width:100%;
margin:35px 0;
background:#fff;
}
.warranty-wrap .warranty-box .box.black{
background:#000;
}
.warranty-box .box.red{
background:#cd3737;
}
.warranty-wrap .warranty-box .box {
float: left;
width: 31.33%;
margin-right: 3%;
padding: 30px 30px 22px 30px;
min-height: 571px;
border-radius: 7px;
}
.warranty-wrap .warranty-box .box:nth-last-of-type(1){
margin-right:0;
float: right;
}
.warranty-wrap .warranty-box .box p strong{
color:#fff;
font-weight: 600;
font-size: 23px;
line-height: 24px;
}
.warranty-wrap .warranty-box .box p {
font-family: roboto;
font-size: 17px;
text-align:left;
font-family: MYRIADPRO-COND;
line-height: 24px;
font-size: 22px;
color: #f2f2f2;
}
.warranty-wrap .warranty-box .box .icon {
float:left;
width:100%;
text-align:center;
margin-bottom:20px;
height: 100px;
}
.warrantyfull-hero{
float:left;
width:100%;
}
.warrantyfull-hero img{
width:100%;
}
.warranty-box h4 {
float: left;
width: 100%;
color: #000;
text-transform: uppercase;
font-size: 24px;
font-family: Oswald;
}
.warranty-wrap .box-container{
padding:23px 40px;
float:left;
width:100%;
}
.warranty-wrap .box-container h4 span {
background-color: #cd3737;
color: #fff;
padding: 2px 7px;
}
.warranty-wrap .box-wrap{
float:left;
width:100%;
padding:44px 10px;
}
.warranty-wrap button.accordion img.p2{
display:none;
}
.warranty-wrap button.accordion.active img.p1 ,button.accordion:hover img.p1{
display:none;
}
.warranty-wrap button.accordion.active img.p2 ,button.accordion:hover img.p2{
display:inline-block;
}
.warranty-wrap button.active span ,.warranty-wrap button:hover span{
color:#fff;
}
.warranty-wrap {
margin-bottom: 50px;
}
.warranty-wrap .accordion i,.warranty-wrap .accordion:hover i,.warranty-wrap .accordion.active i{
float: left;
margin-right: 12px;
width: 6%;
text-align: center;
}
.warranty-wrap .accordion i img,.warranty-wrap .accordion:hover i img,.warranty-wrap .accordion.active i img{
text-align: center;
}
.warranty-wrap .panel {
float: left;
width: 100%;
margin-bottom: 30px;
}
.warranty-wrap button span {
padding-top: 0;
display: inline-block;
float: left;
width: 91%;
}
.warranty-wrap button.accordion::after {
padding-top: 10px;
}
.panel-wrap{
padding: 42px 100px;
float:left;
width:100%;
}
.warranty-wrap .panel-left ul li{
float:left;
width:100%;
margin-bottom: 15px;
display:flex;
align-items:center;
}
.warranty-wrap .panel-right ul li{
float:left;
width:100%;
margin-bottom: 13px;
display:flex;
align-items:center;
}
.warranty-wrap .panel i{
color:#aeaeae;
float:left;
width:10%;
font-weight: bold;
}
.warranty-wrap .panel span {
color: #929090;
float: left;
width: 70%;
font-family: MYRIADPRO-COND;
font-size: 23px;
}
.panel-left {
float: left;
width: 45%;
padding:40px 0 0 0;
}
.panel-right h1 {
float: left;
width: 100%;
font-size: 20px;
color: #fff;
margin-bottom: 20px;
font-family: Oswald;
font-weight: normal;
}
.panel-left h1 {
float: left;
width: 100%;
font-size: 17px;
color: #888;
margin-bottom: 20px;
font-family: Oswald;
}
.panel-right{
float: left;
width: 55%;
background: #cd3737;
padding:40px;
position:relative;
overflow: hidden;
}
.panel-left i {
border: 1px solid #ddd;
border-radius: 50%;
width: 34px !important;
height: 34px !important;
padding: 8px 0;
text-align: center;
margin-right: 14px;
}
.panel-right i {
border: 2px solid #fff;
border-radius: 50%;
width: 37px !important;
height: 37px !important;
padding: 8px 0;
text-align: center;
color: #fff !important;
margin-right: 14px;
}
.panel-right::before {
position: absolute;
top: 6px;
right: 0;
background-image: url(../images/warrantydesc/warranty-2.png);
content: "";
width: 124px;
height: 109px;
background-repeat: no-repeat;
}
.panel-right::after {
position: absolute;
bottom: -32px;
right: -8px;
background-image: url(../images/warrantydesc/warranty-2.png);
content: "";
width: 199px;
height: 177px;
background-repeat: no-repeat;
transform: rotate(-51deg);
background-size: 122%;
opacity: 0.2;
}
.warranty-wrap .panel .panel-right span {
float: left;
width: 70%;
color: #fff;
}
.warranty-wrap button.accordion{
display: flex;
align-items: center;
}
.banner-overlay {
position: absolute;
top: 30%;
left: 41px;
z-index: 33;
}
.z-zip {
float: left;
width: 324px;
padding: 10px !important;
-webkit-border-radius: 0 !important;
border: none !important;
border-radius: 0 !important;
border-bottom-left-radius: 4px !important;
border-top-left-radius: 4px !important;
}
.s-button {
float: left;
width: 10%;
padding: 11px;
border: none;
background-image: url(../images/Icon_Search.png);
background-color: #c33;
background-size: 21px;
background-position: 10px 5px;
padding: 15px !important;
}
.banner-overlay .serch-right {
width: 46px;
position: relative;
float: left;
}
.banner-overlay .serch-right input {
width: 100%;
height: 36px;
border-radius: 0px 3px 3px 0px;
background-image: none;
background-color: #c33;
padding: 0 !important;
color: #fff;
padding: 10px;
font-size: 21px;
-webkit-appearance: none;
}
/********30/08/2019*******/
.warranty-bottom-text {
font-size: 18px;
margin: 30px 0 40px 0;
}
.warranty-bottom-text span {
font-size: 16px;
margin-top: 6px;
display: inline-block;
}
/******16/08/2019**Warranty-desc**End*******/
/*******19/08/2019**industrial css Start**********/
.landing_container .blue-theme-new .tab-right .sj-tab-label {
width: 50% !important;
display: flex;
align-items: center;
}
.landing_container .blue-theme-new .img-text-left h1 {
font-size: 47px;
}
.landing_container .blue-theme-new .warranty-section h1 {
font-size: 33px !important;
}
/*******19/08/2019**industrial css End**********/
/***********23/08/2019**Learn More Page************/
.learnmore-wap {
float: left;
width: 100%;
padding: 30px 0;
}
.credit-left, .credit-right {
float: left;
width: 48%;
margin-right: 40px;
}
.credit-right {
margin-right: 0;
background: #fff;
box-shadow: 0 0 5px 0 rgba(0,0,0,.75);
padding: 7px 7px 5px 7px;
}
.paypal-btns{
text-align:left !important;
}
.paypal-btns a{
padding: 12px 30px !important;
font-size: 16px !important;
}
.credit-left-bottom {
float: left;
width: 75%;
text-align: center;
padding: 20px 0;
}
.credit-left-bottom span {
float: left;
width: 100%;
padding-bottom: 5px;
}
.credit-left-bottom span a{
color: #005ea6;
}
.interest-sec{
float:left;
width:100%;
margin-bottom: 30px !important;
}
.interest-sec .left{
float:left;
width:50%;
}
.credit-left p {
font-size: 18px;
font-family: roboto;
line-height: 26px;
margin: 0;
text-align: left;
color: #333;
}
.quick-access-sec {
background-image: url(../images/paypal_learnmore/happy-family.jpg);
float: left;
width: 100%;
position: relative;
padding: 20px 0;
background-position: center;
}
.access-overlay{
position:absolute;
left:0;
right:0;
bottom:0;
top:0;
background:rgba(0,0,0,0.5);
}
.quick-access-sec .box-1{
float:left;
width:30%;
}
.quick-access-sec h1 ,.quick-access-sec h4{
float:left;
width:100%;
text-align:center;
color:#fff;
}
.quick-access-sec span{
float:left;
width:100%;
text-align:center;
color:#fff;
padding: 10px 0 50px 0;
}
.quick-access-sec .box {
float: left;
width: 31%;
padding: 50px 0;
margin-right: 30px;
}
.quick-access-sec .box:nth-last-of-type(1){
float:right;
margin-right:0;
}
.access-inner{
position: relative;
padding: 50px 0;
}
.quick-access-sec h4{
font-size:20px;
}
.quick-access-sec p{
font-size: 20px;
font-family: roboto;
line-height: 26px;
margin: 0;
text-align:center !important;
float:left;
width:100%;
padding-top: 10px;
color: #fff;
}
.paypal-more h1 , .paypal-more span{
float:left;
width:100%;
text-align:center;
margin-bottom: 6px;
font-family: roboto;
}
.three-blocks {
float: left;
width: 100%;
padding: 50px 0;
}
.paypal-more span {
font-size: 19px;
}
span.icon{
float:left;
width:100%;
padding:0 0 10px 00;
}
.three-blocks h3{
float:left;
width:100%;
text-align:center;
color: #fff;
}
.three-blocks p, .three-blocks a {
text-align: center !important;
float: left;
width: 100%;
padding: 10px 3px;
font-family: roboto;
font-size: 16px !important;
}
.note {
font-size: 15px !important;
}
.paypal-more a{
float:auto;
}
.application-sec .left{
float:left;
width:50%;
margin-right:30px;
}
.application-sec .right{
float:left;
width:46%;
margin-right:0;
}
.buy-now {
background-image: url(../images/paypal_learnmore/Best-Business-Credit-Cards-For-2017.jpg);
float: left;
width: 100%;
padding: 60px 0;
background-position: bottom;
background-repeat: no-repeat;
background-size: cover;
position:relative;
}
.buy-now h1{
float:left;
width:100%;
text-align:center;
color:#fff;
}
.border {
float: left;
width: 100%;
border: 1px solid #fff;
}
.t-center{
text-align:center !important;
padding-bottom:45px;
}
.faq{
float:left;
width:100%;
padding:10px 0;
}
.faq a {
border: 2px solid #D31E25;
border-radius: 20px;
padding: 14px 14px;
display: inline-block;
color: #fff;
margin: 10px 0;
font-size: 11px;
}
.faq span {
color: #fff;
margin-right: 13px;
font-size: 18px;
}
.buy-now-inner{
position:relative;
}
.application-sec {
float: left;
width: 100%;
padding: 20px 0 60px 0;
display: flex;
align-items: center;
}
.application-sec h1{
padding-bottom:20px;
}
.application-sec p{
font-size: 21px;
font-family: roboto;
line-height: 26px;
margin: 0;
text-align: left;
color: #333;
}
.bottom-footer {
float: left;
width: 100%;
padding:40px 0;
}
.bottom-footer p{
font-size: 20px !important;
font-family: roboto;
line-height: 26px;
margin: 0;
text-align: left;
color: #333;
font-size: 14px;
}
.sj-pdetail-outer .sj-pay-logo {
padding: 9px 10px 9px 10px !important;
}
.sj-pdetail-right-grid em, .sj-pdetail-right-grid p {
font-size: 12px !important;
}
.credit-left h1{
margin-bottom:10px;
}
.interest-sec h4{
margin-bottom:0 !important;
}
.interest-sec-inner {
padding: 20px 0 0 0;
float: left;
}
.three-blocks a {
color: #fff;
text-shadow: 0 0 1px #000;
text-decoration: underline;
font-size: 18px !important;
}
.access-inner a{
color: #65a1ed;
}
.sj-pay-logo-flex{
display:flex;
align-items:center;
}
.sj-pay-logo-flex::after {
border-top: 47px solid #d0d0d0 !important;
}
.sj-pay-logo-flex p {
font-size: 14px !important;
width: 65%;
font-weight: bolder;
float: left;
text-align: left;
}
.sj-pay-logo-flex img {
width: auto;
}
.mb-10{
margin-bottom:15px !important;
}
.three-blocks p{
min-height:100px;
}
.interest-sec.sj-welcome .sj-welcome-content h4 span {
padding: 0px 10px 4px 10px;
}
.pay-img {
width: 35% !important;
float: right !important;
text-align: right;
}
p.per-month {
font-size: 17px !important;
font-weight: bold;
width: 70%;
float: left;
text-align: left;
}
.save-share-btn {
float: left;
width: 100%;
text-align: right !important;
}
.save-share-btn-leftside{
float:left;
}
.save-share-btn-rightside{
float:right;
}
.sj-button.sj-save-btn {
padding:5px 19px !important;
margin-right: 15px !important;
background: #007d00 !important;
margin-bottom: 10px;
font-size: 15px;
margin-top:0;
cursor: pointer;
text-align:left;
}
.sj-button.sj-share-btn {
padding: 4px 8px !important;
background: #ffa707 !important;
margin-top: 0;
font-size: 15px;
color: #fff !important;
text-align:left;
}
.sj-button.sj-save-btn.save-center {
min-width: 106px;
text-align: center;
padding-left: 46px !important;
}
.cus-tick-new {
left: 27% !important;
}
.cust-sharethis .sj-button.sj-share-btn{
min-width: 106px;
}
.cust-share-icon {
color: #fff !important;
padding: 0 6px 0 0;
}
.sj-button-three {
display: flex;
align-items: center;
}
.sj-btnns {
float: left;
width: 100%;
display: flex;
align-items: center;
}
.sj-btnns-left{
float:left;
width:67%;
}
.sj-btnns-right{
float:left;
width:20%;
}
.save-share-btn-centerside{
text-align:center;
float: none;
}
/*****04/07/2019**Header Changes*/
.sj-header-top .sj-header-top-nav .sj-nav-new-top ul.sub-nav{
display:none;
}
.sj-header-top .sj-header-top-nav .sj-nav-new-top ul li.has-nav:hover ul.sub-nav{
display:block;
}
.sj-header-top .sj-header-top-nav .sj-nav-new-top ul li.has-nav:hover ul.sub-nav a:hover {
color: #000;
background-color: #a6a2a2 !important;
}
.sj-header-top .sj-header-top-nav .sj-nav-new-top ul li.has-nav:hover ul.sub-nav a {
color:#fff !important;
padding: 7px;
width:100%;
}
.sj-nav-new-top{
float:left;
width:auto;
}
.top-heading {
float: right;
width: 100%;
font-size: 18px;
text-transform: uppercase;
font-family: 'oswaldregular';
font-weight: 600;
text-align: center;
}
.bottom-heading{
float: right;
width: 100%;
font-size: 16px;
text-transform: uppercase;
font-family: 'oswaldregular';
text-align: center;
}
.sj-header-icons{
background:none !important;
}
.sj-header-icons .sj-header-social {
float: left !important;
width: 100% !important;
margin: 0 auto;
}
.sj-center-icons{
width:76%;
float:right;
padding-top: 14px;
}
.taw-logo {
float: left;
width: 100%;
text-align:center;
padding-top:18px;
}
.taw-logo span.green-taw {
color: #007933;
text-transform: uppercase;
display: inline-block;
font-family: 'MyriadPro-Bold';
font-size: 30px;
font-style: italic;
padding-left: 20px;
float: right;
width: auto;
letter-spacing: -1px;
word-spacing: 3px;
}
.sj-white-bg-new{
padding-bottom: 15px !important;
}
/******Background video******/
.new-video-widget{
position:relative;
}
#pistonVideo {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.widget-new-overlay {
background: rgba(255,255,255,0.5);
}
.videoaftercontent {
position: relative;
width: 100%;
float: left;
}
.thum-first #bf-revz-widget-1031516759 , .thum-second , .thum-third{
box-shadow: 0 0 10px #5d5d5d;
}
.price-black{
color:#000 !important;
}
table.order-hist td , table.order-hist th{
padding: 0 10px;
}
.sj-warranty-section.mb-50 {
margin-bottom: 50px;
margin-top:0 !important;
}
table.order-preview td {
text-align: left;
padding: 5px 6px;
border-bottom: 1px solid #ddd;
width: 80%;
min-width: 100px;
font-size: 14px !important;
}
table.order-preview th{
background-color:#ddd;
padding: 10px 6px;
text-align: left;
}
table.order-preview{
background-color: #fff;
border-collapse: collapse;
float:left;
width:100%;
}
/*table.order-preview p{
margin:3px 0 !important;
text-align: right !important;
padding: 0 0;
float: right;
}
table.order-preview p span.total {
min-width: 89%;
text-align: right;
}
table.order-preview .cust-total-assu {
min-width: 10%;
clear: inherit;
text-align: right;
float: right;
}*/
table.order-preview .inner-table td {
text-align: right !important;
padding: 4px 0 !important;
border-bottom: none;
width: auto;
min-width: auto;
font-size: 14px !important;
}
table.order-preview .inner-table td:nth-child(1) {
padding-right: 20px !important;
}
td.wrannty p{
float:right;
width:auto !important;
margin: 0 !important;
}
td.wrannty h6 {
float: left;
width:auto;
text-align: left;
font-size:14px !important;
font-weight: normal;
}
td.wrannty span{
float:left;
text-align:left;
width: 72.3%;
}
.agree-term {
float: right;
width: 98%;
}
.chk-out td{
border-bottom: 1px solid #ddd;
}
.order-sucss td{
text-align:right;
}
td.total-list span.newprice{
float: right;
min-width: 10%;
clear: inherit;
text-align: right;
}
td.total-list strong {
display: inline-block;
float: left;
width: 100%;
}
.check-out{
border-collapse:collapse;
float:left;
width:100%;
}
.check-out td{
border-bottom: 1px solid #ddd;
text-align: left;
padding: 5px 6px;
}
.check-out th{
padding:5px 6px;
text-align:left;
}
table.check-out td {
text-align: right !important;
}
table.check-out td:nth-child(1) {
text-align: left !important;
}
.right-text{
text-align:right !important;
}
.check-out td input[type="text"], .check-out td select, .check-out td textarea{
border: 1px solid #8f8d8d;
}
/*table.check-out p span.total ,table.order-details span.total {
min-width: 89%;
text-align: right;
margin-right: 5px;
}
table.check-out .cust-total-assu ,table.check-out .newprice , .order-details .cust-total-assu {
min-width: 10%;
clear: inherit;
text-align: right;
float: right;
}
table.check-out p , .order-details p {
margin: 3px !important;
text-align: right !important;
padding: 0 0px;
float: left;
width: 100%;
float:right;
}
table.check-out strong , .order-details strong{
float:left;
width:100%;
}*/
.top-border {
border-top: 1px solid #000;
float: right;
width: 36%;
}
.white-boxes td:nth-child(2n+1) {
min-width: 39% !important;
width: 36%;
}
.white-box-2 td:nth-child(2n+1){
min-width: 29% !important;
width: 29%;
}
.order-details{
background:#fff;
}
.order-details .taww{
text-align:right !important;
}
.order-detail-top{
background:#fff;
}
.order-detail-top td:nth-child(1){
width:34% !important;
}
.order-detail-top tbody td {
float: left;
width: 57% !important;
}
.order-details-new .cust-total-assu {
min-width: 13%;
}
.sj-top-form #sj-engine-form .form-row:last-of-type{
margin-right:0 !important;
}
.search-eg-left{
float:left;
width:88%;
}
.search-eg-right{
float:right;
width:12%;
}
.sj-form-row.specs-input.last {
margin-right: 0 !important;
}
.landing_container .tab-right #sj-vin-form input[type="button"]{
line-height: 17px !important;
}
/*********Shipping*13/09/2019********/
.shipping-left h4 {
float: left;
width: 100%;
font-weight: 300;
font-size: 22px;
margin-bottom: 0px;
font-family: 'Oswald';
line-height: 26px;
margin-bottom: 1px;
}
.shipping-left h2 {
float: left;
width: 100%;
font-weight: 400;
font-family: 'Oswald';
padding-left: 34px;
font-size: 29px;
line-height: 30px;
}
.sixty{
float:left;
width:60% !important;
}
.fourty{
float:left;
width:40% !important;
}
.shipping-outer ol {
margin: 20px 0;
padding-left: 30px;
}
.shipping-outer ol li {
list-style: decimal !important;
padding-bottom: 10px;
padding-left: 9px;
}
.shipping-outer ol li span{
font-size:14px;
}
.mb-50{
margin-bottom:50px;
}
.mtb-30{
margin:10px 0 30px 0;
}
.logo-red{
color:#cd3737 !important;
}
.with-resp{
display:none;
}
.without-resp{
display:block;
}
.sj-checkout-outter{
float:left;
width:100%;
}
.coupon-left{
float:left;
width:50%;
}
.coupon-right{
float:right;
width:50%;
display: flex;
align-items: center;
}
.sub-heading {
text-align: left;
line-height: 24px;
font-size: 18px;
color: #222;
padding: 10px 0 0 0;
font-family: 'oswald';
font-weight: 400;
}
.mt-0 {
margin-top: 0 !important;
}
table.order-preview td{
text-align:right !important;
}
table.order-preview td:nth-child(1),table.order-preview td:nth-child(2) ,table.order-preview td.taww:nth-child(3){
text-align:left !important;
}
table.order-preview tr:last-child td{
border-bottom:0;
}
.reg {
float: left;
width: 40.1%;
margin-right: 3%;
}
.reg.reg-last{
margin-right: 0;
}
/***********20-09-2019**Popup**************/
.backgroundlayout{
width:100%;
height:100%;
background:#000000;
opacity:0.5;
position:fixed;
z-index: 2;
top: 0%;
left: 0%;
display:none;
transition: display 2s;
transition-timing-function: linear;
}
.popup_content .top-content {
width: auto;
margin: 0;
border: none;
}
.overlaylayout {
height: auto;
left: 50%;
position: fixed;
top: 50%;
width: auto;
z-index: 101;
background: #FFFFFF;
display: none;
padding: 20px;
border-radius: 7px;
transform: translate(-50%,-50%);
min-width: 200px;
box-shadow: 0 0 8px #6b6b6b;
-webkit-animation: pop-swirl 1s ease forwards;
animation: pop-swirl 1s ease forwards;
}
.order-popcontent{
float:left;
width:100%;
position:relative;
padding-top: 55px;
}
.order-popcontent::before {
position: absolute;
left: 50%;
top: -21px;
background:#d31e25;
width: 90px;
content: "\f00c";
font-family: 'FontAwesome';
height: 90px;
text-align: center;
line-height: 90px;
color: #fff;
border-radius: 50%;
right: 0;
transform: translate(-50%,-50%);
font-size:40px;
}
#closeingBtn {
top: 0;
font-weight: 100;
color: #4c4c4c;
font-size: 18px;
padding: 9px 7px;
}
.order-popcontent h1{
float:left;
width:100%;
color:#626262;
text-align:center;
margin-bottom: 15px;
font-family: 'roboto';
font-weight: 100;
font-size: 30px;
}
.order-popcontent h4 {
float: left;
width: 100%;
color: #626262;
text-align: center;
margin: 10px 0 20px 0;
font-family: roboto;
text-transform: uppercase;
}
.order-popcontent h4 span {
color: #d31e25;
}
.order-popcontent p{
float:left;
width:100%;
color:#626262;
text-align:center !important;
margin-top:0;
font-size: 15px;
font-family: MYRIADPRO-REGULAR;
}
.popup-icons ,.popup-icons ul , .popup-icons ul li a {
float:left;
width:100%;
}
.popup-icons ul li {
display: inline-block;
border-radius: 7px;
margin-right: 1%;
margin-bottom: 1%;
width: 31.8%;
}
.popup-icons ul li a{
padding: 7px 19px;
}
.popup-icons ul li:nth-child(3n){
margin-right:0;
}
.popup-icons ul li a i , .popup-icons ul li a span{
float: left;
width: 50%;
text-align: left;
color:#fff;
}
.popup-icons ul li a {
display: flex;
align-items: center;
text-decoration: none;
}
.popup-icons ul li a i {
font-size:14px;
}
.popup-icons ul li a span{
font-family: Oswald;
font-size:13px;
}
.f-blue{
background:#4267b2;
}
.t-cyanblue{
background:#55acee;
}
.p-darkred{
background:#cb2027;
}
.e-grey{
background:#7d7d7d;
}
.s-yellow{
background:#ffbd00;
}
.s-green{
background:#95d03a;
}
@keyframes pop-swirl {
0% {
transform: translate(-50%,-50%) scale(0);
-webkit-transform: translate(-50%,-50%) scale(0);
opacity: 0;
box-shadow: 0 0 0 rgba(241, 241, 241, 0);
}
100% {
-webkit-transform: translate(-50%,-50%) scale(1);
transform: translate(-50%,-50%) scale(1);
opacity: 1;
box-shadow: 0 0 500px rgba(241, 241, 241, 0);
}
}
/****Warranty/index page*****/
.warranty-select-block{
float:left;
width:100%;
border:1px solid #000;
padding:10px 15px;
}
.warranty-select-block .panel-right{
background:none;
}
.warranty-select-block .panel-right::before , .warranty-select-block .panel-right::after{
display:none;
}
.warranty-select-block .panel-right h1{
color:#888;
}
.warranty-select-block .panel-right i , .warranty-select-block .panel-left i{
color:#000 !important;
border: 1px solid #868181;
}
.warranty-select-block .panel-left , .warranty-select-block .panel-right {
padding: 0px 0 0 0;
}
.warranty-select-block .panel-left, .warranty-select-block .panel-right {
width: 48%;
margin:1%;
}
.warranty-select-block .panel-right{
float:right !important;
}
.warranty-select-block.warranty-wrap {
margin-bottom: 0;
}
.warranty-select-block .panel-left span ,.warranty-select-block .panel-right span {
float:left;
width:100%;
font-family: "roboto";
}
.warranty-select-block .panel-left i ,.warranty-select-block .panel-right i {
width: 28px !important;
height: 28px !important;
font-size: 13px;
line-height: 11px;
}
.warranty-select-block .panel-left ul li , .warranty-select-block .panel-right ul li {
margin-bottom: 9px;
}
.warranty-select-block .panel-right h1 , .warranty-select-block .panel-left h1{
font-size: 20px;
font-weight: normal;
color:#222;
}
.box-heading {
font-size: 22px;
float: left;
width: 100%;
margin-bottom: 20px;
text-align: center;
}
.warrantyPagenew p , .warrantyPagenew ol.numeric li{
font-family: "roboto";
font-size: 16px;
list-style: decimal;
margin-bottom: 0;
margin-top: 10px;
}
.marginbottom20{
margin-bottom:20px;
}
.warrantyPagenew {
margin: 30px 0 50px 0 !important;
}
.font-roboto{
font-family: "roboto" !important;
}
h4.main-title {
font-size: 26px;
font-family: 'oswaldregular';
margin-bottom: 10px;
float: left;
width: 100%;
text-align: left;
}
.font16{
font-size:16px;
}
.in-active-warranty h1, .warranty-select-block .in-active-warranty li i, .in-active-warranty li span {
color:#8f8e8e !important;
}
.active-warranty h1, .warranty-select-block .active-warranty li i, .active-warranty li span {
color: #fff !important;
}
.warranty-select-block .active-warranty li i{
border: 1px solid #fff;
}
.active-warranty {
float: left;
width: 100%;
background: #cd3737;
padding: 17px 30px;
position:relative;
}
.active-warranty::after {
position: absolute;
top: 6px;
right: 0;
background-image: url(../images/warranty-3.png);
content: "";
width: 57px;
height: 57px;
background-repeat: no-repeat;
}
.online-orders {
float: left;
width: 67.4%;
background: #F71B18;
padding: 4px 23px;
color: #fff;
font-size: 11px;
text-align: center;
font-weight: bold;
height: 22px;
}
.online-orders-right{
width:30%;
font-weight: bold;
height: 22px;
text-align: center;
padding:5px !important;
}
.sj-left-form .form-row input[type="text"].partserchclas.bacgerror {
border-color: inherit !important;
color: #fff !important;
border: 0 !important;
font-size: 18px !important;
font-weight: normal !important;
}
.sj-top-form #sj-partlookup-form .sj-form-row input.partserchclas.bacgerror::placeholder{
color: #f00 !important;
font-size: 18px;
font-weight:normal;
}
td.forprint{
display:none !important;
}
#contactusfrm .error{
float:left;
width:100%;
}
/****03/10/2019****/
.warranty-bottom {
float: left;
width: 100%;
margin: 20px 0;
}
.warranty-bottom h4 {
float: left;
width: 100%;
color: #000;
text-transform: uppercase;
font-size: 28px;
font-family: Oswald;
}
.warranty-bottom ol {
float: left;
width: 95%;
margin: 20px 0 10px 2.5%;
}
.warranty-bottom ol li {
list-style: decimal;
padding: 5px;
font-family: roboto;
font-size: 21px;
color:#333;
}
/******04/10/2019*******/
.sj-wel-left-new{
float:left;
width:15%;
}
.sj-wel-center-new{
float:left;
width:55% !important;
padding-top: 5px;
}
.sj-wel-center-new h1, .sj-wel-center-new h1 span{
float:left;
width:100%;
text-align:center !important;
}
.sj-wel-right-new{
float:right;
width:30% !important;
padding-top: 5px;
}
.sj-wel-right-new p, .sj-wel-right-new a {
float: left;
width: 100%;
text-align: center;
}
.sj-wel-right-new p {
font-size: 23px !important;
margin-bottom: 2px !important;
}
/****12/10/2019******/
.cus-st-btn .st-btn {
padding: 4px 12px 4px 11px !important;
margin-top: 0;
font-size: 15px !important;
font-family: roboto;
border: 0;
border-radius: 5px;
float: left;
line-height: normal !important;
min-width: auto !important;
height: auto !important;
}
.cus-st-btn .st-btn img {
width: 14px !important;
top: 1px !important;
margin-right: 2px;
}
.cus-st-btn .st-btn .st-label{
padding: 0 !important;
line-height: normal;
min-width:auto !important;
}
.sj-btnns-right {
position: relative;
}
.cus-tick{
position:absolute;
}
.cus-tick {
position: absolute;
top: 20%;
left: 16%;
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
color: #fff !important;
}
.sj-button.sj-save-btn.saveicon {
padding-left: 35px !important;
}
.sj-btnns-right-new{
width:30% !important;
vertical-align: top;
height: 65px;
}
.cus-st-btn .st-btn:hover {
top: 0 !important;
opacity:1 !important;
}
#saveproduct_response{
margin-top:5px;
}
#share_this_area {
margin: 0;
padding: 30px 20px 51px 20px;
}
/*****29/10/2019**inquiry page***/
.upload-btn-wrapper {
position: relative;
overflow: hidden;
display: inline-block;
background: #fff;
width: 50%;
margin-top:2px;
}
.upload-btn-wrapper .btn {
border: 2px solid #ccc;
color: gray;
background-color: white;
font-size: 14px;
font-weight: 700;
padding: 5px 25px 5px 8px !important;
margin: 7px;
width: 93%;
text-align: left;
}
.upload-btn-wrapper input[type="file"] {
font-size: 100px;
position: absolute;
left: 0;
top: 0;
opacity: 0;
z-index: 2;
right: 0;
width: 100%;
}
.inst-textarea-new{
margin-bottom:5px !important;
}
.upload-btn-wrapper::after {
content: "\f002";
position: absolute;
top: 12px;
right: 17px;
font-family: 'FontAwesome';
transform: rotate(73deg);
color: #888;
z-index:1;
}
.Inquiry-txt {
float: left;
width: 100%;
margin-top: 15px;
}
.inquiry-heading {
margin-bottom: 10px;
}
.Inquiry-txt h3 {
color: #fff !important;
margin-bottom: 0 !important;
font-size: 20px !important;
}
span.inquiry-heading {
width: auto !important;
padding: 10px 0;
float: left;
color: #fff !important;
}
.cust-right-imgg-new {
float: right;
margin-top: -30px;
}
.heading-row td {
vertical-align: top;
padding: 5px 0;
font-weight: bold;
min-width: 60px;
}
.content-row td {
vertical-align: top;
padding: 10px 20px 10px 0;
min-width: 60px;
}
.cust-select-btn {
color: #fff;
background: #359fe9;
padding: 3px 8px;
border-radius: 5px;
font-size: 12px;
float: left;
width: auto;
display: flex;
align-items: center;
}
.cust-select-btn i {
color: #fff;
padding-right:5px;
}
.Inquiry-txt ul {
float: left;
width: 100%;
padding: 15px;
}
.Inquiry-txt ul li {
float: left;
width: 100%;
list-style: disc;
margin-bottom: 5px !important;
color: #fff;
}
/***********citest.php**13/11/2019*************/
.citest-container{
float:left;
width:100%;
}
.overlay-black{
position:absolute;
top:0;
left:0;
right:0;
background:rgba(0, 0, 0, 0.65);
content:"";
bottom:0;
}
.p-relative{
position:relative;
}
.citest-overlay-content {
position: absolute;
content: "";
left: 50%;
right: 0;
top: 50%;
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
}
.citest-overlay-content h1 {
font-size: 57px;
font-family: 'Oswald-DemiBold';
color: #fff;
text-align: center;
margin-bottom: 25px;
}
.citest-overlay-content p {
font-size: 20px;
color: #fff;
text-align: center;
line-height: 32px;
font-weight: bold;
}
.citest-overlay-content h1 span {
background: #b02b33;
color: #fff;
padding: 0 15px;
}
.left-right-wrap {
float: left;
width: 100%;
padding: 70px 0;
}
.left-image {
float: left;
width: 48%;
margin-right:4%;
}
.right-content{
float: right;
width: 48%;
}
.display-flex{
float:left;
width:100%;
display:flex;
align-items:center;
}
.citest-container h3 {
color: #ed3237;
font-family: 'Oswald-DemiBold';
font-size: 40px;
text-decoration: underline;
text-align: left;
line-height: 46px;
margin-bottom: 10px;
float:left;
width:100%;
}
.right-content p , .citest-container p {
font-size: 20px;
line-height: normal;
width:100%;
float:left;
}
.join-bttn{
float:left;
width:100%;
text-align:center;
}
a.join-now-link {
display: inline-block;
background: #fff;
border-radius: 50px;
padding: 0 42px 0 0;
box-shadow: 0 0 2px #c0c0c0;
margin-top: 14px;
}
.join-now {
padding-left: 24px;
display: inline-block;
color: #ed3237;
font-size: 27px;
font-family: 'Oswald';
font-weight: bolder;
text-transform: uppercase;
}
.mb-60{
margin-bottom:60px !important;
float:left;
width:100%;
}
.float-right{
float:right !important;
}
.resp-content{
margin-top: 98px;
margin-right: 3%;
}
.mr-0{
margin-right:0 ;
}
.float-left{
float:left !important;
}
.blue-sec {
background: url(../images/citest/blue-area.jpg);
float: left;
width: 100%;
color: #fff;
padding: 70px 150px;
}
.blue-sec h1 {
color: #fff;
font-size: 38px;
text-align: center;
text-transform: uppercase;
line-height: 67px;
font-family: 'Oswald-DemiBold';
}
.html5gallery-car-0 {
background: #fff !important;
padding: 5px;
display: inline-block;
margin-top: 28px;
}
.html5gallery-car-right-0 ,.html5gallery-car-left-0{
background:none !important;
}
.html5gallery-car-right-0::after {
background: none !important;
content: "\f105";
font-family: 'FontAwesome';
position: absolute;
font-size: 36px;
color: #d5d4d4;
font-weight: bolder;
text-shadow: 0 0 1px #818181;
left: 0;
right: 0;
text-align: center;
}
.html5gallery-car-left-0::after {
background: none !important;
content: "\f104";
font-family: 'FontAwesome';
position: absolute;
font-size: 36px;
color: #d5d4d4;
font-weight: bolder;
text-shadow: 0 0 1px #818181;
left: 0;
right: -13px;
text-align: center;
}
.html5gallery-tn-selected-0 {
box-shadow:none !important;
border:5px solid #fc0001;
border-radius:10px;
}
.html5gallery-tn-0{
border:5px solid transparent;
margin-bottom: 30px;
box-shadow:none !important;
border-radius:10px;
}
.html5gallery-tn-img-0 div {
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
}
.html5gallery-tn-img-0 div img{
width: 100% !important;
height: 100% !important;
object-fit:cover;
}
.video-thumbnail{
float:left;
width:100%;
}
.video-thumbnail-top h3,.video-thumbnail-top p ,.priority-sec h3 ,.priority-sec p{
text-align:center;
}
.video-thumbnail-top{
float:left;
width:100%;
padding:70px 0 40px 0;
}
.citest-border-line {
float: left;
width: 100%;
border-top: 2px solid #000;
margin: 30px 0;
}
.cie-wrap{
float:left;
width:100%;
padding:0px 0 50px 0;
}
.font-32{
font-size:32px !important;
}
.blue-box-sec{
background:#fff;
padding:50px 0;
}
.blue-box-sec , ul.blue-box{
float:left;
width:100%;
}
ul.blue-box li{
width:32%;
margin-right:2%;
float:left;
background:#4172b8;
border-radius:10px;
padding:20px 0;
}
ul.blue-box li:last-child{
margin-right:0;
}
p.ci-icon {
float: left;
width: 100%;
text-align: center;
height: 110px;
}
ul.blue-box li h4,ul.blue-box li h1 {
float: left;
width: 100%;
color: #fff;
font-size: 40px;
text-align: center;
text-transform: uppercase;
font-family: 'Oswald-DemiBold';
}
ul.blue-box li h1 {
font-size: 60px !important;
line-height:60px;
}
.mb-30{
margin-bottom:30px !important;
}
.ci-list ,.ci-list li{
float:left;
width:100%;
font-size:20px;
font-weight:bold;
}
.ci-list li{
margin-top:27px;
}
.ci-list li span.tick-icon{
float:left;
width:7%;
}
img.ci-engine{
height:500px;
object-fit:cover;
}
.pb-0{
padding-bottom:0 !important;
}
.priority-sec {
width: 100%;
float: left;
padding: 15px 0;
}
.priority-sec .testimonial{
float:left;
width:100%;
margin: 35px 0 !important;
}
.priority-sec .testimonial .item {
float: none;
width: 85%;
background: #fff;
padding: 11px;
text-align: center;
margin: 0 auto;
padding: 30px 50px;
margin-top: 20px;
}
.priority-sec .testimonial .item h1{
font-size:40px;
font-family: 'Oswald-DemiBold';
text-transform: uppercase;
}
.priority-sec .testimonial .item span{
font-size:25px;
text-transform: uppercase;
font-family: 'Oswald-Medium';
}
.priority-sec .testimonial .item p {
font-size: 20px;
text-transform: initial;
padding: 15px 0;
}
.priority-sec .testimonial .owl-theme .owl-dots .owl-dot.active span, .priority-sec .testimonial .owl-theme .owl-dots .owl-dot:hover span {
background: #ed3237;
box-shadow:0px 0px 3px 4px #fff ,0 0px 2px 4px #a39797;
}
.priority-sec .testimonial .owl-nav.disabled , .industry-wrap .testimonial .owl-nav.disabled {
position: absolute;
width: 100%;
top: 37%;
}
.priority-sec .testimonial .owl-prev , .industry-wrap .testimonial .owl-prev {
left: 0;
position: absolute;
font-size: 34px !important;
font-weight: bolder !important;
}
.priority-sec .testimonial .owl-next , .industry-wrap .testimonial .owl-next {
right: 0;
position: absolute;
font-size: 34px !important;
font-weight: bolder !important;
}
.priority-sec .testimonial .owl-theme .owl-nav [class*="owl-"]:hover , .industry-wrap .testimonial .owl-theme .owl-nav [class*="owl-"]:hover {
background: none !important;
color: #FFF;
text-decoration: none;
}
.priority-sec .testimonial .owl-theme .owl-dots .owl-dot span{
width: 13px;
height: 13px;
background: #000;
border: 2px solid transparent;
}
.priority-sec .testimonial .owl-carousel .owl-dots.disabled, .citest-container .testimonial .owl-carousel .owl-nav.disabled ,.industry-wrap .owl-carousel .owl-dots.disabled, .industry-wrap .owl-carousel .owl-nav.disabled {
display: block;
}
.industry-wrap .owl-theme .owl-dots .owl-dot span {
width: 13px;
height: 13px;
background: #fff;
}
.industry-wrap .testimonial .owl-theme .owl-dots .owl-dot.active span, .industry-wrap .testimonial .owl-theme .owl-dots .owl-dot:hover span {
background: #ed3237;
box-shadow: 0.5px -0.5px 0px 2px #fff ,0 0px 0px 0px #a39797;
}
.industry-wrap {
float: left;
width: 100%;
background: url(../images/citest/industrial-bg.jpg);
padding: 70px 0 20px 0;
background-repeat: no-repeat;
background-size: cover;
}
.industry-wrap .owl-nav.disabled span {
color: #fff !important;
font-size: 48px !important;
}
.industry-wrap .testimonial-wrap{
width:90%;
margin:0 auto;
}
.industry-wrap .owl-theme .owl-nav.disabled + .owl-dots {
margin-top: 40px;
}
.industry-wrap .testimonial .item h1 {
font-size: 130px;
font-family: 'Oswald-Bold';
text-transform: uppercase;
color: #ed3237;
float: left;
width: 100%;
text-align: center;
}
.industry-wrap .testimonial .item p{
font-size:44px;
text-transform: uppercase;
text-align: center;
color:#fff;
}
.mt-160{
margin-top:160px;
}
.mt-60{
margin-top:60px !important;
}
.thanks-msg font{
background: #fff;
padding: 10px;
float: left;
width: 100%;
margin: 10px 0;
text-align: left;
}
/**************BySndeep-26-12-2019-Start**********/
.btnn-right-icon{
background: #d30129 url(../images/search-icon22.jpg) no-repeat center;
height: 36px;
border: 0;
vertical-align: bottom;
width: 36px;
margin: 0 0 0 -6px;
border-radius: 0 4px 4px 0;
text-indent: -9998px;
}
.cstm-form-fullwdth{
width:100%;
float:left;
}
.sctm-new-bttn{
background: #f11b1b none repeat scroll 0 0!important;
border: medium none;
border-radius: 5px!important;
color: #fff !important;
font-family: oswaldregular;
font-size: 12px;
padding: 4px 10px;
text-transform: uppercase;
text-indent: unset !important;
width:unset!important;
}
.cstm-field-wdth{
width:177px;
margin-right:8px;
border:2px solid #aeadad;
}
.cstm-button-outside{
background: white;
width: 100%;
float: left;
text-align: center;
padding: 15px 0px 10px 0px;
}
.cstm-wrrty-div{
}
.cstm-wrrty-div .cstm-aln-txt{
max-width: 600px;
margin: 0 auto;
text-align: center;
color: red;
font-weight: normal;
line-height: 30px;
background:none;
font-size:23px;
}
.cstm-wrrty-div .red-title {
color: black;
font-style: normal;
font-weight: normal;
padding: 15px 0px;
text-align: left !important;
}
.cstm-wrrty-div .cstm-bttm-red{
text-align: center;
color: red;
font-weight: normal;
line-height: 30px;
background:none;
font-size: 23px;
padding: 15px 0px;
}
.cstm-wrrty-div .address {
font-weight: normal !important;
font-size: 16px !important;
margin: 20px 0 20px 0 !important;
}
.cstm-perw-new .contractLabel{
background:none;
color:black;
font-size: 20px;
}
.cstm-perw-new .contractLabelNote {
font-style: normal;
font-size: 18px;
color: red;
font-weight: normal;
line-height: 30px;
}
.cstm-bttmtxt{
width: 100%;
float: left;
padding:15px 0px 20px 0px;
}
.cstm-bttmtxt h4, .cstm-bttmtxt p{
color:red;
text-align:center !important
}
/**************BySndeep-new-page-start**********/
.cst-head-img{
background-image: url(../images/installer_img/cin-bg1.jpg);
width: 100%;
float: left;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
height:690px;
}
.cst-inside-cin{
width:100%;
float:left;
padding:30px;
}
.left-cin{
width:35%;
float:left;
}
.right-cin{
width:65%;
float:right;
}
.left-cin p{
color:white;
line-height:35px;
font-size:28px;
}
.left-cin-py{
padding-bottom: 30px;
}
.cin-red-yellow-img{
margin:50px 0px;
}
.left-cin-p span, .left-cin-py{
color:#f8ec2e !important;
}
.right-cin-p{
color:white;
line-height:35px;
font-size:27px;
font-weight:bold;
}
.right-cin-p span{
font-size:92px;
color:#f8ec2e !important;
}
. }
.cstm-wrrty-div .cstm-aln-txt{
max-width: 600px;
margin: 0 auto;
text-align: center;
color: red;
font-weight: normal;
line-height: 30px;
background:none;
font-size:23px;
}
.cstm-wrrty-div .red-title {
color: black;
font-style: normal;
font-weight: normal;
padding: 15px 0px;
text-align: left !important;
}
.cstm-wrrty-div .cstm-bttm-red{
text-align: center;
color: red;
font-weight: normal;
line-height: 30px;
background:none;
font-size: 23px;
padding: 15px 0px;
}
.cstm-wrrty-div .address {
font-weight: normal !important;
font-size: 16px !important;
margin: 20px 0 20px 0 !important;
}
.cstm-perw-new .contractLabel{
background:none;
color:black;
font-size: 20px;
}
.cstm-perw-new .contractLabelNote {
font-style: normal;
font-size: 18px;
color: red;
font-weight: normal;
line-height: 30px;
}
.cstm-bttmtxt{
width: 100%;
float: left;
padding:15px 0px 20px 0px;
}
.cstm-bttmtxt h4, .cstm-bttmtxt p{
color:red;
text-align:center !important
}
/**************BySndeep-new-page-start**********/
.cst-head-img{
background-image: url(../images/installer_img/cin-bg1.jpg);
width: 100%;
float: left;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
height: 100%;
position: relative;
}
.cst-inside-cinm{
width:100%;
float:left;
padding:50px 0px 0px 0px;
}
.right-cin{
padding-top:26px;
}
.left-cin p{
color:white;
line-height:35px;
font-size:28px;
font-family: 'Montserrat BlackItalic';
text-align: left;
margin-top: 0px;
width: 100%;
float: left;
}
.left-cin-p{
color:white;
line-height:35px;
font-size:28px;
font-family:'Montserrat' !important;
text-align: left;
}
.cin-red-yellow-img{
margin:25px 0px 35px 0px;
}
.left-cin-p span, .left-cin-py{
color:#f8ec2e !important;
}
.right-cin-p{
color:white;
font-size:27px;
font-weight:bold;
float: right;
bottom: 10px;
position: absolute;
right: 90px;
font-family: 'Asap';
}
.right-cin-p span{
font-size:50px;
color:#f8ec2e !important;
font-style: italic;
font-family: arialbd;
}
.right-cin-topp{
font-size:30px;
color:white;
font-family: 'Asap';
font-weight: bold;
width: 100%;
float: right;
text-align: right;
letter-spacing: 2px;
}
.right-cin-topp span{
color:#f8ec2e;
}
.left-cin-bttn .left-search-bttn {
float: right;
}
.left-cin-bttn input[type=text] {
padding: 6px;
margin: 0px;
font-size: 17px;
border: none;
width:140px;
height:55px;
border-radius:0px;
}
.cin-center-sbox span{
font-weight:bold;
color:black!important;
padding-left: 5px;
}
.cin-map-field input::placeholder{
font-weight:bold;
}
.cin-center-sbox label{
font-weight:bold;
color:gray!important;
}
.left-cin-bttn .left-search-bttn button {
float: left;
padding:10px;
background: #fff;
font-size: 17px;
border: none;
cursor: pointer;
border-radius: 0px;
width: auto;
height:55px;
border-radius:0px;
}
.cin-srch{
color:red;
margin-right: 10px;
}
.left-search-bttn form{
position: absolute;
bottom: 0px;
left:23%;
}
.cin-map-section, .cin-map-inside{
width:100%;
float:left;
background:white;
}
.cin-center-sbox{
max-width:1035px;
margin:0 auto;
float:none;
}
.cin-map-field{
width:100%;
float:left;
border:1px solid #4f4e4e40;
}
.cin-map-field input[type="text"]{
width:28%;
float:left;
border: none;
padding:15px 10px 15px 30px;
}
.cin-center-sbox label{
width:28%;
float:left;
border: none;
padding:10px 10px;
text-align: left;
}
.cin-map-button{
width:16%;
float:left;
}
.cin-map-left{
width:70%;
float: left;
padding-top:30px;
padding: 60px;
}
.cin-map-right{
width:30%;
float:right;
text-align: right;
padding-right:90px;
}
.annual-info-section .owl-dots{
padding-top: 40px;
}
.cin-map-left-h2{
font-size:60px;
text-align: left;
font-family: Montserrat-ExtraBold;
font-style: italic;
}
.left-search-bttn input::placeholder{
font-weight:bold;
color: #010101;
font-size:15px;
opacity: 0.7;
}
.cin-map-left-h2 span{
padding-left:20%;
}
.cin-map-field a {
background: #df3628 none repeat scroll 0 0;
color: #fff !important;
font-family: 'Montserrat';
font-size: 17px;
padding:13px 10px;
text-transform: uppercase;
width: 100%;
float: left;
text-align: center;
text-decoration-line: none;
}
.cin-slider-section{
width: 100%;
float: left;
}
.cin-explained-section{
width:100%;
float:left;
background:white;
text-align:center;
}
.cin-explained-section h1{
padding: 25px 0px 25px 0px;
font-size: 50px;
font-weight:700;
}
.cin-explained-three1 p{
font-size: 20px;
text-align: left;
line-height: 25px;
margin-bottom:0px;
margin-top: 15px;
}
.cin-explained-section h1 span{
font-weight:100;
}
.cin-explained-three{
width: 100%;
float: left;
}
.cin-explained-three1{
width:33%;
float:left;
padding:0px 15px;
font-family: 'Asap';
}
.cin-explained-three1 h6{
font-size:32px;
text-align: left;
font-weight: bold;
font-family: 'arial';
}
.red-ttxt{
color:#df3628;
}
.ble-ttxt {
color: #1575bf;
}
.cin-explained-three1 h3 {
text-align: center;
/* font-weight: 100; */
text-transform: uppercase;
width: 100%;
float: left;
margin-top: 0px;
font-weight: bold;
font-family:"arial";
font-size:25px;
}
.cin-explained-three1 h3 span {
font-weight: 600;
font-size:40px;
letter-spacing: 10px;
font-family: 'arial';
line-height:normal;
padding-left: 12px;
}
.cin-explained-three1 img{
padding: 10px 0px;
width: 35%;
}
.cin-compition-section{
width:100%;
float:left;
background:#eff3f8;
padding:50px 0px;
text-align: center;
}
.cin-compition-section h4{
font-size:50px;
font-family: Montserrat-ExtraBold;
font-style: italic;
}
.cin-feature-section{
width:100%;
float:left;
display: flex;
Background: white;
padding-top:50px;
}
.cin-testimonial-section{
width:100%;
float:left;
background:white;
}
.cin-feature-section p, .cin-feature-section h3{
color:white;
font-family: 'Asap';
}
.cin-feature-section p {
font-size: 20px;
line-height: normal;
font-family: 'Asap';
letter-spacing: 1px;
text-align: center;
}
.cin-feature-left, .cin-feature-center, .cin-feature-right{
width:33.3%;
float:left;
padding:30px;
text-align: center;
}
.cin-feature-left{
background:black;
}
.cin-feature-center{
background:#1b75ba;
}
.cin-feature-right{
background:#df3628;
}
.cin-feature-section h3{
padding: 20px 0px 0px 0px;
font-weight: bold;
font-size: 30px;
letter-spacing:1px;
font-family: 'arial'!important;
}
.cin-enroll-section, .cin-membership-section, .fact-stats-section{
width:100%;
float:left;
background:white;
}
.cin-enroll-section-left{
width:55%;
text-align: left;
float:left;
}
.cin-enroll-section-right{
width:44%;
padding-right: 30px;
}
.cin-enroll-section-right{
float:right;
}
.cin-enroll-section-left h1 {
font-size:55px;
font-family: Montserrat-ExtraBoldItalic;
font-weight: bold;
letter-spacing: -1px;
}
.cin-button{
width:30%;
padding:0px;
}
.cstm-new-testimonial .cin-button{
width:40%;
}
.cin-membership-section{
background-image: url(../images/installer_img/membership-bgn.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
height:auto;
padding: 50px 0px;
}
.cin-membership-right, .cin-benefit-section-right{
width:50%;
float:right;
text-align:left;
}
.cin-membership-right{
padding-left: 50px;
}
.cin-membership-left, .cin-benefit-section-left{
width:50%;
float:left;
}
.cin-membership-right h1 {
color: #ffdd15;
font-size:55px;
font-family: Montserrat-ExtraBoldItalic;
font-weight: bold;
margin-bottom: 20px;
line-height:normal;
}
.cin-membership-right p{
color:#f8ec2e;
font-size:30px;
font-weight: 501;
margin-top: 30px;
line-height: 40px;
}
.cin-testimonial-section{
text-align:center;
padding:50px;
}
.cin-testimonial-section p{
font-size:40px;
line-height: 40px;
font-style: italic;
text-align: center;
}
.cin-testimonial-section h6 {
font-size:45px;
font-weight: normal;
text-align: center;
margin-top:40px;
font-family: Asap-SemiBold;
}
.cin-benefit-section{
background-image: url(../images/installer_img/cin-benefitn.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
width: 100%;
float: left;
padding:20px 60px 30px 90px;
}
.annual-info-section{
background-image: url(../images/installer_img/cin-sample.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
width: 100%;
float: left;
padding:90px 0px 30px 0px;
text-align:center;
}
.cin-map-inside{
width:100%;
float:left;
}
.annual-info-section h1 {
color: #db4541;
font-size:70px;
font-family: 'Oswald-DemiBold';
font-weight: normal;
}
.annual-info-section h4{
color:white;
font-size:35px;
margin-top:10px;
text-transform:uppercase;
font-weight:500;
}
.annual-info-section .owl-dots
{
margin-top:30px;
}
.cin-benefit-section h1{
font-size:60px;
color: black;
padding-bottom: 50px;
font-family: 'Montserrat-ExtraBoldItalic';
padding-left: 50px;
line-height: normal;
}
.cin-benefit-section-inside, .cin-benefit-section-insideh, .cin-product-section, .cin-dark-section, .center-blank-section,
.joinform-section, .joinform-inside, .joinform-field-section{
width:100%;
float:left;
}
.cin-benefit-section-insideh h2{
color:#ffdd15;
font-size:60px;
padding:0px 0px 50px 0px;
font-family: 'Montserrat-ExtraBoldItalic';
line-height:90px;
}
.cin-benefit-section-left ul li, .cin-benefit-section-right ul li {
color:white;
font-size: 31px;
line-height: 75px;
font-family: raleway;
font-weight: 500;
}
.cin-benefit-section-left h4 {
color: white;
font-size:40px;
padding-left: 26%;
padding-top: 14%;
cursor: pointer;
font-weight: 800;
/* font-family: Montserrat-ExtraBold; */
text-shadow: 1px 3px 5px #000;
}
.cin-product-section{
padding:34px 0px 32px 0px;
background:white;
}
.cin-dark-section{
padding:50px 0px;
background:#141440;
text-align: center;
}
.cin-dark-section h1{
color:#ffdd15;
font-size:55px;
font-family: 'Montserrat-ExtraBoldItalic';
}
.cin-dark-section h2{
font-size:35px;
color:white;
margin-top: 0px;
font-family: raleway;
font-weight: 400;
}
.cin-dark-button img{
position: absolute;
z-index: 99;
left: 0;
right: 0;
top:10px;
text-align: center;
}
.fact-stats-section .owl-theme .owl-dots .owl-dot span {
background:black;
width: 16px;
height: 16px;
}
.fact-stats-section .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
background:red !important;
}
.fact-stats-section p {
font-size: 29px;
text-align: center;
line-height: 35px;
text-transform: none;
padding:0px 80px;
}
.cin-dark-button{
position: relative;
width:260px;
float: none;
text-align: center;
margin: 0 auto;
}
.fact-stats-section{
padding:50px 0px;
text-align:center;
}
.fact-cstm-cin-slide{
width:100%;
float:left;
background:white;
}
.center-blank-section{
padding:25px 0px;
background:white;
}
.certified-button img {
bottom: 0px;
position: absolute;
z-index: 99;
left: 0;
right: 0;
top:-40px;
text-align: center;
}
.joinform-inside{
background:#30425a;
padding:80px 10px 60px 10px;
text-align:center;
}
.joinform-inside .titlewith-bg {
background: #1bdbe9;
color: #0b28a5;
padding:9px 13px;
border: none;
font-size:48px;
letter-spacing: 7px;
}
.joinform-field-section{
padding-top:30px;
}
.joinform-section .inst-form .inst-form-left li {
margin-bottom:30px;
}
.joinform-section .inst-form .inst-form-right .inst-textarea textarea{
height: 350px;
border-radius: 0px;
background: white;
}
.joinform-left ul li{
}
.joinform-left ul label, .joinform-right ul label{
text-align: left;
color:white;
width: 100%;
float: left;
font-family: OpenSans-Regular;
}
.joinform-left input, .joinform-right input{
float:left;
}
.joinform-left .asterisk_req::after, .joinform-right .asterisk_req::after{
top:25px !important;
}
.joinform-right{
width:100%;
float:right;
}
.cin-form-p{
color:white;
font-size:25px;
line-height:normal;
margin-bottom:20px;
margin-top:0px;
font-family: Blinker-Regular;
}
.joinform-section .asterisk_req{
display:none;
}
.cin-form-p span{
color:#1bdbe9;
}
.joinform-right h6{
color:white!important;
font-size:25px !important;
line-height: 40px;
font-weight: 100;
text-align: left;
padding:10px 0px 10px 0px;
}
.joinform-left p{
color:#31425a !important;
}
.joinform-left label{
color:white;
float:left;
font-size: 20px;
font-family: 'Montserrat';
font-weight: 100;
}
.joinform-left .inst-textarea #inst-placeholderDiv p{
padding-top: 10px;
font-size: 20px !important;
line-height: 30px !important;
font-family: 'Montserrat';
}
.cin-extra-input .cin-fbttn {
background-image: linear-gradient(#f05a28, #cc2830)!important;
border-radius: 66px;
font-family: oswaldregular;
font-size: 20px;
padding: 10px 15px !important;
border: none;
}
.cin-extra-input .fa.fa-search{
color:white;
margin-right: 7px;
}
.cin-extra-input .cin-fbttn{
color:#fff !important;
padding-left: 5px;
font-family: 'Montserrat';
font-weight: bold;
text-decoration-line: none;
}
.joinform-left .inst-textarea{
width:80%!important;
}
.cst-ful-wdth{
width:100%;
float:left;
}
.cin-extra-input{
text-align: left;
margin:18px 0px;
}
.cin-right-imgg{
width:100%;
float:left;
text-align: right;
}
.cin-right-imgg img{
width:35%;
}
.cin-inst-nob{
float: left;
}
.cin-inst-nob{
background:#1bdbe9;
color:#0b28a5;
padding: 10px 25px;
border: none;
font-size:25px;
letter-spacing: 10px;
cursor: pointer;
}
.inst-below-formp p{
text-align: left;
color:#bbbdbf;
padding-top: 20px;
font-size: 24px;
line-height: 32px;
width:100%;
font-family: 'Montserrat';
margin: 0px;
}
.cin-inst-nob{
border: none;
}
.inst-form .joinform-left input,
.inst-form .joinform-right input{
border:1px sold #99afbb!important;
background:transparent;
}
.inst-form .joinform-left input::placeholder,
.inst-form .joinform-right input::placeholder {
color:#99afbb!important;
text-transform: lowercase;
font-size:18px;
text-transform: capitalize;
font-weight: normal;
}
.inst-form .joinform-left input, .inst-form .joinform-right input{
height:50px;
}
.cstm-cin-slide{
max-width:1200px;
float:none;
margin:0 auto;
}
.fact-sction-diffbg{
background-size: cover;
background-repeat: no-repeat;
background-position: center;
text-align: center;
padding: 10px 60px;
width: 100%;
float: left;
}
.fact-sction-diffbg .owl-dots{
background-size: cover;
background-repeat: no-repeat;
background-position: center;
width: 100%;
float: left;
}
.inside-carousel-sect{
width:100%;
float:left;
text-align:center;
padding:0px 40px;
}
.inside-carousel-sect .carousel-inner {
max-width: 800px;
float: none;
margin: 0 auto;
height: 100px;
}
.inside-carousel-sect .carousel-indicators {
width:100%;
float:left;
position: unset;
bottom: 10px;
left: unset;
z-index: 15;
padding-left: 0;
margin-left: iunset;
text-align: center;
list-style: none;
margin-left: unset;
}
.cin-testimonial-section p{
text-align: center;
font-size:35px;
font-style: italic;
line-height:52px;
text-transform: none;
}
/*.cstm-new-testimonial img{
width:65%;
}*/
.fact-stats-section h3 {
width: 100%;
float: left;
text-transform: uppercase;
padding:20px;
}
.cin-testimonial-section .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
background:white !important;
}
.cin-testimonial-section .owl-theme .owl-dots .owl-dot span{
background:white !important;
}
.inside-carousel-sect h3{
font-weight:bold;
font-size: 20px;
margin-bottom: 130px;
}
.inside-carousel-sect .carousel-indicators li {
background:black;
}
.inside-carousel-sect .carousel-indicators .active{
background:red;
}
.slider-angle .fa{
font-size: 50px;
}
.cin-testimonial-section .inside-carousel-sect .carousel-inner{
height:420px;
max-width:100%;
}
.cin-testimonial-section .cstm-cin-slide {
width: 100%;
float:none;
}
.cin-testimonial-section .inside-carousel-sect{
padding:0px;
}
.cin-testimonial-section .agle-l{
float:left;
}
.cin-testimonial-section .agle-r{
float:right;
}
.carousel-inner .item {
text-transform:unset;
}
.fact-stats-section h1{
font-weight: bold;
font-family: 'Montserrat';
}
.cstm-edit-tstimonial .owl-dots{
display:none;
}
.cin-enroll-today-slider.fact-stats-section h1 {
font-weight: normal;
font-family: Oswald-Medium;
font-size: 58px;
padding:30px;
}
.cin-enroll-today-slider.fact-stats-section h3 {
width: 100%;
float: left;
text-transform: uppercase;
padding: 20px;
font-family: Oswald-Medium;
font-size: 38px;
font-weight: normal;
padding-bottom:0px;
}
.applying-image{
position:relative;
float:left;
width:80%;
}
.cin-enroll-section-right {
position: relative;
}
.titleonimage {
position: absolute;
bottom: 0;
font-family: 'Montserrat-ExtraBoldItalic';
font-size:40px;
padding:0px 0px 10px 20px;
color: black;
text-align: left;
}
.joinform-left ul label, .joinform-right ul label {
font-size:20px;
margin-bottom: 8px;
}
.cin-right-text .list-txt, .cin-rightlist .list-txt{
font-size:24px;
color:white !important;
line-height:normal;
width: 100%;
float: left;
}
.cin-right-text {
width:50%!important;
float:left;
text-align: left;
}
.cin-right-text label{
width: 100%;
float: left;
color:white;
margin-bottom: 10px;
font-size: 17px;
font-weight: 600;
}
.cin-prod-list{
width: 150px;
border: 1px solid #1bdbe9;
}
.cin-leftlist{
width:70%;
float: left;
}
.cin-rightlist{
width:30%;
float: right;
}
.certified-button {
position: relative;
width:270px;
float: none;
text-align: center;
margin: 0 auto;
}
.joinform-section .inst-form .inst-form-left input {
width: 100%;
color: white;
font-weight: 500;
font-size: 26px;
}
.joinform-section .inst-form .joinform-left{
padding-right:5%;
}
.joinform-section .inst-form .joinform-right{
padding-left:1%;
}
.joinform-left .inst-textarea {
width: 100% !important;
}
.cin-slider-section .new-sli-h2{
color: #df3628;
font-size: 130px;
}
.cin-slider-section .new-sli{
color: white;
font-size:50px;
text-transform: uppercase;
padding: 30px 0px;
}
.annual-info-section {
padding:30px 0px 20px 0px;
}
.annual-info-section .owl-theme .owl-dots .owl-dot span {
width: 16px;
height: 16px;
}
.annual-info-section .owl-theme .owl-dots .owl-dot.active span {
background:red;
border:1px solid white;
}
/****** 20-03-2020 ******/
.cov-section {
float: left;
width: 100%;
margin: 30px 0;
}
.cov-section .new-container {
max-width: 1100px;
}
.con-left{
float:left;
width:80%;
padding-right: 14px;
}
.cov-inner {
float: left;
width: 100%;
background-color: #eaeaea;
padding: 10px 30px;
box-shadow: 0px -1px 0px 2px #4c4c4c;
}
.con-right{
float:left;
width:20%;
}
.cov-inner {
float: left;
width: 100%;
border: 1px solid #000;
background-color: #eaeaea;
padding: 9px 30px;
}
.joinform-section .inst-form .inst-form-right .inst-textarea textarea {
padding: 20px 12px !important;
font-size: 16px !important;
}
.cstm-responsive-sctions{
display:none;
}
.prev, .next {
cursor: pointer;
position: absolute;
top: 50%;
width: auto;
padding: 16px;
margin-top: -22px;
color: white;
font-weight: bold;
font-size: 18px;
transition: 0.6s ease;
border-radius: 0 3px 3px 0;
user-select: none;
}
.annual-info-section, .fact-sction-diffbg, .cin-testimonial-section .testimonial{
position:relative;
}
.annual-info-section .next {
right: 100px;
border-radius: 3px 0 0 3px;
}
.annual-info-section .prev {
left: 100px;
border-radius: 3px 0 0 3px;
}
.fact-sction-diffbg .next {
right: 100px;
border-radius: 3px 0 0 3px;
color: black;
}
.cin-testimonial-section .testimonial .next{
right: 0;
border-radius: 3px 0 0 3px;
color: black;
}
.fact-sction-diffbg .prev{
left: 100px;
border-radius: 3px 0 0 3px;
color: black;
}
.cin-testimonial-section .testimonial .prev{
left: 0;
border-radius: 3px 0 0 3px;
color: black;
}
.cin-testimonial-section .testimonial #demos{
padding:0px 30px;
}
.joinform-section .inst-form .inst-form-right .inst-textarea textarea{
background: transparent none repeat scroll 0 0;
}
.inst-textarea-new textarea {
text-transform: lowercase!important;
}
.cin-cmmn-div{
width:100%;
float:left;
padding:0% 2%;
}
/**************new-page*********/
.cstm-npinside-container{
width:100%;
float:left;
}
.es-main-bg{
width:100%;
float:left;
}
.header-bar-left{
width:96%;
float:left;
padding:20px 0px;
background: black;
display: flex;
}
.esheader-bar-left{
width:38%;
float:left;
padding: 0px 20px 0px 30px;
text-align:center!important;
}
.esheader-bar-center{
width:24%;
float:left;
padding: 0px 20px;
}
.esheader-bar-right{
width:38%;
float:left;
padding: 0px 40px;
text-align:left;
}
.es-inside-left a{
text-decoration:none;
}
.esyellow-right{
border-right:1px solid #fcde11;
text-align: center;
}
.cstm-npinside-container .es-heading{
color: white;
font-size:20px;
font-family:OpenSans-Bold;
font-weight:650px;
}
.cstm-npinside-container .es-headings{
color:#cdc9c9;
font-size:16px;
font-family: open-sans-light;
}
.es-inside-bar{
width:100%;
float:left;
background:white;
padding:23px 40px 20px 40px;
}
.es-inside-left{
width:50%;
float:left;
}
.header-barinsright{
width:100%;
float:left;
padding:10px 65px 30px 65px;
height: 330px;
}
.header-barinsright .picZoomer-pic{
width: 570px;
height: 305px;
object-fit: contain;
}
.es-inside-right{
width:50%;
float:right;
text-align:left;
padding-left:30px;
}
.es-inside-right ul li h1{
font-size:17px;
font-family:Asap-Regular;
}
.es-inside-right .es-feature-ul li h1 span{
font-size:17px;
font-family:Asap-bold;
}
.es-inside-right .es-feature-ul li{
padding:5px 0px;
display: flex;
align-items: center;
}
.es-insidebttna a{
background: black;
border: none;
border-left-color: currentcolor;
border-left-style: none;
border-left-width: medium;
padding:15px 49px;
border-left:20px solid #fcde11;
border-right:20px solid #fcde11;
font-size: 30px;
font-family: Asap-bold;
color: #fcde11 !important;
letter-spacing:2px;
display: inline-block;
text-decoration-line: none;
}
.es-insidebttna{
width: 100%;
float: none;
text-align: center !important;
margin: 0 auto;
}
.es-inside-leftbttn{
width: 100%;
float: left;
text-align: center;
display: block;
}
.es-inside-rightbttn{
width: 100%;
padding-left: 20px;
padding-bottom: 30px;
float: left;
}
.cstm-npinside-container .es-inside-rightbttn .black-sm-bttn{
background: #fcde11;
border: none;
padding:4px 8px;
font-size: 15px;
font-family: Asap-bold;
color: black !important;
min-width: 130px;
float: left;
margin-bottom:6px;
text-align: center;
margin-right: 40px;
}
.es-feature-ul{
padding-bottom:10px;
}
.cstm-npinside-container .es-inside-rightbttn .black-sm-bttn img{
width: 16px;
margin-right: 10px;
}
.es-bottom-bar{
background-image: url(../images/es-bottom.jpg);
float: left;
width: 100%;
position: relative;
padding:24px 65px;
background-position: center;
background-repeat:no-repeat;
background-size: cover;
}
.header-bar-right a{
text-decoration-line: none;
}
.es-inside-buttondiv{
width:100%;
float:left;
}
.es-button-ul li{
padding:0px 23px 0px 20px;
width: 100%;
}
.es-feature-ul li img{
padding-right:10px;
width:8%;
}
.es-bottom-left{
float: left;
width: 65%;
display: flex;
align-items: center
}
.es-bottom-right{
float: right;
width: 35%;
}
.cstm-npinside-container .es-bottom-left h1{
font-size:27px;
color:#fedd10 !important;
font-family:Asap-BoldItalic;
}
.cstm-npinside-container .es-bottom-left h2{
font-size:16px;
color:#e03a28;
font-style: italic;
}
.es-bottom-right img{
width:7%;
margin-right: 5px;
}
.es-footer-img{
width:10%;
float:left;
}
.es-footer-heading{
width:90%;
float:left;
padding-left: 10px;
padding-top: 0px;
text-align: left;
}
.es-bottom-right h1, .es-bottom-right h2{
font-size:16px;
font-family:Asap-Regular;
color:#fedd10;
display: flex;
align-items: center;
line-height: 32px;
}
.es-bottom-right h1 span, .es-bottom-right h2 span{
font-family:Asap-bold;
color:#fedd10;
padding-right: 5px;
}
.es-pay-button{
border-radius: 3px;
float: left;
margin-top: 0px;
margin: 4px 10px 0px 0px;
}
.design-p{
padding:5px;
color:black;
writing-mode:sideways-lr;
padding-top: 10px;
font-size: 12px;
text-decoration-line: none;
}
.header-bar-outside{
display: flex;
}
.cstm-npinside-container .es-button-ul a{
text-decoration-line: none;
}
.cstm-npinside-container .es-bottom-right a{
color:#fcde11;
text-decoration-line: none;
}
.header-bar-right{
background: #f9e419;
width:4%;
float: left;
display: inline-flex;
align-items: center;
}
.cstm-wide-container .new-container-pdetail{
max-width:unset!important;
margin: 0 auto;
}
.cstm-wide-container .cstm-button-outside{
background: none;
width: 100%;
float: right;
padding: 10px 0px 10px 0px;
text-align: right;
}
.cstm-wide-container .sctm-new-bttn{
margin: 0px 7px 0px 40px !important;
padding: 2px 35px;
}
.cstm-wide-container .cstm-form-fullwdth{
text-align: right;
margin-bottom:20px;
}
.cstm-wide-container .cust-search-vin {
margin-bottom:10px;
}
.es-bottom-bar-inside{
display: flex;
align-items: center;
}
.cstm-wide-container .cstm-newpp p{
background: white;
padding: 2px;
text-align: center;
margin-left: 270px;
}
.cstm-wide-container .cstm-newpp input::placeholder{
color:white!important;
font-weight:bold;
}
.cstm-wide-container .inner-vin-search {
float: right;
padding-right: 40px;
}
.es-footer-img img{
max-width: 100%;
}
.cstm-wide-container{
width: 100%!important;
margin: 0 auto;
text-align: center;
}
.cstm-wide-container .content-wrapper{
width: 75%;
margin: auto;
}
.outsideinquiry-img .installer-inquiry-img{
height: auto !important;
}
.cstm-vehicle-unique .cstm-vinnumber input#vinnumber::placeholder{
color:#4b4b4b!important;
text-transform:capitalize;
-webkit-text-fill-color:#4b4b4b!important;
}
.cstm-wide-container .tab_wrapper > ul li{
margin: 0 1%;
padding: 6px 10px 5px 10px;
font-family: 'Asap-BoldItalic';
border: 2px solid #000;
border-radius: 13px 13px 0 0;
color: #ff0;
background: #000;
text-transform: uppercase;
}
.cstm-wide-container .tab_wrapper > ul li.active {
color: #000;
font-size: 14px;
font-weight: bold;
background: #dfdfdf;
}
.cstm-wide-container .inner-vin-search input[type="text"]{
width:250px;
}
.cstm-wide-container .cust-search-vin p {
font-size:22px;
}
.cstm-wide-container .tab_wrapper > ul{
padding: 5px 30px 5px 30px;
}
.cstm-wide-container .cstm-field-wdth {
font-weight: 510;
padding: 5px 25px 5px 5px!important;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url(../images/caret-down.png) 97% / 6% no-repeat #fff;
}
.cstm-wide-container .sj-pdetail-outer {
margin-top:30px;
}
.zoom-image{
transition: transform .5s;
}
.zoom-image:hover{
-ms-transform: scale(1.5); /* IE 9 */
-webkit-transform: scale(1.5); /* Safari 3-8 */
transform: scale(1.5);
}
.cstm-wide-container .int-nob, .cstm-wide-container .inst-below-formp{
width: 100%;
float: left;
padding: 0px 35px;
}
.cin-cmmn-div .inst-form .joinform-left input, .cin-cmmn-div .inst-form .joinform-right input,
.cin-cmmn-div .joinform-section .inst-form .inst-form-left input {
height: 40px;
}
.cin-cmmn-div .joinform-section .inst-form .inst-form-right li{
margin-bottom: 15px;
}
.cin-cmmn-div .error {
text-align: left;
}
.cininside-product-section{
width:100%;
float:left;
border-top: 10px solid #1d76b8;
border-bottom: 10px solid #1d76b8;
text-align: center;
}
.zoom-image {
transition: transform .5s;
width: 14%;
}
.img-back .zoom-image{
width:100%;
float:left;
}
.cstm-contnt-align .tab_wrapper .content_wrapper .tab_content{
text-align: left!important;
}
.tandc-sction .first-p{
width:100%;
float:left;
margin-bottom: 0px;
font-family:Calibri;
}
.tandc-ul li{
list-style-type: square;
padding: 0px 10px;
font-family:Calibri;
}
.tandc-ul{
padding-left: 20px;
}
.pop-heading-cstm{
}
.cstm-popup-ul li{
list-style-type: decimal;
padding: 1px;
}
.cstm-popup-ul{
padding-left:20px;
}
.order-popcontent .bottom-popup-p{
text-align: left !important;
padding-top: 20px;
color: black;
}
.cstm-bottomp{
font-style: italic;
text-align: center;
padding-top:15px;
}
.order-popcontent .cstm-popup-ml{
color: black!important;
font-family: Roboto-Bold!important;
text-align: left !important;
}
.cstm-width100{
width:100%;
float:left;
}
.hr-border{
width: 100%;
float: left;
border-top: 2px solid #aaa;
margin-top: 25px;
}
.warrantyPage .width-falin{
width:auto!important;
}
.ownerAddressStreet .fieldTextcstBox {
width: auto!important;
padding-right: 20px;
}
.font22cs{
font-size:20px;
}
.cstm-font-upper{
text-transform: uppercase;
}
.cstm-instform-top-txt{
width: 100%;
float: left;
}
.cstm-instform-top-txt h3, .cstm-instform-top-txt h5, .cstm-instform-top-txt p{
color:#fff;
width: 100%;
float: left;
}
.cstm-instform-top-txt h3{
padding-bottom: 15px;
font-size: 21.3px;
font-weight: 700;
}
.cstm-instform-top-txt h5, .cstm-instform-top-txt p{
font-size: 16px;
padding-bottom: 5px;
font-weight: 300;
}
.inst-form .cstm-instform-top-txt h2 {
color: #b4b4b4;
font-family: "oswaldregular";
font-size: 35px;
margin-bottom: 28px;
font-weight: 500;
}
.cstm-instform-top-txt a{
font-weight: bold;
}
.cstm-srch-stationfrm{
width: auto;
float: right;
padding-right:40px;
}
.cstm-wide-container .inner-vin-search input[type="button"] {
margin-right:8px;
}
.right-logos-ul{
width:100%;
float:left;
display:flex;
}
.right-logos-ul li{
float:left;
}
.right-logos-ul li img{
height:75px;
}
.right-logos-ul li:first-child{
margin-right:40px;
}
.right-logos-ul li .ssl-scnd-img{
height:85px!important;
}
.response-logo-ul{
margin:12px 0px 0px 0px;
width: 100%;
float: left;
text-align: center;
display: block;
}
.normal-screen-div{
width: 100%;
float: left;
background: white;
padding-left: 90px;
padding-bottom: 20px;
}
.normal-screen-div{
display:none;
}
.es-bottom-right h1, .es-bottom-right h2{
margin: 5px 0px;
}
.custom-wraptab .custom_tablst{
padding-bottom:0px !important;
background: none;
float: left;
}
.custom-wraptab .new-cstm-cwrap{
margin-top:0px !important;
background: #dfdfdf;
}
.custom-wraptab .sj-white-bg {
background-color: transparent;
}
.cstm-instform-top-txt h5 .custom-clickhere{
color:yellow!important;
}
.custom-cgreen-button p{
background: #71ffa9;
margin: 0px;
padding:2px 0px 0px 0px;
font-style: italic;
font-weight: 600;
width: 62%;
text-align:center !important;
letter-spacing: 0.8px;
}
.custom-cgreen-button{
display:flex;
float: right !important;
width: 100% !important;
text-align:right;
}
.custom-cgreen-button .sj-learnmore{
width:35%;
text-align:center !important;
padding: 5px 0px!important;
}
@media(max-width:1920px) {
.joinform-section{
background-image: linear-gradient(#1bd9e8, #0b28a5);
padding:0px 0px 60px 0px;
}
.cstm-wide-container .cstm-newpp p {
margin-left:30%;
}
.es-bottom-right h1, .es-bottom-right h2 {
line-height: 40px;
}
.cin-explained-section, .cin-testimonial-section{
padding:50px 0px 20px 0px;
}
.cin-enroll-section{
padding:50px 0px;
}
.cin-benefit-section h1{
padding-bottom:0px;
}
.cin-benefit-section-left h4 {
padding-left:35%;
padding-top:25%;
}
.cst-inside-cinm {
padding: 50px 0px 0px 0px;
}
.cin-map-left {
padding-top: 60px;
width:60%;
}
.cin-benefit-section-left ul li, .cin-benefit-section-right ul li {
line-height: normal;
}
.cin-benefit-section-inside{
padding-top:60px;
}
.cin-benefit-section-insideh h2{
padding:0px;
}
.cin-map-right {
padding-right:24%;
width:40%;
}
.cin-enroll-today-slider.fact-stats-section h1 {
font-size: 50px;
padding: 0px;
}
.joinform-inside .titlewith-bg {
font-size: 35px;
}
}
@media(max-width:1800px) {
.cstm-wide-container .cstm-newpp p {
margin-left:26%;
}
.header-barinsright {
height: 320px;
}
}
@media(max-width:1700px) {
.cin-membership-right h1 {
color: #ffdd15;
font-size:70px;
font-family: 'Montserrat BlackItalic';
font-weight: bold;
margin-bottom: 20px;
}
.right-cin-topp {
font-size: 20px;
}
.cin-benefit-section-left ul li, .cin-benefit-section-right ul li {
font-size: 25px;
line-height: 50px;
}
.cin-dark-section h2 {
font-size:40px;
}
.joinform-inside .titlewith-bg {
font-size: 35px;
}
.cin-right-text .list-txt, .cin-rightlist .list-txt {
font-size:20px !important;
}
.cin-testimonial-section p br{
display:none;
}
.cin-testimonial-section p{
padding:0px 20px;
font-size: 30px;
}
.cstm-wide-container .cstm-newpp p {
margin-left:22%;
}
.cin-explained-three1 img {
width: 30%;
}
.titleonimage {
font-size: 35px;
padding: 0px 0px 10px 10px;
}
.cin-enroll-section-left h1 {
font-size: 50px;
}
.cin-membership-right p {
line-height: 45px;
}
.es-inside-right .es-feature-ul li {
padding: 8px 0px;
}
.es-inside-right .es-feature-ul li {
padding: 8px 0px;
}
.response-logo-ul {
margin:22px 0px 0px 0px;
}
}
@media(max-width:1600px){
.cstm-wide-container .cstm-newpp p {
margin-left:14%;
}
.es-bottom-right h1, .es-bottom-right h2 {
line-height:normal;
padding:1px 0px;
}
.cin-map-right {
padding-right: 20%;
}
.cin-map-left{
padding: 50px;
}
.cin-testimonial-section h6, .cin-enroll-today-slider.fact-stats-section h1 {
font-size: 40px;
margin-top:10px;
}
.cin-explained-three1 h3 span{
line-height:normal;
}
.header-barinsright {
padding: 10px 30px 10px 30px;
}
.es-inside-rightbttn {
padding: 10px 0px 30px 20px;
}
.esheader-bar-right{
padding-right: 0px;
}
.response-logo-ul {
margin:16px 0px 0px 0px;
}
}
@media(max-width:1501px){
.esheader-bar-left, .esheader-bar-center, .esheader-bar-right {
padding-left:20px;
}
.es-inside-bar {
padding: 40px;
}
.header-bar-left{
text-align: center;
}
.es-insidebttna a {
font-size: 25px;
}
.cstm-wide-container .cstm-newpp p {
margin-left:12%;
}
.cin-map-left {
width: 65%;
padding:60px 30px 60px 30px;
}
.cin-map-right {
padding-right:15%;
width: 35%;
}
.cin-feature-left, .cin-feature-center, .cin-feature-right {
padding: 20px;
}
.cin-enroll-section-left h1 {
font-size: 50px;
}
.titleonimage {
font-size: 30px;
}
.cin-membership-right h1 {
font-size: 60px;
}
.cin-testimonial-section h6 {
font-size: 40px;
margin-top: 30px;
}
.cin-testimonial-section p {
font-size: 30px;
line-height: normal;
}
.cin-benefit-section h1, .cin-benefit-section-insideh h2 {
font-size: 60px;
padding-left: 0px;
}
.cin-benefit-section-left h4 {
padding-left: 26%;
padding-top: 28%;
}
.applying-image {
width: 90%;
}
.cstm-new-testimonial .cin-button {
width: 50%;
}
.cstm-wide-container .cstm-button-outside {
padding: 20px 0px 5px 0px;
width: 100%;
float: left;
}
.cstm-wide-container .cstm-form-fullwdth {
padding-right: 32px;
}
.cstm-wide-container .sctm-new-bttn {
margin: 0px 10px 0px 40px !important;
}
.header-barinsright {
padding: 0px;
height: 315px;
}
.response-logo-ul {
margin:15px 0px 0px 0px;
}
}
@media(max-width:1470px){
.cin-map-left-h2, .cin-explained-section h1 {
font-size: 55px;
}
.cin-explained-three1 {
padding: 0px 10px;
}
.cin-feature-section h3 {
font-size: 25px;
}
.cin-feature-left, .cin-feature-center, .cin-feature-right {
padding: 30px;
}
.cin-membership-right p{
font-size:25px;
}
.cstm-new-testimonial img {
width: 35%;
}
.cin-testimonial-section h6 {
font-size: 40px;
}
.cin-testimonial-section p {
font-size: 25px;
line-height: 30px;
}
.titleonimage{
font-size:30px;
}
.cin-benefit-section-left h4 {
font-size: 37px;
padding-left: 29%;
}
.cin-map-field input[type="text"] {
padding: 18px 10px 18px 40px;
}
.cin-enroll-section-left h1 {
line-height:normal;
}
.titleonimage {
font-size: 40px;
}
.joinform-section .inst-form .inst-form-right .inst-files-attach li{
margin-bottom:0px;
}
.cin-product-section {
padding: 34px 5px 32px 5px;
background: white;
}
}
@media(max-width:1400px) {
.cin-compition-section h4, .cin-enroll-section-left h1,.cin-membership-right h1{
font-size:45px;
}
.cin-explained-three1 h6{
font-size:25px;
}
.cin-membership-right p, .joinform-inside p{
font-size: 20px;
}
.cin-benefit-section-left h4{
padding:32% 0% 5% 22%;
}
.cin-dark-section h1{
font-size:60px;
}
.cin-dark-section h2{
font-size:30px;
font-weight: 100;
}
.cin-dark-button{
width: 250px;
}
.joinform-inside span{
font-size:25px;
}
.joinform-right h6{
font-size:20px!important;
padding:20px 0px 0px 0px;
}
.joinform-field-section {
padding-top:30px;
}
.cin-form-p {
line-height: 30px;
}
.right-cin-p span {
font-size: 55px;
}
.cin-explained-three1 img{
width:40%;
}
.titleonimage {
font-size:25px;
}
.joinform-inside .titlewith-bg{
font-size: 30px;
}
.joinform-left ul label, .joinform-right ul label {
font-size:18px;
}
.cin-right-text .list-txt{
font-size:20px;
}
.cin-membership-right p {
line-height: 35px;
width: 100%;
float: left;
margin-top: 20px;
}
.cin-membership-section {
height: 700px;
}
.cin-testimonial-section {
text-align: center;
}
.cin-testimonial-section p {
line-height:unset;
font-size: 30px;
}
.cin-testimonial-section h6 {
margin-top: 10px;
}
.cin-benefit-section-insideh h2 {
font-size:50px;
padding: 10px 0px;
line-height:normal;
}
.cin-benefit-section-left ul li, .cin-benefit-section-right ul li {
font-size: 25px;
line-height: 10px;
}
.cin-map-inside {
margin-top: 2%;
}
.cin-benefit-section {
padding: 40px 60px 40px 90px;
}
.cin-dark-section {
padding:50px 0px 80px 0px;
}
.fact-stats-section {
padding: 80px 0px;
}
.annual-info-section {
padding: 30px 0px 30px 0px;
}
.annual-info-section h1 {
font-size: 80px;
}
.certified-button {
width: 250px;
}
.certified-button img {
top: -40px;
}
.inst-form .inst-form-left input {
width: 90%;
}
.joinform-left .inst-textarea #inst-placeholderDiv p {
font-size: 15px !important;
}
.joinform-left .asterisk_req::after, .joinform-right .asterisk_req::after {
top: 60px !important;
}
.cin-rightlist {
float: left;
}
.cin-leftlist {
width: 55%;
}
.inst-form .joinform-left input, .inst-form .joinform-right input {
height:35px;
}
.cin-feature-section h3 {
font-size: 25px;
}
.cin-explained-section h1 {
padding: 20px 0px;
font-size:50px;
}
.cin-explained-section {
padding: 50px 0px;
}
.cin-membership-section {
height:unset;
}
.cin-dark-button img {
top:35px;
}
.fact-stats-section {
padding: 60px 0px;
}
.center-blank-section {
padding: 20px 0px;
}
.joinform-section .inst-form .inst-form-left li {
margin-bottom:20px;
}
.joinform-section .inst-form .inst-form-right .inst-textarea textarea {
height: 300px;
}
.left-cin-py {
padding-left: 0%;
}
.cin-map-left{
padding-top:150px;
padding-left:15%;
}
.joinform-right h6, .cin-right-text .list-txt, .cin-rightlist .list-txt {
font-size: 20px !important;
}
.cin-map-left {
padding-top: 50px;
padding-left: 50px;
}
.es-pay-button {
margin-top:10px;
}
.cin-enroll-today-slider.fact-stats-section h1{
margin-top:0px;
}
.cstm-wide-container .cstm-newpp p {
margin-left:4%;
}
.joinform-field-section .cin-extra-input{
text-align: left;
margin:20px 0px;
}
.cin-enroll-section-right {
width:45%;
padding-right:0px;
}
.cin-map-field input[type="text"] {
padding: 15px 10px 15px 30px;
}
.fact-stats-section .prev, .fact-stats-section .next{
display:none;
}
.fact-stats-section p{
padding: 0px 10px;
}
.header-barinsright {
height: 300px;
}
.es-pay-button {
width: 50%;
}
}
@media(max-width:1367px) {
.zoom-image {
width:13.9%;
}
.cstm-wide-container .cstm-form-fullwdth,
.cstm-wide-container .inner-vin-search,
.cstm-srch-stationfrm {
padding-right:0px;
}
}
@media(max-width:1366px) {
.cstm-wide-container .cstm-newpp p {
margin-left:0%;
}
.cin-product-section {
text-align: center;
}
.cin-benefit-section-left h4 {
padding: 35% 0% 5% 11%;
}
.cin-map-field input[type="text"] {
padding: 15px 10px 15px 40px;
}
.response-logo-ul {
margin:10px 0px 0px 0px;
}
.header-barinsright .picZoomer-pic {
height: 290px;
}
}
@media(max-width:1300px) {
.es-inside-right .es-feature-ul li {
padding: 9px 0px;
}
.es-inside-rightbttn {
padding: 10px 0px 30px 0px;
}
.es-button-ul li {
padding: 0px;
}
}
@media(max-width:1250px){
.cstm-wide-container .inner-vin-search input[type="button"] {
margin-right: 5px;
}
.es-bottom-bar {
padding: 24px 25px;
}
.normal-screen-div .es-inside-buttondiv{
padding-right: 60px;
}
.es-insidebttna span {
max-width: 230px;
}
.es-feature-ul li img {
width: 9%;
}
.response-logo-ul {
margin:20px 0px 0px 0px;
}
.custom-cgreen-button .sj-learnmore{
padding: 5px 20px;
}
}
@media(max-width:1200px) {
.cin-map-left {
padding-top: 0px;
}
.cin-explained-three1 img {
padding:0px;
}
.cin-compition-section {
padding: 30px;
}
.cin-compition-section h4, .cin-membership-right h1 {
font-size: 40px;
}
.cin-enroll-section-left h1 br{
display:none;
font-size: 55px;
}
.cin-enroll-section {
padding: 40px;
}
.cin-membership-right h1{
line-height: unset;
}
.cin-testimonial-section p {
line-height: unset;
font-size: 30px;
}
.cin-benefit-section h1 {
font-size:65px;
padding: 0px;
line-height: unset;
}
.cin-benefit-section {
padding: 30px;
}
.cin-dark-section {
padding: 40px;
}
.cin-dark-button img {
top: 10px;
}
.joinform-inside {
padding:80px 30px 30px 30px;
}
.cin-cmmn-div{
padding:unset;
}
.cstm-wide-container .new-container-pdetail {
max-width: 1024px !important;
margin: 0 auto;
}
.cstm-wide-container .content-wrapper {
width:100%;
margin: auto;
}
.cin-explained-section {
padding: 50px 20px;
}
.cin-benefit-section-insideh h2{
padding:0px;
}
.cin-benefit-section-insideh h2 br{
display:none;
}
.-explained-section h1 {
font-size: 40px;
}
.applying-image {
width: 80%;
}
.cstm-new-testimonial img {
width: 50%;
}
.cin-benefit-section-left h4 {
padding: 28% 0% 5% 18%;
}
.header-barinsright {
height: 330px;
}
.header-barinsright .picZoomer-pic {
height: 305px;
}
}
/**************BySndeep-26-12-2019-End**********/
@media(max-width:737px) {
input[type="submit"], input[type="button"], input[type="reset"], select, button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
}
#vinerroemessage {
text-align: center;
font-size: 16px;
color: #F00; /*padding-left:164px;*/
}
.fronterrormesg {
font-size: 13px !important;
width: 100%;
padding-left: 68px;
!important;
color: #F00
}
/*h1 {
clear: both;
color: #0d187d;
font-family: "BebasNeueRegular",sans-serif;
font-size: 36px;
font-style: normal;
font-weight: normal;
width: auto;
}
h2 {
clear: both;
color: #000;
font-family: "BebasNeueRegular",sans-serif;
font-size: 24px;
font-style: normal;
font-weight: normal;
margin: 0;
padding: 0;
width: auto;
}
h3 {
color: #1f255e;
font-size: 18px;
font-weight: normal;
margin: 0 5px 5px 0;
}
h1,h2,h3,h4,h5,h6{text-transform:uppercase;}
*/
input[type="submit"], input[type="button"], input[type="search"], input[type="reset"] {
cursor: pointer;
}
.container {
width: 1024px;
margin: 0 auto;
}
.white-bg {
width: 100%;
/* background: #fff; */
margin: 0;
padding-bottom: 40px;
display: inline-block;
position: relative;
float: left;
}
.installer-img .white-bg {
height: 100%;
}
.content-wrapper {
clear: both;
}
.full {
width: 100%;
}
.half {
width: 50%;
}
img {
max-width: 100%;
border: 0px none !important;
vertical-align: middle
}
._1drm ._1drn, ._3-8_ .lfloat img {
border: 1px solid #fff !important;
}
p {
margin: 10px 0px;
font-size: 14px;
text-align: justify;
line-height: 20px;
float: left;
}
.arial-title {
font-family: 'arial';
}
.item {
color: #2decff !important;
text-transform: lowercase;
padding: 2px 10px;
}
.blue-title {
color: #222;
}
.lightblue-title {
color: #afb2d7;
}
.skyblue-title {
color: #487bbc;
}
.lightgreen-title {
color: #00c10e;
}
.green-title {
color: green;
}
.uppercase {
text-transform: uppercase;
}
.underline {
text-decoration: underline;
}
.lowercase {
text-transform: lowercase;
}
.italic {
font-style: italic;
}
.text-center {
text-align: center !important;
}
.bold {
font-weight: bold;
}
.fontweightnormal {
font-weight: 100 !important;
}
.text-left {
text-align: left !important;
}
.text-right {
text-align: right !important;
}
.center {
margin: 0 auto;
}
.right {
float: right;
}
.left {
float: left;
}
.no-float {
float: none !important;
}
.font14 {
font-size: 14px;
font-weight: bold;
margin-bottom: 0px;
}
.font16 {
font-size: 16px;
font-weight: bold;
margin-bottom: 0px;
}
.font18 {
font-size: 18px;
font-weight: bold;
margin-bottom: 0px;
}
.font22 {
font-size: 22px;
font-weight: bold;
margin-bottom: 0px;
}
.font25 {
font-size: 25px;
font-weight: bold;
margin-bottom: 0px;
}
.font26 {
font-size: 26px;
font-weight: bold;
margin-bottom: 0px;
}
.font30 {
font-size: 30px;
font-weight: bold;
margin-bottom: 0px;
}
.font32 {
font-size: 32px;
font-weight: bold;
margin-bottom: 0px;
}
.font36 {
font-size: 36px;
font-weight: bold;
margin-bottom: 0px;
}
.title {
font-family: 'oswaldregular';
}
.margintopzero {
margin-top: 0 !important;
}
.margintop5 {
margin-top: 5px !important;
}
.marginbottom5 {
margin-bottom: 5px !important;
}
.margintop10 {
margin-top: 10px !important;
}
.marginbottom10 {
margin-bottom: 10px !important;
}
.margintop20 {
margin-top: 20px !important;
}
.marginbottom20 {
margin-bottom: 20px !important;
}
.margintop30 {
margin-top: 30px !important;
}
.marginbottom30 {
margin-bottom: 30px !important;
}
.margintop40 {
margin-top: 40px !important;
}
.marginbottom40 {
margin-bottom: 40px !important;
}
.margintop60 {
margin-top: 60px !important;
}
.marginbottom60 {
margin-bottom: 60px !important;
}
.red {
color: #d30129 !important;
}
hr {
border-bottom: 1px dotted #000;
border-top: 0 none;
height: 1px;
margin: 20px 0;
}
ol.lower-alpha {
font-size: 14px;
}
ol.lower-alpha li {
list-style: outside none lower-alpha;
line-height: 20px;
margin: 0 0 8px 40px;
}
ol.numeric {
font-size: 14px;
}
ol.numeric li {
list-style: outside none decimal;
line-height: 20px;
margin: 0 0 8px 40px;
}
ol.square {
font-size: 14px;
}
ol.square li {
list-style: outside none square;
line-height: 20px;
margin: 0 0 8px 20px;
}
ol.listnumber li {
list-style: outside none number;
line-height: 20px;
margin: 0 0 8px 20px;
}
.marginright15 {
margin-right: 15px;
}
.content-1, .content-2 {
margin: 1.5% 0%;
}
.bordertop {
border-top: 1px solid #CCC;
}
.bx-controls {
top: 0px;
}
.bx-next, .bx-prev {
display: none;
}
.logo {
width: 490px;
height: 92px;
float: left;
}
.contact {
float: left;
font-size: 25px;
margin: 6% 0 0;
text-align: center;
width: 28%;
color: #528dd1;
}
.hd-lft {
width: 67%;
float: left;
}
.hd-rgt {
float: right;
width: 33%;
}
.checkout-bar {
background: #487bbc;
padding: 0px 5px;
margin-top: -10px;
float: left;
width: 100%;
}
.checkout-bar ul {
display: inline-flex;
*width:84%;
*text-align:center;
}
.checkout-bar ul li {
color: #fff;
padding: 0px 5px;
float: left;
*display:inline;
}
.checkout-bar ul li a {
text-transform: uppercase;
color: #fff;
padding: 0px 0px;
float: left;
}
.checkout-bar ul li a span {
color: #fff;
float: left;
}
.checkout-icn {
background: url(../images/checkout-icn.png) no-repeat;
height: 16px;
width: 16px;
margin: 5px 0px 0px 10px;
float: left;
}
.cart-icn {
background: url(../images/cart-icn.png) no-repeat;
height: 18px;
width: 23px;
margin: 5px 7px 0px 0px;
float: left;
}
.login-form {
margin: 10px 0px;
float: left;
width: 100%;
}
.login-form span, .login-form span a {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px !important;
}
.login-form span a:hover {
text-decoration: none;
}
.login-form span {
color: #000;
font-size: 16px;
float: left;
}
.login-form span a {
min-width: 25px;
text-align: center;
float: left;
margin: 0;
}
.login-form .login-input {
border-radius: 3px;
border: 1px solid #CCC;
padding: 3px;
width: 35%;
margin: 0px 5px;
float: left;
}
.login-form .login-btn {
background: url(../images/lgn-go.jpg) no-repeat scroll 0 0;
height: 25px;
width: 30px;
margin: 0px 0px;
border: 0px;
float: left;
cursor: pointer;
}
.forgot-reg {
color: #456b8d;
font-size: 12px;
margin: 5px 0px;
float: left;
font-family: "Times New Roman", Times, serif;
}
/*.main-menu {
width: 100%;
background: url(../images/menu-bg.jpg) repeat-x #456cc4 left top;
/*height:30px; */
/*border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 0px 0px 0px 4px #eee;
-webkit-box-shadow: 0px 0px 0px 4px #eee;
margin-bottom: 15px;
display: inline-block;
*display:inline-block !important;
margin-top: 10px;
}*/*/
.main-menu ul {
float: left;
/*position:relative;*/
*display:inline-block;
*width:80%;
}
.main-menu ul li {/*
background: url(../images/sep.jpg) repeat-y right top;
*/
padding: 0;
float: none;
position: relative;
-webkit-transition: all 0.1s;
-moz-transition: all 0.1s;
-ms-transition: all 0.1s;
-o-transition: all 0.1s;
transition: all 0.1s;
}
.main-menu ul li a:hover {
text-decoration: underline; /*background:#3457a7;*/
}
.main-menu ul li:first-child {
border-radius: 5px 0 0 5px;
}
.main-menu ul li:last-child {
border-radius: 0 5px 5px 0;
}
.main-menu ul li a {
color: #fff;
padding: 0px 15px;
font-weight: bold;
padding: 5px 15px;
display: block;
}
.main-menu ul li li a {
padding: 7px 10px;
}
.main-menu ul ul {
display: none;
position: absolute;
top: 100%;
left: 0;
background: #f3f3f3;
border: 1px solid #ccc;
padding: 0;
font-size: 13px;
-webkit-transiton: opacity 0.2s;
-moz-transition: opacity 0.2s;
-ms-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
-transition: opacity 0.2s;
z-index: 100;
}
.main-menu ul ul li {
float: none;
width: 200px;
border-bottom: 1px solid #ccc;
display: inline-block;
background: none;
}
.main-menu ul li li a:hover {
background: #fff !important;
text-decoration: none !important;
}
.main-menu ul ul li:last-child {
border-bottom: 0;
}
.main-menu ul ul a {
line-height: 120%;
padding: 5px 8px;
color: #456cc4;
display: block
}
.main-menu ul ul ul {
top: 0;
left: 100%
}
.main-menu ul li:hover > ul {
display: block
}
.main-menu .form-row.part_search {
margin: 4px 0 0;
float: right;
width: auto;
*display: inline-block;
*float: right !important;
box-sizing: border-box;
-webkit-box-sizing: border-box;
*width: 20% !important;
}
.main-menu .form-row.part_search label {
width: auto;
font-size: 14px;
margin: 3px 5px 0 0;
color: #fff;
}
.main-menu .form-row.part_search input[type="text"] {
width: 99%;
padding: 2px 5px;
margin-right: 1%;
}
.left-form {
width: 27%;
float: left;
}
.left-form form input[type=button]:hover {
text-decoration: underline
}
.left-form form input[type=submit]:hover {
text-decoration: underline
}
.slider-outter {
width: 71%;
float: right;
float: right \9;
width: 71% \9;
background-image: url("../images/slider-bg.jpg") \9;
background-repeat: no-repeat \9;
background-position: 0 0 \9;
background-size: cover \9;
background: url(../images/slider-bg.jpg) no-repeat scroll 0 0/cover;
padding: 10px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.slider {
margin: 0 auto;
position: relative;
width: 100%;
min-height: 277px;
height: 100%;
}
.slider > div {
position: absolute;
top: 2px;
left: 0;
right: 0;
bottom: 0px;
}
.form-row {
margin: 3px 0px 8px;
float: left;
}
.left-form .form-row label {
width: 19%;
line-height: 33px;
}
.left-form .form-row input[type=text], .left-form .form-row select {
width: 100%;
border-color: #4b4b4b;
background-color: #4b4b4b;
color: #fff;
border-radius: 6px;
padding: 4px 6px;
}
.form-row label {
width: 25%;
font-weight: bold;
font-size: 12px;
padding: 0px 0px;
float: left;
}
.form-row input[type=text], .form-row select {
width: 75%;
padding: 5px 5px;
margin: 0px 0px;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-border-radius: 4px;
font-weight: bold;
color: #777;
float: left;
}
.left-form form input[type=button] {
background: red;
border: 0px;
color: #fff;
font-weight: bold;
float: right;
margin-bottom: 0;
cursor: pointer;
margin-top: 4px;
padding: 3px 6px;
}
.left-form form input[type=submit] {
background: red;
border: 0px;
color: #fff;
font-weight: bold;
float: right;
margin-bottom: 0;
cursor: pointer;
padding: 3px 6px;
}
.bt-lft {
margin-left: 25%;
float: left;
}
.bt-cntr {
text-align: center;
width: 100%;
float: left;
}
.line-height30 {
line-height: 30px;
}
.line-height-none {
line-height: none;
}
.list-img {
margin: 3% 0 0px;
min-height: 110px;
padding: 0px 0px;
width: 100%;
float: left;
}
.thum-img {
float: left;
}
.list-name {
color:;
float: left;
}
.thum-list {
width: 16.65%;
padding: 1.5% 0;
margin: 0;
float: left;
border: 1px solid transparent;
overflow: hidden;
}
.thum-list:hover {
border: 1px solid #aaa;
box-shadow: 0px 5px 8px -8px #000;
-moz-box-shadow: 0px 5px 8px -8px #000;
-webkit-box-shadow: 0px 5px 8px -8px #000;
text-decoration: none;
}
.thumnail-list {
margin: 20px 0px;
border-bottom: 1px solid #aaa;
padding-bottom: 30px;
float: left;
}
br {
float: none !important;
}
.left-content {
width: 69%;
margin: 0px 0% 0px 0px;
padding: 0% 0% 0 0;
}
.right-sidebar {
width: 29%;
margin: 0px 0% 0px 0px;
padding: 0% 0%;
}
.rwd-thum {
width: 30%;
}
.rwd {
margin: 7% 3% 0%;
float: left;
}
.join-reward {
margin: 3% 0px;
float: left;
}
.rbuild {
margin: 0px auto;
width: 84%;
}
.rbuild ul {
background: #487bbc;
padding: 20px 0px;
float: left;
width: 100%;
}
.rbuild li {
float: left;
width: auto;
}
.rbuild ul li a {
border-right: 1px solid #fff;
box-sizing: border-box;
color: #fff;
float: left;
padding: 0 7%;
text-align: center;
width: 100%;
}
.rbuild ul li:last-child a {
border-right: 0px;
float: left;
}
.sac-wrapper:after {
content: "";
display: block;
}
.footer, .sac-wrapper:after {
height: 108px;
}
.footer { /* margin-top:2% */;
background: #ececec;
width: 100%;
float: left;
}
.footer .ftr-menu {
width: 100%;
margin: 0px auto;
font-size: 13px;
float: left;
}
.blue .ftr-menu {
width: 100%;
margin: 0px auto;
font-size: 13px;
float: left;
}
.footer .ftr-menu ul {
width: 50%;
margin: 0px auto;
padding: 15px 0px 25px;
}
.blue .ftr-menu ul {
width: 50%;
margin: 0px auto;
padding: 1% 0px 2.5%;
}
.ftr-menu ul {
margin: 10px 0px;
}
.ftr-menu ul li {
padding: 0px 9px;
border-right: 1px solid #333;
float: left;
}
.ftr-menu ul li a {
color: #333;
font-weight: bold;
float: left;
}
.blue ul li a, .blue span {
color: #fff;
font-weight: normal;
float: left;
}
.blue .ftr-menu span {
width: 100%;
text-align: center;
margin-bottom: 10px;
float: left;
}
.blue {
background: #487bbc;
float: left;
width: 100%;
float: left;
}
.ftr-menu span {
float: left;
float: left;
}
.blue ul li {
border-right: 1px solid #fff;
}
.ftr-menu ul li:last-child, .blue ul li:last-child {
border-right: 0px solid #fff;
float: left;
}
.menuicon {
display: none;
}
.fb-cont {
margin: 50px 0px;
}
.twt-bar {
margin: 0px 0px 50px;
}
/*Inner Page Css
----------------------------------------------*/
.inner-slider {
float: left;
text-align: right;
width: 100%;
}
.inner-slider img {
width: 100%;
}
.black-title {
color: #000;
}
.white-title {
color: #fff;
}
.red-title {
color: #d41b21;
}
.loc-sech {
margin: 40px 0px;
border-bottom: 1px solid #ccc;
padding-bottom: 40px;
}
.loc-sech-ttl {/* background:#d30129 url(../images/loc-sech-ttl.jpg) no-repeat right top; color:#fff; margin-bottom:8px; padding:0px 15px; width:100%; height: 38px; text-align:left;font-size:20px;line-height:36px;*/
}
.loc-sech-list {
background: #000;
padding: 20px;
}
.white {
color: #fff;
}
.loc-list {
width: 245px;
border-right: 1px solid #d30129;
}
.loc-list:last-child {
border: none;
}
.submit {
background: url(../images/btn-bg-rd.jpg) repeat-x top left;
padding: 9px 0%;
margin-top: 2%;
width: 150px;
display: inline-block;
border: 0;
cursor: pointer;
}
form[name="frmsearch"] .submit {
width: 90%;
}
.loc-list select {
width: 150px;
padding: 5px 5px;
border-radius: 5px;
border: 0px;
}
.note {
font-size: 11px;
color: #000;
}
/**---------- custom style ----------------**/
.or-enter {
float: left;
width: 100%;
margin-top: 30px;
}
.enter-cont {
margin-left: 10px;
padding: 10px;
width: 73%;
}
.enter-title {
margin-top: 11px;
}
.enter-cont input {
display: inline-block;
float: left;
padding: 7px;
width: 76%;
height: 41px;
}
.entry-btn {
box-sizing: content-box;
padding-left: 11px;
width: 21%;
}
.enter-cont .submit {
font-size: 21px;
margin-top: 0;
max-width: 150px;
padding: 4px 0;
width: 100%;
margin-bottom: 0;
color: #fff;
text-decoration: none;
}
#map_canvas {
background-color: rgb(229, 227, 223);
height: 500px;
overflow: hidden;
position: relative;
width: 100%;
}
.flt_right_43 {
float: right !important;
width: 43% !important;
}
.banner.full.shippingcheck .content-1.left.full {
margin: 20px 0 0;
}
._specification table {
width: 100%;
border-collapse: collapse;
font-size: 12px;
font-weight: bold;
}
._specification th {
color: black;
font-weight: bold;
background: #fff;
font-size: 14px;
text-align: left;
white-space: nowrap;
padding: 6px;
border: 0px;
}
._specification td {
padding: 6px;
border-bottom: 4px solid #fff;
background: #f5f5f5;
}
._specification td.second_last {
background: none;
padding: 0 10px;
}
._specification td.second_last a {
background: #3c95d2;
color: #fff;
display: block;
font-size: 18px;
font-weight: normal;
line-height: 20px;
padding: 8px;
text-align: center;
text-transform: uppercase;
white-space: nowrap;
border-radius:5px;
}
._specification td.second_last a:hover {
text-decoration: none;
}
._specification td.last {
background: none;
}
._specification td.specs {
background: none;
padding: 0;
white-space: nowrap;
}
.seachResultTable th {
text-align: center;
}
.product_detail {
margin: 0 0 20px 0
}
._image {
width: 20%;
float: left;
}
._specification {
width: 100%;
float: left;
}
.clear {
clear: both;
}
.fleft {
float: left;
}
.fright {
float: right;
}
._includes {
background: #e7e8ea;
padding: 10px 20px;
min-height: 20px;
margin: 20px 0;
border-radius: 1px;
}
.listing {
width: 80%;
float: left;
}
.listing ul {
}
.listing ul li {
float: left;
width: 48%;
margin-right: 2%;
background: url(../images/listing-check.jpg) no-repeat left center;
padding: 4px 0 4px 25px;
}
.warranty {
width: 20%;
float: left;
}
.ad-in-banner {
width: 20%;
float: left;
margin: -9% 0 0;
}
._includes p {
width: 73%;
}
.purchase:hover {
text-decoration: underline;
color: #d30129;
}
/*enginedetail page css*/
.enginedetail_includes {
background: none;
padding: 0;
min-height: 20px;
margin: 20px 0;
border-radius: 0px;
}
.enginedetail_listing {
width: 100%;
}
.enginedetail_listing ul {
font-size: 14px;
margin: 20px 0;
}
.enginedetail_listing ul.four {
width: 35%;
float: left
}
.enginedetail_listing ul.eight {
width: 65%;
float: left
}
.enginedetail_listing ul li {
float: left;
margin-right: 2%;
background: url(../images/green-tick.png) no-repeat left center;
padding: 4px 0 4px 36px;
line-height: 24px;
clear: both;
}
.enginedetail_specification {
margin: 40px 0;
}
.enginedetail_specification table {
width: 100%;
border-collapse: collapse;
font-size: 12px;
font-weight: bold;
}
.enginedetail_specification th {
color: black;
font-weight: bold;
background: #fff;
text-align: left;
font-weight: 14px;
padding: 6px;
border: 0px;
white-space: nowrap;
font-size: 14px;
}
.enginedetail_specification td {
padding: 6px;
border-bottom: 4px solid #fff;
background: #f5f5f5;
font-weight: normal;
font-size: 14px;
text-align: left;
}
.enginedetail_specification td.second_last {
background: none;
}
.enginedetail_specification td.second_last a {
background: #3c95d2;
font-size: 16px;
font-weight: bold;
padding: 4px 8px;
line-height: 20px;
color: #fff;
}
.big-custom-banner {
}
.big-custom-banner .years {
clear: both;
}
.left_title {
width: 155px;
height: 100px;
float: left;
clear: left;
margin-top: 25px;
vertical-align: top;
}
.left_title h1 {
margin: 25px 0 15px 0;
}
.building_pledging_img {
height: 126px;
float: right;
clear: right;
margin: 25px 0 50px 0;
}
.cart {
clear: both;
}
.cart .first-column {
width: 20%;
float: left;
}
.cart .second-column {
width: 65%;
float: left;
text-align: center;
}
.cart .third-column {
width: 15%;
float: right;
}
.cart .third-column a {
background: #0d187d;
border: 1px none;
clear: both;
color: #fff;
display: inline-block;
font-weight: bold;
margin-bottom: 5px;
margin-top: 5px;
text-align: center;
padding: 15px;
border-radius: 8px;
float: left;
text-transform: uppercase;
font-size: 14px;
width: 150px;
}
.cart .third-column a:hover {
text-decoration: none;
}
/*********27-10-2015*********/
.inner-block-right {
float: right;
width: 68%;
margin-left: 2%;
}
.inner-block-left {
float: left;
width: 30%;
}
.inner-block-right h2 {
clear: both;
color: #000000;
font-size: 24px;
font-style: normal;
font-weight: normal;
margin: 0;
padding: 0;
width: auto;
}
.inner-block-right p {
line-height: 1.4;
text-align: justify;
width: 100% !important;
margin: 0 0 15px;
}
.inner-block-right form {
float: left;
width: 100%;
}
.clear fieldset {
border: 0px solid #9b9993;
margin-bottom: 10px;
padding: 0;
}
.clear legend {
font-weight: bold;
padding: 0;
/*-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: -moz-use-text-color -moz-use-text-color #e5e5e5;
border-image: none;
border-style: none none solid;
border-width: 0 0 1px;*/
color: #333333;
/*display: block;*/
font-size: 21px;/*line-height: 40px;
margin-bottom: 20px;
width: 100%;*/
}
.editor-label, .editor-label label {
display: block;
margin-bottom: 5px;
font-size: 14px;
font-weight: normal;
line-height: 20px;
}
.editor-field {
margin-bottom: 10px;
}
.editor-field input, .editor-field select {
background-color: #ffffff;
border: 1px solid #cccccc;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
-o-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
-ms-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
border-radius: 4px;
color: #555555;
display: inline-block;
font-size: 14px;
height: 33px;
line-height: 20px;
margin-bottom: 10px;
padding: 4px 6px;
vertical-align: middle;
width: 206px;
}
.editor-field input:focus, .editor-field textarea:focus {
border-color: rgba(82, 168, 236, 0.8) !important;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6) !important;
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6) !important;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6) !important;
outline: 0 none !important;
}
.bton, .changepasswordform .editor-field .bton {
background: #0d187d none repeat scroll 0 0;
border: 1px none;
clear: both;
color: #fff;
display: inline-block;
font-weight: bold;
margin-bottom: 5px;
margin-top: 2px;
padding: 7px;
text-align: center;
border-radius: 4px;
font-size: 14px;
width: 15%;
}
.changepasswordform .editor-field .bton {
width: auto;
padding: 5px;
}
.changepasswordform .editor-field .error {
display: block;
margin: -7px 0 -3px;
}
.error {
color: #ff0000;
font-size: 13px;
font-weight: bold;
}
.success {
color: #009900;
font-size: 13px;
font-weight: bold;
}
.successmsg span {
color: green !important;
display: block !important;
font-weight: bold !important;
margin: 0 0 8px !important;
text-align: center !important;
font-size: 14px !important;
}
.bacgerror {
color: #ff0000 !important;
font-size: 14px !important;
font-weight: bold !important;
border: 2px solid !important;
}
#searchvinformsearchpage .bacgerror {
font-size: 16px !important;
font-weight: normal !important;
}
.login-left {
float: left;
width: 75%;
background: #f9f9f9;
border: 1px solid #eee;
border-radius: 1px;
padding: 6px;
}
.login-right {
float: right;
width: 23%;
}
.login-right > a {
display: flex;
line-height: 26px;
font-size: 14px;
}
.login-form .login-right .login-btn {
background-size: 22px 18px !important;
background-position: center right;
}
.login-left span {
float: left;
width: 100%;
margin: 2px 0;
}
.login-text {
font-family: 'Times New Roman', Times, serif;
font-size: 12pt;
color: #4e4f50;
margin-top: 0;
}
table {
font-size: 14px;
}
.table-label {
text-align: right;
}
.CheckoutBtn {
color: #fff !important;
line-height: 18px;
margin-top: 0;
padding: 8px 7px;
height: 33px;
}
.CheckoutBtn:hover {
text-decoration: none !important;
}
/************** 29-10-2015 *************/
.sac-wrapper {
min-height: 100%;
display: flex;/* margin-bottom: -110px; */
}
.CartEngine {
float: right;
width: auto;
}
.CartEngine li::after {
content: "|";
font-size: 12px;
}
.CartEngine li {
display: inline-block;
float: left;
}
.CartEngine li:last-child::after {
content: "";
}
.CartEngine a {
font-size: 12px;
padding: 0 3px;
}
.CartCheckout {
background-color: #0d187d;
float: left;
padding: 10px 10px;
width: 100%;
margin-top: 10px;
}
.CartCheckout a {
color: #fff;
text-transform: capitalize;
}
.BottomText {
float: left;
margin-top: 20px;
width: 100%;
}
.BottomText li {
display: inline-block;
width: 14%;
}
.BottomText li:nth-child(2) {
width: 70%;
}
.BottomText h1 {
clear: both;
color: #0d187d;
font-family: "BebasNeueRegular", sans-serif;
font-size: 36px;
font-style: normal;
font-weight: normal;
width: auto;
}
.loc-sec-steps {
float: left;
width: 100%;
margin-bottom: 20px;
margin-top: 20px;
}
.loc-sec-steps li {
display: inline-block;
float: left;
width: 32%;
background: #d7d8da;
color: #fff;
padding: 0px;
height: 38px;
text-align: left;
font-size: 16px;
line-height: 36px;
transform: skewX(-22deg);
margin-right: 10px;
}
.loc-sec-steps li a, .loc-sec-steps li a:hover {
text-decoration: none;
}
.loc-sec-steps li span {
/*background:#d7d8da url(../images/right-sech-ttl.jpg) no-repeat right top;*/
color: #fff;
padding: 0 5px;
height: 38px;
text-align: left;
line-height: 36px;
width: 90%;
transform: skewX(22deg);
display: inline-block;
font-size: 15px;
}
.loc-sec-steps li.active.first-step .loc-sech-ttl {
width: 99%
}
.loc-sec-steps li.active {
background: #d30129 !important;
}
.loc-sec-steps li.active .loc-sech-ttl {
color: #fff;
padding: 0px 10px;
height: 38px;
font-size: 16px;
line-height: 36px;
}
.active-left-loc-sech-ttl {
width: 9px !important;
height: 38px;
float: left;
padding: 0 !important;
}
.loc-sech-gray-left {
width: 9px !important;
height: 38px;
float: left;
padding: 0 !important;
}
.loc-sech-gray-right {
background: url(../images/right-sech-ttl.jpg) no-repeat right top;
width: 9px !important;
height: 38px;
float: right;
padding: 0 !important;
}
.loc-sec-steps li span small {
clear: both;
color: #fff;
display: inline-block;
font-family: arial;
font-size: 10px;
font-weight: bold;
left: 30%;
position: relative;
top: -27px;
line-height: 10px;
}
h1.title {
margin: 20px 0;
}
.detail-link {
color: #d30129 !important;
font-size: 16px;
font-weight: normal;
}
.detail-link span {
color: #000
}
.diagnostic .threeHourOperations {
line-height: 26px;
}
.diagnostic .certifyRedText {
font-weight: normal;
font-size: 18px;
line-height: 28px;
}
.diagnostic .field1 {
width: 80px;
display: inline-block;
}
.diagnostic .field2 {
width: 130px;
display: inline-block;
}
.diagnostic .field3 {
width: 110px;
display: inline-block;
}
.diagnostic .field4 {
width: 133px;
display: inline-block;
}
.diagnostic .field5 {
width: 330px;
display: inline-block;
}
.diagnostic .field6 {
width: 309px;
display: inline-block;
}
.diagnostic .field7 {
width: 341px;
display: inline-block;
}
.diagnostic .field8 {
width: 245px;
display: inline-block;
}
.diagnostic .field9 {
width: 298px;
display: inline-block;
}
.diagnostic .field10 {
width: 263px;
display: inline-block;
}
.diagnostic .field11 {
width: 300px;
display: inline-block;
}
.diagnostic .field12 {
width: 100px;
display: inline-block;
}
.diagnostic .field13 {
width: 150px;
display: inline-block;
}
.diagnostic .field14 {
width: 80px;
display: inline-block;
}
.diagnostic input[type="text"] {
width: 100%;
border: 0;
border-bottom: 2px solid #000;
border-radius: 0;
font-size: 14px;
padding: 2px;
}
.diagnostic .bottomForm {
width: 60%;
margin: 30px 0 0 0;
}
.diagnostic .bottomForm .fieldRow.date {
width: 67%;
}
.diagnostic .bottomForm .fieldRow {
margin: 0 0 35px 0;
}
.diagnostic .bottomForm input[type="text"] {
margin-bottom: 5px;
}
.diagnostic .bottomForm label {
width: 100%;
font-size: 14px;
}
.contactusPage {
}
.contactusPage h4 {
font-weight: normal;
}
.contactusPage .leftPanel {
float: left;
width: 65%;
}
.contactusPage .leftPanel form {
padding: 20px;
background: rgba(0,0,0,0);
}
.contactusPage .leftPanel form fieldset {
border: 0;
margin: 0;
padding: 0;
}
.contactusPage .leftPanel form fieldset legend {
font-size: 22px;
}
.contactusPage .leftPanel form fieldset .editor-label {
width: 100%;
}
.contactusPage .leftPanel form fieldset .editor-label label {
width: 30%;
display: inline-block;
}
.contactusPage .leftPanel form fieldset .editor-label label.textTop {
vertical-align: top;
}
.contactusPage .leftPanel form fieldset .editor-label input[type="text"], .contactusPage .leftPanel form fieldset .editor-label select, .contactusPage .leftPanel form fieldset .editor-label textarea {
width: 68% !important;
display: inline-block;
}
.contactusPage .leftPanel form fieldset .editor-label input[type="submit"] {
}
.contactusPage .rightPanel {
float: right;
width: 33%;
}
.contactusPage .rightPanel .title {
font-size: 22px;
margin: 20px 0 0;
}
.contactusPage .rightPanel .contactDetails {
background: url(../images/contact.png) no-repeat top center;
background-size: cover;
border: 1px solid #ccc;
}
.contactusPage .rightPanel .contactDetails {
font-size: 13px;
padding: 20px;
}
.contactusPage .rightPanel .contactDetails h4 {
line-height: 25px;
margin-bottom: 10px;
font-size: 15px;
}
.contactusPage .rightPanel .mediaDetails {
clear: both;
display: block;
}
.contactSocialMedia {
display: block;
margin-top: 10px;
}
.contactSocialMedia li {
display: inline-block;
padding-right: 5px;
}
.shippingpage hr {
border-bottom: 1px dotted #000;
border-top: 0 none;
height: 1px;
margin: 20px 0;
}
.shippingpage ol {
margin: 20px 0;
padding-left: 30px;
}
.full.shippingpage ol li {
list-style: outside none number !important;
padding-bottom: 10px;
padding-left: 9px;
}
.recyclingpage .leftPanel {
float: left;
width: 25%;
}
.recyclingpage .rightPanel {
float: right;
width: 75%;
}
.rightcheck {
display: block;
padding-left: 30px;
margin: 20px 0;
}
.rightcheck li {
list-style-image: url(../images/XSmallCheck.png);
margin-bottom: 15px;
}
.testimonial li {
display: inline-block;
margin-bottom: 40px;
}
.testimonial-image {
border: 2px solid #cfcfcf !important;
margin: 0 10px;
padding: 5px;
}
.testimonial .leftPanel {
float: left;
width: 55%;
}
.testimonial .rightPanel {
float: right;
width: 40%;
}
.videospage .leftPanel {
float: left;
width: 40%;
}
.videospage .rightPanel {
float: right;
width: 55%;
}
.videospage ul li {
display: inline-block;
margin-bottom: 25px;
width: 100%;
}
iframe {
max-width: 100%;
width: 100%;
}
.badgePgae {
}
.badgePgae .topBadgebanner {
}
.badgePgae .topBadgebanner .badgeTitle {
width: 30%;
float: left;
}
.badgePgae .topBadgebanner .badgeBanner {
width: 70%;
float: right;
text-align: right;
}
.badgePgae .topBadgebanner img {
max-width: 100%;
}
.badgePgae textarea {
background: #f0f0f0;
border: 1px solid #ccc;
cursor: not-allowed;
}
/* ******* 19-05-2016 ****** */
.marine-engine {
width: 196px;
}
/****************** 17-12-2016 Ramandeep ****************/
.searchresult-new th {
text-align: left;
}
.flo-wid {
float: left !important;
width: 100% !important;
}
.behind-bg {
background: rgba(0, 0, 0, 0) url("../images/behind-bg.png") no-repeat scroll 100% 0 / cover;
padding: 15px;
}
.left-half-part {
float: left;
width: 45%;
margin-left: 5%;
background: #d30129 none repeat scroll 0 0;
padding: 10px;
}
.behind-detail {
margin-bottom: 10px;
}
.behind-detail label {
color: #fff;
float: left;
text-align: left;
width: 100%;
font-family: "oswaldregular";
}
.behind-detail .new-field input, .behind-detail .new-field select {
border: 1px solid #fff;
border-radius: 0;
padding: 10px;
width: 100%;
}
.behind-detail .new-field select {
-moz-appearance: none !important;
background: rgb(255, 255, 255) url("../images/arrow-down.png") no-repeat scroll 97% 60%;
}
.behind-one-third {
float: left;
margin-right: 2%;
width: 32%;
}
.behind-one-third.last {
margin-right: 0;
}
.top-20 {
margin-top: 20px;
}
.behind-btn {
background: #000 none repeat scroll 0 0;
border-radius: 0;
font-family: oswaldregular;
font-size: 17px;
padding: 5px;
text-transform: uppercase;
width: 25%;
}
.info {
color: #fff !important;
}
.align-left{
text-align:left;
}
.right-half-part {
float: left;
width: 50%;
padding: 0 10px 10px;
}
.right-detail h4 {
color: #d30129;
font-family: oswaldregular;
font-size: 28px;
text-transform: uppercase;
float: left;
width: 100%;
}
.right-detail p {
color: #fff;
font-family: oswaldregular;
font-size: 22px;
text-align: center;
float: left;
}
.right-detail h3 {
border-bottom: 1px solid #fff;
color: #fff !important;
float: left;
font-family: oswaldregular;
font-size: 28px;
line-height: 30px;
margin-bottom: 0 !important;
margin-top: 0 !important;
padding-bottom: 10px;
width: 100%;
}
.right-detail li {
color: #fff;
float: left;
font-family: oswaldregular;
font-size: 18px;
list-style: outside none disc;
width: 100%;
margin-top:10px;
}
.right-detail li:last-child {
width: 100%;
}
.hist-table thead th {
float: left;
font-size: 15px;
font-weight: 600;
margin-bottom: 10px;
width: 100%;
text-align:left;
}
.hist-table tbody {
float: left;
width: 50%;
}
.hist-table tr {
float: left;
line-height: 1.4;
width: 100%;
float:left;
}
.hist-table tbody td {
float: left;
width: 69%;
}
.hist-table td:nth-child(1) {
width: 31%;
}
.hist-table h3 {
color: #000;
margin: 0;
text-align: left;
}
.hist-table tbody th {
line-height: 1.4;
}
.hist-table h3 {
margin: 0 !important;
color: #000 !important;
}
.hist-table-order{
border-collapse:collapse;
}
.hist-table-order thead{
background: #ccc none repeat scroll 0 0;
}
.hist-table-order h3 {
color: #000 !important;
font-size: 20px !important;
font-weight: 700 !important;
}
.hist-table-order th {
font-size: 14px;
}
.outer-assurance {
float: right;
width: 46%;
}
.assurance-bg{
background:#000;
padding: 15px;
}
.assurance-bg h3 {
color: #fff !important;
font-family: oswaldregular;
font-size: 18px !important;
line-height: 30px;
margin: 0;
text-align: center !important;
}
.assurance-click {
background: rgba(0, 0, 0, 0) url("../images/click.png") no-repeat scroll center center / contain ;
color: #fff !important;
float: left;
font-family: oswaldregular;
font-size: 20px;
text-align: center;
text-decoration: none !important;
text-transform: uppercase;
width: 100%;
}
.left-asrnce {
float: left;
width: 39%;
}
.left-asrnce p {
color: #fff;
font-size: 17px;
font-weight: 700;
margin-bottom: 0 !important;
margin-top: 15px;
}
.right-asrnce {
float: right;
width:50%;
}
.gray-bg{
background-color:#ccc;
}
.hist-table-order tr td {
text-align: left !important;
}
.gray-bg a {
float: left;
font-size: 12px;
width: 100%;
}
.warranty-table tr{
float:left;
width:100%;
}
.warranty-table .black-area{
margin-bottom:20px;
float:left;
width:100%;
}
.warranty-table tr td {
float: left;
width: 25%;
}
.warranty-table h3 {
font-size: 13px;
text-align: left;
}
.warranty-table ul {
float: left;
}
.warranty-table tr td ul li:before{
background: rgba(0, 0, 0, 0) url("../images/simpletick.png") no-repeat scroll 0 0;
content: "";
height: 24px;
left: 0;
position: absolute;
width: 24px;
}
.warranty-table tr td ul li {
display: inline-block;
float: left;
padding-left: 38px;
position: relative;
text-align: left;
width: 100%;
}
.warranty-table span {
float: left;
width: 100%;
line-height:20px;
font-weight: bold;
}
.foot-left {
float: left;
width: 80%;
text-align:left;
}
.foot-right {
float: left;
width: 20%;
}
.foot-left > h3 {
font-family: arial;
font-size: 22px;
font-style: italic;
text-align: right;
}
.warranty-table-foot {
margin-top: 150px;
}
/**----------12/06/2019 **Navpreet----------------**/
@font-face{
font-family:Oswald-DemiBold;
src:url(../fonts/Oswald-DemiBold.ttf);
}
@font-face{
font-family:MYRIADPRO-COND;
src:url(../fonts/MYRIADPRO-COND.OTF);
}
@font-face{
font-family:'MyriadPro-BoldCond';
src:url(../fonts/MyriadPro-BoldCond.otf);
}
@font-face{
font-family:'MyriadPro-Bold';
src:url(../fonts/MyriadPro-Bold.otf);
}
@font-face{
font-family:Roboto-BoldItalic;
src:url(../fonts/Roboto-BoldItalic.ttf);
}
@font-face{
font-family:Oswald-Medium;
src:url(../fonts/Oswald-Medium.ttf);
}
@font-face{
font-family:Oswald-Bold;
src:url(../fonts/Oswald-Bold.ttf);
}
@font-face{
font-family:Roboto-MediumItalic;
src:url(../fonts/Roboto-MediumItalic.ttf)
}
.qua-theme .sj-top-form #sj-engine-form .form-row select{
background: transparent !important;
}
.qua-theme .sj-top-form #sj-engine-form .form-row select option{
background:#E5E5E5 !important;
}
.qua-theme .select-icon::after {
z-index: -1;
}
.qua-theme .sj-top-form #sj-engine-form .form-row{
background:#E5E5E5 !important;
z-index: 9;
}
/***************Green Theme********************/
.green-theme .b-border{
border-bottom: 17px solid #074604 !important;
}
.green-theme .sj-top-form .sj-tab-label{
background:#000;
}
.green-theme .sj-tab-input:checked + .sj-tab-label,.green-theme .sj-top-form section{
background-color: #2A4805 !important;
}
.green-theme .sj-top-form #sj-engine-form .form-row select{
background: transparent !important;
}
.green-theme .sj-top-form #sj-engine-form .form-row select option{
background: #C7C56B !important;
}
.green-theme .select-icon::after {
z-index: -1;
}
.green-theme .sj-top-form #sj-engine-form .form-row{
background: #C7C56B !important;
z-index: 9;
}
.green-theme-motorhome .sj-top-form #sj-engine-form .form-row{
background: #88AA08 !important;
z-index: 9;
}
.green-theme-motorhome .sj-top-form #sj-engine-form .form-row select{
background:transparent !important;
}
.green-theme-motorhome .sj-top-form #sj-engine-form .form-row select option{
background: #88AA08 !important;
}
.green-theme .tab-right #sj-vin-form input[type="button"], .green-theme .tab-right #sj-partlookup-form .sj-form-row input[type="button"], .green-theme .tab-right #sj-engine-form input[type="submit"],.green-theme .sj-top-form #sj-partlookup-form input[type="button"],.green-theme .sj-top-form #sj-vin-form .sj-form-row input, .green-theme .sj-top-form #sj-partlookup-form .sj-form-row input{
background: #C7C56B !important;
color: #000000 !important;
}
.green-theme .testimonial{
background: #2A4805 !important;
border-bottom: 4px solid #233D04 !important;
}
.green-theme .item h4,.green-theme.landing_container .item span{
color: #C7C56B !important;
}
.green-theme .testimonial::after {
color:#2a4805 !important;
}
.green-theme-motorhome .testimonial::after {
color:#323A1F !important;
}
.green-theme .mission-section span.regular {
color:#008000 !important;
}
/***************Green Theme********************/
.marine-blue-theme .b-border{
border-bottom: 17px solid #3460AD !important;
}
.marine-blue-theme .sj-top-form .sj-tab-label{
background:#5D81BD;
}
.marine-blue-theme .sj-tab-input:checked + .sj-tab-label{
background-color: #3460AD !important;
}
.marine-blue-theme .sj-top-form section{
background-color: #3460AD !important;
}
.marine-blue-theme .sj-top-form #sj-engine-form .form-row select{
background: #5D81BD !important;
color:#fff !important;
}
.marine-blue-theme .sj-top-form #sj-engine-form .form-row select{
background: transparent !important;
}
.marine-blue-theme .sj-top-form #sj-engine-form .form-row select option{
background:#5D81BD !important;
}
.marine-blue-theme .select-icon::after {
z-index: -1;
}
.marine-blue-theme .sj-top-form #sj-engine-form .form-row{
background:#5D81BD !important;
z-index: 9;
}
.landing_container .marine-blue-theme .sj-top-form #sj-engine-form .form-row select option{
color: #fff !important;
}
.marine-blue-theme .tab-right #sj-engine-form input[type="submit"] ,.marine-blue-theme .tab-right #sj-vin-form input[type="button"],.marine-blue-theme .sj-top-form #sj-partlookup-form input[type="button"]{
background: #50C9FF !important;
color:#fff !important;
}
.marine-blue-theme .tab-right #sj-partlookup-form .sj-form-row input[type="button"],.marine-blue-theme .sj-top-form #sj-vin-form .sj-form-row input, .marine-blue-theme .sj-top-form #sj-partlookup-form .sj-form-row input{
background: #5D81BD !important;
color:#fff !important;
}
.landing_container .marine-blue-theme .tab-right #sj-vin-form .sj-form-row input::placeholder, .landing_container .marine-blue-theme .tab-right #sj-partlookup-form .sj-form-row input::placeholder{
color: #FFFFFF !important;
}
.landing_container .marine-blue-theme .tab-right #sj-vin-form .sj-form-row input::-webkit-input-placeholder, .landing_container .marine-blue-theme .tab-right #sj-partlookup-form .sj-form-row input::-webkit-input-placeholder{
color: #FFFFFF !important;
}
.marine-blue-theme .testimonial{
background: #ACCBEB !important;
border-bottom: 4px solid #3460AD !important;
}
.marine-blue-theme .item h4{
color: #251EFF !important;
}
.landing_container .marine-blue-theme .item span {
color: #3460AD !important;
}
.marine-blue-theme .testimonial::after {
color:#ACCBEB !important;
}
.marine-blue-theme .mission-section span.regular {
color:inherit !important;
}
.blue-text{
color:#3460AD !important;
}
.font-48{
font-size:48px !important;
}
.font-36{
font-size:36px !important;
}
.font-34{
font-size:34px !important;
}
/** Changes **/
.landing_container .label-caption{
float:left;
width:100%;
font-family:Oswald-DemiBold;
font-size:38px;
color:#000 ;
}
.cust-banner-img{
height:555px;
object-fit:cover;
float:left;
width:100%;
position:relative;
z-index:99;
}
.full-img{
width:100%;
}
.img-resp{
width:73%;
}
.shadow {
box-shadow: 0 0 39px 22px #b6b6b6;
float: none;
border-radius: 50%;
height: 100px;
margin-top: -100px;
width: 95%;
display: inline-block;
margin-left: 2%;
margin-bottom: 60px;
}
.landing_container .banner-img{
float:left;
width:100%;
position:relative;
}
.landing_container .overlay{
border-bottom:15px solid #000000;float:left;width:100%;height:auto;border-bottom:none;bottom:0 !important;
}
.landing_container .resp-overlay{
background:#00 !important;opacity:0.5;position: absolute;bottom: 0;top:0;z-index: 99;height: auto;left: 0;right: 0;
}
.landing_container .b-border{
border-bottom: 15px solid #000000;position: absolute; bottom: 0;z-index:333;width: 100%;
}
.landing_container .overlay-content{
position:absolute;
left:0;
right:0;
top:0;
z-index: 99;
}
.landing_container .img-text-left{
float:left;
width: 50%;
margin-left: 50px;
padding-top: 100px;
}
.landing_container .img-text-left h1{
font-family:Oswald-DemiBold;
color:#fff;
font-size:50px;
letter-spacing: 3px;
}
.landing_container .img-text-right{
float:right;
}
.landing_container .img-text-left ul {
padding-left: 14px;
font-size: 25px;
}
.landing_container .img-text-left ul li{
font-family:MYRIADPRO-COND;
color:#fff;
list-style:disc;
}
.landing_container .img-text-left ul li span{
font-size:36px;
font-family:MYRIADPRO-COND;
color:#fff;
}
.landing_container .tab-right .sj-tab-label {
height: 70px;
width: 33.3% !important;
padding: 11.8px 5px 11.8px 43px;
}
.landing_container .tab-right #sj-vin-form input[type="button"], .landing_container .tab-right #sj-partlookup-form .sj-form-row input[type="button"] ,.landing_container .tab-right #sj-engine-form input[type="submit"]{
background:#fff;
border:none;
font-size:29px;
font-family:Oswald-DemiBold;
color:#000000;
border-radius:0 !important;
}
.landing_container .tab-right .buttonshadow{
box-shadow:none;
}
.landing_container .tab-right #partnameheader{
margin-bottom:0;
}
.landing_container .tab-right .search-submit {
background: #fff !important;
margin-top: 20px !important;
padding: 12px 30px;
font-size: 29px;
background-color: #fff;
line-height: 22px;
color: #222;
font-family: Oswald-DemiBold;
border: none;
}
.landing_container .tab-right #sj-vin-form .sj-vin-btn,.landing_container .tab-right #sj-partlookup-form .sj-part-btn {
position: initial;
}
.landing_container .tab-right .sj-tab-label::after {
margin-left: 5px;
}
.landing_container .tab-right .form-field ,.landing_container .tab-right .form-field select ,.landing_container .tab-right .form-field input{
width:100% !important;
}
.landing_container .tab-right .form-field::before ,.landing_container .tab-right .form-field::after{
display:none !important;
}
.landing_container .dream-section{
float:left;
width:100%;
}
.three-p h1{
color:#222;
float:left;
width:100%;
text-align:center;
font-size:36px;
font-weight:900;
letter-spacing: 1px;
}
.green-theme .three-p h1{
margin-bottom:10px;
}
.landing_container .dream-section-left{
float:left;
width:55%;
margin-right:47px;
}
.landing_container .dream-section-right{
float:left;
width:40%;
}
.landing_container .dream-section-left h1{
font-family:Oswald-DemiBold;
font-size:48px;
color:#222;
letter-spacing: 1px;
}
.landing_container .dream-section-left p , .landing_container .three-p p {
font-size: 18px;
font-family: MYRIADPRO-COND;
line-height: 25px;
font-weight: 500;
color: #383839;
}
.landing_container .three-p h1{
font-family: Oswald-DemiBold;
}
.landing_container .warranty-section h1{
font-size:36px !important;
}
.green-theme .dream-section-left h1.diamonds{
font-size:48px !important;
}
.landing_container .testimonial::after {
position: absolute;
top: 95%;
left: 50%;
content: '\f0dd';
font-family: fontawesome;
font-size: 71px;
transform: translate(-50% , -50%);
}
.landing_container .item{
font-size: 40px;
font-family: MYRIADPRO-COND;
color:#fff;
}
.landing_container .item h4{
color:#fff;
text-transform: initial;
}
.landing_container .item span {
width: 100%;
float: left;
text-align: center;
text-transform:capitalize;
color: #C2CEFF !important;
}
.landing_container .owl-theme .owl-dots {
display:none;
}
.landing_container .mission-section h1{
font-size:28px;
font-family:Oswald-DemiBold;
}
.landing_container .mission-section span.regular{
font-weight:lighter;
color:#696969;
font-family: Oswald-DemiBold;
font-size:28px;
}
.landing_container .bottom{
padding:30px 0;
float: left;
width: 100%;
}
.landing_container .bottom span{
color:#fff;
font-size:17px;
float:left;
width:100%;
text-align:center;
font-family: MYRIADPRO-COND;
}
.warranty-section-left{
float:left !important;
width:30% !important;
margin-right: 48px !important;
}
.warranty-section-right{
float:right !important;
width:66% !important;
margin-right:0 !important;
}
.green-theme .tab-right #sj-vin-form input[type="button"].redclass, .green-theme .tab-right #sj-partlookup-form .sj-form-row input[type="button"].redclass, .green-theme .tab-right #sj-engine-form input[type="submit"].redclass, .green-theme .sj-top-form #sj-partlookup-form input[type="button"].redclass, .green-theme .sj-top-form #sj-vin-form .sj-form-row input.redclass, .green-theme .sj-top-form #sj-partlookup-form .sj-form-row input.redclass{
background-color: #F00 !important;
color: #fff !important;
}
.green-theme .tab-right #sj-vin-form input[type="button"].orangeclass, .green-theme .tab-right #sj-partlookup-form .sj-form-row input[type="button"].orangeclass, .green-theme .tab-right #sj-engine-form input[type="submit"].orangeclass, .green-theme .sj-top-form #sj-partlookup-form input[type="button"].orangeclass, .green-theme .sj-top-form #sj-vin-form .sj-form-row input.orangeclass, .green-theme .sj-top-form #sj-partlookup-form .sj-form-row input.orangeclass {
background-color: #F90 !important;
color: #fff !important;
}
.green-theme .tab-right #sj-vin-form input[type="button"].greenclass, .green-theme .tab-right #sj-partlookup-form .sj-form-row input[type="button"].greenclass, .green-theme .tab-right #sj-engine-form input[type="submit"].greenclass, .green-theme .sj-top-form #sj-partlookup-form input[type="button"].greenclass, .green-theme .sj-top-form #sj-vin-form .sj-form-row input.greenclass, .green-theme .sj-top-form #sj-partlookup-form .sj-form-row input.greenclass {
background-color: #0C3 !important;
color: #fff !important;
}
/**---------- Truck Landing-end ----------------**/
/***13/06/2019 by tajinder****/
.testimonial-outer-new .testi-left
{
width:41%;
float:left;
}
.testimonial-outer-new .testi-right {
width: 54%;
float: left;
margin-left: 5%;
}
.sj-new-title
{
width: 100%;
float: left;
margin-bottom: 23px;
}
.sj-new-title .dotted-border {
background-image: url(../images/dotted-img.png);
background-repeat: no-repeat;
height: 10px;
width: 100%;
float: left;
}
.sj-new-title .dotted-border.margin-btm {
margin-bottom: 10px;
}
.sj-new-title h1 span {
font-size: 41px;
color: #000;
font-family: 'oswaldregular';
font-weight: bold;
margin-bottom: 0px;
float:left;
text-align:left;
letter-spacing: 1px;
}
.sj-new-title h1 span strong {
background-color: #cd3737;
color: #fff;
padding: 0 5px;
font-size: 41px;
}
.top-spacing
{
margin-top:46px;
}
.sj-new-title .dotted-border.margin-top {
margin-top: 12px;
}
.we-do-block {
background-color: #fff;
padding: 15px 20px 15px 17px;
float: left;
width: 100%;
margin-bottom:10px;
}
.we-do-desc {
float: left;
width: 40%;
margin-right: 7%;
margin-top: 11px;
}
.we-do-desc em,.we-do-desc strong,.we-do-desc span
{
width: 100%;
float: right;
text-align:right;
font-family: oswald;
}
.we-do-desc em{
font-style: normal;
font-weight: 900;
}
.we-do-img {
width: 53%;
float: right;
}
.we-do-desc em, .we-do-desc strong {
font-size: 15px;
letter-spacing: .5px;
}
.we-client-name
{
color: #7e7e7e;
font-family: Roboto !important;
font-size: 13px;
padding-top: 26px;
}
.we-do-desc .we-part-no {
font-family: Oswald;
font-weight:500;
font-size: 14px;
letter-spacing: .5px;
}
.ts-white-background {
background-color: #fff;
padding: 25px 15px 26px 15px;
}
.ts-review-block .ts-review-info
{
width: 100%;
float: left;
text-align: left;
}
.ts-review-block .ts-review-info .ts-review-rating
{
background-color: #1677d5;
color: #fff;
border-radius: 10px;
padding: 0px 6px 1px 6px;
display:inline-block;
}
.ts-review-block .ts-review-info .ts-review-rating span,.ts-review-block .ts-review-info .ts-review-rating i
{
color:#fff;
display:inline-block;
}
.ts-review-block .ts-review-info .ts-review-rating span
{
font-size:12px;
vertical-align: text-bottom;
}
.ts-review-block .ts-review-info .ts-review-rating i
{
font-size:9px;
padding-left:4px;
vertical-align: middle;
}
.ts-review-block .ts-review-info .ts-review-social {
color: #338adf;
font-size: 11px;
font-family: roboto;
font-weight: 500;
}
.ts-review-block .ts-review-info .ts-review-date
{
font-size:13px;
font-family: Roboto;
}
.ts-review-desc {
width: 100%;
float: left;
margin-top: 10px;
}
.ts-review-desc span
{
display:block;
text-align:left;
font-size:12px;
font-family: roboto;
margin-bottom:2px;
}
.ts-review-desc .ts-review-feedback
{
margin-bottom:10px;
}
.ts-review-desc .ts-review-name,.ts-review-desc .ts-review-business-resp {
font-weight: 500;
color: #4b4b4b;
font-size:14px;
}
.ts-review-desc .ts-review-feedback,.ts-review-desc .ts-review-business-feedback
{
color: #646464;
}
.testi-right .ts-review-block
{
width: 100%;
float: left;
margin-bottom: 10px;
border-bottom: 1px dotted #a1a1a1;
padding-bottom: 21px;
padding-top: 13px;
}
.testi-right .ts-review-block:last-child
{
border-bottom:none !important;
padding-bottom: 0;
margin-bottom: 0
}
.testimonial-outer-new .ts-red-box
{
background-color:#cd3333;
}
.sj-full-width.ts-red-box {
width: 100%;
float: left;
padding: 16px 16px 4px 16px;
color: #fff;
margin-top: 45px;
}
.sj-full-width.ts-red-box p {
color: #fff;
text-align: center;
display: inline-block;
width: 100%;
font-family: Roboto;
letter-spacing: 1.2px;
font-size: 16px;
margin:0;
}
.sj-full-width.ts-red-box span, .sj-full-width.ts-red-box a {
font-family: Oswald-Regular;
font-size: 26px;
color: #fff;
padding: 0px 0 !important;
display: inline-block;
margin-bottom: 11px !important;
}
.sj-full-width.ts-red-box a
{
border-bottom:1px solid #fff;
padding-bottom: 0px !important;
padding-top:0 !important;
}
.sj-full-width.ts-red-box a:hover
{
text-decoration:none;
}
.question-block {
background-color: #d2d2d2;
width: 100%;
float: left;
color: #fff;
padding: 14px 0 22px 0;
margin-top: 78px;
}
.question-block h4 {
font-family: Oswald;
font-size: 23px;
font-weight: 500;
}
.question-block p
{
width:100%;
float:left;
text-align:center;
font-family: Roboto;
color:#424242;
}
.question-block p a
{
color:#3167c2;
border-bottom:1px solid #3167c2;
}
.question-block p a:hover
{
text-decoration:none;
}
.question-block .question-links
{
font-size:20px;
}
.question-block p:last-child {
margin: 0;
margin-top: -3px;
}
.question-block .que-subject
{
padding:0 52px;
}
.sj-left-form-home .sj-top-form #sj-engine-form .form-row select{
color:#fff !important;
background-image: url(../images/sj-dropdown-white.png);
}
.sj-home-form input[type="text"], .sj-home-form select{
text-transform:uppercase;
}
.sj-home-form #sj-engine-form .form-row:nth-last-of-type(2) {
margin-right: 12px !important;
}
.apply_coupon_btn {
background-color: #d31e25;
color: #fff;
font-family: roboto;
font-size: 15px;
padding: 10px 20px;
border: 0;
border-radius: 5px;
float: left;
margin-left: 15px;
-webkit-appearance: none;
}
.shipping-field.shipping-field-coupon{
width: 74% !important;
margin-right: 0;
}
.shipping-field.shipping-field-coupon .sj-form-field {
width: 100% !important;
}
.loc-sec-steps li:first-child span{
padding-left: 12px;
}
.annual-info-section h1 {
text-transform: uppercase;
}
/**---------- custom style ----------------**/
@media (max-width:1440px) {
.landing_container {
width: 100%;
}
.landing_container .overlay {
bottom: 131px;
}
.landing_container .tab-right {
top: 60px;
}
.banner-overlay {
left: 31px;
}
.z-zip {
width: 218px;
}
/****ci-test****/
.citest-overlay-content {
left: 48%;
}
.blue-sec h1 {
font-size: 35px;
line-height: 64px;
}
.blue-sec {
padding: 70px 50px;
}
ul.blue-box li h1 {
font-size: 53px !important;
line-height: 54px;
}
ul.blue-box li h4, ul.blue-box li h1 {
font-size: 35px;
}
.industry-wrap .testimonial .item h1 {
font-size: 120px;
}
.industry-wrap .testimonial .item p {
font-size: 40px;
}
.cin-map-left {
padding-top: 40px;
}
}
@media (max-width:1366px) {
.landing_container .dream-section-left {
margin-right: 45px;
}
.landing_container .warranty-section-left {
margin-right: 45px !important;
}
.landing_container .item h4 ,.landing_container .item span {
font-size: 32px;
}
.landing_container .tab-right {
top: 40px;
}
.sj-right-icons li
{
font-size:17px !important;
}
.sj-pay-logo-flex p {
width: 70%;
}
.pay-img {
width: 28% !important;
}
.warranty-bottom-text {
font-size: 17px;
}
.warranty-bottom-text span {
margin-top: 3px;
}
.warranty-wrap .warranty-box .box {
min-height: 596px;
}
.Inquiry-txt {
margin-top: 30px;
}
}
@media (max-width:1280px) {
#social-media {
display: none;
}
.footer .ftr-menu ul {
width: 70%;
margin: 0px auto;
padding: 15px 0px 25px;
}
.blue .ftr-menu ul {
width: 70%;
margin: 0px auto;
padding: 1% 0px 2.5%;
}
.landing_container .tab-right {
top: 34px;
left: 57%;
}
.landing_container .overlay {
bottom: 105px;
}
.landing_container .dream-section-left {
width: 65%;
}
.landing_container .item {
font-size: 34px;
}
.landing_container .dream-section-left h1 {
font-size: 43px;
}
.landing_container .warranty-section-left {
margin-right: 41px !important;
}
.three-p h1 {
font-size: 33px;
}
/***********HTML-FORMS**24/07/2019(Start)*******************/
.shipping-field {
width: 197px !important;
}
.sj-right-icons li {
font-size: 15px !important;
}
.landing_container .dream-section-left {
width: 55%;
}
.warranty-wrap .warranty-box .box {
padding: 23px 38px;
}
/*****citest*****/
.citest-overlay-content {
left: 50%;
}
.citest-overlay-content h1 {
font-size: 45px;
}
.citest-overlay-content p {
font-size: 18px;
line-height: 25px;
}
.citest-container h3 {
font-size: 35px;
}
.right-content p, .citest-container p {
font-size: 18px;
}
.blue-sec h1 {
font-size: 32px;
line-height: 44px;
}
.cin-extra-input .cin-fbttn {
font-size: 12px;
padding: 10px !important;
}
.cust-joinform-section .cust-extra-input span{
margin-top: 10px;
}
.cst-inside-cin {
padding: 30px;
}
.fact-sction-diffbg .owl-dots {
padding-top:20px;
}
.cin-map-field input[type="text"] {
padding: 18px 10px 18px 40px;
}
.cstm-wide-container .cstm-form-fullwdth {
padding-right: 0PX;
}
.cstm-field-wdth {
margin: 5px;
float: right;
}
}
@media (max-width:1180px) {
.sj-right-icons li {
font-size: 14px !important;
}
.warranty-wrap .warranty-box .box {
min-height: 562px;
padding: 13px 20px !important;
}
}
@media (max-width:1150px) {
.white-bg {
margin: 0 1%;
width: 98%;
}
.footer .ftr-menu ul {
width: 100%;
}
.ftr-menu ul li {
display: inline-block;
float: none;
}
.ftr-menu ul li:last-child, .blue ul li:last-child {
float: none;
}
.landing_container .tab-right {
top: 22px;
}
.landing_container .img-text-left {
margin-left: 37px;
padding-top: 106px;
}
.landing_container .tab-right {
left: 52%;
}
.blue-theme .tab-right {
top: 17px !important;
left: 57% !important;
}
.citest-overlay-content {
width: 80%;
}
.cst-inside-cin {
padding: 55px 90px 55px 10px;
}
.cin-benefit-section-left ul li, .cin-benefit-section-right ul li {
font-size: 18px;
}
.annual-info-section h4 {
font-size: 30px;
}
.zoom-image {
width: 13.8%;
}
}
@media (max-width:1050px) {
.white-bg {
margin: 0 1%;
width: 98%;
}
.container {
width: 960px;
}
.rbuild {
width: 90%;
}
.loc-list {
width: 225px;
}
.loc-sec-steps li span small {
left: 8% !important
}
.videospage .leftPanel, .videospage .rightPanel {
float: left;
width: 100%;
}
/* ****** 19-05-2016 **** */
.marine-engine {
width: 184px;
}
/*** 25-07-2016 ****/
.contact-footer-ul li:first-child {
width: 27% !important;
}
.contactDetails .contDetail-no {
display: block;
width: 100%;
}
.landing_container #sj-engine-form .form-row select ,.landing_container #sj-vin-form .sj-form-row input,.landing_container #sj-partlookup-form .sj-form-row input {
padding: 8px 18px 8px 18px !important;
}
.landing_container #sj-engine-form input[type="submit"] ,.landing_container #sj-vin-form input[type="button"],.landing_container #sj-partlookup-form .sj-form-row input[type="button"] {
padding: 10px 18px !important;
font-size:30px !important;
}
.landing_container .tab-right {
top: 34px;
}
.landing_container .dream-section-left {
width: 64%;
margin-right: 56px;
}
.landing_container .warranty-section-left {
margin-right: 47px !important;
}
.landing_container .warranty-section-right {
width: 65% !important;
}
.landing_container .warranty-section h1 {
font-size: 31px !important;
}
.landing_container .dream-section-left h1 {
font-size: 33px;
}
.landing_container .testimonial {
padding: 20px 50px 20px 50px;
}
.landing_container .mission-section span.regular {
font-size: 33px;
}
.landing_container .img-text-left h1 {
font-size: 41px;
}
.warranty-wrap .warranty-box .box {
padding: 13px 30px;
}
.landing_container .blue-theme-new .img-text-left h1 {
font-size: 39px;
}
.online-orders {
width: 67.2%;
}
.sj-button {
padding: 20px 70px !important;
}
/*******citest********/
.industry-wrap .testimonial .item h1 {
font-size: 80px;
}
.industry-wrap .testimonial .item p {
font-size: 28px;
}
.cin-map-left-h2 {
font-size: 50px;
}
.joinform-section {
padding: 40px;
}
.annual-info-section .owl-dots {
padding-top: 0px;
}
.cin-map-left-h2 {
font-size: 60px;
}
}
@media (max-width:1024px) {
.landing_container .dream-section-left {
width: 56%;
margin-right: 30px;
}
.landing_container .warranty-section-left {
margin-right: 44px !important;
}
.landing_container .sj-reft-img .sj-reft-top {
max-width: 752px;
top: -55px;
}
.landing_container .sj-reft-img .sj-reft-top .sj-guaranteed {
padding: 20px 0 10px 0;
top: 56%;
}
.sj-thumbnail-list .sj-thumb-outer .thum-list {
font-size: 22px !important;
}
.six-buttons .sj-thumb-outer a.thum-list {
font-size: 35px !important;
}
/***checkout-page***/
.checkout-bottomleft {
padding: 10px 10px 10px 10px;
}
.new-billig-container{
padding:0 !important;
}
.sj-right-icons li {
font-size: 18px !important;
}
/*****17/08/2019*******/
.warranty-box .box {
width: 30%;
}
.warranty-box .box {
padding: 19px 27px;
min-height: 518px;
}
.banner-overlay {
left: 23px;
}
.loc-sec-steps li span {
font-size: 13px !important;
}
.credit-left, .credit-right {
float: left;
width: 100%;
margin-right: 0;
margin-top: 25px;
}
/****paypal_learnmore*23/08/2019******/
.quick-access-sec .box {
float: left;
width: 100%;
padding: 0px 0;
margin-right: 0;
}
.access-inner {
position: relative;
padding: 5px 0 20px 0;
}
.taw-logo span.green-taw {
font-size: 27px !important;
}
.hist-table td:nth-child(1) {
width: 35%;
}
.hist-table tbody td {
width: 65%;
}
td.wrannty span {
width: 71.8%;
}
/**************BySndeep-Start**********/
.cin-explained-three {
padding:0px 10px;
}
.cin-map-inside {
padding-top: 20px;
}
.cin-explained-three1 {
padding: 0px 10px;
}
.cin-compition-section {
padding: 40px 0px;
}
.cin-compition-section h4{
font-size: 40px;
padding:20px;
}
.cin-map-left-h2 {
font-size:50px;
}
.cstm-cin-slide {
width:100%;
float:left;
}
.cin-center-sbox {
max-width:100%;
float:center;
}
.cst-inside-cin {
padding: 55px 20px;
}
.left-cin {
width: 100%;
float: left;
}
.right-cin {
width: 100%;
float: left;
text-align: left;
}
.left-cin-py {
padding-left: 0px;
padding-bottom: 0px;
}
.right-cin-topp {
padding-bottom:30px;
text-align: left;
}
.right-cin-p {
bottom: 10px;
position:unset;
float: left;
right:0px;
padding-bottom: 20px;
}
.cin-red-yellow-img {
margin:0px;
text-align: left;
float: left;
width: 50%;
}
.cin-feature-left, .cin-feature-center, .cin-feature-right {
padding:15px;
}
.cin-enroll-section {
padding: 30px;
}
.cin-benefit-section h1 {
font-size:40px;
}
.cin-benefit-section-left h4 {
font-size:35px;
padding:25% 0% 0% 25%;
}
.cin-benefit-section-insideh h2 {
font-size:40px;
padding: 10px 0px;
}
.cin-benefit-section-left ul li, .cin-benefit-section-right ul li {
font-size: 15px;
}
.cin-product-section {
padding: 30px 0px;
}
.cin-dark-section h1 {
font-size: 40px;
}
.cin-dark-section {
padding: 40px 0px 50px 0px;
}
.cin-dark-button img {
top: 15px;
}
.fact-stats-section {
padding: 40px 0px;
}
.annual-info-section h1 {
font-size: 40px;
}
.cin-membership-right h1{
font-size: 38px;
}
.joinform-inside {
padding:60px 10px 60px 10px;
}
.joinform-section {
padding: 60px 80px;
}
.joinform-section .inst-form .joinform-left {
padding-right: 2%;
}
.joinform-section .inst-form .joinform-right {
padding-left: 1%;
}
.int-nob, .inst-below-formp{
padding: 15px 35px;
}
.cin-leftlist {
margin-right: 10px;
}
.cin-map-field input[type="text"] {
padding: 15px;
}
.cin-map-field input[type="text"] {
width: 28%;
float: left;
border: none;
padding: 15px;
}
.cin-feature-section {
padding-top: 20px;
}
.cin-feature-section h3 {
font-size: 20px;
}
.cin-feature-section p {
font-size: 15px;
line-height:normal;
}
.cin-testimonial-section {
padding: 50px 0px 20px 0px;
}
.cin-testimonial-section p {
line-height:normal;
}
.fact-sction-diffbg .prev, .fact-sction-diffbg .next, .cin-testimonial-section .testimonial .prev, .cin-testimonial-section .testimonial .next{
display:none;
}
.es-feature-ul li img {
width: 10%;
}
.cin-explained-section h1 {
font-size: 40px;
}
.cin-benefit-section-left ul li img, .cin-benefit-section-right ul li img{
width: 10%;
}
.esheader-bar-right .es-heading{
width:100%;
float:left;
}
.esheader-bar-right .es-heading br {
float: none !important;
display: none;
}
.esheader-bar-right .es-pay-button {
margin-top: 0px;
}
.esheader-bar-right{
padding: 0px 20px;
}
/**************BySndeep-End**********/
}
@media (max-width:980px) {
p {
text-align: left !important;
}
.white-bg {
margin: 0 1%;
width: 98%;
}
.container {
width: 95%;
}
.rbuild {
width: 95%;
}
.logo {
width: 310px;
}
.hd-rgt {
width: 37%;
}
.checkout-bar {
font-size: 14px;
}
.cart-icn {
background-size: 100%;
width: 18px;
}
.checkout-icn {
background-size: 100%;
width: 12px;
}
.contact {
margin: 3% 10px;
font-size: 20px;
}
.login-form .login-input {
width: 33.5%;
}
.rwd {
margin: 7% 0 0;
}
.rbuild ul li a {
padding: 0 2.8%;
font-size: .8em;
}
.rbuild {
width: 475px;
}
.blue ul li, .ftr-menu ul li, .blue ul li a, .ftr-menu ul li a {
display: inline-block;
text-align: center;
}
.blue .ftr-menu {
width: 100%;
}
.loc-list {
width: 24%;
}
.font22 {
font-size: 17px;
}
.col-6 .col-group .col-full .one-half {
width: 48% !important;
}
.loc-sec-steps li span {
font-size: 13px !important;
}
.loc-sec-steps li {
width: 23%;
}
.contactusPage .leftPanel {
float: left;
width: 100%;
}
.contactusPage .rightPanel {
float: right;
width: 100%;
}
.recyclingpage .leftPanel {
text-align: center;
width: 100%;
}
.recyclingpage .rightPanel, .right-detail li {
width: 100%;
}
.marine-engine {
width: 20%;
}
.landing_container .img-text-left h1 {
font-size: 51px;
}
.landing_container .img-text-left ul {
padding-left: 21px;
font-size: 25px;
}
.landing_container .img-text-left ul li span {
font-size: 36px;
}
.landing_container .tab-right {
left: 49%;
top: 22px;
}
.landing_container .dream-section-left {
margin-right: 61px;
}
.landing_container .warranty-section-left {
margin-right: 43px !important;
}
.landing_container .sj-reft-img .sj-reft-top .sj-guaranteed {
padding: 22px 0 11px 0;
top: 57%;
}
.cust-banner-img {
height: 473px !important;
}
.landing_container .overlay {
height: 473px !important;
position: absolute;
bottom: 0 !important;
top: 0;
}
.question-block .question-links {
font-size: 20px;
line-height: 29px;
}
.question-block .que-subject {
padding:0 !important;
}
/***checkout-page***/
.checkout-bottomleft {
float: left;
width: 100%;
}
.checkout-bottomleft p {
text-align: center !important;
}
.checkout-bottomleft p br {
display:none;
}
.checkout-bottomright {
float: left;
width: 100%;
}
/****testimonial page****/
.taw-topright {
top: -67px;
right: -5px;
width: 330px;
}
/***********HTML-FORMS**24/07/2019(Start)*******************/
.shipping-field {
width: 47% !important;
}
.f-row .shipping-field:nth-child(2n) {
float: right !important;
margin-right: 0px;
}
.shipping-field-half {
float: left;
width: 47% !important;
padding-right: 0;
}
.empty-field {
display: none;
}
.f-row {
margin-bottom: 0;
}
.warranty-wrap .warranty-box .box {
min-height: auto;
width: 100%;
margin-top: 30px;
}
.warranty-wrap .box-wrap {
padding: 10px 10px;
}
.warranty-wrap .warranty-box .box {
margin-right: 0;
padding: 30px 38px;
}
.warranty-wrap .warranty-box .box p {
text-align: center !important;
float: left;
width: 100%;
}
.panel-wrap {
padding: 42px 50px;
}
.panel-left{
padding:0px 0 10px 0;
}
.panel-left,.panel-right {
width:100%;
}
.landing_container .blue-theme-new .sj-top-form #sj-engine-form .form-row select {
line-height: inherit;
}
.landing_container .blue-theme-new .sj-tab-label::after {
top: 26px;
}
.hist-table td:nth-child(1) ,.hist-table tbody td {
width: 50%;
}
.order-hist-outer{
overflow:auto;
float:left;
width:100%;
}
.order-hist-new{
max-width:1024px;
min-width:1024px;
}
.order-preview-outer{
overflow:auto;
}
.online-orders {
width: 67%;
}
/*****citest****/
.citest-overlay-content p {
font-size: 16px;
line-height: 23px;
text-align: center !important;
}
.citest-overlay-content h1 {
font-size: 37px;
margin-bottom: 10px !important;
}
.resp-content {
margin-top: 23px;
}
.citest-container h3 {
font-size: 33px;
}
.blue-sec h1 {
font-size: 27px;
line-height: 38px;
}
.right-content p, .citest-container p {
text-align: center !important;
}
.ci-list, .ci-list li {
margin-top: 14px;
font-size: 17px;
}
img.ci-engine {
height: 426px;
}
.priority-sec .testimonial .item p {
font-size: 18px;
}
.cin-map-inside {
margin-top: 0%;
}
.cin-explained-section h1 {
font-size: 40px;
}
.cin-explained-three {
padding: 0px 22px;
}
.cin-feature-section h3 {
font-size: 16px;
}
.cin-membership-right {
padding-left:0px;
}
.cin-testimonial-section h6 {
font-size: 40px;
}
.cin-benefit-section h1 {
font-size: 50px;
}
.cin-benefit-section-left h4 {
padding: 20% 0% 10% 8%;
}
.cin-benefit-section-insideh h2 {
font-size: 40px;
}
.cin-inst-nob {
letter-spacing: 0px;
}
.es-bottom-left {
float: left;
width: 60%;
}
.es-bottom-right {
float: left;
width:40%;
}
.cstm-wide-container .cstm-newpp p {
margin-left: 15%;
}
.es-inside-bar {
padding-bottom: 10px;
}
}
@media only screen and (min-width: 801px) and (max-width: 980px) {
.contact-footer-ul li:first-child {
width: 29% !important;
}
.contactDetails .contDetail-no {
font-size: 14px;
}
.contact-footer-ul li {
width: 32% !important;
}
.cont-add {
font-size: 14px;
}
.contact-footer-ul li:last-child {
width: 39% !important;
}
.driStream {
font-size: 21px;
}
.es-heading {
color: white;
font-size: 20px;
}
}
@media (max-width:900px) {
.left_title {
float: left !important;
clear: both !important;
margin: auto !important;
text-align: center;
width: 20% !important;
height: auto !important
}
.building_pledging_img {
width: 100% !important;
width: 80% !important;
height: auto !important;
float: right !important;
clear: none !important;
margin: 5px 0 20px 0 !important;
}
.cart .third-column a {
width: auto !important;
}
.banner .inner-block-right {
float: left;
width: 100%;
margin-left: 0;
}
.banner .inner-block-left {
width: 100%;
}
._specification, .enginedetail_specification {
border: 1px solid #ddd;
margin-bottom: 15px;
min-height: 0.01%;
overflow-x: auto;
}
.col-6 .col-group .col-half {
width: 48% !important;
}
.col-6 .col-group .col-full .one-half {
width: 48% !important;
}
.col-6 .col-group .col-half .one-third {
width: 31% !important;
}
.col-6 .col-group .col-full .one-third {
width: 31% !important;
}
.col-6 .col-group .col-third .one-third {
width: 33% !important;
}
.col-6 .col-group .col-half .one-two {
width: 46% !important;
}
.col-6 .col-group .col-half .one-fourth {
width: 59% !important;
}
/* ***** 19-05-2016 ****** */
.marine-engine .title {
font-size: 16px;
}
.marine-engine select {
width: 130px;
}
/****************************Navpreet(12/06/2019)*************************/
.landing_container .overlay-content, .landing_container .sj-top-form {
position: relative;
float: left;
width: 100%;
}
.landing_container .img-text-left {
width: auto;
}
.landing_container .img-text-left {
position: absolute;
top: 0;
left: 0;
}
.landing_container .overlay {
bottom: 0;
height: 346px;
}
.landing_container .img-text-left {
top: -440px;
padding-top: 76px;
}
.landing_container .img-text-right {
float: left;
width: 100%;
}
.landing_container .tab-right {
max-width: 100% !important;
top: 0;
left: 0;
}
.landing_container .sj-form-outer {
margin-bottom: 42px;
}
.landing_container .overlay {
height: 400px;
}
.landing_container .sj-top-form .sj-tab-label {
font-size: 22px;
}
.landing_container .testimonial {
padding: 80px 79px;
}
.label-caption {
font-size: 38px !important;
}
.landing_container .mission-section h1 {
font-size: 35px;
}
.landing_container .mission-section span.regular {
font-size: 30px;
}
.landing_container .img-text-left {
top: -458px;
}
.landing_container .tab-right {
top: 31px !important;
left: 0 !important;
}
.landing_container .sliderarea img {
height: 360px;
object-fit: cover;
width:100%;
}
.landing_container .img-text-left {
top: -397px !important;
}
.shadow {
display: none;
}
.landing_container .sj-top-form .sj-tab-label {
padding: 16.8px 5px 11.8px 50px !important;
}
.landing_container .form-banner-outer {
height: inherit;
margin-bottom: 30px !important;
}
.purpose ,.process , .people{
width: 100% !important;
}
.three-p h1 {
text-align: left;
}
.landing_container .reft {
height: auto;
margin-bottom: 30px !important;
}
/****************************Navpreet(13/05/2019//)*************************/
.landing_container .dream-section-left {
width: 100%;
margin-right: 0;
}
.landing_container .warranty-section-right {
width: 100% !important;
}
.banner-overlay .serch-right {
margin-left: -15px;
}
.z-zip {
padding: 7px !important;
}
.banner-overlay .serch-right input {
height: 30px;
font-size: 14px;
}
.three-blocks p {
min-height: auto !important;
}
.three-blocks .sj-block-inner {
min-height: auto !important;
}
.menus-left {
width: 100% !important;
}
.Inquiry-txt {
margin-top: 15px;
}
.Inquiry-txt ul li {
font-size: 15px;
}
.fact-stats-section p,.cin-testimonial-section p,.cin-feature-section p
{
text-align:center !important;
}
.cin-map-inside {
padding:30px 30px 0px 30px;
}
.cin-map-right {
text-align: center;
padding-right:0px;
}
.cin-explained-three1 p {
font-size: 15px;
}
.cin-explained-three1 h3, .cin-explained-three1 h3 span{
font-size: 25px;
line-height: unset;
}
.fact-sction-diffbg {
padding: 30px;
}
.cust-joinform-section .cin-leftlist, .cust-joinform-section .cin-rightlist{
width:100%;
float:left;
}
.es-inside-right{
padding-left:0px;
}
.es-button-ul li {
padding: 0px;
}
.black-sm-bttn{
margin:0px;
}
.es-inside-rightbttn {
padding-left: 15px;
}
.es-bottom-left h2 {
font-size: 19px;
}
.es-bottom-right h1, .es-bottom-right h2{
padding-top:0px;
}
.cstm-wide-container .cstm-newpp p {
margin-left: 8%;
}
.cstm-field-wdth {
margin: 5px;
float: right;
}
.cstm-wide-container .cstm-button-outside {
width: 100%;
padding: 20px 0px 10px 0px;
}
.cstm-wide-container .cstm-form-fullwdth {
margin-bottom: 30px;
}
.cstm-wide-container .cstm-newpp p {
margin-top: 20px;
}
.response-logo-ul {
margin: 0px 0px 0px 0px;
}
}
@media (max-width:854px) {
.blue .ftr-menu ul {
width: 100%;
}
.footer .ftr-menu ul {
width: 100%;
float: left;
}
.landing_container .tab-right .sj-tab-label {
width: 33.3% !important;
}
.black-theme .sj-reft-bottom .sj-reft-p-img {
left: -19px !important;
}
.landing_container .warranty-section-right {
width: 100% !important;
}
.black-theme .overlay {
bottom: 71px !important;
}
.landing_container .label-caption {
font-size: 23px;
}
.annual-info-section .prev {
left: 0;
}
.annual-info-section .next {
right: 0;
}
.es-bottom-right img {
width: 3%;
margin-right: 5px;
}
.es-inside-left, .es-inside-right, .es-bottom-left, .es-bottom-right, .header-bar-left{
width:100%;
float:left;
display: inline;
}
.es-bottom-bar-inside {
display:inline;
}
.es-feature-ul li img {
width: 6%;
}
.cstm-wide-container .cstm-newpp p {
margin-left: 0%;
}
.cin-map-left {
padding:60px 30px 60px 30px;
}
.cin-map-left-h2 {
font-size: 40px;
}
.cin-map-right {
padding-right: 60px;
}
.cin-explained-section h1 {
font-size: 35px;
}
.cin-explained-three {
padding: 0px 0px;
}
.cin-compition-section h4, .cin-enroll-section-left h1, .cin-membership-right h1 {
font-size: 35px;
}
.cin-enroll-section-left h1{
margin-bottom: 20px;
}
.cin-benefit-section-left h4 {
padding:35% 0% 10% 1%;
}
.fact-stats-section p {
padding: 0px 20px;
}
.cstm-wide-container .cstm-button-outside {
width: 100%;
padding: 10px 0px 5px 0px;
}
.cstm-wide-container .inner-vin-search input[type="button"] {
margin-right: 0px;
}
.cstm-wide-container .cstm-newpp p {
margin-left: 0px;
line-height: 28px;
}
.header-bar-right{
display:none;
}
.response-logo-ul {
display: block;
padding:10px 0px 10px 0px;
}
.normal-screen-div{
display:none;
}
.es-inside-leftbttn {
width: auto;
}
.es-insidebttna {
width:230px;
}
.es-inside-rightbttn {
padding: 10px 0px 30px 0px;
}
.es-bottom-right h1, .es-bottom-right h2 {
padding-top: 10px;
}
.es-insidebttna a {
padding: 15px 0px;
width: 226px;
}
}
@media (max-width:800px) {
.logo {
width: 280px;
}
.hd-rgt {
width: 37%;
}
.checkout-bar {
font-size: 14px;
}
.cart-icn {
background-size: 100%;
width: 18px;
}
.checkout-icn {
background-size: 100%;
width: 12px;
}
.contact {
margin: 3% 10px;
font-size: 20px;
}
.white-bg {
margin: 0 1%;
width: 98%;
}
.container {
width: 95%;
}
.rbuild {
width: 95%;
}
.login-form .login-input {
width: 33%;
}
.thum-list {
width: 29%;
margin: 15px 1.8%;
}
.right-detail h3 {
font-size: 17px !important;
}
.right-detail li {
text-align: left;
}
.sj-widget-section.widget-new {
padding: 1.5% 0 12.3% 0;
}
.cin-membership-right{
width: 100%;
}
.cin-benefit-section h1 br, .cin-benefit-section-right h2 br{
display:none;
}
.cin-benefit-section-left h4{
padding:17% 0% 10% 20%;
font-size: 33px;
}
.cin-map-left, .cin-map-right{
width:100%;
}
.cin-benefit-section-left ul li img, .cin-benefit-section-right ul li img{
width:10%;
}
.applying-image {
width: 90%;
}
.es-inside-right{
padding-left:0px;
}
.es-headings {
font-size: 11px;
}
.es-button-ul li{
padding: 0px 0px 0px 10px;
}
.cstm-wide-container .cstm-newpp p {
margin-left: 50px;
}
.cstm-wide-container .cstm-form-fullwdth {
text-align: left;
}
.cstm-wide-container .sctm-new-bttn {
margin: 0px !important;
padding: 2px 10px;
}
}
@media (max-width:768px) {
#map_canvas {
height: 350px;
}
.banner.full.shippingcheck .content-1.left.full h2 .title.red.text-left.uppercase.font32 {
font-size: 20px !important;
}
.banner.full.shippingcheck .content-1.left.full .clear .fleft {
width: 100% !important;
}
.col-6 .col-group .col-half.last.text-center {
clear: both;
width: 100% !important;
}
.loc-sec-steps {
margin-bottom: 5px !important;
}
.col-6 .col-group .col-half {
width: 48% !important;
}
.col-6 .col-group .col-full .one-half {
width: 48% !important;
}
.col-6 .col-group .col-half .one-third {
width: 28% !important;
}
.col-6 .col-group .col-third .one-third {
width: 33% !important;
}
.col-6 .col-group .col-half .one-two {
width: 46% !important;
}
.col-6 .col-group .col-half .one-fourth {
width: 59% !important;
}
.col-6 .col-group .col-third .one-two {
width: 115px !important;
}
.col-6 .col-group label {
overflow: hidden;
text-overflow: ellipsis;
text-transform: uppercase;
white-space: nowrap;
width: 100%;
}
.col-6 {
width: 100% !important;
margin: 0 !important;
}
.hd-lft {
width: 434px;
text-align: center;
float: none;
margin: 0 auto;
}
.logo {
width: 280px;
}
.hd-rgt {
width: 434px;
float: none;
margin: 0 auto;
}
.checkout-bar {
font-size: 14px;
}
.cart-icn {
background-size: 100%;
width: 18px;
}
.checkout-icn {
background-size: 100%;
width: 12px;
}
.contact {
margin: 3% 10px;
font-size: 20px;
}
.white-bg {
margin: 0 1%;
width: 98%;
}
.container {
width: 95%;
}
.rbuild {
width: 95%;
}
.login-form .login-input {
width: 39%;
}
.font22 {
font-size: 16px;
}
.font18 {
font-size: 15px;
}
/*.font26{font-size: 22px;}
p{font-size: 13px;}*/
.menuicon {
display: block;
background: url(../images/toggle.png) no-repeat 0 0 / 100%;
height: 28px;
width: 33px;
float: right;
margin: 2px;
}
.menu {
display: none;
position: absolute;
top: 29px;
left: 0;
width: 100%;
background-color: #4b78c9;
font-size: 13px;
}
.main-menu {
position: relative;
}
.main-menu li {
display: block;
background-image: none !important;
float: none;
width: 100%;
border-bottom: 1px dotted #466fc5;
}
.main-menu ul {
float: none;
z-index: 100;
}
.main-menu ul ul, .main-menu ul ul li {
width: 100%;
}
.left-content {
width: 100%;
}
.right-sidebar {
float: left;
width: 100%;
text-align: center;
margin: 20px auto 0;
}
.rbuild {
width: 480px;
}
.blue ul li, .ftr-menu ul li, .blue ul li a, .ftr-menu ul li a {
float: left;
width: 100%;
text-align: center;
border: 0px;
padding-bottom: 2px;
}
.font22 {
font-size: 22px;
}
.white {
margin-bottom: 5px;
}
.right {
float: left;
}
.loc-list {
width: 40%;
border-right: 0px solid #d30129;
border-bottom: 1px solid #333;
margin: 22px;
padding: 10px 0px;
}
.loc-sec-steps li.active .loc-sech-ttl, .loc-sec-steps li {
background-size: 9px 100% !important;
font-size: 13px !important;
font-weight: normal !important;
line-height: normal !important;
max-height: 66px !important;
min-height: 62px !important;
font-size: 13px !important;
}
.loc-sec-steps li span {
height: auto !important;
line-height: normal !important;
}
.loc-sec-steps li span small {
left: auto !important;
display: block !important;
top: auto !important;
bottom: -15% !important;
clear: both !important;
text-align: center !important;
}
.map_detail .first {
width: 100% !important;
}
.map_detail .second {
width: 100% !important;
padding: 10px 0 !important;
text-align: center;
}
.map_detail .third {
width: 100% !important;
}
.loc-sec-steps li.active .loc-sech-ttl {
width: 99.6% !important;
}
.loc-sec-steps li span small {
bottom: 0 !important;
}
.footer {
background: none !important;
}
.full .half {
width: 100%;
}
.badgePgae .topBadgebanner .badgeTitle {
width: 100%;
float: left;
text-align: center;
}
.badgePgae .topBadgebanner .badgeBanner {
width: 100%;
float: right;
text-align: center;
}
/* ********* 19-05-2016 ******** */
.marine-engine {
width: 40%;
}
.marine-engine:last-child {
display: flex;
float: none;
margin: 22px auto;
}
.marine-engine .title {
font-size: 22px;
}
.marine-engine select {
width: 150px;
}
/******* 17-12-2016 ******/
.silver-wrapper .silver-right img {
width: auto;
}
.dollorclas {
padding-right: 12px;
text-align: right;
}
.landing_container .overlay-content {
position: relative;
}
.landing_container .img-text-left {
position: absolute;
top:0;
left:0;
}
.landing_container .overlay {
bottom: 0;
height: 365px;
}
.landing_container .img-text-left {
top: -440px;
padding-top: 0;
}
.landing_container .img-text-right {
float: left;
width: 100%;
}
.landing_container .tab-right {
max-width: 100% !important;
top: 0;
left: 0;
}
.landing_container .sj-form-outer {
margin-bottom: 0;
}
.landing_container .dream-section-left ,.landing_container .dream-section-right ,.landing_container .warranty-section-left,.landing_container .warranty-section-right {
width: 100% !important;
margin-right: 0 !important;
}
.landing_container .sj-reft-img .sj-reft-bottom .sj-reft-p-img {
left: -30px !important;
}
.landing_container .sj-reft-img .sj-reft-top .sj-guaranteed em {
font-size: 10px;
}
.landing_container .sj-reft-top .sj-guaranteed a {
font-size: 16px;
}
.landing_container .sj-reft-img .sj-reft-top .sj-guaranteed {
padding: 8px 0 5px 0;
top: 62%;
width: 51%;
}
.landing_container .testimonial {
padding:20px;
}
.landing_container .bottom {
padding: 20px 0;
}
.landing_container .tab-right #sj-engine-form .sj-engine-btn {
margin-top: 0px;
}
.landing_container #sj-vin-form .sj-vin-btn,.landing_container #sj-partlookup-form .sj-part-btn {
margin-top: 0px !important;
}
.landing_container .item h4, .landing_container .item span {
font-size: 31px;
}
.landing_container .dream-section-left h1 {
font-size: 32px;
}
.landing_container .mission-section span.regular {
font-size: 28px;
}
.landing_container .warranty-section-right {
width: 100% !important;
}
.landing_container .label-caption {
font-size: 39px;
}
.landing_container .tab-right .sj-tab-label{
font-size: 21px;
}
.six-blocks .sj-thumb-outer img {
height: 200px !important;
}
.slider-over-box-new h4 {
font-size: 11px;
}
.sj-pdetail-left-grid-new {
width: 100% !important;
}
.sj-pdetail-right-grid-new {
width: 60% !important;
}
.landing_container .sj-left-form {
background: none;
}
.landing_container .tab-right {
margin-bottom: 30px;
}
.application-sec {
display: inherit;
}
.application-sec .left {
width: 100%;
margin-right: 0;
}
.application-sec .right {
width: 100%;
margin-right: 0;
margin-top: 50px;
}
.sj-home-btn-outer.paypal-btns {
text-align: center !important;
}
.credit-left-bottom {
width: 100%;
}
.pay-img {
width: 31% !important;
}
.sj-pay-logo-flex p {
width: 69%;
}
.taw-logo {
margin-top: 15px;
}
.banner-overlay {
display: flex;
align-items: center;
}
.loc-sec-steps li.active .loc-sech-ttl, .loc-sec-steps li{
min-height:59px !important;
}
.menus-left {
width: 100% !important;
}
.white-box-2 td:nth-child(2n+1) {
width: 40%;
}
.white-boxes td:nth-child(2n+1){
width: 50%;
}
.Inquiry-txt ul {
padding: 15px 0 10px 13px;
}
.inst-form-right.inst-form-right-new {
margin-top: 49px !important;
}
.cstm-button-outside{
padding-left:10px;
}
/************By Sandeep-start***27-feb-2020**/
.cstm-wrrty-div .cstm-bttm-red, .cstm-wrrty-div .cstm-aln-txt{
font-size: 18px;
}
.cstm-perw-new .contractLabelNote {
line-height: 22px;
}
.annual-info-section h4 {
font-size: 25px;
margin-top: 10px;
}
.joinform-inside {
padding: 40px 20px;
}
.joinform-field-section {
padding-top: 20px;
}
.joinform-left ul label, .joinform-right ul label {
font-size: 15px;
}
.joinform-section .inst-form .inst-form-left li {
margin-bottom: 20px;
}
.cin-leftlist, .cin-rightlist{
width:100%;
}
.joinform-section {
padding: 60px 20px;
}
.cin-compition-section h4, .cin-membership-right h1, .titleonimage {
font-size: 40px;
}
.left-cin-p img{
width: 50%;
}
.left-search-bttn form {
left: 10%;
}
.cin-map-field a {
padding: 15px 10px;
font-size: 14px;
}
.cin-map-field input[type="text"] {
padding: 12px 10px 18px 50px;
}
.cin-map-left-h2 span {
padding-left:0%;
}
.cin-explained-three1, .cin-feature-left, .cin-feature-center, .cin-feature-right, .cin-enroll-section-left, .cin-enroll-section-right,
.cin-membership-left, .cin-benefit-section-left, .cin-membership-right, .cin-benefit-section-right{
width: 100%;
float: left;
}
.cin-slider-section {
height: auto;
}
.cin-explained-section h1 {
font-size: 30px;
}
.cin-feature-section {
display:inline;
}
.cin-membership-section {
height: unset;
}
.cin-testimonial-section {
padding:40px 0px 20px 0px;
}
.cin-testimonial-section .owl-item,
.cin-testimonial-section .cloned{
width:100%;
float:left;
}
.cin-testimonial-section p, .cin-testimonial-section h6 {
font-size: 22px;
}
.cin-benefit-section {
padding: 20px;
}
.cin-benefit-section h1 {
font-size: 40px;
}
.cin-benefit-section h1 {
padding-bottom: 0px;
}
.cin-benefit-section-right{
float: right;
}
.cin-benefit-section-insideh h2 {
font-size: 30px;
}
.cin-benefit-section br{
display:none;
}
.cin-benefit-section-left h4 {
color: black;
padding: 20px 0px;
text-shadow: 1px 1px 2px #000;
padding-left:100px;
padding-top:130px;
font-size:25px;
}
.joinform-section .inst-form .joinform-left,
.joinform-section .inst-form .joinform-left,
.joinform-section .inst-form .joinform-right
.joinform-section .inst-form .cin-cst-form-left,
.joinform-section .inst-form .cin-cst-form-right {
padding-right: 0px;
padding-left: 0px;
width:100%;
float:left;
}
.cin-enroll-section br, .cin-membership-section h1 br, .cin-leftlist p br{
display:none;
}
.cin-membership-right p {
margin-top: 0px;
}
.cin-membership-right {
padding:0px 20px;
}
.cin-button {
padding: 0px 0px 20px 0px;
}
.cin-right-text, .joinform-section .inst-half li{
width:100%!important;
}
.cin-map-left, .cin-map-right{
width:100%;
float:left;
text-align: center;
padding-right:0px;
}
.fact-stats-section p {
padding: 0px 20px;
}
.cin-map-left {
padding:20px 0px 10px 0px;
}
.cin-map-left-h2{
text-align:center;
}
.cin-benefit-section-insideh {
padding-top: 0px;
}
.joinform-left label {
font-family:unset;
}
.joinform-section .inst-form .cin-cst-form-right .inst-half li {
margin-bottom: 20px;
}
.cin-prod-list {
width: 60%;
}
.con-left,.con-right {
width: 100%;
padding-right:0;
}
.con-right
{
text-align:center;
margin-top:20px;
}
.cov-section
{
margin:10px 0 30px 0;
}
.cin-testimonial-section p {
line-height: 30px;
}
.cin-enroll-today-slider.fact-stats-section h1 {
font-size: 40px;
margin-top: 20px;
}
.cin-enroll-today-slider.fact-stats-section h3 {
font-size: 25px;
}
.cin-benefit-section-right,.cin-benefit-section-left{
width: 50%;
}
.cin-benefit-section-right img, .cin-benefit-section-left img {
/* text-align: right; */
max-width:25px;
}
.applying-image {
width: 100%;
}
.fact-sction-diffbg{
padding: 30px;
}
.joinform-right h6{
padding: 0px;
}
.cust-joinform-section .inst-form .inst-form-right .inst-files-attach{
margin-bottom:10px;
}
.cstm-resp-third{
width:100%;
float:left;
}
.cstm-resp-third .cin-explained-three1{
width:33%;
float:left;
padding:0px 30px;
}
.cin-explained-three1 h3 span, .cin-explained-three1 h3 {
font-size: 20px;
line-height: unset;
}
.cin-compition-section h4{
padding: 0px;
}
.cstm-responsive-sctions{
display:block;
}
.cstm-responsivehidden-sctions{
display:none;
}
.annual-info-section .owl-theme .owl-dots .owl-dot span,
.fact-stats-section .owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
}
.annual-info-section {
padding: 30px 0px 10px 0px;
}
.fact-stats-section {
padding: 0px;
}
.esheader-bar-left, .esheader-bar-center, .esheader-bar-right {
width: 100%;
padding:10px 0px;
text-align: center !important;
}
.es-bottom-bar {
padding: 20px;
}
.header-bar-outside {
display: inline;
}
.esyellow-right{
border:none;
}
.es-inside-right {
padding-left: 0px;
}
.es-pay-button{
float:none;
width: unset;
}
.es-inside-bar {
padding: 20px;
}
.esheader-bar-left h1 img{
width: 4%;
}
.es-footer-img, .es-footer-heading, .es-bottom-right {
width: 100%;
float: left;
text-align: center;
}
.es-headings {
font-size: unset;
}
.es-bottom-right h1, .es-bottom-right h2{
display:block;
}
.es-inside-left{
text-align: center;
padding: 20px;
}
.cstm-wide-container .sctm-new-bttn{
margin-right:0px;
}
.cstm-wide-container .cstm-newpp p {
margin-left: 0px;
}
.cin-dark-section h1, .cin-enroll-today-slider.fact-stats-section h1, .cin-map-left-h2, .cin-compition-section, .cin-enroll-section-left h1 {
font-size: 35px;
}
.cin-dark-section h2, .fact-stats-section p {
font-size: 25px;
}
.cin-map-left-h2 br{
display:none;
}
.cin-explained-three1 img{
width: 20%;
padding:10px;
}
.zoom-image {
width: 13.6%;
}
.ownerAddressStreet .fieldTextcstBox {
width:100%!important;
padding-right: 20px;
}
.es-bottom-bar {
padding: 24px 20px;
}
.es-footer-img img {
width:110px;
}
/************By Sandeep-end***27-feb-2020**/
}
@media (max-width:700px) {
.left-half-part, .right-half-part {
width: 100%;
}
.right-half-part {
margin-left: 0;
margin-top: 20px;
padding: 0;
}
.right-detail li {
text-align: center;
}
.resp-mar-0 {
margin-top: 0;
}
.right-detail p {
font-size: 18px;
}
.landing_container .overlay {
height: 331px;
}
.landing_container .img-text-left {
padding-top: 0;
width: auto;
}
.landing_container .sj-reft-img .sj-reft-top {
max-width: 492px;
}
.landing_container .sj-reft-img .sj-reft-top .sj-guaranteed {
padding: 6px 0 6px 0;
top: 65%;
width: 52%;
}
.landing_container .sj-reft-img .sj-reft-top .sj-guaranteed a {
font-size: 17px;
}
.landing_container .item h4, .landing_container .item span {
font-size: 31px;
}
.payment-cards {
margin-bottom: 20px;
}
.payment-cards img {
width: 70%;
}
.cin-map-inside {
padding:0px;
}
}
@media (max-width:668px){
.cin-map-field a {
padding: 8px 10px;
font-size: 14px;
}
.cin-benefit-section-left h4 {
padding-left: 40px;
}
}
@media (max-width:667px){
.cin-benefit-section-left h4 {
text-shadow: 1px 1px 2px #000;
font-size: 25px;
padding:25% 0% 1% 28%;
}
.cin-map-field a {
padding: 8px 10px;
font-size: 14px;
}
.cin-map-field input[type="text"] {
padding: 15px 10px 15px 20px;
}
.es-bottom-right img {
width: 6%;
}
.cin-compition-section h4, .cin-membership-right h1, .titleonimage {
font-size:35px;
}
.custom-cgreen-button {
display: block;
}
.custom-cgreen-button p, .custom-cgreen-button .sj-learnmore{
width: 100%;
float: left;
text-align:center!important;
}
}
@media (max-width:551px) {
.zoom-image {
width: 13.4%;
}
}
@media (max-width:550px) {
.cin-red-yellow-img {
width:50%;
}
.left-cin p {
font-size: 20px;
}
.left-cin p{
line-height: 29px;
}
.right-cin{
padding-top: 0px;
}
.right-cin-topp {
padding-bottom: 10px;
}
.cin-compition-section h4, .cin-enroll-section-left h1, .cin-membership-right h1, .titleonimage {
font-size: 25px;
}
.cin-testimonial-section p, .cin-testimonial-section h6 {
font-size: 15px;
}
.cin-testimonial-section .owl-dots{
display:none;
}
.cin-benefit-section-insideh {
padding-top: 0px;
}
.cin-benefit-section-left{
width:100%;
float:left;
}
.cin-benefit-section-left h4 {
padding: 30px 0px;
}
.cin-benefit-section h1 br, .cin-benefit-section h2 br{
display:none;
}
.cin-dark-section h1 {
font-size: 30px;
}
.cin-dark-section h2, .joinform-inside .titlewith-bg {
font-size: 20px;
}
.joinform-inside .titlewith-bg {
padding:10px;
}
.fact-stats-section p {
font-size: 15px;
line-height: 20px;
padding: 0px 21px;
}
.cin-dark-section h1, .cin-enroll-today-slider.fact-stats-section h1, .cin-benefit-section h1, .cin-map-left {
font-size: 30px;
}
.right-cin-p span {
font-size: unset;
}
.cin-dark-section h2, .right-cin-p span, .right-cin-p {
font-size:16px;
}
.cin-enroll-today-slider.fact-stats-section h1{
padding: 0px;
}
.left-cin p {
margin: 0px;
padding: 20px 0px;
}
.right-cin-topp, .right-cin-p {
padding-bottom: 10px;
margin: 0px;
line-height: 29px;
}
.right-cin-p br{
display:none;
}
.cst-inside-cin {
padding:20px 20px 70px 20px;
}
.cin-map-field a {
padding: 10px;
font-size: 10px;
}
.cin-map-field input[type="text"] {
padding: 12px 10px 10px 41px;
}
.cust-joinform-section .inst-form {
padding: 10px !important;
}
.cin-map-left {
padding: 20px 0px 10px 0px;
}
.cin-benefit-section-left ul li, .cin-benefit-section-right ul li {
font-size: 12px;
}
.cin-benefit-section-left h4 {
text-shadow: 1px 1px 2px #000;
padding-top: 50px;
}
.cin-benefit-section-inside{
margin-top: 30px;
}
.left-cin-py br, .left-cin-p br{
display:none;
line-height: unset;
padding-top: 30px;
}
.left-search-bttn form {
left: 2%;
}
.es-button-ul li {
padding:0px;
}
.es-feature-ul{
width: 100%;
float: left;
}
.cin-membership-right p {
line-height: 30px;
}
.joinform-inside .titlewith-bg {
font-size: 25px;
}
.cin-dark-section {
padding: 40px 5px 50px 5px;
}
}
@media (max-width:500px) {
.col-6 .col-group .col-third .one-third {
width: 23% !important;
}
.loc-sec-steps li {
width: 100% !important;
margin: 5px 0;
max-height: 100% !important;
min-height: 100% !important;
font-size: 16px !important;
font-weight: normal !important;
font-size: 15px !important;/*text-align:center !important;*/
}
.loc-sec-steps li.active .loc-sech-ttl {
width: 100% !important;
max-height: 100% !important;
min-height: 100% !important;
font-size: 16px !important;
font-weight: normal !important;
background-position: right top !important;
}
.loc-sec-steps li span small {
left: 0 !important;
top: 0px !important;
bottom: auto !important;
clear: both !important;
}
.quick-access-sec h1, .quick-access-sec h4 {
font-size: 20px;
}
.quick-access-sec p {
font-size: 17px;
}
.paypal-more h1, .paypal-more span {
font-size: 20px;
}
.paypal-more span {
font-size: 16px;
}
.application-sec p {
text-align:center !important;
}
.application-sec h1 {
padding-bottom: 10px;
font-size: 23px;
text-align: center;
}
.interest-sec .sj-welcome-content h4,.credit-left h1 {
font-size: 21px !important;
text-align: center;
padding: 0 20px;
}
.credit-left p , .application-sec p ,.application-sec p , .bottom-footer p{
font-size:14px !important;
}
.buy-now h1 {
font-size: 24px;
}
.paypal-btns a {
padding: 12px 20px !important;
font-size: 13px !important;
}
.cin-benefit-section-left h4 {
padding:40% 0% 0% 10%;
}
.cin-benefit-section-left, .cin-benefit-section-right {
margin-top:0px;
}
.cin-benefit-section {
padding: 20px 0px;
}
}
@media (max-width: 680px) {
.enter-cont {
width: 100%;
margin-left: 0;
}
.landing_container .overlay {
height: 322px;
}
/***********HTML-FORMS**24/07/2019(Start)*******************/
.shipping-field {
margin-right: 0px;
width: 100% !important;
margin-bottom:20px !important;
}
.f-row {
margin-bottom: 0;
}
.c-bttn {
margin-top: 0 !important;
}
.shipping-field-half {
width:100% !important;
padding-right: 0 !important;
margin-bottom:20px !important;
}
.rep-table{
float:left;
width:100%;
overflow:auto;
}
.rep-table table{
width:880px;
}
.sj-pdetail-right-grid-new {
width: 80% !important;
}
span.inquiry-heading {
text-align: center;
}
.display-flex {
display: inherit;
}
.left-image {
width: 100%;
margin-right: 0;
text-align: center;
margin-bottom: 30px;
}
.resp-content {
margin-top: 0;
}
.blue-sec h1 {
font-size: 25px;
line-height: 38px;
}
.blue-sec {
padding: 30px;
}
.video-thumbnail-top {
padding: 30px 0 20px 0;
}
.left-right-wrap {
padding: 50px 0 30px 0;
}
ul.blue-box li {
width: 100%;
margin-right: 0;
margin-bottom: 50px;
}
.ci-list, .ci-list li {
text-align: left;
}
.blue-box-sec {
padding: 50px 0 0px 0;
}
.industry-wrap .testimonial .item h1 {
font-size: 50px;
}
.industry-wrap .testimonial .item p {
font-size: 18px;
}
.priority-sec .testimonial .item p {
font-size: 16px;
}
.priority-sec .testimonial .item h1 {
font-size: 32px;
}
.priority-sec .testimonial .item span {
font-size: 22px;
}
.industry-wrap .testimonial .owl-nav.disabled {
position: absolute;
width: 100%;
top: 9%;
}
.industry-wrap .testimonial .owl-theme .owl-dots .owl-dot.active span, .industry-wrap .testimonial .owl-theme .owl-dots .owl-dot:hover span {
box-shadow: 0px 0px 0px 2px #fff ,0 0px 0px 0px #a39797;
}
.mt-160 {
margin-top: 80px;
}
.citest-container h3 {
line-height: normal;
}
.ci-banner img {
height: 260px;
object-fit: cover;
}
.resp-flex {
display: flex;
}
.mb-60 {
margin-bottom: 40px !important;
}
.right-content {
float: left;
width: 100%;
text-align: center;
}
.citest-container h3 {
text-align: center;
}
}
@media (max-width:600px) {
.cart {
clear: both;
}
.cart .first-column {
width: 30% !important;
float: left !important;
}
.cart .second-column {
width: 70% !important;
float: left !important;
text-align: center !important;
}
.cart .third-column {
width: 100% !important;
float: left !important;
text-align: center !important
}
.cart .third-column a {
clear: none !important;
margin-left: 4% !important;
margin-right: 4% !important;
float: none !important;
width: 150px !important;
}
.left_title {
float: none !important;
clear: both !important;
margin: auto !important;
text-align: center;
width: auto !important;
}
.building_pledging_img {
width: 100% !important;
height: auto !important;
float: none !important;
clear: none !important;
margin: 5px 0 20px 0 !important;
}
.hd-lft {
width: 434px;
text-align: center;
float: none;
margin: 0 auto;
}
.left-form {
width: 400px;
float: none;
margin: 0 auto;
}
.logo {
width: 280px;
}
.hd-rgt {
width: 434px;
float: none;
margin: 0 auto;
}
.slider {
width: 100%;
}
.checkout-bar {
font-size: 14px;
}
.cart-icn {
background-size: 100%;
width: 18px;
}
.checkout-icn {
background-size: 100%;
width: 12px;
}
.contact {
margin: 3% 10px;
font-size: 20px;
}
.white-bg {
margin: 0 1%;
width: 98%;
}
.container {
width: 95%;
}
.rbuild {
width: 95%;
}
.login-form .login-input {
width: 39%;
}
.font18 {
font-size: 15px;
}
.left-content {
width: 100%;
}
.rbuild {
width: 480px;
}
.inner-block-right .BottomText h2 {
font-size: 13px;
}
.inner-block-right .BottomText h1 {
font-size: 22px;
}
.inner-block-right .BottomText li {
width: 12%;
}
.slider-outter {
width: 100%;
}
.landing_container .sj-reft-p-img img {
display: none;
}
.landing_container .sj-reft-img .sj-reft-bottom .sj-reft-include {
height: 53px;
display: inherit;
text-align: center;
}
.landing_container .sj-reft-img .sj-reft-bottom strong {
float:left;
width:100%;
text-align:center;
}
.red-theme .sj-reft-img .sj-reft-bottom strong {
background:#de222a;
}
.blue-theme .sj-reft-img .sj-reft-bottom strong {
background:#3461ad;
}
.blue-themer .sj-reft-img .sj-reft-bottom strong {
background:#de222a;
}
.sj-reft-img .sj-reft-bottom .sj-reft-text li span:first-child, .sj-reft-img .sj-reft-bottom .sj-reft-text li span {
transform: initial;
width: 100% !important;
float: left;
margin-top: 10px;
}
.landing_container .sj-reft-bottom .sj-reft-text li:nth-child(1) {
position: relative;
left: 0;
top: 0;
}
.landing_container.sj-reft-bottom .sj-reft-text li span:first-child, .sj-reft-img .sj-reft-bottom .sj-reft-text li span {
margin-bottom: 3px;
}
.landing_container .sj-reft-img .sj-reft-top {
top: 36px;
}
.landing_container .sj-reft-img .sj-reft-bottom .sj-reft-include {
width: 100%;
}
.landing_container .sj-reft-img .sj-reft-bottom .sj-reft-text {
width: 100%;
margin-top: 36px;
}
.landing_container .sj-reft-bottom .sj-reft-text li:nth-child(2) {
left: 0 !important;
}
.landing_container .sj-reft-bottom .sj-reft-text li:nth-child(1) {
left: 0 !important;
}
.sj-reft-img .sj-reft-bottom .sj-reft-text li:nth-child(3) {
left: 0 !important;
margin-bottom: 15px;
}
.landing_container .sj-reft-img .sj-reft-bottom strong {
margin: 0 !important;
}
.landing_container .sj-reft-img .sj-reft-top {
top: -6px;
max-width: 100%;
}
.landing_container .sj-reft-img .sj-reft-top .sj-guaranteed {
padding: 13px 0 13px 0;
top: 72.7%;
width: 50%;
}
.landing_container .item h4, .landing_container .item span {
font-size: 27px;
}
.landing_container .tab-right .sj-tab-label {
width: 33.3%;
padding: 20px 20px;
}
.landing_container .overlay {
height: 286px;
}
.landing_container .img-text-left {
top: -406px;
}
.black-theme .img-text-left h1 {
font-size: 29px !important;
}
.black-theme .img-text-left {
top: -342px;
}
.black-theme .img-text-left ul li span {
font-size: 26px;
}
.black-theme .img-text-left ul {
padding-left: 20px;
font-size: 22px;
}
.landing_container .tab-right .sj-tab-label {
font-size: 18px;
}
.sj-btnns {
display: inherit;
}
.sj-btnns-right {
width: 100%;
}
.sj-buy input {
float: none !important;
margin-top: 30px;
}
.new-container-pdetail-2{
padding:0 !important;
}
.apply_coupon_btn {
margin-left: 0;
margin-top: 10px;
}
.shipping-field.shipping-field-coupon {
width: 100% !important;
}
.sj-oil-images-new {
background: #25252582;
}
.hist-table tbody {
width: 100% !important;
}
.hist-table td:nth-child(1){
width: 33%;
}
.hist-table tbody td {
width: 66%;
}
.shipping-left h2 {
padding-left: 0;
font-size: 21px;
line-height: 19px;
}
.shipping-left h4 {
font-size: 20px;
}
.map-right {
width: 100% !important;
}
.coupon-right , .coupon-left{
width:100%;
}
.coupon-left{
margin-bottom:10px;
}
.order-preview {
min-width: 650px;
}
.inst-form-right.inst-form-right-new {
margin-top: 0 !important;
}
.upload-btn-wrapper {
width: 75%;
}
.cin-benefit-section-left {
width: 50%;
}
.cin-benefit-section-left h4 {
padding:28% 0% 1% 0%;
}
.cin-benefit-section-left ul li, .cin-benefit-section-right ul li {
font-size: 13px;
}
}
@media (max-width:550px) {
.enginedetail_listing .eight, .enginedetail_listing .four {
width: 100% !important;
margin-top: 0;
}
.thum-list {
width: 45%;
margin: 15px 1.8%;
}
.rbuild {
width: 100%;
}
.checkout-bar ul {
float: none;
display: inline-block;
margin: 0 auto;
}
.checkout-bar {
text-align: center;
}
.rbuild {
text-align: center;
float: none;
}
.rbuild ul li {
float: none;
display: inline-block;
}
.rbuild ul {
float: none;
display: inline-block;
}
.font22 {
font-size: 22px;
}
.white {
margin-bottom: 5px;
}
.right {
float: left;
}
.loc-list {
width: 100%;
border-right: 0px solid #d30129;
border-bottom: 1px solid #333;
margin: 0px 0px;
padding: 20px 0px;
}
.col-6 .col-group .col-half .one-two {
width: 44% !important;
}
/* ******* 19-05-2016 ******* */
.marine-engine:last-child {
display: inline;
float: left;
margin: 0;
padding: 20px;
}
.z-zip {
padding: 6px !important;
font-size: 10px;
width: 124px;
}
.banner-overlay {
left: 9px;
}
.banner-overlay .serch-right input {
height: auto;
font-size: 10px;
padding: 6px !important;
}
.cin-benefit-section-left h4 {
font-size: 18px;
}
.cin-membership-right p, .joinform-inside p {
font-size: 15px;
}
.es-feature-ul li img {
width: 8%;
}
}
@media (max-width:480px) {
.col-6 .col-group .col-half {
width: 100% !important;
}
.col-6 .col-group .col-full .one-half, .col-6 .col-group .col-full .one-half input {
width: 100% !important;
margin-right: 0 !important;
}
.col-6 .col-group .col-half .one-two {
width: 100% !important;
}
.col-6 .col-group .col-half .one-third {
width: 100% !important;
}
.col-6 .col-group .col-half .one-fourth {
width: 100% !important;
}
.col-6 .col-group input[type="submit"], .col-6 .col-group input[type="button"], .col-6 .col-group .submit, .col-6 .col-group .send {
width: 90% !important;
padding: 0 10px;
}
#map_canvas {
height: 280px;
}
.banner.full.shippingcheck .content-1.left.full .clear .fleft p.title.font22 {
font-size: 16px;
}
.banner.full.shippingcheck h1 .title.font26 {
font-size: 18px;
}
.tab-content .col-2 {
width: 100% !important;
}
.thum-list {
width: 100%;
margin: 15px 0;
}
.list-img {
margin: 0px;
}
.hd-lft {
width: 100%;
}
.logo {
width: 100%;
height: auto;
}
.contact {
width: 100%;
font-size: 30px;
}
.hd-rgt {
width: 100%;
}
.rwd-thum {
float: none;
margin: 0 auto;
width: 50%;
}
.rwd {
float: none;
margin: 0 auto;
}
.login-form .login-input {
width: 33%;
}
.left-form {
width: 100%;
}
.font26 {
font-size: 22px;
}
.rbuild {
text-align: center;
float: none;
}
.rbuild ul li {
float: none;
display: inline-block;
}
.rbuild ul {
float: none;
display: inline-block;
}
.footer .ftr-menu {
float: none;
display: inline-block;
text-align: center;
width: 100%;
}
.footer .ftr-menu ul {
float: none;
display: inline-block;
text-align: center;
}
.font36 {
font-size: 26px;
}
.col-6 .col-group .col-full .email, .col-6 .col-group .col-full .phoneNumber {
width: 100% !important;
margin-right: 0 !important;
}
.col-6 .col-group .col-full .one-half.last, .col-6 .col-group .one-two, .col-6 .col-group .one-third, .col-6 .col-group .col-half .one-fourth, .col-6 .col-group .col-full .fullphonenumber, .col-6 .col-group .address {
margin-top: 20px !important;
}
.col-6 .col-group {
margin: 0 !important;
}
.col-6 .col-group.topSpace {
margin-top: 10px !important;
margin-bottom: 20px !important;
}
.col-6 .col-group .col-third .one-third {
margin-bottom: 20px !important;
}
.col-6 .col-group .col-full .title.shippingcheck {
margin: 10px 0;
}
.all_specy li .item {
width: 42% !important;
}
.all_specy li .itemDetail {
width: 58% !important;
text-align: right;
}
.diagnostic .field5, .diagnostic .field6, .diagnostic .field7, .diagnostic .field8, .diagnostic .field9, .diagnostic .field10, .diagnostic .field11 {
width: 96%;
}
.diagnostic .bottomForm .fieldRow {
margin-bottom: 20px;
}
/*******navpreet*********/
.sj-guaranteed{
display:none;
}
.sj-guaranteed-resp {
float: left;
width: 100%;
background: #df222a;
text-align: center;
padding: 20px 0;
display:block;
margin-bottom: 20px;
}
.sj-guaranteed-resp em{
color:#fff;
font-family: Roboto-BoldItalic;
}
.sj-guaranteed-resp h1 a{
color:#fff;
text-decoration:underline;
padding-top:10px;
font-family: oswald;
}
.landing_container .overlay {
height: 194px;
}
.landing_container .img-text-left h1 {
font-size: 28px !important;
}
.landing_container .warranty-section h1.font-48 {
font-size: 28px !important;
}
.landing_container .img-text-left ul li span {
font-size: 23px;
}
.landing_container .img-text-left {
top: -322px;
}
.landing_container .dream-section-left h1 , .three-p h1 {
font-size: 24px !important;
}
.landing_container .testimonial {
padding: 20px 30px;
}
.landing_container .item h4, .landing_container .item span {
font-size: 20px;
}
.landing_container .mission-section span.regular {
font-size: 20px;
}
.landing_container .sj-reft-img .sj-reft-bottom .sj-reft-text {
margin-top: 44px;
}
.landing_container .tab-right #sj-vin-form .sj-form-row input, .sj-top-form #sj-partlookup-form .sj-form-row input {
margin-bottom: 0;
}
.landing_container .testimonial {
margin-bottom: 50px;
}
.landing_container .tab-right .sj-tab-label {
font-size: 16px;
padding: 11px 12px 11.8px 42px !important;
}
.landing_container .tab-right #sj-vin-form .sj-vin-btn select, .landing_container .tab-right #sj-engine-form .form-row select,.landing_container .sj-top-form #sj-vin-form .sj-form-row input, .landing_container .sj-top-form #sj-partlookup-form .sj-form-row input {
font-size: 17px !important;
padding: 5px 10px !important;
}
.landing_container #sj-engine-form input[type="submit"], .landing_container #sj-vin-form input[type="button"], .landing_container #sj-partlookup-form .sj-form-row input[type="button"],.landing_container #sj-partlookup-form .form-field input[type="button"] ,.landing_container .tab-right #sj-vin-form input[type="button"] ,.landing_container .tab-right #sj-engine-form input[type="submit"] {
padding:6px 17px !important;
font-size: 16px !important;
line-height: inherit !important;
}
.cust-list li {
width: 100%;
text-align: center;
margin: 10px 0;
}
.green-theme .dream-section-left h1.diamonds {
font-size: 25px !important;
}
.green-theme .cust-banner-img, .green-theme.landing_container .overlay {
height: 250px !important;
}
.green-theme.landing_container .img-text-left {
top: -238px !important;
}
.shipping-wrap .shipping-right {
padding: 17px 0px;
}
.map-image span {
font-size: 19px;
}
/***checkout-page***/
.checkout-bottomleft {
padding: 0;
}
.check-wrap {
padding: 20px 0px !important;
}
.checkout-bottomleft h2 {
font-size: 27px;
}
/***********HTML-FORMS**24/07/2019(Start)*******************/
.resp-font {
font-size: 18px !important;
}
.sj-pdetail-right-grid-new {
width: 100% !important;
}
.sj-right-icons li {
font-size: 15.7px !important;
}
.font-48 {
font-size: 28px !important;
}
.pdetail-slider-outer {
margin-top: 0 !important;
}
/*****17/08/2019*******/
.warranty-wrap .box-container {
padding: 23px 20px;
}
.warranty-box .box {
padding: 30px 20px 30px 20px;
}
.warranty-wrap button span {
padding-top: 0;
font-size: 13px !important;
}
.warranty-wrap .panel-wrap {
padding: 22px 0px;
}
.warranty-wrap .box-wrap {
padding: 0px 10px;
}
.warranty-wrap .accordion i, .warranty-wrap .accordion:hover i, .warranty-wrap .accordion.active i {
width: 17%;
}
.landing_container .blue-theme-new .img-text-left h1 {
font-size: 22px !important;
}
.landing_container .blue-theme-new .img-text-left ul li {
line-height: 25px;
}
.landing_container .blue-theme-new .sj-top-form .sj-tab-label {
height: 65px !important;
}
.landing_container .blue-theme-new .sj-tab-label::after {
top: 26px !important;
}
.sj-white-bg {
padding: 20px !important;
}
.paypal-more-outer{
margin-bottom: 25px !important;
}
.application-sec {
padding:0px 0 60px 0;
}
.three-blocks .sj-block{
margin-bottom:20px !important;
}
.three-blocks p{
min-height:auto !important;
}
.picZoomer {
height: auto !important;
}
.save-share-btn-leftside {
margin-bottom: 20px;
}
.save-share-btn-rightside ,.save-share-btn-leftside input {
float: none;
}
.sj-button.sj-save-btn, .sj-button.sj-share-btn {
float: none !important;
}
.save-share-btn-leftside {
width: 100%;
text-align: center;
}
.sj-button.sj-share-btn{
margin-right:0 !important;
}
.warranty-wrap .warranty-box .box p {
line-height: 22px;
font-size: 19px;
}
.sj-button.sj-save-btn, .sj-button.sj-share-btn {
padding: 8px 24px !important;
width: 25%;
}
.taw-logo {
display: inherit;
}
.taw-logo span.green-taw {
font-size: 30px;
float: left;
width: 100%;
text-align: left;
padding-left: 0;
padding-top: 20px;
}
.sj-button {
padding: 12px 46px !important;
}
.cart-table-outer-1 .sj-imgp-outer {
margin-bottom: 30px;
float: left;
width: 100%;
text-align: left;
}
.sj-imgp-outer img {
width: 30%;
}
.cust_info, .shipp_info {
width: 100% !important;
float: left !important;
}
.sj-btnns-right-new {
width: 100% !important;
margin-top: 15px;
}
.sj-btnns-right-new .sj-button.sj-save-btn, .sj-btnns-right-new .sj-button.sj-share-btn {
padding: 5px 19px !important;
padding-left: 35px !important;
margin-right: 0 !important;
}
.sj-btnns-right-new a{
float: left;
width: 48% !important;
text-align: right;
}
.sj-button.sj-save-btn, .sj-button.sj-share-btn {
width: auto !important;
}
.sj-btnns-right-new .cus-st-btn {
float: right;
width: 48% !important;
text-align: left;
}
.sj-btnns-right-new .cus-st-btn .st-btn {
padding: 5px 12px 5px 11px !important;
}
.cus-tick {
top: 35%;
right: 133px;
left: 0;
}
#share_this_area {
padding: 16px 20px 51px 20px;
}
/*********citest********/
.industry-wrap .testimonial .item h1 {
font-size: 35px;
}
.industry-wrap .testimonial .item p {
font-size: 14px;
}
.industry-wrap .owl-theme .owl-nav.disabled + .owl-dots {
margin-top: 20px;
}
.priority-sec .testimonial .item {
padding: 20px;
margin-top: 20px;
}
.priority-sec .testimonial .item p {
padding: 8px 0;
font-size: 15px;
}
.citest-overlay-content {
width: 100%;
padding: 0 10px;
}
.citest-container h3 ,.font-32 {
font-size: 27px !important;
}
.right-content p, .citest-container p {
font-size: 16px;
}
.blue-sec h1 {
font-size: 20px;
line-height: 30px;
}
ul.blue-box li h4, ul.blue-box li h1 {
font-size: 28px;
}
ul.blue-box li h1 {
font-size: 40px !important;
}
.citest-overlay-content p {
font-size: 13px;
line-height: 18px;
}
.citest-overlay-content h1 {
font-size: 24px;
}
.inst-form .inst-form-right h3 {
font-size: 16px !important;
}
.html5gallery-tn-0 {
margin-left: -7px !important;
}
.citest-overlay-content h1 span {
padding: 0 9px;
}
.industry-wrap .testimonial .owl-prev {
left: -12px;
}
.industry-wrap .testimonial .owl-next {
right: -12px;
}
/************Bysandeep-end-27-feb-2020*******/
.cstm-wrrty-div .cstm-bttm-red, .cstm-wrrty-div .cstm-aln-txt{
line-height:20px;
}
.cstm-perw-new .contractLabel{
margin-bottom: 15px;
font-size: 18px;
}
.cstm-perw-new .contractLabelNote {
font-size: 18px;
}
.cin-map-left-h2 br{
display:none;
}
.cin-map-left {
padding-top: 50px;
padding-left: 0%;
}
.cin-map-left-h2 {
font-size: 35px;
}
.cin-inst-nob {
padding: 10px 30px;
}
.cin-testimonial-section .cin-button{
width: 70%;
padding: 0px;
}
.cin-testimonial-section p {
line-height: 30px;
}
.inst-below-formp p{
font-size: 15px;
line-height: 25px;
}
.cin-benefit-section-left li img, .cin-benefit-section-right li img{
width:15%;
}
.cin-testimonial-section p {
line-height: 20px;
}
.cin-testimonial-section h6 {
font-size: 21px !important;
}
.cin-prod-list {
background-color: #fff;
}
.inst-below-formp p {
font-size: 14px !important;
line-height: 20px;
word-wrap:break-word;
}
.inst-below-formp
{
padding-right:0 !important;
padding-left:0 !important;
}
.cin-benefit-section-ul{
width: 100%;
}
.cin-benefit-section-left h4 {
padding:78% 0% 10% 0%;
font-size: 20px;
}
.annual-info-section h4 {
font-size: 15px;
}
.cin-center-sbox label {
font-size: 15px;
}
.right-cin-topp, .right-cin-p{
color: #f8ec2e;
}
.annual-info-section .prev,
.annual-info-section .next{
display:none;
}
.cin-membership-right p {
line-height: 25px;
}
.cin-benefit-section-insideh h2 {
line-height: revert;
}
.cin-enroll-today-slider.fact-stats-section h1{
margin:0px;
padding-top:30px;
}
.es-button-ul li {
padding:0px;
}
.es-feature-ul li img {
width:10%;
}
.es-inside-left {
padding:0px;
}
.response-logo-ul {
padding:15px 0px 15px 0px;
}
.es-inside-rightbttn {
padding: 10px 0px 20px 0px;
}
.cstm-npinside-container .es-inside-rightbttn .black-sm-bttn {
margin-right: 15px;
}
.header-barinsright{
padding:20px;
height:auto;
}
.cstm-wide-container .cstm-field-wdth {
width: 177px;
margin: 8px;
border: 2px solid #aeadad;
}
.cstm-npinside-container .es-bottom-left h1 {
font-size: 20px;
}
.cin-benefit-section {
height:420px;
padding:20px;
}
.cin-benefit-section-inside {
margin-top: 0px;
padding-top:10px;
}
.cin-dark-button {
width: 200px;
}
.zoom-image {
width:13.3%;
}
.cin-product-section {
padding: 20px 0px;
}
.es-insidebttna a {
padding: 15px 0px;
}
.right-logos-ul li img {
height: 60px;
}
.right-logos-ul li .ssl-scnd-img {
height: 70px !important;
}
.es-footer-img img {
width: 80px;
}
.right-logos-ul {
padding-top: 10px;
}
/************Bysandeep-end-27-feb-2020*******/
}
@media(max-width: 414px) {
.changepasswordform .editor-label {
width: 100% !important;
text-align: left !important;
margin-bottom: 0 !important;
}
.changepasswordform .editor-field, .changepasswordform .editor-field input {
width: 100% !important;
}
.changepasswordform .editor-field input[type="submit"] {
width: auto !important;
}
.left.enter-cont input {
margin-bottom: 10px;
width: 100%;
}
.entry-btn {
width: 100%;
padding: 0;
}
.main-menu .form-row.part_search {
margin-left: 5px !important;
}
.main-menu .form-row.part_search label {
display: none;
}
.left-form form input[type="submit"] ,.sj-top-form #sj-vin-form input[type="button"], .sj-top-form #sj-partlookup-form .sj-form-row input[type="button"], .sj-top-form #sj-specs-form input[type="submit"] {
padding: 9px 25px !important;
font-size: 15px !important;
}
.sj-pay-logo::after {
border-right: 0 solid white !important;
}
.t-title .font30 {
font-size: 22px;
margin-bottom: 0px;
}
.t-title {
margin-bottom: 0;
}
.mt-30 {
margin-top: 10px;
}
.three-blocks {
padding: 20px 0;
}
.background-img {
background: rgba(0, 0, 0, 0) url("../images/car.gif") no-repeat scroll 100% 100%/cover !important;
}
.cin-center-sbox label {
padding: 6px;
}
.cin-map-field input[type="text"] {
padding: 18px 3px 23px 1px;
}
.es-inside-right .es-feature-ul li h1 span{
font-size: 15px;
}
.joinform-field-section .cin-extra-input {
margin: 20px 0px 0px 0px;
}
.certified-button {
width: 200px;
}
.cin-membership-section {
padding: 20px 0px;
}
}
@media (max-width:550px) {
.product_detail ._image {
clear: both;
width: 100%;
margin-bottom: 15px;
}
.product_detail ._image img {
width: 100%;
}
.product_detail ._specification {
width: 100%;
clear: both;
}
.listing li {
width: 100% !important;
}
.listing, .warranty {
width: 100% !important;
}
.warranty img {
width: 100% !important;
display: none;
}
.ad-in-banner {
width: 100% !important;
}
.ad-in-banner {
margin: 40px 0 10px !important;
}
.ad-in-banner img {
width: 100% !important;
}
.resp-left {
max-width: 400px !important;
}
}
@media (min-width: 786px) {
.modal-box {
width: 400px !important;
}
}
.modal-box {
display: none;
position: fixed;
z-index: 1000;
width: 98%;
background: white;
border-bottom: 1px solid #aaa;
border-radius: 4px;
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
border: 1px solid rgba(0, 0, 0, 0.1);
background-clip: padding-box;
}
.modal-box header, .modal-box .modal-header {
padding: 1.25em 1.5em;
border-bottom: 1px solid #ddd;
}
.modal-box header h3, .modal-box header h4, .modal-box .modal-header h3, .modal-box .modal-header h4 {
margin: 0;
}
.modal-box .modal-body {
padding: 2em 1.5em;
}
.modal-box footer, .modal-box .modal-footer {
padding: 1em;
border-top: 1px solid #ddd;
background: rgba(0, 0, 0, 0.02);
text-align: right;
}
.modal-overlay {
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
filter: alpha(opacity=0);
position: fixed;
top: 0;
left: 0;
bottom: 0;
z-index: 900;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.9) !important;
}
a.close {
line-height: 1;
font-size: 1.5em;
position: absolute;
top: 5%;
right: 2%;
text-decoration: none;
color: #bbb;
}
a.close:hover {
color: #222;
transition: color 1s ease;
-o-transition: color 1s ease;
-ms-transition: color 1s ease;
-moz-transition: color 1s ease;
-webkit-transition: color 1s ease;
}
@media (min-width: 32em) {
.modal-box {
width: 70%;
}
}
.modal-box form {
margin: 0 0 20px;
}
.modal-box fieldset {
border: 0 none;
margin: 0;
padding: 0;
}
.modal-box legend {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: -moz-use-text-color -moz-use-text-color #e5e5e5;
border-image: none;
border-style: none none solid;
border-width: 0 0 1px;
color: #333333;
display: block;
font-size: 21px;
line-height: 40px;
margin-bottom: 20px;
padding: 0;
width: 100%;
}
.modal-box legend small {
color: #999999;
font-size: 15px;
}
.modal-box label, .modal-box input, .modal-box button, .modal-box select, .modal-box textarea {
font-size: 14px;
font-weight: normal;
line-height: 20px;
}
.modal-box input, .modal-box button, .modal-box select, .modal-box textarea {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.modal-box label {
display: block;
margin-bottom: 5px;
}
.modal-box select, .modal-box textarea, .modal-box input[type="text"], .modal-box input[type="password"], .modal-box input[type="datetime"], .modal-box input[type="datetime-local"], .modal-box input[type="date"], .modal-box input[type="month"], .modal-box input[type="time"], .modal-box input[type="week"], .modal-box input[type="number"], .modal-box input[type="email"], .modal-box input[type="url"], .modal-box input[type="search"], .modal-box input[type="tel"], .modal-box input[type="color"], .modal-box .uneditable-input {
border-radius: 4px;
color: #555555;
display: inline-block;
font-size: 14px;
height: 20px;
line-height: 20px;
margin-bottom: 10px;
padding: 4px 6px;
vertical-align: middle;
width: 100%
}
.modal-box input, .modal-box textarea, .modal-box .uneditable-input {
width: 100%;
}
.modal-box textarea {
height: auto;
}
.modal-box textarea, .modal-box input[type="text"], .modal-box input[type="password"], .modal-box input[type="datetime"], .modal-box input[type="datetime-local"], .modal-box input[type="date"], .modal-box input[type="month"], .modal-box input[type="time"], .modal-box input[type="week"], .modal-box input[type="number"], .modal-box input[type="email"], .modal-box input[type="url"], .modal-box input[type="search"], .modal-box input[type="tel"], .modal-box input[type="color"], .modal-box .uneditable-input {
background-color: #ffffff;
border: 1px solid #cccccc;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
-ms-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
-o-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}
.modal-box textarea:focus, .modal-box input[type="text"]:focus, .modal-box input[type="password"]:focus, .modal-box input[type="datetime"]:focus, .modal-box input[type="datetime-local"]:focus, .modal-box input[type="date"]:focus, .modal-box input[type="month"]:focus, .modal-box input[type="time"]:focus, .modal-box input[type="week"]:focus, .modal-box input[type="number"]:focus, .modal-box input[type="email"]:focus, .modal-box input[type="url"]:focus, .modal-box input[type="search"]:focus, .modal-box input[type="tel"]:focus, .modal-box input[type="color"]:focus, .modal-box .uneditable-input:focus {
border-color: rgba(82, 168, 236, 0.8);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
outline: 0 none;
}
.modal-box input[type="radio"], .modal-box input[type="checkbox"] {
line-height: normal;
margin: 4px 0 0;
}
.modal-box input[type="file"], .modal-box input[type="image"], .modal-box input[type="submit"], .modal-box input[type="reset"], .modal-box input[type="button"], .modal-box input[type="radio"], .modal-box input[type="checkbox"] {
width: auto;
}
.modal-box select, .modal-box input[type="file"] {
height: 30px;
line-height: 30px;
}
.modal-box select {
background-color: #ffffff;
border: 1px solid #cccccc;
width: 100%
}
.modal-box select[multiple], .modal-box select[size] {
height: auto;
}
.modal-box select:focus, .modal-box input[type="file"]:focus, .modal-box input[type="radio"]:focus, .modal-box input[type="checkbox"]:focus {
outline: thin dotted #333;
outline-offset: -2px;
}
.addtocart {
background: #0d187d none repeat scroll 0 0;
border: 1px none;
border-radius: 8px;
color: #fff !important;
display: inline-block;
font-size: 14px !important;
font-weight: bold !important;
padding: 10px;
text-align: center;
line-height: 14px !important;
text-transform: uppercase;
}
.cancel {
background: #d30129 none repeat scroll 0 0;
border: 1px none;
border-radius: 8px;
color: #fff !important;
display: inline-block;
font-size: 14px !important;
font-weight: bold !important;
padding: 10px;
text-align: center;
line-height: 16px;
text-transform: uppercase;
}
.addtocart:hover, .cancel:hover {
text-decoration: none;
cursor: pointer !important;
}
.changepassword {
font-size: 13px;
}
.checkouttable {
line-height: 1.8;
}
.checkouttable h3 {
font-size: 18px;
margin: 12px 0;
color: #1f255e;
font-weight: normal;
}
.checkouttable > hr, .checkouttable hr {;
border-left: 0;
border-right: 0;
}
.warrantyPage hr {
border-bottom: 0;
border-left: 0;
border-right: 0;
border-top: 1px solid #aaa;
margin: 20px 0;
}
.full > #tabs-container {
border: 1px solid #d4d4d1;
display: inline-block;
padding: 0.3%;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
width: 100%;
}
.tabs-menu {
height: 41px;
padding: 10px;
float: left;
clear: both;
width: 100%;
background: #6ea6d0;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
.tabs-menu li {
line-height: 31px;
float: left;
margin-right: 10px;
background-color: #e5f7fe;
border-radius: 6px 6px 0 0;
-moz-border-radius: 6px 6px 0 0;
-webkit-border-radius: 6px 6px 0 0;
}
.tabs-menu li.current {
position: relative;
background-color: #fff;
border-bottom: 1px solid #fff;
z-index: 5;
}
.tabs-menu li a {
padding: 10px;
font: bold 13px Arial, Helvetica, sans-serif;
color: #608093;
text-decoration: none;
outline: none;
}
.tabs-menu .current a {
color: #c78c4f;
}
.tab {
float: left;
margin-bottom: 20px;
width: 100%;
}
.tab-content {
padding: 20px 15px;
display: none;
}
.tab-content .col-2 {
width: 45%;
float: left;
margin-right: 3%;
}
.tab-content .col-2 ul li {
width: 100%;
margin-bottom: 20px;
}
.tab-content .col-2 ul li strong {
width: 100%;
margin-bottom: 10px;
display: block;
}
#details {
display: block;
}
.banner.full img {
max-width: 100%;
}
.home-slider.banner.full img {
width: 100%;
}
.vehicle_id_nmbr {
width: 100%;
margin: 20px 0;
}
.vehicle_id_nmbr input {
border-radius: 0;
width: 220px;
border-color: #999898;
}
.col-6 {
width: 47%;
float: left;
margin-right: 5%;
}
.col-6.margin-none {
margin-right: 0;
}
.col-6 legend {
width: 100%;
float: left;
padding: 2px 8px;
background: #000;
font-family: 'oswaldregular';
color: #fff;
text-transform: uppercase;
font-size: 24px;
}
.col-6 legend.payment {
background: #000 url(../images/payment-icons.jpg) no-repeat center center;
}
.col-6 .col-group {
clear: both;
margin: 10px 0 0 0;
display: inline-block;
width: 100%;
}
.col-6 .col-group label {
clear: both;
width: auto;
font-family: 'oswaldregular';
color: #d30129 !important;
text-transform: uppercase;
font-size: 13px;
font-weight: bold;
}
.red-area {
color: #fff !important;
}
.col-6 .col-group input, .col-6 .col-group select, .red-area, .black-area {
width: 100%;
border-radius: 0;
border: 1px solid #aaa;
height: 46px;
line-height: 46px;
margin-bottom: 0;
}
.shippingcheck .col-6 .col-group .col-full .one-half input {
width: 95.5%;
border-radius: 0;
border: 1px solid #aaa;
height: 46px;
line-height: 46px;
margin-bottom: 0;
}
.shippingcheck .col-6 .col-group .col-half {
width: 49.5%;
float: left;
margin-right: 10px;
}
.col-6 .col-group .col-half {
width: 48.6%;
float: left;
margin-right: 10px;
}
.col-6 .col-group .col-half.last {
margin-right: 0;
}
.col-6 .col-group .col-full {
width: 100%;
float: left;
}
.col-6 .col-group .col-third {
width: 100%;
float: left;
}
.col-6 .col-group .col-full .one-half {
width: 48.6%;
float: left;
margin-right: 10px;
}
.shippingcheck .col-6 .col-group .col-full .one-half {
width: 49.5%;
float: left;
margin-right: 10px;
}
.col-6 .col-group .col-full .one-half.last {
margin-right: 0;
}
.col-6 .col-group .col-half .one-third {
width: 31.5%;
float: left;
margin-right: 10px;
}
.col-6 .col-group .col-third .one-third {
width: 35.5%;
float: left;
margin-right: 10px;
}
.col-6 .col-group .checkboxes {
float: left;
margin: 40px 15px 0 0;
}
.col-6 .col-group .one-two, .col-6 .col-group .one-third {
margin-right: 10px;
}
.col-6 .col-group .one-two.last, .col-6 .col-group .one-third.last {
margin-right: 0 !important;
}
.col-6 .col-group .col-half .one-two {
width: 47%;
float: left;
}
.col-6 .col-group .col-half .one-fourth {
width: 63%;
float: left;
}
.col-6 .col-group .col-third .one-two {
width: 115px;
float: left;
}
.col-6 .col-group .col-third .one-two .info {
background: #d30129 !important;
color: #fff;
width: 18px;
height: 18px;
padding: 0px 5px;
border-radius: 100px;
display: inline-block;
vertical-align: top;
}
.col-6 .col-group .col-third .one-two .info:hover {
text-decoration: none;
}
.col-6 .col-group .editor-field {
margin-bottom: 0;
}
.col-6 .col-group input[type=submit], .col-6 .col-group input[type=button], .col-6 .col-group .submit, .col-6 .col-group .send, .red-area {
background: #d30129 !important;
font-family: 'oswaldregular';
color: #fff;
border: 0;
font-size: 18px;
text-transform: uppercase;
margin: auto;
float: none;
margin-top: 21px;
}
.black-area {
background: #000;
}
table .black-area tr td b {
color: #fff;
}
.col-6 .col-group .col-full .email {
width: 65%;
float: left;
margin-right: 10px;
}
.col-6 .col-group .col-full .address textarea {
width: 100%;
border-radius: 0;
resize: none;
background-color: #ffffff;
border: 1px solid #aaa;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
-ms-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
-o-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
color: #555555;
display: inline-block;
font-size: 14px;
margin-bottom: 0;
padding: 4px 6px;
vertical-align: middle;
}
.col-6 .col-group .col-full .phoneNumber {
width: 32.5%;
float: left;
}
.col-6 .col-group .col-full .fullphonenumber {
width: 100% !important;
}
.details {
}
.details:hover {
text-decoration: underline;
}
.detail_box {
margin: 5px 0;
padding: 5px 10px;
width: auto;
/*display: none;*/
}
.detail_box table {
text-align: center;
font-weight: normal;
font-size: 14px;
margin: 20px 0;
}
.detail_box table .detail_box_img {
max-width: 450px;
}
.detail_box table b, .detail_box table strong {
text-align: center;
font-weight: bold;
font-size: 14px;
color: #fff !important;
}
.detail_box table strong.yellow {
color: #FF0 !important;
}
.detail_box table td {
border-bottom: 1px solid #fff !important;
background: #59595b !important;
color: #fff !important;
padding: 10px 6px 20px;
}
.detail_box table td h2 {
color: #fff;
}
.shippingcheck [type="checkbox"]:not(:checked), .shippingcheck [type="checkbox"]:checked {
position: absolute;
left: -9999px;
}
.shippingcheck [type="checkbox"]:not(:checked) + label, .shippingcheck [type="checkbox"]:checked + label {
position: relative;
padding-left: 25px;
cursor: pointer;
color: #000 !important;
font-size: 16px;
}
/* checkbox aspect */
.shippingcheck [type="checkbox"]:not(:checked) + label:before, .shippingcheck [type="checkbox"]:checked + label:before {
content: '';
position: absolute;
left: 0;
top: 2px;
width: 17px;
height: 17px;
border: 1px solid #000;
background: #000;
border-radius: 0px;
}
/* checked mark aspect */
.shippingcheck [type="checkbox"]:not(:checked) + label:after, .shippingcheck [type="checkbox"]:checked + label:after {
content: '✔';
position: absolute;
top: -4px;
left: 2px;
font-size: 26px;
line-height: 0.8;
color: #d30129;
transition: all .2s;
-ms-transition: all .2s;
-o-transition: all .2s;
-moz-transition: all .2s;
-webkit-transition: all .2s;
}
/* checked mark aspect changes */
.shippingcheck [type="checkbox"]:not(:checked) + label:after {
opacity: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
transform: scale(0);
}
.shippingcheck [type="checkbox"]:checked + label:after {
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
transform: scale(1);
}
/* disabled checkbox */
.shippingcheck [type="checkbox"]:disabled:not(:checked) + label:before, .shippingcheck [type="checkbox"]:disabled:checked + label:before {
box-shadow: none;
border-color: #bbb;
background-color: #ddd;
}
.shippingcheck [type="checkbox"]:disabled:checked + label:after {
color: #999;
}
.shippingcheck [type="checkbox"]:disabled + label {
color: #aaa;
}
/* accessibility */
.shippingcheck [type="checkbox"]:checked:focus + label:before, .shippingcheck [type="checkbox"]:not(:checked):focus + label:before {
border: 1px dotted 000;
}
.shippingcheck label:hover:before {
border: 1px solid #000 !important;
}
.lifegate {
color: #000;
font-size: 20px;
margin: 30px auto 0;
}
.lifegate .black_checkbox {
margin: 20px 0 0 10px;
vertical-align: middle;
}
.map_detail {
background: #000;
padding: 15px;
margin: 20px 0;
}
.map_detail .first {
width: 20%;
}
.map_detail .second {
width: 50%;
}
.map_detail .third {
width: 30%;
}
.map_detail .clickable {
padding: 5px 40px;
line-height: 22px;
}
.map_detail .loc.stores span.red {
font-weight: 700;
}
.map_detail .clickable, .map_detail .clickable a, .map_detail .loc.stores, .map_detail .loc.stores b, .map_detail .loc.stores strong {
color: #fff;
}
.map_popup {
width: 260px;
height: 120px;
line-height: 22px;
}
.map_popup b {
font-family: 'oswaldregular';
font-size: 16px;
}
a.installer {
background: #da012e;
color: #fff;
padding: 8px 15px;
font-size: 18px;
font-weight: bold;
float: right;
margin: 10px 0 0 15px;
}
.static_row {
display: table-row;
}
.cart_popup {
padding: 15px 25px 8px 25px;
width: 760px !important;
}
.cart_popup .close {
border: 1px none;
position: relative;
right: 0;
color: #000 !important;
font-size: 14px !important;
line-height: 16px;
text-transform: uppercase;
}
.cart_popup .close span {
background: #000;
padding: 4px 8px;
color: #fff;
font-weight: bold;
}
.cart_popup footer {
padding: 1em 0 !important;
clear: both;
background: none;
border: 0;
}
.open-premium_warranty, .open-premium_warranty:hover {
color: #222 !important;
text-decoration: none;
}
.open-premium_warranty span {
color: #000;
border: 1px solid #aaa;
padding: 1px 5px;
font-weight: bold;
font-size: 11px;
overflow: hidden !important;
}
.open-premium_warranty span:hover {
text-decoration: none;
background: #ddd;
}
.cart_popup .warranty {
width: 100%;
background: #000;
color: #fff;
text-align: center;
border-collapse: collapse;
}
.cart_popup .warranty th {
color: #fff;
font-weight: bold;
font-size: 18px;
font-family: 'oswaldregular';
border-bottom: 3px solid #fff;
border-right: 1px solid #fff;
}
.cart_popup .warranty td small {
color: #fff;
}
.cart_popup .warranty th:last-child {
border-right: 0px solid #fff;
}
.cart_popup .warranty td {
color: #fff;
font-weight: bold;
font-size: 14px;
border-right: 1px solid #fff;
height: 50px
}
.cart_popup .warranty td:last-child {
border-right: 0px solid #fff;
}
.cart_popup .warranty th, .cart_popup .warranty td {
padding: 10px;
}
.cust_info, .shipp_info {
width: 49%;
float: left;
}
.cust_info {
margin-right: 2%;
}
.changepasswordform {
}
.changepasswordform fieldset {
border: 1px solid #ddd !important;
width: 60%;
padding: 20px 0 52px !important;
margin: 40px auto 0 !important;
background: #f5f5f5;
}
.changepasswordform fieldset legend {
font-size: 24px;
text-align: center;
width: 100%;
margin: 10px 0 20px;
float: left;
}
.changepasswordform .editor-label {
float: left;
margin-right: 20px;
clear: both;
width: 30%;
text-align: right;
}
.changepasswordform .editor-label label {
line-height: 30px;
}
.changepasswordform .editor-field {
float: left;
font-size: 14px;
width: 50%;
}
.changepasswordform .editor-field input {
width: 100%;
}
.changepasswordform .editor-field a {
font-size: 14px;
color: #d30129 !important
}
.changepasswordform .editor-field a strong {
color: #d30129 !important
}
.changepasswordform .editor-field input[type="checkbox"] {
width: auto !important;
margin: 0 !important;
width: 18px !important;
height: 18px;
}
.createnewaccountform {
border: 1px solid #ddd;
padding: 20px;
margin: 0 0 20px;
background: #ffc;
}
.createnewaccountform fieldset {
border: 0;
padding: 0 !important;
margin: 0 0 0 !important;
}
.createnewaccountform fieldset legend {
font-size: 20px;
margin-bottom: 15px;
color: #487bbc;
}
.createnewaccountform fieldset .half {
width: 48%;
float: left;
}
.createnewaccountform fieldset .half input {
width: 100%;
background: white !important
}
.createnewaccountform fieldset .half.first {
margin-right: 2%;
}
.createnewaccountform fieldset .editor-label em {
color: slategrey;
}
.createnewaccountform fieldset .editor-field .error {
display: block;
margin: -7px 0 -3px;
text-align: left;
}
.new-table-1 td {
text-align: right;
}
@media (max-width:768px) {
.changepasswordform fieldset {
border: 0;
width: 100%;
margin: auto;
padding: 15px !important;
}
.cart_popup {
width: 80% !important;
}
.cart_popup .warranty img {
display: block;
width: 34px !important;
margin: auto;
}
.cart_popup .warranty th, .cart_popup .warranty td {
padding: 5px;
}
.main-menu .form-row.part_search {
float: left;
margin-left: 10px;
}
.fleft.first > img {
margin: 0 0 20px;
width: 100%;
}
.fleft.third > img {
margin: 20px 0 0;
width: 100%;
}
.col-6 .col-group label.black_checkbox {
overflow: visible;
}
.flt_right_43 {
width: inherit !important;
}
.ts-red-box-new span {
padding-top: 3px !important;
}
.background-img {
margin-top: 12px;
}
.sj-checkout-outer .sj-checkout-right {
padding-top: 0 !important;
}
.thum-first, .thum-second, .thum-third {
margin: 10px 0 !important;
}
.widget-new-left h4 {
font-size: 19px;
}
.margin-b {
margin-bottom: 23px !important;
}
}
@media (max-width:560px) {
.createnewaccountform fieldset .half {
width: 100%;
}
.cart_popup {
width: 96% !important;
padding: 5px 5px 10px;
}
.cart_popup .warranty th, .cart_popup .warranty td {
padding: 0px;
text-align: center !important
}
}
.search-vin-number {
margin: 0 0 0 10px !important;
border: 2px solid #d30129 !important;
padding: 4px 6px !important;
font-size: 16px;
font-family: "oswaldregular";
background: rgba(211,1,41,0.1);
width: 220px;
}
.tick {
font-size: 12px !important;
border: 0 !important;
color: green !important;
background: none;
padding: 0 !important;
vertical-align: text-top;
}
.tick:hover {
background: none;
}
#warrntypopfiled {
padding: 1px 4px !important;
}
.left-content .cog, .left-content .tick {
width: 60px;
margin-right: 10px;
}
#searchvinformsearchpage {
float: left;
}
#searchvinformsearchpage input[type="text"] {
border-radius: 4px 0px 0px 4px;
}
#searchvinformsearchpage input[type="button"], #searchvinformsearchpage input[type="submit"] {
background: #d30129 url(../images/search-icon22.jpg) no-repeat center;
height: 36px;
border: 0;
vertical-align: bottom;
width: 36px;
margin: 0 0 0 -6px;
border-radius: 0 4px 4px 0;
text-indent: -9998px;
}
@media only screen and (min-width: 768px) and (max-width: 950px) {
.main-menu .form-row.part_search {
display: flex;
float: none;
}
.main-menu .form-row.part_search > form {
width: 100%;
margin-right: 10px;
}
.main-menu .form-row.part_search label {
display: none;
}
.main-menu .form-row.part_search input[type="text"] {
float: right;
}
}
.reft_listing {
font-size: 14px;
line-height: 1.5em;
margin: 7px 0 20px;
}
.reft_listing li {
list-style-type: disc !important;
margin-left: 15px;
}
.inner-block-right h2 {
margin-bottom: 10px;
}
.inner-block-right #frmregister fieldset, .inner-block-right #forgotpasswordfrm fieldset {
padding: 20px;
margin-bottom: 30px;
}
.oldprice {
text-decoration: line-through;
float: right;
margin: 0 0 0 7px;
color: red;
clear: both;
}
.newprice {
text-decoration: none;
float: right;
clear: both;
}
.my-acoountd {
position: relative;
width: 70px !important;
}
.my-acoountd .caret-inside {
border-bottom: 5px solid black;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
height: 0;
margin: 0px 0 0 10px !important;
width: 0;
z-index: 1000;
display: none;
top: 10px;
position: relative;
}
.my-acoountd ul {
display: block;
position: absolute;
top: 100%;
left: 0;
background: rgba(0,0,0,0.7);
border: 1px solid #000;
padding: 0;
font-size: 13px;
-webkit-transiton: opacity 0.2s;
-moz-transition: opacity 0.2s;
-ms-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
-transition: opacity 0.2s;
width: 140px;
border-top-width: 2px;
}
.my-acoountd ul li {
float: none;
width: 100%;
border-bottom: 1px solid #ccc;
display: inline-flex;
background: none;
}
.my-acoountd ul li a:hover {
background: rgba(0,0,0,0.9) !important;
text-decoration: none !important;
}
.my-acoountd ul li:last-child {
border-bottom: 0;
}
.my-acoountd ul a {
line-height: 22px;
padding: 3px 8px;
color: #fff;
display: block;
width: 100%;
text-align: left;
margin: 0;
}
.my-acoountd ul ul {
top: 0;
left: 100%;
}
.my-acoountd:hover .sub-nav, .my-acoountd:hover .caret-inside {
display: block !important;
z-index: 100
}
#social-media {
position: absolute;
right: 0;
top: 140px;
height: 280px;
text-decoration: none;
width: 100px;
}
#social-media a {
background: url(../images/sprites/social-icon-sprite-img.jpg) no-repeat;
clear: both;
float: right;
height: 48px;
margin: 5px 0 0;
text-decoration: none;
width: 44px;
text-indent: -9999px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity=90);
-moz-opacity: 0.9;
-webkit-opacity: 0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
}
#fb {
background-position: 0 0;
}
#fb:hover {
background-position: -44px 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
#twit {
background-position: 0 -48px !important;
}
#twit:hover {
background-position: -44px -48px !important;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
#rss {
background-position: 0 -96px !important;
}
#rss:hover {
background-position: -44px -96px !important;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
#youtube {
background-position: 0 -144px !important;
}
#youtube:hover {
background-position: -44px -144px !important;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
#pinterest {
background-position: 0 -192px !important;
}
#pinterest:hover {
background-position: -44px -192px !important;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.specification_of_products {
background: #000;
display: inline-block;
width: 100%;
}
.specification_of_products h1 {
background: #000 url(../images/specification_heading_bg.png) repeat-y top left;
width: 100%;
height: 70px;
margin-bottom: 1px;
padding-left: 60px;
line-height: 70px;
}
.all_details {
padding: 20px;
}
.all_specy {
width: 60%;
}
.all_specy ul li {
color: #fff;
margin-bottom: 5px;
float: left;
clear: both;
width: 100%;
background: #000 url("data:image/svg+xml;utf8,") repeat-x 0 4px;
}
.all_specy ul li .item {
float: left;
color: #fff !important;
width: 65%;/*background:#000 url("data:image/svg+xml;utf8,") repeat-x 4px 3px;*/
padding: 2px 6px 2px 0 !important;
}
.all_specy ul li .itemDetail {
float: left;
color: #fff;
width: 35%;
position: relative;
top: 1px;
}
.all_specy ul li .itemDetail span {
color: #fff;/*background:#000 url("data:image/svg+xml;utf8,") repeat-x 2px 2px;*/
padding: 2px 0px !important;
}
.quote_number {
width: 40%;
}
.quote_number h2 {
padding: 15% 10%;
}
.name_price {
background: #d41b21;
padding: 20px;
margin: 3px 0;
}
.name_price h2 {
line-height: 60px;
}
.name_price .cart_button {
background: url(../images/product-cart-red-arrow-right.png) no-repeat 10px center;
padding: 5px 20px 5px 40px;
border: 4px solid #fff;
color: #fff !important;
float: right;
transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.cart_button:hover {
border-color: #000;
text-decoration: none;
}
.full_details {
background: #e3e4e5;
padding: 20px;
}
.full_details .pDetails {
font-size: 15px;
line-height: 24px;
}
@media (max-width:768px) {
.specification_of_products h1 {
height: 40px;
line-height: 40px;
padding-left: 40px;
}
.specification_of_products h1 span {
font-size: 20px !important
}
.all_specy, .quote_number {
width: 100%;
}
.all_specy ul li {
background-position: 0 0 !important;
}
.all_specy li .item, .all_specy li .itemDetail {
font-size: 14px;
}
.quote_number h2 {
padding: 5% 10%;
}
.name_price {
text-align: center !important;
float: none;
padding-bottom: 40px;
}
.name_price h2 {
line-height: 40px;
margin: 0 0 20px 0;
}
.name_price .cart_button {
text-align: center !important;
float: none;
}
/**********18/06/2019*Navpreet code************/
.we-do-desc em, .we-do-desc strong {
font-size: 12px;
}
.we-do-desc .we-part-no {
font-size: 11px;
}
.ts-white-background {
padding: 7px 15px 13px 15px;
}
.testi-right .ts-review-block {
padding-bottom: 6px;
padding-top: 0;
}
/**********18/06/2019*Navpreet code*//***********/
/**********22/07/2019**Home Page************/
.six-buttons .sj-thumb-outer a.thum-list {
font-size: 25px !important;
}
.sj-btnns-left {
width: 52% !important;
}
.sj-top-form #sj-vin-form .sj-form-row input, .sj-top-form #sj-partlookup-form .sj-form-row input {
text-align: left !important;
}
.loc-sec-steps li{
background: #d7d8da !important;
height:auto;
margin-right: 10px;
width: 32%;
}
.loc-sec-steps li:last-child{
margin-right:0;
}
.loc-sec-steps li a span {
padding: 10px !important;
float: left;
width: 100%;
}
.loc-sec-steps li span{
float:left;
}
.loc-sec-steps li span small{
text-align:left !important;
}
.cart-table-outer-1 ,.cart-table-outer-2 {
overflow: auto;
float: left;
width: 100%;
}
.cart-table-outer-1 .sj-prod-section ,.cart-table-outer-2 .sj-prod-section{
min-width:910px;
}
.reg {
width: 100% !important;
margin-right: 0;
}
.buttn-last {
float: none;
}
}
@media (min-width:1140px) {
.shippingcheck .col-6 .col-group .one-two, .col-6 .col-group .one-third, .shippingcheck .col-6 .col-group .col-half .one-third {
margin-right: 15px;
}
.shippingcheck .col-6 .col-group .col-full .one-half input {
width: 97.5% !important;
}
}
@media (min-width:769px) and (max-width:980px) {
.topSpace {
margin-top: 12.5% !important;
}
.col-6 .col-group .col-full .email {
width: 64% !important;
}
}
@media (min-width:769px) and (max-width:1050px) {
.col-6 .col-group .col-third .one-third {
width: 30% !important;
}
}
@media (min-width:981px) {
.topSpace {
margin-top: 10% !important;
}
}
@media (min-width:901px) and (max-width:1050px) {
.shippingcheck .col-6 .col-group .col-half {
width: 48.5% !important;
}
}
#message.text-center font.error {
display: inline-block;
margin: 0 0 10px;
}
.confimation {
font: normal 13px Arial, Helvetica, sans-serif;
}
.confimation input[type="checkbox"] {
vertical-align: middle;
}
.confimation #checktermserror {
margin: 10px 0 0;
}
.resetforgotpasswordpage {
text-align: center
}
.resetforgotpasswordpage .editor-label {
text-align: left;
}
.headinTitle {
text-align: center !important;
}
.resetForm fieldset {
margin: 20px auto;
width: 400px;
padding: 20px;
}
.resetForm fieldset input, .resetForm fieldset select {
width: 100%;
}
.resetForm fieldset input[type="submit"], .resetForm fieldset input[type="button"] {
width: auto;
}
.userNote {
background: #FFC;
border: 1px solid #FC9;
clear: both;
font: normal 11px Arial, Helvetica, sans-serif;
font-style: italic;
padding: 12px;
margin: 0 0 15px 0;
line-height: 16px;
}
.content-1 .lower-alpha.clear > li {
padding: 0;
margin: 0 0 8px 40px;
line-height: 20px;
}
.notFoundPage {
position: relative;
}
.notFoundPage .notFoundDescription {
background: #091479;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#091479',GradientType=0 );*/
min-height: 200px;
text-align: center;
padding: 40px 10%;
margin: 0;
}
.notFoundPage .notFoundDescription p, .notFoundPage .notFoundDescription p a {
text-align: center !important;
color: #fff;
float: none;
font-size: 26px;
line-height: 46px;
}
.notFoundPage .notFoundTitle {
font-size: 40px;
line-height: 40px;
margin: 0 0 40px 0;
z-index: 10;
}
.notFoundPage .dullTitle {
color: #aaa;
font-size: 160px;
line-height: 160px;
margin: 30px 0 0 0;
text-align: center !important;
opacity: 0.3;
-moz-opacity: 0.3;
-webkit-opacity: 0.3;
-khtml-opacity: 0.3;
z-index: 5;
}
.ccButtons a {
display: block;
clear: both;
}
.ccButtons a.first {
margin-bottom: 15px;
}
.checkoutButton {
background: #0d187d;
border: 1px none;
border-radius: 8px;
color: #fff !important;
display: inline-block;
font-size: 16px !important;
font-weight: bold !important;
line-height: 14px !important;
padding: 10px;
text-align: center;
text-transform: uppercase;
}
.checkoutButton:hover {
text-decoration: none;
background: #08126f;
}
.continueShoppingButton {
background: #d30129;
border: 1px none;
border-radius: 8px;
color: #fff !important;
display: inline-block;
font-size: 16px !important;
font-weight: bold !important;
line-height: 14px !important;
padding: 10px;
text-align: center;
text-transform: uppercase;
}
.continueShoppingButton:hover {
text-decoration: none;
background: #c30025;
}
.pager {
background: none !important;
text-align: center;
}
.table-pagination {
clear: both;
margin: 15px;
}
.table-pagination .paging {
display: inline-flex;
}
.table-pagination .paging a, .table-pagination .paging .disabled, .table-pagination .paging .current {
border: 1px solid #aaa;
border-radius: 4px;
margin: 0 8px 0 0;
padding: 5px 10px;
background: #fff;
color: #456cc4;
}
.table-pagination .paging a:hover {
text-decoration: none;
background: #f5f5f5;
border-color: #999;
}
.table-pagination .paging .disabled {
background: #f0f0f0;
color: #444;
cursor: not-allowed;
}
.table-pagination .paging .current {
background: #456cc4;
border-color: #444;
color: #fff;
}
.warrantyPage {
}
.warrantyPage .address {
font-weight: bold;
font-size: 13px;
margin: 20px 0 5px 0;
}
.contractLabel {
background: #000;
display: block;
color: #fff;
text-align: center;
padding: 5px 0;/*line-height:20px;height:30px;*/
margin: 0 0 2px 0;
}
.contractLabelNote {
font-style: italic;
font-size: 16px;
}
.warrantyPage .warrantyBillNumber {
border: 2px solid #000;
padding: 2px 30px
}
.warrantyPage p {
margin: 5px 0 0 0;
}
.warrantyPage ol.numeric li {
margin-left: 22px;
}
.warrantyPage .warrantyProcedure {
line-height: 27px;
color: #000;
text-align: justify !important;
}
.warrantyPage .warrantystatus{
float:left;
width:100%;
font-size:14px;
color: #000;
}
.warrantyPage .submitBtn {
background: #d31e25;
color: #fff;
text-align: center;
width: 200px;
display: block;
height: 60px;
border-radius: 8px;
font: bold 18px Arial, Helvetica, sans-serif;
line-height: 60px;
margin: 30px auto 0;
border: 1px solid #d31e25;
}
.warrantyPage .submitBtn:hover {
text-decoration: none;
}
.warrantyPage .checkboxes {
font-size: 18px;
}
.warrantyPage .checkboxes label {
color: green;
}
.warrantyPage .fullWidthFields {
width: 100%;
float: left;
}
.warrantyPage .fullWidthFields .fieldText {
float: left;
line-height: 30px;
}
.warrantyPage .fullWidthFields .fieldText label {
font-weight: bold;
font-size: 16px;
}
.warrantyPage .fullWidthFields .fieldTextBox {
float: left;
}
.warrantyPage .fullWidthFields .fieldTextBox input {
border: 0;
border-bottom: 2px solid #000;
border-radius: 0;
padding: 5px 2px 0 4px;
font-size: 15px;
font-weight: bold;
background: none;
}
.warrantyPage .fullWidthFields input, .warrantyPage .fullWidthFields input, .warrantyPage .fullWidthFields input, .warrantyPage .fullWidthFields input, .warrantyPage .fullWidthFields input, .warrantyPage .fullWidthFields input, .warrantyPage .fullWidthFields input, .warrantyPage .fullWidthFields input, .warrantyPage .fullWidthFields input, .warrantyPage .fullWidthFields input {
width: 100%;
}
.warrantyPage .purchaseDate .fieldTextBox {
width: 66%;
}
.warrantyPage .makes .fieldTextBox {
width: 52%;
}
.makes {
width: 33.3%;
float: left;
}
.vehicle {
width: 33.3%;
float: left;
}
.vehicle .fieldTextBox {
width: 69%;
}
.vehicle .fieldTextBox input {
width: 100%;
}
.vehicle2 {
width: 46%;
}
.engineSize .fieldTextBox {
width: 18%;
}
.ownerName .fieldTextBox {
width: 63%;
}
.ownerAddressStreet .fieldTextBox {
width: 60%;
}
.warrantyPage .addrss .fieldTextBox {
width: 23%;
}
.warrantyPage .addrss .fieldTextBox input {
width: 96%;
}
.warrantyPage .facility {
float: left;
width: 60%;
}
.warrantyPage .facility .fieldTextBox {
width: 62%;
}
.warrantyPage .facilityPhone {
float: left;
width: 40%;
}
.warrantyPage .facilityPhone .fieldTextBox {
width: 85%;
}
.warrantyPage .addrssFacility .fieldTextBox {
width: 71%;
}
.warrantyPage .contactFacility .fieldTextBox {
width: 30%;
}
.warrantyPage .contactFacility .fieldTextBox input {
width: 98%;
}
.warrantyPage .contactFacilityEmail .fieldTextBox {
width: 29%;
}
.warrantyPage .selfinstallationcehck {
width: auto !important;
}
.warrantyPage .invoiceDate .month, .warrantyPage .invoiceDate .date {
width: 80px;
display: inline;
}
.warrantyPage .invoiceDate .year {
width: 120px;
display: inline;
}
.warrantyPage .invoiceDate .slash {
display: inline-block;
height: 20px;
transform: rotate(26deg);
}
/******* 28-04-2016 *******/
.or-enter-left {
float: left;
width: 25%;
}
.custom-left {
display: inline-block;
font-family: arial;
font-size: 13px;
font-weight: bolder !important;
letter-spacing: 0.01em;
line-height: 20px;
width: 100%;
}
/******* 29-04-2016 ********/
.margin15 {
margin: 15px 0;
}
.banner-left {
float: left;
width: auto;
}
.banner-right {
float: right;
margin-top: 5px;
width: 73%;
}
.banner-right .loc-sec-steps {
margin-bottom: 0;
}
.banner-right .loc-sec-steps li.active .loc-sech-ttl {
font-size: 14px;
}
.banner-right .loc-sec-steps li {
font-size: 14px;
}
.banner-right .loc-sec-steps li span small {
left: 17%;
}
/******** 09-05-2016 ********/
.tableinner {
table-layout: fixed;
}
.custombreakword {
word-wrap: break-word;
}
._specification td.secondlast_new {
padding: 0 4px !important;
}
._specification td.secondlast_new a {
font-size: 12px !important;
letter-spacing: 0.05em;
padding: 4px !important;
}
._specification td.secondlast_new a img {
height: 10px;
vertical-align: inherit;
width: 6px;
}
.specs_new .detail-link {
font-size: 13px;
}
.specs_new .detail-link img {
vertical-align: inherit;
width: 11px;
}
/******* 17-06-2016 ******/
.header-login-left {
float: left;
width: 73%;
}
.login-form .login-title {
width: 15%;
padding-top: 3px;
}
.form-outter {
float: left;
width: 85%;
}
.header-login-left .col-login-left {
float: left !important;
padding: 0 6px 0 0;
width: 59% !important;
}
.header-login-left .col-login-left input {
float: left !important;
margin: 0 0 3px !important;
width: 100% !important;
}
.header-login-left .col-login-right {
float: left !important;
padding: 14px 0 0;
text-align: right;
width: 21% !important;
}
.col-full {
float: right;
text-align: right;
width: 100%;
}
.header-login-right {
float: right;
font-size: 14px;
text-align: center;
text-transform: uppercase;
width: 25%;
}
.header-login-right h4 img {
padding-right: 3px;
vertical-align: inherit;
}
.custom-login-form {
margin-top: 5px;
}
.banner-new {
background: rgba(0, 0, 0, 0) url("../images/bannerfull-bg.jpg") no-repeat scroll 0 0 / cover;
background-image: url("../images/bannerfull-bg.jpg") \9;
background-repeat: no-repeat \9;
background-position: 0 0 \9;
background-size: cover \9;
*float:none !important;
*display:inline-block;
float: left;
height: 100%;
min-height: auto;
padding: 15px;
*width:100%;
*behavior: url(/scripts/boxsizing.htc);
}
.font19 {
font-size: 19px;
font-weight: bold;
margin-bottom: 0;
}
.lineheight-normal {
line-height: normal !important;
}
.linheight24 {
line-height: 24px;
}
.left-form .form-row input::-webkit-input-placeholder {
color: #fff ;
opacity: 0.9;
}
.left-form .form-row input:-moz-placeholder { /* Firefox 18- */
color: #fff ;
opacity: 0.9;
}
.left-form .form-row input::-moz-placeholder { /* Firefox 19+ */
color: #fff ;
opacity: 0.9;
}
.left-form .form-row input:-ms-input-placeholder {
color: #fff ;
opacity: 0.9;
}
.left-form .form-row option {
color: #fff;
}
.search-left {
display: inline-block;
float: left;
width: auto;
/**display: inline-block;
*float: none !important;*/
box-sizing: border-box;
-webkit-box-sizing: border-box;
*width: 77% !important;
}
.serch-right {
display: inline-block;
float: right;
width: 29px;
}
.search-submit {
background: url(../images/search-icon-new.png) no-repeat scroll 0 0;
border: 0 none;
height: 25px;
width: 26px;
}
/********* 29-06-2016 ********/
.margintop11 {
margin-top: 11px;
}
.custom-cont {
margin-left: 0;
width: 100%;
}
.custom-cont input {
width: 87%;
}
.custom-cont .entry-btn {
padding-left: 10px;
width: 12%;
}
.loc-sech-list.bgwhite {
background: #fff none repeat scroll 0 0;
}
.loc-sech-list.bgblack {
background: #000;
}
.loc-list select {
border: 1px solid gray;
}
.margintop-5 {
margin-top: -5px;
}
.white-bg {
padding-bottom: 0;
}
/*----- 2016-07-02 contact page-------*/
.contactusPage {
float: left;
width: 100%;
padding: 20px;
margin-bottom: 50px;
}
.background-img {
background: rgba(0, 0, 0, 0) url("../images/car.gif") no-repeat scroll center/cover;
float: left;
width: 100%;
position: relative;
padding-top:30px;
}
.pink-title {
color: #d30129;
}
.font-weight {
font-weight: normal;
}
.leftPanel {
float: left;
width: 100%;
padding-bottom: 191px;
}
.formContainer {
display: inline-block;
height: auto;
padding: 0 0 5px;
width: 100%;
text-align: center;
}
.formlabel {
float: left;
font-size: 16px;
padding: 5px 10px 0 0;
text-align: right;
width: 20%;
font-weight: bold;
color: #d30129;
text-transform: uppercase;
}
.formBox {
float: left;
text-align: left;
width: 80%;
position: relative;
}
.formBox input, .formBox textarea, .formBox select, .formBox input[type="radio"] {
border: 1px solid #ccc !important;
border-radius: 0 !important;
color: #000 !important;
float: left;
width: 60%;
}
.submit-btn input {
width: 100px;
border: 0 none !important;
color: #fff !important;
margin-top: 0;
font-weight: bolder;
}
.contact-footer {
float: left;
width: 100%;
background-color: #d30129;
}
.contact-footer-ul {
float: left;
width: 100%;
padding: 10px 0px;
}
.contact-footer-ul li {
display: inline-block;
float: left;
width: 32%;
padding: 0px 20px;
}
.contact-footer-ul li:first-child {
border-right: 1px solid #fff;
width: 24%;
}
.contact-footer-ul li:last-child {
width: 37%;
}
.contactDetails {
float: left;
width: 100%;
}
.contactDetails strong {
color: #fff;
}
.italic {
font-style: italic;
border-bottom: 1px solid #fff;
}
.align {
text-align: center;
}
.footer-sponser {
float: left;
width: 100%;
background-color: #fff;
}
.sponser-ul {
float: right;
padding: 16px;
text-align: right;
width: 100%;
}
.sponser-ul li {
display: inline-block;
}
/**** 20-03-2017 ****/
.ordeatil-btn {
background-color: #6fad46;
color: #fff !important;
padding: 5px 10px;
border-radius: 5px;
border: 1px solid #619c3a;
text-decoration: none !important;
margin-top: 16px;
display: inline-block;
line-height: initial;
}
.custom-orderdetail {
position: relative;
top: -12px;
}
/**** 21-03-2017 ****/
.add-center{
text-align: center !important;
font-size: 18px !important;
letter-spacing: 0.3px;
word-spacing: 3px;
}
/**************26/10/2017***********/
.custom-inner-slider
{
background-image:url(../images/truck_bg.jpg);
background-size:cover;
padding:20px;
}
.custom-inner-sl-logo
{
width:100%;
float:left;
text-align:left;
margin-bottom:84px;
}
.custom-inner-sl-logo img
{
width:310px !important;
display:none;
}
.custom-inner-sl-text
{
width:100%;
float:left;
text-align:center;
}
.custom-inner-sl-text h1
{
color:#fff;
font-size:59px;
text-transform:uppercase;
font-family:'oswaldregular';
text-shadow:0px 3px 5px #000;
}
.custom-inner-sl-text h4
{
font-size:19px;
color:#fff;
font-family:Arial;
text-transform:uppercase;
font-weight:normal;
text-shadow:0px 3px 5px #000;
}
.custom-banner-lt span
{
font-size:31px !important;
}
.warranty-full-outer
{
width:100%;
float:left;
margin-top:10px;
}
.warranty-left
{
width:38%;
float:left;
}
.warranty-right
{
width:62%;
float:left;
padding-left:6px;
}
.warranty-right .warranty-top-text
{
width:100%;
float:left;
}
.warranty-right .warranty-top-text p
{
font-size:14px;
font-family:Arial;
margin:2px 20px 0px 20px;
}
.warranty-right .warranty-bottom
{
width:100%;
float:left;
}
.warranty-inner
{
width:100%;
float:left;
}
.warranty-inner .black-part
{
width:5%;
float:left;
}
.warranty-inner .black-part span
{
width:17px;
display:block;
background-color:#fff;
height:88px;
}
.warranty-inner .image-part
{
width:95%;
float:left;
text-align:left;
}
.warranty-inner .image-part img
{
height:234px;
}
.lucas-outer
{
width:100%;
float:left;
margin-bottom:5px;
}
.lucas-outer .lucas-left
{
width:75%;
float:left;
margin-top:25px;
}
.lucas-outer .lucas-left h1
{
font-family:'oswaldregular';
text-transform:uppercase;
font-size:21px;
font-weight:normal;
}
.lucas-outer .lucas-left h2
{
font-family:'oswaldregular';
text-transform:uppercase;
font-size:27px;
font-weight:normal;
text-align:right;
}
.lucas-outer .lucas-left p
{
font-family:Arial;
}
.lucas-outer .lucas-right
{
width:25%;
float:left;
}
.custom-loc-seclist
{
background-color:#d4d5d7 !important;
}
.custom-black
{
color:#000 !important;
font-weight:normal !important;
margin-bottom:7px;
}
.custom-loc-list
{
border-right:2px solid #000 !important;
}
.custom-submit
{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#30d116+0,2d9a0d+100 */
background: #30d116; /* Old browsers */
background: -moz-linear-gradient(left, #30d116 0%, #2d9a0d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #30d116 0%,#2d9a0d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #30d116 0%,#2d9a0d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30d116', endColorstr='#2d9a0d',GradientType=1 ); /* IE6-9 */
border-radius:5px;
width:81% !important;
}
.custom-border-none
{
border-bottom:0px !important;
}
.order-full
{
width:100%;
float:left;
text-align:center;
background-color:#30d116;
padding:10px 0px 12px 0px;
margin-bottom:12px;
}
.order-full h1
{
color:#fff;
font-family:'oswaldregular';
font-weight:bold;
text-transform:uppercase;
font-size:24px;
}
.padding-bt-none
{
padding-bottom:0px !important;
}
.cust-bggrey
{
background-color:#D4D5D7!important;
}
.custom-search
{
margin-top:7px !important;
border-right:none !important;
}
.cust-margin-top
{
margin-top:20px !important;
}
.custom-search input
{
padding:5px 0px !important;
}
.select-drop-icon
{
-webkit-appearance:none;
-moz-appearance:none;
-ms-appearance:none;
appearance:none\9 !important;
background-image:url(../images/selecet-drop.png);
background-image:none\9;
background-origin:content-box;
background-position:right center;
background-repeat:no-repeat;
background-size:1ex auto;
border:1px solid #B5B5B6 !important;
border-radius:5px;
color:#000;
font-size:15px;
padding:2px 10px 2px 26px !important;
width:63% !important;
background-size:9%;
}
select::-ms-expand
{
display: none;
}
.cust-padding-loc
{
padding:9px 20px;
}
.custom-content-1
{
margin-top:0px !important;
}
.custom-entry-button input[type="button"]
{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2d9b0d+0,30d016+32,30d016+49,30d016+80,2d9b0d+100 */
background: #2d9b0d; /* Old browsers */
background: -moz-linear-gradient(top, #2d9b0d 0%, #30d016 32%, #30d016 49%, #30d016 80%, #2d9b0d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #2d9b0d 0%,#30d016 32%,#30d016 49%,#30d016 80%,#2d9b0d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #2d9b0d 0%,#30d016 32%,#30d016 49%,#30d016 80%,#2d9b0d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d9b0d', endColorstr='#2d9b0d',GradientType=0 ); /* IE6-9 */
}
/******tajinder css 25/05/2018 **********/
.top-header-text
{
width:100%;
float:left;
margin-bottom:20px;
background-color: #ececec;
padding: 5px 0;
position:relative;
}
.top-header-text .kit-image
{
width:100%;
float:left;
text-align:center;
margin:20px 0;
display:none;
}
.top-header-text .kit-image img
{
width:200px;
}
.top-header-text .call-now-text
{
width:100%;
float:left;
text-align:center;
}
.top-header-text .call-now-text h5
{
color:#091479;
}
.top-header-text .toggle-kit
{
float:left;
position:absolute;
right:0;
}
.top-header-text .toggle-kit a
{
margin-top:25px;
float: right;
padding-right: 19px;
}
.top-header-text .toggle-kit .toggle-hs
{
background-image:url(../images/plus.png);
height:25px;
width:25px;
background-repeat:no-repeat;
}
.top-header-text .toggle-kit .toggle-hs.minus
{
background-image:url(../images/minus.png);
height:25px;
width:25px;
background-repeat:no-repeat;
}
.top-header-text .call-now-text h5
{
font-size:14px;
}
.top-header-text .call-now-text p
{
display:block;
text-align:center;
width:100%;
margin:0;
}
/********css for finance page 22/06/2018 by tajinder*********/
/* ADJUST YOUR PRIMARY AND SECONDARY FONTS HERE */
/* @import url('https://fonts.googleapis.com/css?family=Lora:400,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600');*/
.bread-style { box-sizing: border-box; font-family: 'Lora'; font-size: 16px; }
.bread-style h1 { margin: 0; font-family: 'Lora'; font-size: 1.5em; }
.bread-style h2 { margin: 0; font-family: 'Open Sans'; font-size: 1.25em; }
.bread-style h3 { margin: 0; font-family: 'Open Sans'; font-size: 1em; }
.bread-section {
position: relative;
width: 100%;
text-align: center;
}
/* ADJUST YOUR BACKGROUND AND FONT COLORS BELOW */
.bread-header {
height: 350px;
background: #09374c;
color: #fff;
}
.bread-header h1 {
font-size: 1.5em;
color:#fff;
}
.bread-header p {
margin: 2em 0;
color:#fff;
font-size:16px;
float:none;
text-align:center;
}
.bread-main {
height: 850px;
background: #fff;
color: #333;
}
.bread-main p {
color: #808080;
text-align:center;
float:none;
font-size:16px;
}
.bread-cta {
height: 200px;
background: #fff;
color: #333;
border-top: 1px dotted #e6e6e6;
}
.bread-cta h3 {
font-family: 'Lora';
}
.bread-footer {
height: 400px;
background: #e6e6e6;
color: #333;
}
.bread-content-inner {
position: absolute;
width: 82%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.bread-points {
margin-top: 50px;
}
.bread-contact {
margin-bottom: 50px;
text-align:center;
float:none;
}
.bread-disclosure {
font-size: 14px;
text-align:center;
float:none;
}
.bread-contact-info {
text-decoration: none;
color: #2a98d0;
text-align:center;
float:none;
}
.bread-contact a
{
color: #2a98d0;
}
.bread-promo {
height: 50px;
width: 220px;
background: #2a98d0;
color: #fff;
font-family: 'Open Sans';
text-align: center;
line-height: 50px;
margin: 30px auto 0px auto;
transition: all 0.5s ease;
}
.bread-promo:hover {
opacity: 0.7;
}
/*******26/06/2018 by tajinder********/
.contact-container
{
max-width:1280px;
margin:0 auto;
}
/*****22/01/2020*****/
.warranty-info-form
{
width: 100%;
float: left;
}
.warranty-info-form h3
{
text-transform:uppercase;
}
.warranty-info-form input[type="text"],.warranty-info-form input[type="email"]
{
border: 2px inset #000 !important;
padding: 3px 2px 4px 4px !important;
}
.warranty-info-form .fullWidthFields
{
margin-bottom: 7px;
}
.warranty-info-form .fieldTextBox
{
margin: 0 10px 0 2px;
}
/*******finance css end********/
@media(max-width: 1051px) {
.banner-left {
float: left;
width: auto;
}
.banner-right {
float: right;
margin-top: 0;
width: 100%;
}
.banner-right .loc-sec-steps {
margin-bottom: 20px;
}
.banner-right .loc-sec-steps li.active .loc-sech-ttl {
font-size: 16px;
}
.banner-right .loc-sec-steps li {
font-size: 16px;
}
.banner-right .loc-sec-steps li span small {
left: 30%;
}
.tableinner {
table-layout: auto;
}
.res-table {
border: 1px solid #ccc;
overflow-y: hidden;
width: 100%;
}
._specification td.secondlast_new a {
padding: 6px 17px 6px 7px !important
}
.specs_new .detail-link {
padding-right: 10px;
}
.header-login-left {
width: 78%;
}
.header-login-right {
width: 22%;
}
.login-form span a {
min-width: 12px;
}
.slider-outter {
background-size: contain;
}
.custom-cont .entry-btn {
width: 13%;
box-sizing: border-box;
}
}
@media(max-width:1024px) {
.contact-footer-ul li:first-child {
width: 25%;
}
.contact-footer-ul li {
width: 25%;
}
.contact-footer-ul li:last-child {
width: 48%;
}
.bread-content-inner
{
width:100%;
padding:0 20px;
}
.wap-new .sj-top-form {
left: 0;
}
.slider-over-box-new {
right: 6% !important;
}
.sj-top-form #sj-engine-form .form-row select {
width: 100%;
}
.theiaStickySidebar {
position: relative !important;
left:0 !important;
}
.sj-chk-button input[type="button"], .sj-chk-button input[type="submit"], .sj-chk-button a {
padding: 15px 30px !important;
}
.font-36 {
font-size: 34px !important;
}
.landing_container .blue-theme-new .warranty-section h1 {
font-size: 29px !important;
}
.paypal-btns {
text-align: center !important;
}
.credit-left-bottom {
width: 100%;
}
.save-share-btn-leftside {
padding-top: 2px;
}
.sj-button {
padding: 20px 70px !important;
}
.reg {
margin-right: 2.5%;
}
.three-blocks p {
min-height: 119px;
}
.warranty-info-form input[type="text"],.warranty-info-form input[type="email"]
{
width:100% !important;
}
.warranty-info-form .fullWidthFields {
margin-bottom: 0;
}
.cst-inside-cinm {
padding: 50px 15px 0px 15px;
}
}
@media(max-width:990px) {
.fullWidthFields, .fieldText, .makes, .vehicle, .facilityPhone, .facility, .fieldTextBox {
width: 100% !important;
}
.fieldTextBox {
margin-bottom: 20px !important;
}
.diagnostic .bottomForm {
width: 100%;
margin: 30px 0 0 0;
}
.or-enter-left {
float: left;
width: 100%;
}
.or-enter-left br {
display: none;
}
.custom-cont {
margin-left: 0;
width: 100%;
}
.custom-cont input {
width: 76%;
}
.custom-cont .entry-btn {
box-sizing: content-box;
padding-left: 11px;
width: 21%;
}
/***shipping page***/
.map-right {
float: right;
width: 56%;
margin-top: 41px;
}
.bottom-sec .placeholder-image {
margin: 20px 0 20px 0;
}
.map-image {
margin-bottom: 0 !important;
}
.sj-button.sj-button-resp{
padding: 20px 52px !important;
}
}
@media(max-width:980px)
{
.select-drop-icon
{
width: 70% !important;
}
.sj-button {
padding: 20px 63px !important;
}
}
@media(max-width: 950px) {
.search-left {
width: 94%;
}
.serch-right {
width: 6%;
padding-left: 2px;
}
.left-form .form-row label {
width: 26%;
}
.left-form .form-row input[type="text"], .left-form .form-row select {
width: 73%;
}
.main-menu .form-row.part_search input[type="text"] {
width: 63%;
margin-right: 0;
}
/*************27/10/2017************/
.black-part img
{
max-height:123px;
}
.select-drop-icon
{
padding:2px 10px 2px 18px !important;
width:67%;
}
}
@media(max-width: 900px){
.custom-orderdetail {
top: 0;
}
.black-part img
{
max-height:114px;
}
.landing_container .tab-right .sj-tab-label {
width: 144px;
}
.landing_container .dream-section-left {
margin-right: 55px;
}
.sj-reft-img .sj-reft-bottom .sj-reft-p-img {
left: -26px;
}
.landing_container .dream-section-left h1 {
font-size: 32px;
}
.banner-overlay {
left: 11px;
}
.landing_container .blue-theme-new .sj-tab-label::after {
top: 38px;
}
.sj-button {
padding: 20px 46px !important
}
.sj-right-icons li {
font-size: 14px !important;
}
.reg {
width: 38%;
}
.sj-btnns-left {
width: 74%;
}
.sj-wel-right-new {
width: 100% !important;
margin:10px 0 !important;
}
.sj-wel-left-new {
float: right;
width: auto !important;
}
.sj-wel-center-new {
width: auto !important;
}
}
@media(max-width: 830px) {
.login-form span a {
font-size: 11.4px !important;
}
.warranty-inner .black-part span:first-child
{
height:103px;
}
.black-part img
{
max-height:108px;
}
.select-drop-icon
{
width:76% !important;
}
.landing_container .tab-right .sj-tab-label {
width: 131px;
}
.landing_container .img-text-left h1 {
font-size: 40px;
}
.landing_container .dream-section-left {
margin-right: 51px;
}
.landing_container .warranty-section-right {
width: 64%;
}
.landing_container .sj-reft-bottom .sj-reft-p-img {
left: -24px !important;
}
.cstm-wide-container .inst-below-formp, .joinform-field-section .inst-form {
padding: 0px 20px;
}
}
@media(max-width:812px) {
.landing_container .overlay {
bottom: 70px;
}
}
@media(max-width:800px) {
.formlabel {
font-size: 14px;
}
.contact-footer-ul li:first-child {
width: 50% !important;
}
.contact-footer-ul li {
width: 50%;
padding: 0;
text-align: center;
}
.contact-footer-ul li:last-child {
width: 100%;
margin-top: 20px;
}
.formBox input, .formBox textarea, .formBox select, .formBox input[type="radio"] {
width: 80%;
}
.submit-btn input {
width: 100px;
}
.black-part img
{
max-height:104px;
}
}
@media ALL and (min-width: 768px) {
.bread-style h1 { font-size: 2em !important; }
.bread-style h2 { font-size: 1.7em !important; }
.bread-style h3 { font-size: 1.25em !important; }
.bread-main {
height: 500px;
}
.bread-three-col {
box-sizing: border-box;
width: 33%;
float: left;
padding: 0px 15px;
}
.bread-points {
margin-top: 75px;
}
}
@media(max-width: 768px) {
.cin-right-imgg img {
width: 50%;
float: left;
}
.cust-inst-form.inst-form,.int-nob, .inst-below-formp
{
padding-right:10px;
padding-left:10px;
}
.login-form span a {
font-size: 12px !important;
}
.main-menu .form-row.part_search {
float: left;
}
.main-menu .form-row.part_search input[type="text"] {
float: left;
width: 100%;
}
.italic {
font-size: 20px;
}
/*--- 05/09/2016 Mani---*/
.popup-wrapper {
background: #83120c !important;
height: auto !important;
padding-bottom: 14px;
}
.popup-wrapper h2 {
text-align: center;
padding-left: 0 !important;
}
.silver-bg {
width: 100%;
}
.silver-bg img {
width: 100%;
}
.resp-left {
display: block !important;
margin: 0 auto;
width: 100%;
max-width: 500px;
}
.left-part {
margin-top: 0!important;
width: 100%!important;
}
.silver-left br {
display: none;
}
.custom-inner-sl-text h1
{
font-size:52px;
}
.top-header-text .call-now-text h5
{
text-align:left;
}
.top-header-text .call-now-text
{
padding:0 10px;
width:88%;
}
.top-header-text .call-now-text p
{
font-size:13px;
}
/********27/10/2017*********/
.warranty-left
{
width:100%;
}
.warranty-right
{
width:100%;
padding:0px;
}
.black-part
{
display:none;
}
.warranty-inner .image-part
{
text-align:center;
}
.warranty-right .warranty-top-text p
{
margin:0px;
margin-top:20px;
}
.warranty-right .warranty-bottom
{
margin-top:15px;
}
.warranty-right .warranty-bottom img
{
width:100%;
}
.lucas-outer .lucas-right
{
width:100%;
text-align:center;
}
.lucas-outer .lucas-left
{
width:100%;
}
.lucas-outer .lucas-left h2
{
text-align:left;
}
.custom-loc-list
{
border-right:none !important;
}
.select-drop-icon
{
width:61% !important;
}
.custom-search
{
text-align:left !important;
}
.warranty-inner .image-part
{
width:100%;
}
.bread-header p,.bread-main p,.bread-contact,.bread-disclosure,.bread-disclosure
{
text-align:center !important;
}
/***navpreet***/
.margin-b {
margin-bottom: 30px !important;
}
/****testimonial page****/
.taw-topright {
right: -23px;
}
/******22/07/2019**warranty Registration page**Start**********/
.warranty-form .select-field, .warranty-form .text-field {
width: 100%;
margin-bottom: 20px;
}
.warrantysubmit {
width: 100%;
text-align: center;
}
.warranty-form {
margin: 0px 0 30px 0;
}
.warranty-form-outer {
padding-top: 30px;
}
.wap-new .sj-top-form {
top: 0;
}
.slider-over-box-new {
right: 0 !important;
}
.landing_container .blue-theme-new .sj-tab-label::after {
top: 25px;
}
.sj-btnns-left {
width: 67%;
}
.sj-right-icons li {
font-size: 17px !important;
}
.order-detail-top td:nth-child(1) {
width: 50% !important;
}
.order-detail-top tbody td {
width: 50% !important;
word-break: break-all;
}
td.wrannty span {
width: 68.5%;
}
.warranty-bottom ol {
margin: 20px 0 10px 3.5%;
}
.cus-tick-new {
left: 26% !important;
}
span.inquiry-heading {
font-size: 28px;
}
.cust-right-imgg-new {
width: 49%;
}
.Inquiry-txt p {
padding: 5px 0;
font-size: 13px;
}
.app-table-outer table{
min-width:700px;
}
.app-table-outer{
overflow:auto;
}
}
@media(max-width: 736px) {
.slider-outter {
height: 100%;
width: 100%;
}
.left-form {
width: 100%;
}
.cust-Engtitle {
margin-left: 0;
}
.custom-inner-sl-text h1
{
font-size:44px;
}
.sj-button.sj-button-resp {
padding: 20px 47px !important;
}
.sj-btnns-left {
width: 52% !important;
}
}
@media(max-width:690px) {
.slider-over-box-new {
right: 0 !important;
bottom: 37px;
top: initial !important;
}
.sj-banner-new {
max-height: 260px;
}
.slider-over-box-new {
right: inherit !important;
bottom: 25px;
top: initial !important;
left: 12%;
}
.sj-top-newform #sj-engine-form .form-row.full select {
padding: 6px 27px 6px 7px;
font-size: 15px;
}
.sj-wel-center-new {
width: 100% !important;
}
.sj-wel-left-new {
width: 100% !important;
text-align: center;
margin: 5px 0;
}
.sj-btnns-left {
width: 58% !important;
}
}
@media(max-width:667px) {
.sj-btnns-left {
width: 44% !important;
}
.cus-tick-new {
left: 23% !important;
}
}
@media(max-width:650px) {
.formlabel {
width: 30%;
font-size: 16px;
}
.formBox {
width: 70%;
}
.contact-footer-ul li:first-child, .contact-footer-ul li, .contact-footer-ul li:last-child {
width: 100% !important;
}
.contactDetails {
padding-bottom: 20px;
}
.contactDetails h4 {
color: #fff;
}
.contactDetails span {
border-bottom: 1px solid #fff;
padding-bottom: 10px;
}
.sponser-ul {
text-align: center;
}
.contact-footer-ul li:first-child {
border-right: none;
}
.contact-footer-ul li:first-child .contactDetails h4 {
display: inline-block;
}
.contactDetails .contDetail-no {
display: inline-block;
float: left;
width: auto;
}
.contactDetails .contDetail-no:first-child {
padding-right: 5px;
}
.contactDetails .cont-add:first-child {
border-bottom: 0 none;
}
.contact-footer-ul li:last-child {
margin-top: 0;
}
.custom-inner-sl-text h1
{
font-size:45px;
}
/***testimonial page****/
.ts-red-box-left-new , .ts-red-box-right-new {
width: 100%;
background:none;
}
.ts-red-box-left-new img,.ts-red-box-right-new img {
width: 100% !important;
}
.ts-red-box-right-new img{
background:#fff;
}
.ts-red-box-center-new , .ts-red-box-left-new {
width: 100% !important;
}
.ts-red-box-left-new {
margin: 20px 0;
}
.taw-topright {
top: 0;
right: 0;
width: 100%;
position:relative;
}
.sj-full-width.ts-red-box a {
margin-bottom: 2px !important;
}
.sj-full-width.ts-red-box p,.sj-full-width.ts-red-box span {
text-align: center !important;
}
}
@media(max-width: 600px) {
.slider-outter {
margin-top: 16px;
}
.slider {
min-height: 200px;
}
.select-drop-icon
{
width:74% !important;
}
.custom-inner-sl-text h1
{
font-size:40px;
}
.testimonial-outer-new .testi-left {
width: 100%;
float: left;
margin-left: 0;
}
.testimonial-outer-new .testi-right {
width: 100%;
float: left;
margin-left: 0%;
margin-top:50px
margin-bottom:35px;
}
/**03/07/2019*Navpreet***/
.widget-new .sj-widg-right.widget-new-left {
width: 100% !important;
margin-bottom: 10px !important;
}
.widget-new .sj-widg-left.widget-new-right {
float: left !important;
width: 100% !important;
}
.sj-widget-section.widget-new {
padding: 4.5% 0 24.3% 0;
}
.sj-pdetail-outer .sj-right-icons {
margin-top: 10px;
}
.sj-pdetail-outer {
margin-top: 10px !important;
}
.m--top {
margin-top: 30px;
}
td.wrannty span {
width: 67%;
}
.mtb-30 {
margin: 0px 0 25px 0;
}
.page-title{
font-size:25px;
}
.red-box {
float: left;
width: 100%;
text-align: center;
margin-bottom: 10px;
}
.contractLabel {
font-size: 14px;
}
.contractLabelNote {
font-size: 14px;
}
.warranty-select-block .panel-left, .warranty-select-block .panel-right {
width: 100%;
margin: 0 !important;
padding:0 !important;
}
.warranty-select-block .panel-left{
margin-bottom:10px !important;
}
.warranty-select-block .panel-right h1, .warranty-select-block .panel-left h1 {
margin-bottom: 10px;
margin-top: 10px;
}
#warrantyform .margintop40 {
margin-top:0px !important;
}
.resp-txt h4 , .resp-txt h3{
font-weight:300 !important;
}
.resp-bold{
font-weight:bold !important;
}
.online-orders {
width: 67%;
}
.warranty-bottom ol {
margin: 20px 0 10px 5%;
}
.sj-btnns-left {
width: 49% !important;
}
.Inquiry-txt {
width: 100%;
}
.inst-form-right-new{
margin-top:0 !important;
}
.inst-form {
padding:25px !important;
}
.inst-form-new .inst-form-right .inst-textarea {
margin-top: 0 !important;
}
span.inquiry-heading {
width: 100% !important;
margin-bottom: 20px;
}
.html5gallery-tn-selected-0 {
margin-left: -1px !important;
}
}
@media(max-width:568px)
{
.custom-inner-sl-text h1
{
font-size:37px;
}
.slider-over-box-new {
bottom: 19px;
left: 0;
}
.sj-banner-new {
max-height: 180px;
}
.landing_container .sj-top-form .sj-tab-label{
height: 74px !important;
}
}
@media(max-width:550px)
{
.select-drop-icon
{
width:38% !important;
}
.custom-search
{
text-align:center !important;
}
.custom-inner-sl-text h1
{
font-size:35px;
}
/*****navpreet******/
.cust-banner-img {
height: 200px !important;
}
.landing_container .overlay {
height: 200px !important;
}
.landing_container .img-text-left {
top: -185px !important;
}
.sj-new-title h1 span strong,.sj-new-title h1 span
{
font-size: 32px;
}
.shipping-wrap .shipping-right {
padding: 29px 0px;
}
.map-right span {
font-size: 14px !important;
}
.map-image {
margin-bottom: 13%;
}
.overlaylayout {
width: 94% !important;
}
.popup-icons ul li {
width: 48.6%;
}
.popup-icons ul li:nth-child(2n+2) {
margin-right: 0 !important;
}
.popup-icons ul li:nth-child(3n+3) {
margin-right: 1%;
}
}
@media(max-width:480px) {
.formContainer {
padding: 0 20px 5px 20px;
}
.formlabel {
width: 100%;
text-align: left;
}
.formBox {
width: 100%;
}
.formBox input, .formBox textarea, .formBox select, .formBox input[type="radio"] {
width: 100%;
}
.submit-btn input {
width: 100px;
}
.leftPanel {
padding-bottom: 60px;
}
.contactDetails .contDetail-no:first-child {
border-bottom: 0 none;
padding-right: 0;
}
.contactDetails .contDetail-no {
display: block;
float: none;
width: auto;
padding-bottom: 5px;
}
.silver-bg > img {
height: 315px;
}
.resp-left {
max-width: 330px !important;
}
.popup-wrapper h2 {
font-size: 22px !important;
}
.silver-wrapper h3 {
font-size: 17px;
}
.silver-wrapper h1 {
font-size: 25px;
line-height: 25px;
}
.silver-left h4 {
font-size: 14px;
}
.silver-left p {
font-size: 13px;
}
.custom-inner-sl-text h4
{
font-size:14px;
}
.custom-inner-sl-text h1
{
font-size:28px;
}
.red-theme .fa-caret-down::after ,.blue-theme .fa-caret-down::after,.black-theme .fa-caret-down::after {
top: 9px;
font-size: 20px;
}
/**03/07/2019*Navpreet***/
.widget-new-left h4 {
font-size: 20px;
}
.landing_container .mission-section span.regular {
font-size: 22px !important;
}
.thum-first #bf-revz-widget-1031516759 {
width: auto;
}
/**********22/07/2019**Home Page************/
.six-buttons .sj-thumb-outer a.thum-list {
font-size: 30px !important;
}
.whitearea-padding{
padding-top: 20px !important;
}
/******22/07/2019**warranty Registration page**Start**********/
.select-field select, .text-field input{
padding: 6px 27px 6px 7px;
font-size: 15px;
height:auto;
}
.warrantysubmit input{
padding: 9px 25px !important;
font-size: 15px;
}
.warranty-form-outer .font30 {
font-size: 21px;
}
.warranty-wrap button span {
font-size: 15px !important;
}
.warranty-wrap .panel-right {
padding: 40px 40px 40px 20px;
}
.warranty-wrap .panel-right::before {
top: 0;
}
.warranty-wrap .warranty-box .box {
padding: 38px 24px;
}
.warranty-wrap .panel .panel-right span {
width: 100%;
}
.sj-pay-logo {
padding: 9px 10px !important;
}
.save-share-btn {
text-align: center !important;
}
.sj-buy-btn {
float: left;
width: 100% !important;
text-align: center;
}
.sj-buy-btn input[type="submit"]{
float:none;
}
.sj-right-icons li {
font-size: 16px !important;
}
.sj-pdetail-outer .sj-right-icons {
margin-top: 10px !important;
}
.sj-right-icons li span {
padding: 0px 0 0 2px !important;
}
.sj-button , .sj-button.sj-button-resp{
padding: 14px 52px !important;
}
.taw-logo {
margin-top: 0px;
}
.hist-table td:nth-child(1) ,.hist-table tbody td {
width: 50%;
}
.checkouttable h3 {
padding: 20px 0;
}
.loc-sec-steps li {
transform: inherit;
}
.loc-sec-steps li span {
transform: inherit;
}
.e-2{
margin-top:0 !important;
}
.agree-term {
width: 94%;
}
.white-boxes td:nth-child(2n+1) ,.white-box-2 td:nth-child(2n+1) {
min-width: 51% !important;
width:47%;
}
.shipping-wrap .shipping-left , .shipping-wrap .shipping-right {
width: 100%;
text-align: center;
}
.shipping-left h2 {
font-size: 18px;
line-height: 14px;
}
.shipping-left h4 {
font-size: 15px;
line-height: 17px;
}
.shipping-wrap .shipping-right {
padding: 14px 0px 0 0;
}
.with-resp{
display:block;
}
.without-resp{
display:none;
}
.sub-heading {
line-height: 20px;
font-size: 19px;
}
.warranty-wrap .panel span {
font-size: 20px;
}
.warranty-wrap .warranty-box .box p {
font-size: 19px;
}
.warranty-bottom h4 {
font-size: 21px;
font-weight: bold;
}
.warranty-bottom {
margin: 10px 0 25px 0;
}
.warranty-bottom ol li {
font-size: 19px;
}
.sj-wel-left-new img{
width:20%;
}
.sj-wel-center-new h1{
line-height: 33px;
}
.sj-wel-right-new p {
font-size: 19px !important;
}
#saveproduct_response{
float: left;
width: 100%;
text-align: center;
margin-top: 0;
}
.sj-btnns-right {
margin-top: 15px;
}
.sj-btnns-right-new {
height: auto;
}
.cust-sharethis .sj-button.sj-share-btn {
min-width: 106px;
float: left !important;
margin-left: 15px;
padding: 5px 8px !important;
}
.cus-tick-new {
left: -6% !important;
}
img.ci-engine {
height: auto;
}
.ci-list li span.tick-icon {
float: left;
width: 8%;
}
.cin-center-sbox label {
width: 33%;
}
.cin-map-field input[type="text"] {
padding:12px;
}
.cin-map-field a {
padding:10px;
font-size: 8px;
}
.cin-benefit-section h1 {
font-size: 30px;
}
.cin-benefit-section-insideh h2 {
font-size: 28px;
}
.fact-stats-section h1 {
font-size: 19px;
margin-top: 20px;
}
.right-cin-p{
font-size:20px;
padding: 20px 0px;
}
.cin-map-field input::placeholder{
font-weight:100;
font-size:10px;
}
.cin-explained-section {
padding: 30px;
}
.cin-explained-three1, .cin-explained-three {
padding: 0px;
}
.joinform-inside .titlewith-bg {
padding: 5px;
font-size:16px;
}
.cin-explained-section h1 {
font-size: 20px;
}
.cin-center-sbox span {
font-size: 12px;
}
.fact-sction-diffbg {
padding:15px;
}
.joinform-left .inst-textarea #inst-placeholderDiv p br{
display:none;
}
}
@media(max-width: 414px) {
.search-left {
width: 73%;
}
.search-left input {
width: 100% !important;
}
.serch-right {
width: 27%;
}
.slider {
min-height: 130px;
}
.custom-cont .entry-btn {
padding-left: 0;
width: 100%;
}
.custom-inner-sl-text h1
{
font-size:26px;
}
.custom-inner-sl-text h4
{
font-size:12px;
}
.top-header-text .call-now-text
{
width:100%;
}
.top-header-text .toggle-kit
{
top:30px;
}
.landing_container .img-text-left h1 {
font-size: 29px;
}
.sj-new-title h1 span strong,.sj-new-title h1 span
{
font-size: 24px;
}
.sj-banner-new {
max-height: 124px;
}
.slider-over-box-new {
padding: 3px 7px 3px 1px !important;
}
.landing_container .blue-theme-new .warranty-section h1 {
font-size: 24px !important;
}
.sj-button.sj-save-btn , .sj-button.sj-share-btn{
padding: 8px 15px;
}
.sj-chk-button input[type="button"], .sj-chk-button input[type="submit"], .sj-chk-button a{
padding:15px 23px !important;
}
.new-checkout-container {
padding: 0px 0px !important;
}
.warranty-box h4 {
font-size: 23px;
}
.online-orders-right {
width: 33%;
margin-right: 0 !important;
}
.sj-welcome .sj-welcome-content h4 {
font-size: 18px !important;
}
.joinform-inside .titlewith-bg {
padding: 7px 10px;
}
.cin-benefit-section-insideh h2{
font-size: 20px;
}
.cin-map-field a {
padding: 7px;
font-size: 10px;
}
.cin-map-field input[type="text"] {
padding: 12px 10px 0px 5px;
}
.cin-membership-right p, .joinform-inside p {
font-size: 15px;
}
.cin-center-sbox label {
font-weight: bold;
color: gray !important;
font-size: 12px;
}
.cin-map-field input[type="text"] {
font-size: 11px;
}
.cin-map-left-h2 {
font-size: 25px;
}
.cin-map-left {
padding-top: 23px;
padding-left: 0%;
}
.cin-explained-section img:first-child
{
max-width:70%;
}
.cin-explained-three1 {
padding: 0;
}
.cin-explained-three1 p {
font-size: 16px;
}
.cin-explained-three1 h6 {
font-size: 20px;
margin-top: 11px;
}
.cin-explained-three1 h3 span {
font-size: 33px;
letter-spacing: 3px;
}
.cin-explained-three1 h3 {
font-size: 18px;
}
.cin-feature-section p {
font-size: 16px;
line-height:21px;
letter-spacing: 0;
}
.cin-dark-section {
padding: 40px 25px 50px 25px;
}
.cin-compition-section h4, .cin-enroll-section-left h1, .cin-membership-right h1, .titleonimage {
font-size: 19px;
margin-bottom: 15px;
}
.cin-dark-section h1 {
font-size: 20px;
}
.cin-dark-section h2, .joinform-inside .titlewith-bg {
font-size: 15px;
}
.inst-form .joinform-left input::placeholder, .inst-form .joinform-right input::placeholder {
font-size: 17px;
}
.inst-form .inst-form-left input {
font-size: 15px;
font-weight: normal;
padding: 11px 15px !important;
height: auto;
}
.cin-inst-nob {
padding: 5px 25px;
letter-spacing: 3px;
font-size: 27px;
}
.cin-prod-list {
width: 100%;
}
.cin-right-text .list-txt, .cin-rightlist .list-txt {
font-size: 16px;
line-height: 19px;
}
.joinform-left label {
font-size: 16px;
}
.joinform-right h6 {
font-size: 17px !important;
padding: 0;
line-height: 22px;
}
.cin-explained-section h1 {
font-size: 25px;
padding: 20px 12px;
}
.cin-benefit-section {
padding: 15px;
background-position-x: 19%;
position:relative;
height: unset;
}
.cin-benefit-section .cin-benefit-section-inside
{
padding-top:200px;
}
.cin-benefit-section-right, .cin-benefit-section-left {
margin-top: 0px;
}
.cin-benefit-section-left h4 {
font-size: 21px;
padding: 0 !important;
position: absolute;
top: 210px;
left: 90px;
}
.cin-benefit-section-insideh .cin-benefit-section-right{
position:absolute;
top:44px;
padding-left: 21px;
left:0;
width: 100%;
float: left;
}
.cin-enroll-today-slider.fact-stats-section h1 {
font-size: 26px;
margin-top: 20px;
}
.cin-enroll-today-slider.fact-stats-section h3 {
font-size: 17px;
}
.annual-info-section h4 {
font-size: 19px;
margin-top: 10px;
}
.annual-info-section h1 {
font-size: 32px;
}
.cin-explained-three1 h3 span {
line-height: 36px;
}
.cin-explained-three1 h6,
.cin-explained-three1 p
{
text-align:center !important;
}
.cin-explained-three1 {
margin-bottom: 32px;
}
.cin-compition-section {
padding: 14px 0px 0 0;
}
.cin-compition-section h4
{
font-size:15px;
}
.cin-membership-right p {
line-height: 25px;
}
.joinform-inside .titlewith-bg {
letter-spacing: 2px;
}
.joinform-section .inst-form .inst-form-left input {
font-size: 16px;
}
.cin-center-sbox label {
font-size: 10px;
}
.cin-explained-section {
padding: 20px;
}
.cin-benefit-section h1 {
font-size: 25px;
}
.joinform-inside .titlewith-bg {
font-size: 15px;
}
.cin-benefit-section-left h4 {
padding: 62% 0% 10% 0%;
}
.cin-benefit-section-right h2 br{
display:none;
}
}
@media(max-width:400px) {
.silver-wrapper {
padding: 5px 9px !important;
}
.silver-wrapper ul {
margin-top: 0 !important;
}
.close-btn {
right: -7px !important;
}
.select-drop-icon
{
width:44% !important;
}
.custom-inner-sl-text h1
{
font-size:22px;
}
.custom-inner-sl-text h4
{
font-size:11px;
}
.sj-button.sj-save-btn, .sj-button.sj-share-btn {
width: 27%;
}
.taw-logo span.green-taw {
font-size: 26px;
}
.es-bottom-bar{
padding:15px;
}
.es-bottom-left h1, .es-bottom-left h2, .es-bottom-right h1 span, .es-bottom-right h2 span, .es-bottom-right h1, .es-bottom-right h2{
font-size: 16px;
}
.zoom-image {
width: 13.2%;
}
}
@media(max-width: 375px) {
/****navpreet*******/
.landing_container .testimonial {
margin-bottom: 50px;
}
.sj-guaranteed-resp h1 a {
font-size: 26px;
}
.landing_container .sj-reft-img .sj-reft-bottom .sj-reft-text li span a {
font-size: 14px;
padding-top: 2px !important;
display: inline-block;
}
.landing_container .sj-reft-img .sj-reft-bottom strong {
font-size: 26px;
}
.landing_container .img-text-left h1 {
font-size: 23px;
}
.blue-theme .tab-right .sj-tab-label {
font-size: 14px;
}
.blue-theme .sj-tab-label:nth-of-type(1)::before, .blue-theme .sj-tab-label:nth-of-type(2)::before {
margin-top: 4px;
}
.landing_container .label-caption {
font-size: 32px;
}
.landing_container .dream-section-left h1 {
font-size: 21px;
}
.landing_container .bottom span {
font-size: 13px;
}
.landing_container .tab-right .sj-tab-label {
padding: 20px 0px;
}
.black-theme .img-text-left h1 {
font-size: 15px !important;
}
.landing_container .img-text-left {
top: -291px;
}
.landing_container .img-text-left ul li span {
font-size: 21px;
line-height: 20px;
}
.black-theme .img-text-left ul {
padding-left: 14px;
}
.landing_container #sj-engine-form input[type="submit"], .landing_container #sj-vin-form input[type="button"], .landing_container #sj-partlookup-form .sj-form-row input[type="button"] {
padding: 6px 17px !important;
font-size: 19px !important;
}
.landing_container .img-text-left ul li {
line-height: 21px;
}
.blue-theme .sj-tab-label:nth-of-type(1)::before,.blue-theme .sj-tab-label:nth-of-type(2)::before {
margin-right: 9px;
margin-left: 16px;
}
.black-theme .img-text-left {
top: -214px !important;
}
.landing_container .img-text-left h1 {
font-size: 26px !important;
}
.shipping-outer-top {
padding: 10px 5px;
}
.map-image span {
font-size: 15px;
}
.map-right {
width: 59%;
}
.bottom-sec h4,.bottom-sec h4 span {
font-size: 22px;
}
.shipping-wrap .shipping-left,.shipping-wrap .shipping-left p,.shipping-wrap .shipping-right {
text-align:center !important;
float: left;
width: 100%;
}
.shipping-wrap .shipping-left p br {
display: none;
}
/***********HTML-FORMS**24/07/2019(Start)*******************/
.c-bttn #submit_form {
font-size: 15px;
padding: 14px;
}
.font36 {
font-size: 23px;
}
.resp-font {
font-size: 16px !important;
}
.slider-over-box-new {
bottom: 31px;
}
.sj-right-icons-new li {
font-size: 16px !important;
}
button.accordion {
font-size: 13px;
}
.sj-right-icons li {
font-size: 15px !important;
}
.sj-pay-logo {
padding: 9px 0 9px 6px !important;
}
.landing_container .dream-section-left h1, .three-p h1 {
font-size: 22px !important;
}
.sj-pay-logo,.sj-pay-logo p{
text-align:center !important;
float:left;
width:100%;
padding-bottom:6px;
}
.sj-pay-logo img {
float: none;
}
.pay-img {
width: 100% !important;
float: left !important;
text-align: center;
}
.sj-pay-logo-flex {
display: inherit;
}
.taw-logo span.green-taw {
font-size: 24px !important;
}
.map-image span.caption {
font-size: 17px;
padding-top: 35px;
}
.warranty-box h4 {
font-size: 21px;
}
.landing_container .tab-right .sj-tab-label {
font-size: 14px;
}
.warranty-bottom ol {
margin: 20px 0 10px 6%;
width: 94%;
}
.cin-center-sbox span {
padding-left: 0px;
font-size: 10px;
}
.cin-benefit-section h1 {
font-size: 22px;
}
}
@media(max-width: 370px) {
.behind-one-third {
margin-right: 0;
margin-top: 10px;
width: 100%;
}
.select-drop-icon
{
width:46% !important;
}
.top-header-text .call-now-text
{
width:100%;
float:left;
}
.top-header-text .call-now-text p
{
margin:0 0 3px 0;
}
.top-header-text .toggle-kit
{
top:51px;
}
.sj-button.sj-save-btn, .sj-button.sj-share-btn {
width: 30%;
}
.citest-overlay-content h1 {
font-size: 25px;
}
.citest-overlay-content h1 span {
float: left;
width: 100%;
}
}
@media(max-width: 330px) {
.silver-bg img {
height: 340px;
}
.right-detail h4{
font-size:25px;
}
.right-detail h3 {
font-size: 16px !important;
}
.right-detail ul{
padding-left:10px;
}
.right-detail li {
text-align: left;
}
.select-drop-icon
{
width:55% !important;
}
/***********HTML-FORMS**24/07/2019(Start)*******************/
.resp-font {
font-size: 15px !important;
}
.sj-chk-button input[type="button"], .sj-chk-button input[type="submit"], .sj-chk-button a{
padding: 14px 20px !important;
font-size: 15px !important;
}
.taw-logo span.green-taw {
font-size: 20px !important;
}
.cin-center-sbox span {
padding-left: 0px;
font-size: 12px;
}
.cin-benefit-section-left ul li, .cin-benefit-section-right ul li {
font-size: 10px;
}
.zoom-image {
width: 13%;
}
}
@media(max-width:320px) {
.popup-wrapper {
border-width: 4px !important;
}
.popup-wrapper h2 {
font-size: 20px !important;
}
.main-popup {
padding: 0 5px !important;
}
.silver-wrapper {
padding: 5px 9px !important;
}
.silver-wrapper h3 {
font-size: 17px !important;
}
.silver-wrapper h1 {
font-size: 20px !important;
line-height: 20px !important;
}
.silver-left p {
line-height: 15px !important;
}
.close-btn {
right: -4px !important;
}
.left-part {
padding: 15px 10px !important;
}
.custom-inner-sl-text h4
{
font-size:9px;
}
.custom-inner-sl-text h1
{
font-size:19px;
}
.landing_container .overlay {
height: 161px;
}
.landing_container .img-text-left h1 {
font-size: 21px;
}
.landing_container .img-text-left {
margin-left: 18px;
}
.landing_container #sj-engine-form .form-row select {
padding: 5px 18px 5px 18px !important;
}
.landing_container .dream-section-left p {
font-size: 13px;
line-height: 18px;
}
.landing_container .sj-reft-img .sj-reft-bottom strong {
font-size: 28px;
}
.landing_container .bottom span {
font-size: 11px;
}
.landing_container .dream-section-left h1 {
font-size: 26px;
}
.landing_container .mission-section span.regular {
font-size: 23px !important;
}
.landing_container .sj-tab-label::before {
font-size: 13px !important;
}
.landing_container .item h4, .landing_container .item span {
font-size: 18px;
}
.landing_container .label-caption {
font-size: 26px;
}
.landing_container .img-text-left {
top: -258px;
}
.landing_container .img-text-left ul li {
line-height: 18px;
}
.landing_container .tab-right .sj-tab-label {
font-size: 15px !important;
padding: 12.8px 5px 11.8px 42px !important;
}
.sj-right-icons li {
font-size: 12.5px !important;
}
button.accordion {
font-size: 10px;
}
.formContainer {
padding: 0 5px 5px 5px;
}
.sj-button.sj-save-btn , .sj-button.sj-share-btn{
padding: 8px 10px;
margin-right: 10px;
font-size: 14px;
}
.sj-button.sj-save-btn {
margin-right: 4px !important;
}
.sj-white-bg {
padding: 15px !important;
}
.order-detail-top td:nth-child(1) {
width: 100% !important;
}
.shipping-left h2 {
font-size: 16px;
line-height: 12px;
}
.map-right span {
font-size: 12px !important;
}
.map-image span.caption {
font-size: 17px;
}
.warranty-box h4 {
font-size: 19px;
}
.landing_container .blue-theme-new .tab-right .sj-tab-label {
display: flex;
}
.order-popcontent h4 {
font-size: 14px;
}
.cus-tick {
right: 124px;
}
.cus-tick-new {
left: -7% !important;
}
}
/****20/08/2019******/
.sj-left-form :focus {
outline-color: transparent;
outline-style: none;
}
.landing_container .truck_wrap .sj-top-form #sj-engine-form .form-row select,.landing_container .truck_wrap .sj-top-form #sj-vin-form .sj-form-row input, .landing_container .truck_wrap .sj-top-form #sj-partlookup-form .sj-form-row input {
background-color: #fff !important;
background: #fff !important;
color: #000 !important;
text-transform:uppercase;
}
.landing_container .truck_wrap .sj-top-form #sj-engine-form .form-row select option {
background: #FFF !important;
font-size: 20px;
color:#000 !important;
}
.landing_container .truck_wrap .tab-right #sj-vin-form .sj-form-row input::placeholder, .landing_container .truck_wrap .tab-right #sj-partlookup-form .sj-form-row input::placeholder {
color: #4b4b4b !important;
opacity: 1;
background: none !important;
}
.landing_container .tab-right #sj-vin-form input#vinsubmit.orangeclass{
background-color: #F90 !important;
color:#fff !important;
}
.sj-top-form #sj-vin-form .sj-form-row input.bacgerror::placeholder, .sj-top-form #sj-partlookup-form .sj-form-row input.bacgerror::-webkit-input-placeholder, .sj-top-form #sj-specs-form .sj-form-row input.bacgerror::-webkit-input-placeholder,.landing_container .truck_wrap .tab-right #sj-vin-form .sj-form-row input.bacgerror::placeholder, .landing_container .truck_wrap .tab-right #sj-partlookup-form .sj-form-row input.bacgerror::placeholder {
color: #f00 !important;
border:none;
}
.sj-top-form #sj-vin-form .sj-form-row input.bacgerror, .sj-top-form #sj-partlookup-form .sj-form-row input.bacgerror, .sj-top-form #sj-specs-form .sj-form-row input.bacgerror {
color: #fff !important;
}
.landing_container .truck_wrap .sj-top-form #sj-partlookup-form .sj-form-row input.bacgerror{
border: none !important;
}
.landing_container .truck_wrap .sj-top-form #sj-engine-form .form-row .bacgerror, .landing_container .truck_wrap .sj-top-form #sj-vin-form .form-row .bacgerror ,.landing_container .truck_wrap .sj-top-form #sj-partlookup-form .sj-form-row input.bacgerror ,.sj-top-form #sj-partlookup-form .sj-form-row input.partserchclas.bacgerror::placeholder {
font-size: 20px !important;
}
.landing_container .select-icon::after{
color:#000 !important;
}
.greenclass {
color: #fff !important;
}
.landing_container .truck_wrap #sj-vin-form input.greenclass, .landing_container .truck_wrap .tab-right #sj-partlookup-form .sj-form-row input.greenclass, .landing_container .truck_wrap .tab-right #sj-engine-form input.greenclass, .landing_container .truck_wrap .sj-top-form #sj-partlookup-form input.greenclass,.landing_container .truck_wrap .sj-top-form #sj-vin-form .sj-form-row input.greenclass, .landing_container .truck_wrap .sj-top-form #sj-partlookup-form .sj-form-row input.greenclass {
background-color: #0C3 !important;
color: #fff !important;
}
.landing_container .truck_wrap .sj-top-form #sj-engine-form .form-row.form-field select.bacgerror{
color:#f00 !important;
}
.cus-st-btn .st-btn {
margin-bottom: 10px;
}
/*** 29-04-2020 @Gurtek Singh**/
.wo_number_field{ display:none !important;}