.showmob {display: none;} .showdeskotp {} .nicescroll-rails {z-index:8001 !important;} .call2-action-sticky, .sticky-model-tabs .call2-action-sticky {top:35%;} /*-----------------------------------------------------------------MODEL MAIN CONTENT---------------*/ .model-main-content .top-nav-menu {position:absolute} .model-main-content .header-ui {position:relative; margin-top:-25px;} .model-main-content .header-ui .brand {margin-top:25px;} .model-main-content .header-ui .brand{padding-top:14px;} .main-full{ width:1366px;} /*-----------------------------------------------------------------MODEL DETAIL CONTENT---------------*/ .sticky-model-tabs {position:fixed !important; top:0; width:100%;} #loading {background:#252525; border-radius: 8px 8px 8px 8px; height: 40px; margin: 11px auto 0; opacity: 0.9; padding: 10px 0 0; text-align: center; width: 50px;} /*MODEL BANNER SECTION*/ .model-banner {z-index:1; background:none;} .model-img-hld {z-index:0; width:100%; overflow:hidden; text-align:center; max-height: 538px; margin-bottom:0px;} .model-img-hld img {width:100%;} .banner-content {z-index:1;} .model-heading h1 {font-size:58px; font-weight:800; line-height: 58px; margin:35px 0 0px; padding:0} .model-heading h2 {font-size:32px; font-weight:600; margin:0 0 10px 0; text-transform:uppercase;} .model-heading .read-more {margin:4px 0 0; display:inline-block; font-weight:600; padding: 11px 12px;} .model-reason {margin:33px 0 0 3.6969%;} .model-reason header {float:right;width:36.6%; font-size:22px; font-weight:800; text-transform:uppercase; color:#252525; padding-bottom:22px;} /*** No Bullet ***/ .model-reason ol.blank {float:right; width:36.6%; clear:both; font-size:15px; margin-left:0; padding-left:0; counter-reset:li;} .model-reason ol.blank > li {position:relative; margin:0; padding:5px 8px 5px 0; list-style:none; line-height: 20px;} .model-reason ol.blank > li:before {position:absolute; top:4px; left:-50px; width:2em; font-size:30px; color:#ed0000; font-weight:800; margin-right:8px; padding:5px 0 0 0; text-align:center;} /*** Number - Bullet***/ .model-reason ol.number {float:right; width:36.6%; clear:both; font-size:15px; margin-left:0; padding-left:0; counter-reset:li;} .model-reason ol.number > li {position:relative; margin:0 0 6px 1.7em; padding:6px 8px 5px 12px; list-style:none; line-height: 20px; min-height:40px;} .model-reason ol.number > li:before {content:counter(li); counter-increment:li; position:absolute; top:4px; left:-50px; width:2em; font-size:30px; color:#ed0000; font-weight:800; margin-right:8px; padding:5px 0 0 0; text-align:center;} /*** Dot - Bullet***/ .model-reason ol.dot {float:right; width:36.6%; clear:both; font-size:15px; margin-left:0; padding-left:0; counter-reset:li;} .model-reason ol.dot > li {position:relative; margin:0 0 6px 1.7em; padding:6px 8px 5px 6px; list-style:none; line-height: 20px; min-height:40px;} .model-reason ol.dot > li:before {content:"• "; position:absolute; top:2px; left:-26px; font-size:24px; font-weight:800; margin-right:8px; padding:5px 0 0 0; text-align:center; color:#ed0000;} .model-reason li ol, .model-reason li ul {margin-top:6px;} .model-reason ol ol li:last-child {margin-bottom:0;} .model-hld{ width:1267px; margin:0px auto; position:relative; transition:all 0.4s ease-in-out 0s;} .model-main-content .call2-action-banner { top:inherit; bottom:40px;} .FlexContentSliderBody .model-main-content .call2-action-banner { top:inherit; bottom:38px;} .mdl-prisecta .call2-action-banner {bottom:0px !important;} .sticky-accessories {margin:0 auto 0;} .pro-details{ margin:0 0 50px 0 !important; padding:0;} .pro-details .even .pro-details-big{float:left; width:65.2964%;} .pro-details .even .pro-details-sml{width:34.70%; text-align: center; margin: 0 auto; padding: 0 30px 0 0; display: table-cell; vertical-align: middle;} .pro-details .odd .pro-details-big{float:right; width:65.2964%;} .pro-details .odd .pro-details-sml{float:right; width:34.70%; text-align: center;} .pro-details-big{ margin:0 0 ; padding:0; } .pro-details-big img{ width:100%;} .pro-details-sml{ margin:0; padding:0;} .pro-details-sml > div { margin:24px 30px 0 30px;} .pro-details-sml h2{ font-size:15px; font-weight:600; color:#000000; margin:0; padding:0;} .pro-details-sml h3{font-size:42px; font-weight:900; line-height: 1.0em; color:#000; margin:1% 0 30px -3px; padding:0; text-transform:uppercase;} .pro-details-sml > div .free-text {padding-bottom: 30px;} .pro-details-sml p {font-size:13px; font-family:'Open Sans', Arial, sans-serif; color:#7a7a7a; margin:0; padding:0; line-height:20px;} .non-capital {text-transform:none !important;} .free-text table h3 {font-size: 24px; font-weight: 700; color:#2a2a2a; text-transform: uppercase; margin-top:10px; margin-bottom: 11px;} .free-text table h4 {font-size: 18px; font-weight: 700; color:#2a2a2a; text-transform: capitalize; margin-bottom: 16px;} .even .pro-details-sml > div { margin:0 auto; padding:0 0 0 30px; display: table-cell; vertical-align: middle;} .odd .pro-details-sml > div { margin:0 auto; padding:0 30px 0 0; display: table-cell; vertical-align: middle;} .pro-details .pro-details-footer a:hover{ color:#ed0000; text-decoration:none;} .pro-more-cont{ margin:0; padding:20px 0 0; display:none;} .pro-more-cont-left{ float:left; margin:0 2.68% 0 2.05%; width:26.56%;} .pro-more-cont-cen{ float:left; margin:0 2.29% 0 0; width:46.00%;} .pro-more-cont-cen p{ color:#7a7a7a; font-size:13px; line-height:20px; font-family:'Open Sans', Arial, sans-serif; margin:0; padding:0 0 20px 0;} .pro-more-cont-right{ float:left; margin:0 2.76% 0 0; width:17.62%;} .pro-more-cont-right img:first-child{ margin-bottom:15px;} .pro-more-cont-cen h4{ font-size:15px; font-weight:800; color:#252525; margin:0 0 0 0; padding:0; text-transform:uppercase;} .pro-more-cont-cen h5{ font-size:16px; font-weight:normal; color:#252525; margin:15px 0; padding:0; text-transform:uppercase;} .pro-more-cont-cen article p{font-size:13px; font-family:'Open Sans', Arial, sans-serif; color:#7a7a7a; margin:0 0 0 0; padding:0;} .pro-details .even .pro-details-sml .free-text, .pro-details .odd .pro-details-sml .free-text {text-align: center;} .pro-details.center-content .pro-details-sml, .pro-details.center-content .even .pro-details-sml .free-text, .pro-details.center-content .odd .pro-details-sml .free-text {text-align: center;} .pro-details.left-content .pro-details-sml, .pro-details.left-content .even .pro-details-sml .free-text, .pro-details.left-content .odd .pro-details-sml .free-text {text-align: left;} .pro-details.right-content .pro-details-sml, .pro-details.right-content .even .pro-details-sml .free-text, .pro-details.right-content .odd .pro-details-sml .free-text {text-align: right;} .pro-details.center-btn .footer-link-box {width: 100%; text-align: center; display: block;} .pro-details.left-btn .footer-link-box {width: 100%; text-align: left; display: block;} .pro-details.right-btn .footer-link-box {width: 100%; text-align: right; display: block;} .pro-details.left-btn .footer-link-box.second-read-less, .pro-details.center-btn .footer-link-box.second-read-less, .pro-details.right-btn .footer-link-box.second-read-less {text-align: right;} /*-------------Accessories---------*/ .accessories-hld h2 {padding:0 0 15px 0; margin:0; text-transform:uppercase; color:#252525; font-weight:700; font-size:15px; float: left; width:25%;} .accessories-hld .filter-res{margin:0; text-transform:uppercase; color:#ed0000; font-weight:700; font-size:13px; padding:10px 20px 16px 19px; display:block;} .accessories-hld .resp-tabs-hld{ background: rgb(249,249,249); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(243,243,243,1) 52%, rgba(239,239,239,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,249,249,1)), color-stop(52%,rgba(243,243,243,1)), color-stop(100%,rgba(239,239,239,1))); background: -webkit-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(243,243,243,1) 52%,rgba(239,239,239,1) 100%); background: -o-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(243,243,243,1) 52%,rgba(239,239,239,1) 100%); background: -ms-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(243,243,243,1) 52%,rgba(239,239,239,1) 100%); background: linear-gradient(to bottom, rgba(249,249,249,1) 0%,rgba(243,243,243,1) 52%,rgba(239,239,239,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#efefef',GradientType=0 ); border-bottom:solid 1px #fff; } /*-------Responsive Tap-------*/ .resp-tabs-list{ float:left; margin:0; padding:20px 0;} .resp-tabs-list li {font-weight: normal; font-size: 13px; display: inline-block; padding: 0px 35px 3px 20px; margin: 0 20px 0 0; list-style: none; cursor: pointer; float: left; color:#7a7a7a; text-transform:uppercase; background:url(../images/radio-checkbox.png) 100% -110px no-repeat;} .resp-tabs-container {background-color: #fff;} h2.resp-accordion {cursor: pointer; padding: 5px; display: none;} .resp-tab-content {padding:28px 0;} .resp-tab-active {border-bottom: none; margin-bottom: -1px !important; background:url(../images/radio-checkbox.png) 100% -154px no-repeat !important;} .resp-tab-active {border-bottom: none; background-color: #fff;} .resp-content-active, .resp-accordion-active {display: block;} .resp-tab-content, .resp-tabs-container-desktop{} h2.resp-accordion {font-size: 13px; margin: 0px; padding: 10px 15px;} h2.resp-tab-active {border-bottom: 0px solid #c1c1c1 !important; margin-bottom: 0px !important; padding: 10px 15px;} h2.resp-tab-title:last-child { border-bottom: 12px solid #c1c1c1 !important; background: blue;} /*---------------Download--------------*/ .download-right-txt{ position:absolute; left:22px; top:22px; font-weight:800; font-size:30px; color:#fff; z-index:1; margin:0; line-height:36px; text-transform:uppercase;} .download-in {text-align: left;} .download-in h2{ font-size:15px; font-weight:900; color:#252525; margin:0; padding:26px 23px; line-height:15px; text-transform:uppercase;} .download-in .flexslider{margin-top:25px;} .download-in .flexslider .slides li a {display:block;} .download-in .footer-link-box {margin-top: 15px;} .download-in .flexslider .slides li h3 {min-height:60px;} /*--------------Model-tabs----------*/ .model-tabs{ margin:0 0 -1px; padding:0; position:relative; z-index:800} .model-tabs li{ margin:0; padding:0; float:left; display:block; width:33%; text-align:center;} .model-tabs li:first-child {width:34%;} .model-tabs li a{ margin:0; padding:24px 0 18px 0; display:block; background:#383838; text-align:center; font-size:15px; line-height:18px; font-weight:600; color:#fff; position:relative; text-transform:uppercase; border-left:solid 1px #606060; border-bottom: 4px solid #383838; /*border-bottom:solid 1px #ebebeb;*/} .model-tabs li:first-child a {border-left:0;} .model-tabs li a.active {border-bottom: 4px solid #ed0000;} .model-tabs li a.current span:after { content: ''; position: absolute; top: 50%; right:50%; margin-top:22px; margin-right:-10px; height: 0; width: 0; border: 10px solid transparent; border-top-color: #dFeEFF; border-top-color: rgba(37,37,37,1.0); z-index:2;} .testi-txt{ font-size:24px; line-height:25px; color:#fff; font-weight:900; text-align:center; width:100%; z-index:2;} /*--------Service Mobile---------*/ .model-sm-hld{ position:relative;} .model-sm-hld img{width:100%;} .model-sm-txt{ position:absolute; left:52px; top:70px; text-align:center; z-index:2; width:360px;} .model-sm-txt h3{ color:#fff; font-size:37px; line-height:42px; font-weight:900; margin:0; padding:0 0 10px 0; text-transform:uppercase;} .model-sm-txt h3 span{ display:block; font-size:18px; line-height:18px; color:#fff; font-weight:900; padding:8px 0;} .model-sm-txt h4{ font-size:15px; line-height:20px; color:#fff; font-weight:700; margin:0px 0px 14px; text-transform:uppercase;} .model-sm-txt p{ font-size:13px; line-height:20px; color:#fff; font-weight:normal; margin:0 0 10px 0; padding: 0 0px;} .model-sm-txt .read-more{ margin-top:35px; display:inline-block;} /*--------------Action Model-----------*/ .am-hld {position:relative; margin-bottom:50px; z-index:3;} .am-hld h2{width:200px; height:140px; position: absolute; top:0px; left:40px; margin:0px; padding:0; font-size:36px; font-weight:800; line-height: 1.2em; color:#252525; text-transform:uppercase;} .am-hld h3{ margin:15px 40px; padding:0; font-size:15px; font-weight:700; color:#252525; line-height:20px;} .am-hld p{ margin:15px 40px 60px; padding:0; font-size:13px; font-weight:normal; color:#676767; line-height:20px; display:block;} .am-hld .am-prise{-moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; background:#3a3a3a; position:absolute; left:20px; top:60px; width:134px; height:134px;} .am-hld .am-prise .am-del{ margin:30px 0 0 15px; padding:0; font-size:14px; font-weight:700; color:#fff; line-height:20px; display:block; position:relative;} .am-hld .am-prise .am-del img{ position:absolute; left:0; top:3px;} .am-hld .am-prise .am-nor{ margin:1px 0 0 12px; padding:0; font-size:25px; font-weight:700; color:#fff; line-height:20px; display:block;} .am-hld .am-prise .am-sml{ margin:1px 0 0 12px; padding:0; font-size:13px; font-weight:normal; color:#fff; line-height:20px; display:block;} .am-hld .am-img{ text-align:right;} /*.am-hld .footer-link-box{ border-top:solid 1px #d3d3d3;}*/ .model-hld-left{ width:48.6977%; float:left; margin:0 0 0 0;} .model-hld-right{ width:48.6977%; float:left; margin:0 0 0 2.60%;} /*END*/ .rot-tooltip{ background:#252525; width:115px; padding:15px; color:#fff; font-size:13px; position:absolute; left:200px; z-index:9; margin-top:-27px;} .rot-tooltip span{background:url(../images/right-arrow.png) 0 0 no-repeat; z-index:10; left:5px; top:50%; margin-left:-12px; margin-top:-5px; display:block; width:8px; height:15px; position:absolute; } .prize-det-slider{ border-left:solid 1px #e4e8e9; padding:0 0 0 14px;} .prize-det-slider h2{ position:relative; color:#252525; padding:0 0 15px 0; margin:0; font-size:13px; font-family:'Open Sans', Arial, sans-serif; font-weight:bold; line-height:16px;} .prize-det-slider p{color:#7a7a7a; padding:0px 0 8px 0; margin:0; font-size:13px; font-family:'Open Sans', Arial, sans-serif; font-weight:normal; line-height:16px;} .price-box-table{ margin:0px 0 0 0; padding:0; font-size:13px; font-family:'Open Sans', Arial, sans-serif; font-weight:normal; line-height:20px; color:#7a7a7a;} .price-box-table p{ margin:0px 7px 0 0; padding:0; width:100px; float:left; } .price-box-table span{ margin:0px 0 0 0; padding:0; width:85px; float:left;} .price-box-table span.red{ color:#ed0000;} .price-box-table.bor-top{ border-top:solid 1px #b6bcc0; padding-top:4px; margin-top:5px;} .prize-det-slider .prize-close{background:url(../images/icon-close-slider.png) 0 0 no-repeat; width:18px; height:18px; position:absolute; right:18px; top:2px;} .car-heading{ margin:2px 0 0 25px; padding:0; position:absolute; top:5px;} /*** engine type table ***/ .eng-type-hld {} .eng-type-hld h5 {font-size:15px; font-weight:bold; color:#252525; text-transform:uppercase; padding-left:22px;} .scroll-height {height:270px; position:relative; overflow:hidden;} .eng-type-hld table {border-top:0px solid #f3f3f3; width:100%;} .eng-type-hld table th {background:#f9f9f9; font-size:13px; color:#676767; text-align:left; white-space:nowrap; font-weight:normal; padding:0px 0 0px 0; position:relative;} .eng-type-hld table th:first-child {padding-left:22px; text-transform:uppercase; font-weight:bold; border-right:1px solid #e9e9e9;} .eng-type-hld table th:first-child div {font-size: 15px; color:#676767;} .eng-type-hld table th span {line-height:20px; padding:5px 9px 0 9px; margin:8px 0 0 0; display:block; height:100%; white-space:pre-line;} .eng-type-hld table th:last-child span {border-right:0;} .eng-type-hld table th:nth-child(1) p {border-left:0; text-transform:none;} .eng-type-hld table th:nth-child(2) span {border-left:0;} .eng-type-hld table th:first-child.powerHD {border-right:0; font-weight:normal;} .eng-type-hld table td {font-size:13px; color:#676767; line-height:18px; border-top:1px dotted #d3d3d3; padding-bottom:10px; padding-top:10px; padding-left:9px;} .eng-type-hld table td:first-child {padding-left:22px;} .eng-type-hld table td .mdltoggle-item {font-size: 13px; color:#676767; font-weight: 400;} .eng-type-hld table th p {line-height:18px; padding:2px 9px; margin:0; font-size:11px;} .no-first-child {padding-left:0 !important;} #wrapper {position:absolute; top:0; bottom:0; left:0; z-index:1; width:100%; overflow:auto;} /*----------------360-----------------*/ .rot-hld {padding:0; min-height:437px;} .rot-acc-hld{ display:none;} .config-hld{ width:197px; border-right:solid 1px #afafaf; border-bottom:solid 1px #afafaf; background:#f5f5f5; position:absolute; left:0; top:0;} .config-hld h2{ font-weight:700; color:#383838; font-size:12px; text-transform:uppercase; padding:15px 0 15px 16px; position:relative; border-bottom:solid 1px #ddd; margin:0;} .rot-dd-hld{ width:163px; margin-left:6px; overflow:hidden;} .rot-dd-hld select {width:163px;} .rot-dd-hld select option:disabled, .rot-dd-hld select option.disabled{color:#ddd;} .config-hld .styled1{-webkit-appearance: none; width:163px; padding:0px; margin-left:0px; background: rgb(255,255,255); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEzJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(252,252,252,1) 13%, rgba(246,246,246,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(13%,rgba(252,252,252,1)), color-stop(100%,rgba(246,246,246,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(252,252,252,1) 13%,rgba(246,246,246,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(252,252,252,1) 13%,rgba(246,246,246,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(252,252,252,1) 13%,rgba(246,246,246,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(252,252,252,1) 13%,rgba(246,246,246,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); } .config-hld span.customSelect {font-size:12px; line-height:30px; color:#878787; font-family:arial; float:right; background-color: #fff; padding:0px 0px 1px 5px; border:1px solid #d3d3d3; width:163px; height:29px;} .config-hld span.customSelect.changed {background-color: #f0dea4;} .config-hld .customSelectInner {background:url(../images/rtd-dd-icon-desktop.jpg) right center no-repeat; width:100%; padding-right:36px; height:27px; height:27px \0/; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .refresh {background:url(../images/icon-newrefresh.png) center center no-repeat; height:17px; display: block; text-align: center;} .rot-subtitle-link{ font-size:13px; color:#383838; padding:8px 6px 8px 16px; position:relative; display:block;} .rot-acc-hld{ padding:0px 15px 5px 10px;} .config-hld .color-thumb{ text-align:left;} .config-hld .color-thumb a{ display:block; margin:0 0px 8px 2px; width:19px; height:18px; float:left; padding:3px;} .config-hld .color-thumb a img{vertical-align:top;} .config-hld .color-thumb a:hover, .config-hld .color-thumb a.active{ -moz-box-shadow:inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff; box-shadow:inset 0 0 1px #fff; border:solid 2px #ed0000; padding:1px;} .config-hld .color-thumb span{display:block; font-size:13px; color:#767676; float:left;} .rot-acc-link{ background: rgb(227,227,227); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzZTNlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE0JSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(227,227,227,1) 0%, rgba(241,241,241,1) 14%, rgba(246,246,246,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(227,227,227,1)), color-stop(14%,rgba(241,241,241,1)), color-stop(100%,rgba(246,246,246,1))); background: -webkit-linear-gradient(top, rgba(227,227,227,1) 0%,rgba(241,241,241,1) 14%,rgba(246,246,246,1) 100%); background: -o-linear-gradient(top, rgba(227,227,227,1) 0%,rgba(241,241,241,1) 14%,rgba(246,246,246,1) 100%); background: -ms-linear-gradient(top, rgba(227,227,227,1) 0%,rgba(241,241,241,1) 14%,rgba(246,246,246,1) 100%); background: linear-gradient(to bottom, rgba(227,227,227,1) 0%,rgba(241,241,241,1) 14%,rgba(246,246,246,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#f6f6f6',GradientType=0 ); padding:5px 6px 6px 16px; font-size:13px; color:#383838; border-top:solid 1px #b1b1b1; display:block; position:relative; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; padding-right:25px; } .rot-acc-hld {border-bottom:solid 1px #fff;} .rot-acc{ width:23px; height:23px; padding:0px; display:block; position:absolute; right:6px; top:8px; color:#fff; text-align: center;} .rot-acc .icon-arrow3{ display:inline-block; color:#fff; font-weight:normal; position:relative; top:0px; right:0px;} .rot-acc .icon-arrowup{ display:inline-block; color:#fff; font-weight:normal; position:relative; top:0px; right:0px;} /*---------CAR HLD----------*/ .car-hld{margin:0 264px 0 250px; overflow:hidden; clear:both; min-height:324px;} .mdl-prise-table {border-bottom:1px solid rgba(255,255,255,0.6); margin-bottom: 20px;} .model-prise-hld{ width:234px; position:absolute; right:0; top:0px; margin:0; overflow:hidden; height:100%;} .model-prise-hld h2{ font-size:19px; color:#252525; font-weight:500; padding:35px 0 0 0; margin:0;} .model-prise-hld h3{ font-size:30px; color:#252525; font-weight:900; padding:0px 0; margin:0;} .model-prise-hld .txt-link{ font-size:14px; color:#252525; font-weight:700; padding:4px 10px 4px 0; margin:0; display:block;} .model-prise-hld .txt-link span {background:url(../images/sprite-icons.png) right -145px no-repeat; padding-right:20px;} .model-prise-hld .txt-link-fc{ font-size:14px; color:#252525; font-weight:700; padding:4px 10px 4px 0; margin:0; display:block;} .model-prise-hld .txt-link-fc span {background:url(../images/sprite-icons.png) right -145px no-repeat; padding-right:20px;} .conf-det-mob-top .txt-link.top span {background-position:right -174px;} .conf-det-mob-top .txt-link.top:hover span {background-position:right -188px;} .model-prise-hld .txt-link:hover span {background-position:right -247px; color:#ed0000;} .model-prise-hld .txt-link.top{ margin:15px 0 15px 0;} .model-prise-hld .txt-link-fc:hover span {background-position:right -247px; color:#ed0000;} .model-prise-hld .txt-link-fc.top{ margin:15px 0 15px 0;} .model-prise-hld .green-bg{ background:url(../images/green-bg.png) 0 0 no-repeat; width:85px; display:block; text-align:right; color:#fff; padding:0 10px 0 5px; font-size:12px; font-weight:800;} .model-prise-hld .call2-action-banner{ position:absolute; right:0; bottom:50px !important; width:100%;} .rot-area{ text-align:center; margin:0px auto; position:relative; width:100%;} .spinHld{ padding:0 10%; width:80% !important; line-height:300px; cursor:url(../images/rotate-cursor.cur), default; margin-bottom: 20px;} .rot360L{background-image:url(../images/360-left.png) !important; background-position:0 0; background-repeat:no-repeat; width:56px; height:39px; position:absolute; left:0; top:50%; border:0 !important;} .rot360R{background-image:url(../images/360-right.png) !important; background-position:0 0; background-repeat:no-repeat; width:54px; height:48px; position:absolute; right:0; top:48%; border:0 !important;} .rot360L span{background:none !important;} .rot360R span{background:none !important;} .rot-model-details{ border:solid 1px #d6d6d6; background:#fff; margin-top:-20px; position:relative;} .rot-model-details h2{ padding:13px 20px 12px 20px; padding:10px 20px 10px 20px \9; font-size:15px; color:#252525; font-weight:900; margin:0; border-bottom:solid 1px #f3f3f3; text-transform:uppercase;} .rot-model-details .rot-model-inn{ padding:11px 0 55px 20px;} .rot-model-details .rot-model-inn .rot-list{ float:left; width:47.8%; margin:0 0 0 2%; padding:0 1% 0 0;} .rot-model-details .rot-model-inn .rot-list li{ display:block; background:url(../images/red-bul.png) 0 7px no-repeat; text-align: left; padding:0 0 5px 18px; font-size:13px; line-height:20px; color:#7a7a7a; font-family:'Open Sans', Arial, sans-serif; font-weight:normal;} .rot-model-details .rot-model-inn .bor-right{ border-right:solid 1px #f3f3f3; margin-left:0;} .rot-model-details .footer-link-box{border-top:solid 1px #d3d3d3;} .ctm-hld-outer{ border:solid 1px #d3d3d3; margin:-20px 0 0 0;} .ctm-hld{ padding:20px 20px 20px 23px; margin:0px 0 0 0; background: rgb(126,164,220); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM3ZWE0ZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxNSUiIHN0b3AtY29sb3I9IiM3ZWE0ZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNjM4NGIzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-radial-gradient(center, ellipse cover, rgba(126,164,220,1) 0%, rgba(126,164,220,1) 15%, rgba(99,132,179,1) 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(126,164,220,1)), color-stop(15%,rgba(126,164,220,1)), color-stop(100%,rgba(99,132,179,1))); background: -webkit-radial-gradient(center, ellipse cover, rgba(126,164,220,1) 0%,rgba(126,164,220,1) 15%,rgba(99,132,179,1) 100%); background: -o-radial-gradient(center, ellipse cover, rgba(126,164,220,1) 0%,rgba(126,164,220,1) 15%,rgba(99,132,179,1) 100%); background: -ms-radial-gradient(center, ellipse cover, rgba(126,164,220,1) 0%,rgba(126,164,220,1) 15%,rgba(99,132,179,1) 100%); background: radial-gradient(ellipse at center, rgba(126,164,220,1) 0%,rgba(126,164,220,1) 15%,rgba(99,132,179,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ea4dc', endColorstr='#6384b3',GradientType=1 ); } .ctm-hld h2{ font-size:15px; font-weight:900; color:#fff; text-transform:uppercase; margin:0; padding:0;} .ctm-hld h3{font-size:13px; font-weight:700; color:#fff; text-transform:uppercase; margin:0; padding:0;} .ctm-hld h4{font-size:23px; font-weight:700; color:#fff; text-transform:uppercase; margin:0; padding:12px 0 0 0; text-align:right;} .ctm-hld p{font-size:13px; font-family:'Open Sans', Arial, sans-serif; font-weight:normal; color:#fff; margin:0; padding:10px 0 0px 0;} .rot-tooltip{ background:#252525; width:150px; padding:15px; color:#fff; font-size:13px; position:absolute; left:200px; z-index:9; margin-top:0px;} .rot-tooltip span{background:url(../images/right-arrow.png) 0 0 no-repeat; z-index:10; left:5px; top:15px; margin-left:-12px; margin-top:-5px; display:block; width:8px; height:15px; position:absolute; } .prize-det-slider{ border-left:solid 1px #e4e8e9; padding:0 0 0 14px;} .prize-det-slider h2{ position:relative; color:#252525; padding:0 0 15px 0; margin:0; font-size:13px; font-family:'Open Sans', Arial, sans-serif; font-weight:bold; line-height:16px;} .prize-det-slider p{color:#7a7a7a; padding:0px 0 8px 0; margin:0; font-size:13px; font-family:'Open Sans', Arial, sans-serif; font-weight:normal; line-height:16px;} .price-box-table{ margin:0px 0 0 0; padding:0; font-size:13px; font-family:'Open Sans', Arial, sans-serif; font-weight:normal; line-height:20px; color:#7a7a7a;} .price-box-table p{ margin:0px 7px 0 0; padding:0; width:100px; float:left; } .price-box-table span{ margin:0px 0 0 0; padding:0; width:85px; float:left;} .price-box-table span.red{ color:#ed0000;} .price-box-table.bor-top{ border-top:solid 1px #b6bcc0; padding-top:4px; margin-top:5px;} .prize-det-slider .prize-close{background:url(../images/icon-close-slider.png) 0 0 no-repeat; width:18px; height:18px; position:absolute; right:18px; top:2px;} .car-heading{ margin:2px 0 0 0px; padding:0; position:absolute; top:5px; line-height:15px;} .model-sml-heading{ font-size:18px; font-weight:600; color:#252525; border-left:solid 1px #9b9c9c; line-height:18px; padding-left:14px; display:inline-block;} .model-big-heading{ color:#6c6c6c; font-size:18px; padding-right:14px; line-height:18px;} .ef-model-hld {width:1236px; margin:0 72px 72px 72px; background:#fff; padding:0;} .ef-model-hld h3 {font-size:50px; font-weight: 800; color:#383838;} .model-item {overflow:hidden; margin:0 0 100px 0; border-left:0; border-right:0;} .model-item .model-features {overflow: hidden;} .model-item h4 {font-size:0.950em; color:#252525; border-bottom:1px solid #f4f4f4; padding:19px 0 13px 24px; margin:0; text-transform:uppercase; display: none;} .model-item .col-one {float:left; width:35%; margin:33px 0 0 0; text-align:center;} .model-item .col-two {float:left; width:60%; margin-top:32px; padding-left:24px;} .model-item .col-two .model-features-hld {} .model-item .col-two .model-features p {font-size:24px; font-weight:600; color:#383838; margin:0; padding-bottom:28px;} .model-item .col-two .model-features p span {font-weight:normal;} .model-item .col-two .model-features p.price-difference {font-size: 40px; font-weight: 800; color:#ef2605; margin-top: -20px;} .model-item .col-two .model-features ul {list-style:none; margin:0; padding:0; float:left; width:45%; margin-right:5%;} .model-item .col-two .model-features ul li {font-size:15px; font-weight:normal; line-height:20px; color:#383838; margin-right:26px; padding:2px 0 10px 30px;} .model-item .col-two .model-features ul li:before {content:'\2022'; font-family: arial; font-size:42px; color:#ff0000; display: block; position: relative; max-width: 0px; max-height: 0px; left: -30px; top: 2px;} .model-item .model-price {min-height:100px; background:#ed0000; padding:40px 11px 23px 11px; margin-top:33px; display: inline-block !important;} .model-item .model-price p {margin:0; padding:0;} .model-item .model-price .mptitle {font-size:21px; font-weight:600; color:#fff; text-transform:uppercase; padding-bottom: 2px;} .model-item .model-price .mpprice {font-size:41px; font-weight:bolder; color:#fff;} .model-item .model-price .mpstitle {font-size:0.9em; font-weight:normal; color:#fff; /*display: none;*/} .model-bar {padding-top:40px; overflow:hidden; clear: both;} .model-bar span {display: inline-block;} .model-bar a {background: url(../images/arrow-grey.png) 0 7px no-repeat; font-size:15px; font-weight:800; color:#252525; text-transform:uppercase; display:block; padding:0 14px; margin-right: 15px; margin-bottom: 12px;} .model-bar a:hover {background: url(../images/arrow-red-hover.png) 0 7px no-repeat;} .model-bar a:hover {color:#ed0000;} .download-pdf {background: url(../images/new-popup-icon.png) -65px 0 no-repeat; width: 20px; height: 20px; display: block; position: absolute; right: 33px; top: 10px;} .download-galimage {background: url(../images/new-popup-icon.png) -65px 0 no-repeat; width: 20px; height: 20px; display: block; position: absolute; right: 33px; top: 0px;} #see-all-trimlevels .download-galimage {top:10px;} /*** engine type table ***/ .eng-type-hld {} .eng-type-hld h5 {font-size:15px; font-weight:bold; color:#252525; text-transform:uppercase; padding-left:22px;} .scroll-height {height:270px; position:relative; overflow:hidden;} .eng-type-hld table {border-top:1px solid #f3f3f3; width:100%; table-layout:fixed;} .eng-type-hld table th {background:#f9f9f9; font-size:13px; color:#232323; text-align:left; font-weight:normal;} .eng-type-hld table th:first-child {padding-left:22px; text-transform:uppercase; font-weight:bold;} .eng-type-hld table th span {line-height:16px; padding:0px 9px; display:block;} #wrapper {position:absolute; top:0; bottom:0; left:0; z-index:1; width:100%; overflow:auto;} /*** Interior Colors ***/ .int-colors { display:inline-block; width:100%;} .int-colors ul {overflow:hidden; margin:13px 0; padding-left:20px;} .int-colors ul li {float:left; margin-right:14px; list-style:none; width:18%; border:1px solid #cccccc; margin-bottom:10px;} .int-colors ul li img {max-width:100%; max-width:100%; width:100%; height:120px; max-height:100%;} .int-colors ul li p {font-size:13px; font-weight:normal; color:#252525; margin:0; padding:6px 4px;} .discover-more span{ width:350px;} .sermob-hld-outer {margin-bottom:0px;} .am-outer{padding:0px 0 0px 0;} #section-2{ margin-top:0;} .sticky-model-tabs .call2-action-sticky span {font-size:0.5em;} .Interiordiv .footer-link-box{position:relative;} /*-------------------------------- --------------------------------- MODEL GALLERY CONTENT---------------*/ .video-area {padding:0 0 0px;} .video-player-hld {background:#252525; padding:30px 0 0; margin:-30px 0 0px 0;} .video-player-hld .flex-direction-nav {display:none;} .video-thumb-hld {background:#f1f1f1; margin-top:0px; padding:0; margin-bottom:20px;} .video-thumb-hld #carousel li {margin-right:24px;} .video-thumb-hld .flex-viewport {margin: 0 auto;} .video-thumb-hld #carousel li {margin-right: 15px;} .video-thumb-hld #carousel img {display: block; opacity: 1; cursor: pointer; width: 100%;} .video-thumb-hld #carousel img:hover {opacity: 1;} .video-thumb-hld #carousel .flex-active-slide img {opacity: 1; cursor: default;} .big-butovideo {width: 85%; float:left; height: inherit !important;} .vertical-vid-thumb {width:15%; float: left; overflow: hidden; } .video-thumb-hld #carousel .slides li {float: none !important; width: 100% !important; padding: 1px 0;} .video-thumb-hld #carousel .slides li:first-child {padding-top: 0;} /* Direction Nav */ .video-thumb-hld .flex-direction-nav {*height: 0;} .video-thumb-hld .flex-direction-nav a {width:58px; height:50px; margin:0; display: block; position: absolute; top: 55%; z-index: 10; cursor: pointer; opacity: 1; -webkit-transition: all .3s ease; background:rgba(0,0,0,0.5); border-radius: 0px; padding:0; text-align:center;} .video-thumb-hld .flexslider:hover .flex-next {opacity: 0.8;} .video-thumb-hld .flexslider:hover .flex-prev {opacity: 0.8;} .video-thumb-hld .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;} .video-thumb-hld .flex-direction-nav .flex-disabled {opacity: 1!important; filter:alpha(opacity=100); cursor: default;} .video-thumb-hld .flex-direction-nav a.icon-arrow{ font-size:26px;} .video-thumb-hld .flex-direction-nav li .icon-arrow, .video-thumb-hld .flex-direction-nav li .icon-arrow2 {background: url (../images/carousel-arrows-updown.png) 0 0 no-repeat;} .video-thumb-hld .flex-direction-nav .flex-next {left: 50%; transform:translate(-50%, 0%); top:auto !important; bottom:0;} .video-thumb-hld .flex-direction-nav .flex-prev {left:50%; transform:translate(-50%, 0%); top:0px;} .video-thumb-hld .flex-direction-nav .li-prev .icon-arrow, .video-thumb-hld .flex-direction-nav .li-prev .icon-arrow2 {background-position: -1px -104px;} .video-thumb-hld .flex-direction-nav .li-next .icon-arrow, .video-thumb-hld .flex-direction-nav .li-next .icon-arrow2 {background-position: -1px 6px;} /*END VIDEO*/ .image-galery-hld {margin:70px 0 50px;} .image-galery-hld h2{padding:20px 0; margin:0; text-transform:uppercase; color:#252525; font-weight:900; font-size:15px;} .image-galery-hld .filter-res{ display:none; margin:0; text-transform:uppercase; color:#ed0000; font-weight:600; font-size:13px; float:left; padding:22px;} .image-galery-hld .resp-tabs-hld{background:#FFF; border-bottom:solid 1px #fff;} .image-galery-hld .resp-tabs-container {background:#FCFCFC;} .image-galery-hld .flexslider .slides li{ overflow:hidden; margin-right:29px;} .image-galery-hld .flexslider .slides li .access-bor{position:relative;} .image-galery-hld .flexslider .slides li .access-bor h3 {display: none; padding:15px 0; text-align:center; color:#FFF; font-weight:700; font-size:15px; text-transform:uppercase; margin:0; position:absolute; width:100%; text-shadow: 0px 2px 1px #000;} .image-galery-hld .flexslider .slides li .access-bor img {width:100%;} .image-galery-hld .flexslider .slides li .access-bor .acc-footer {padding:0; position: absolute; bottom:0px; right:0px;} .image-galery-hld .flexslider .slides li .access-bor .acc-footer a {width:32px; height:32px; adding:0; display:inline-block; float:left;} .image-galery-hld .flexslider .slides li .access-bor .acc-footer a.download-galimage {background:url(../images/icon-doenload.png) 8px 4px no-repeat; background-color: rgba(0,0,0,0.5); margin-right: 0px;} .image-galery-hld .flexslider .slides li .access-bor .acc-footer a.image-big {background:url(../images/icon-popup.png) 5px 5px no-repeat; background-color: rgba(0,0,0,0.5);} .image-galery-hld .flexslider .slides li .access-bor .acc-footer a i {position:relative; right:-10px; top:1px;} .image-galery-hld .flex-viewport{ margin:0; width:100%;} .fancybox-inner {height:auto !important;} .img-eng-hld {margin:0; background:#000; padding:34px 0px 10px; border:solid 0px #d0d0d0; width:100%; margin:0px; color:#FFF; font-size:12px;} .img-eng-hld h2 {font-size:13px; font-weight:bold; padding:20px 0px 5px; text-transform:uppercase;} .img-eng-hld p {padding:0 0px 30px; margin:0;} .img-eng-hld figure {padding:20px 0 0; text-align:center;} .img-eng-hld figure img {max-width:100%;} .image-skin {} .image-close {background:#000 !important; border:none !important;width:70px !important; height:40px !important;} .image-close:before {content:"Close"; color:#FFF;} .image-close i.icon-cross {font-size: 24px !important;position: relative !important; top: 7px !important;left: inherit !important; right:-5px; color:#FFF !important; text-shadow:none !important;} /* Direction Nav */ .image-galery-hld .flex-direction-nav {*height: 0;} .image-galery-hld .flex-direction-nav a {width: 50px; height: 58px; margin:0; padding:0; line-height:32px; text-align:center; display: block; position: absolute; top: 50%; z-index: 10; cursor: pointer; opacity: 1; -webkit-transition: all .3s ease; background:rgba(0,0,0,0.5); border-radius: 0; transform: translate(0%, -50%);} .image-galery-hld .flex-direction-nav .flex-next {right: 0px; } .image-galery-hld .flex-direction-nav .flex-prev {left: 0px;} .image-galery-hld .flexslider:hover .flex-next {opacity: 0.8;} .image-galery-hld .flexslider:hover .flex-prev {opacity: 0.8;} .image-galery-hld .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;} .image-galery-hld .flex-direction-nav .flex-disabled {opacity: 1!important; filter:alpha(opacity=100); cursor: default;} .image-galery-hld .flex-direction-nav a.icon-arrow{ font-size:26px;} .image-galery-hld .flex-control-paging {display:none;} .filter-hld-chkbox .checkbox {padding:20px 15px; font-size:13px; text-transform:uppercase; color:#7A7A7A; margin:0; font-weight:normal;} /*END*/ /*-------------------------------- --------------------------------- MODEL SPECIFICATION CONTENT---------------*/ .spec-main-hld {width:1264px; margin:100px auto 0;} .spec-main-hld .tech-spec {margin-bottom:44px;} .spec-summary {width:48.02215189873418%; float:left;} .main-spec-summary {width:25.94936708860759%; float:left; padding-right: 1px; box-sizing: border-box;} .compare-spec-summary {width:26.02848101265823%; float:left; padding-left: 1px; box-sizing: border-box;} .title-tech-spec {padding:0px 20px 55px 0; text-transform:uppercase; color:#252525; height:144px;} .title-tech-spec h4 {font-size:30px; font-weight:800; line-height: 1.2em; color:#252525; padding:0; margin:0;} .title-tech-spec p {font-size: 15px; padding: 0; margin: 0; font-weight: 600; text-transform: capitalize; color: #000;} .title-tech-spec .link-dwnd-tech-spec {bottom:15px; left:20px; font-size:14px; font-weight:bold; color:#252525;} .title-tech-spec .link-dwnd-tech-spec:hover{color:#ed0000;} .title-tech-spec .link-dwnd-tech-spec .icon-arrow{ margin-left:5px; position:relative; top:1px;} .summary-hld {padding:34px 0 0px 0;} .summary-hld header {font-size:15px; font-weight:600; padding:0 20px 12px 0;} .summary-hld table {font-family:arial; font-size:13px; color:#676767; text-transform:uppercase; padding:0; } .summary-hld table tr td {padding:15px 30px; text-align:left; border-bottom:2px solid #ececec;} .summary-hld.summary-hld-lowercase table { text-transform: none;} .main-spec-summary .summary-hld, .compare-spec-summary .summary-hld {border-left:none; border-right:none; border-bottom:0;} .spec-summary .summary-hld table tr td {padding-left:0; padding-right:5%;} .main-spec-summary .title-tech-spec, .compare-spec-summary .title-tech-spec {padding:0; text-align:center; height: 199px;} .compare-spec-summary .title-tech-spec {margin-right: 1px;} .arrow-hld {position: absolute; bottom:0; left:0; padding:0 24px; display:block; text-align:center; font-size:15px; font-weight:800; color:#fff; width: 100%; box-sizing: border-box;} .stand-equip .arrow-hld {color:#000;} .tech-spec .arrow-hld, #tech-pop .arrow-hld {color:#fff; background: rgba(0,0,0,0.3);} .spec-pop .stand-equip .arrow-hld {color:#fff;} .main-spec-summary footer, .compare-spec-summary footer, .spec-summary footer {padding:15px 10px 15px 0; display:block; font-size:15px; font-weight:800; text-align:right;} .spec-summary footer , #standSpecs .main-spec-summary footer{border-left:none; border-bottom:none;} .main-spec-summary footer a, .compare-spec-summary footer a {color:#2a2a2a; font-weight:bold; text-transform:uppercase; background:url(../images/arrow-grey.png) 0 7px no-repeat;} .main-spec-summary footer a:hover, .compare-spec-summary footer a:hover { color:#ed0000; background:url(../images/arrow-red-hover.png) 0 7px no-repeat;} .spec-summary footer a {color:#a3a3a3; font-weight:bold; text-transform:uppercase; background:url(../images/sprite-icons.png) right -703px no-repeat; padding-right:15px !important;} .spec-summary footer a:hover { color:#ed0000; background:url(../images/sprite-icons.png) right -237px no-repeat;} .main-spec-summary footer a, .compare-spec-summary footer a {padding:0 0 0 14px} .main-spec-summary footer a i, .compare-spec-summary footer a i {position:relative;right: -4px;top: 1px} .co2-hld {list-style-type:none; margin:0; padding:0;} .co2-hld li {float:left;} .co2-hld li:after {content:url(../images/land-dvd.gif); margin:0 15px 0 7px;} .co2-hld li:first-child:before {content:normal;} .co2-hld li.co2-arrow-left:after {content:" ";} .co2-hld li.co2-arrow-left {width:70px; position: relative; background: #93BE3C; margin: 3px 0 0 0px; height: 14px; line-height: 13px; font-size: 13px; text-align: right; color: #FFF; font-weight:bold;} .co2-hld li .triangle-right {border-bottom: 7px solid transparent; border-left: 6px solid #93BE3C; border-top: 7px solid transparent; height: 0; width: 0; position: absolute; right: -6px; top: 0px;} /* Direction Nav */ .main-spec-summary .flex-direction-nav, .compare-spec-summary .flex-direction-nav {*height: 0; position: absolute; top: 0; left: 0; width: 100%; z-index: 10;} .main-spec-summary .flex-direction-nav li, .compare-spec-summary .flex-direction-nav li {position:absolute; width:22px; height:23px; top:88px; z-index:99;} .main-spec-summary .flex-direction-nav li.li-next, .compare-spec-summary .flex-direction-nav li.li-next {right:0; z-index:99;} .main-spec-summary .flex-direction-nav li.li-prev, .compare-spec-summary .flex-direction-nav li.li-prev {left:0; z-index:99;} .stand-equip .main-spec-summary .flex-direction-nav li, .stand-equip .compare-spec-summary .flex-direction-nav li {top:88px;} .main-spec-summary .flex-direction-nav li.li-prev .icon-arrow2:before, .compare-spec-summary .flex-direction-nav li.li-prev .icon-arrow2:before {position:relative; top:-2px; right:0px;} .main-spec-summary .flex-direction-nav li.li-next .icon-arrow:before, .compare-spec-summary .flex-direction-nav li.li-next .icon-arrow:before {position:relative; top:-2px; right:0px;} .main-spec-summary .flex-direction-nav a, .compare-spec-summary .flex-direction-nav a {position: absolute; top: 0; -webkit-transition: all .3s ease; background:rgba(255,255,255,0.5);} .main-spec-summary .flex-direction-nav .li-prev .icon-arrow2, .compare-spec-summary .flex-direction-nav .li-prev .icon-arrow2 {background-image: url(../images/carousel-arrows.png); background-position: -35px -301px; background-size:auto; margin: 0 4px;} .main-spec-summary .flex-direction-nav .li-next .icon-arrow, .compare-spec-summary .flex-direction-nav .li-next .icon-arrow {background-image: url(../images/carousel-arrows.png); background-position: -35px -201px; background-size:auto; margin: 0 4px;} .main-spec-summary .flexslider:hover .flex-next, .compare-spec-summary .flexslider:hover .flex-next {opacity: 1;} .main-spec-summary .flexslider:hover .flex-prev, .compare-spec-summary .flexslider:hover .flex-prev {opacity: 1;} .main-spec-summary .flexslider:hover .flex-next:hover, .compare-spec-summar .flexslider:hover .flex-next:hovery {opacity: 1;} .main-spec-summary .flex-direction-nav .flex-disabled, .compare-spec-summary .flex-direction-nav .flex-disabled {opacity: 1!important; filter:alpha(opacity=100); cursor: default;} .main-spec-summary .flex-direction-nav a.icon-arrow, .compare-spec-summary .flex-direction-nav a.icon-arrow{ font-size:26px;} .stand-equip {margin:100px 0 0px 0;} .stand-equip .spec-summary {width:48.02215189873418%; float:left;} .stand-equip .main-spec-summary {width:25.94936708860759%; float:left;} .stand-equip .compare-spec-summary {width:26.02848101265823%; float:left;} .stand-equip .compare-spec-summary .flexslider {} .stand-equip .main-spec-summary .title-tech-spec, .stand-equip .compare-spec-summary .title-tech-spec {border-left:none; text-align:center;} .stand-equip .main-spec-summary .title-tech-spec {border-left:none;} .stand-equip .spec-summary .summary-hld, .stand-equip .main-spec-summary .summary-hld, .stand-equip .compare-spec-summary .summary-hld {padding-top:0;} .stand-equip .main-spec-summary .summary-hld table tr td, .stand-equip .compare-spec-summary .summary-hld table tr td {text-align:center; padding:4px 0 0; height:30px; font-size:18px; color:#252525;} .stand-hld{padding:0; width:1000px; margin:60px 0 0;} .stand-hld .stand-equip .main-spec-summary .summary-hld table tr td {text-align:left; padding:8px 0; font-size:13px; color:#7a7a7a;} .tech-hld{padding:0; width:1000px; margin:60px 0 0;} .tech-hld .stand-equip .main-spec-summary .summary-hld table tr td {text-align:center; padding:4px 0; font-size:18px; color:#252525;} .sticky-model-tabs .call2-action-sticky span {font-size: 0.5em;} /*END*/ .am-heading {color: #252525; font-size: 15px; font-weight: 900; margin: 8px 0 15px; padding: 0; text-transform: uppercase;} .acc-bot-hld{height:82px; margin:0 auto; width:90%; position:relative;} .mobile{ display:none;} .prize-mobile{position:relative;} .acc-check-list .checkbox{color: #7A7A7A; display: inline-block; font-size: 13px; font-weight: normal; margin: 0; padding: 0 0px 2px 15px; text-transform: uppercase;} .acc-check-list .checkbox span{ margin-right:5px;} .acc-check-hld{padding-bottom:14px; float: right; width:75%; text-align: right;} .fancybox-skin {} #divexample3 {height: 200px; overflow:auto; margin-bottom:0px;} #divexample4 {height: 259px; overflow:auto; margin-bottom:0px;} #divexample5 {height: 155px; overflow:auto; margin-bottom:0px;} #divexample6 {height: 240px; overflow:auto; margin-bottom:0px;} #divexample7 {height: 240px; overflow:auto; margin-bottom:0px;} #divexample-noscroll {border:solid 1px #D5D5D5; margin-bottom:10px;} .stickymidmenu {position: fixed; width: 100%; left: 0; top: 0; z-index:9999; border-top: 0;} #divexample2{ width:100%;} .spec-pop {margin:72px;} .spec-pop .stand-equip .spec-summary {width:70.74683544303797%; float:left;} .spec-pop .stand-equip .main-spec-summary {width:29.25316455696203%; float:left;} .spec-pop .summary-hld{ border-left:0px solid #D3D3D3; border-top:0px solid #D3D3D3; border-bottom: none; } .spec-pop .stand-equip .main-spec-summary .summary-hld table tr td {font-size: 13px;color: #7A7A7A;text-align: left;padding: 4px 30px 0 30px;} #stand-pop .stand-equip .main-spec-summary .summary-hld table tr td{text-align:center !important;font-size: 18px;} .spec-pop-cont .flex-direction-nav {display:none;} .spec-pop-cont .stand-equip .title-tech-spec {} .pop-stan-outer {margin:0px auto 0; width:1134px;} .pop-stan-outer-top {width:100%; margin:0 auto; position:relative;} .pop-stan-inner{width:100%;} .margin-top-spec {} /*=================================================================== Modal popup CSS ==================================*/ .hider { position: fixed; width: 100%; top: 0; left: 0; opacity: 0.5; -ms-filter: alpha(opacity=50); filter: alpha(opacity=50); background-color: #000; clear: both; overflow: hidden; height: 100%; display: none; z-index: 9999; } .popupBox { position: fixed; display: none; width:1000px; height: auto; top: 20%; left: 50%; margin-left:-500px; min-height:460px; background: #f2eee5; -webkit-box-shadow: 3px 15px 17px rgba(50, 50, 50, 0.7); -moz-box-shadow: 3px 15px 17px rgba(50, 50, 50, 0.7); box-shadow: 3px 15px 17px rgba(50, 50, 50, 0.7); z-index: 99999; } .buttonClose {background: url(../images/icoClose.png) no-repeat scroll 100% 0 transparent;float: right;width: 17px; height:18px;} .showpopup { cursor: pointer; } .popupContainer { margin: 1% auto; width: 94%; } .modalTitle{color:#bc6705; font-size:0.813em;font-weight:bold;} .popupContainer p.modalContent{font-size:0.813em;font-weight:normal; color:#484747;} .offarrowr{display: block; height: 32px; line-height: 32px; margin: -20px 0 0; opacity: 1; padding: 0; position: absolute; text-align: center; top: 50%; width: 32px; z-index: 11; right:12px;} .offarrowl{display: block; height: 32px; line-height: 32px; margin: -20px 0 0; opacity: 1; padding: 0; position: absolute; text-align: center; top: 50%; width: 32px; z-index: 11; left:12px;} /*Modal popup CSS End*/ .down-testi{ height:62px;} .acc-check-list{ margin-left:5px;} .icon-arrow{ position:relative; top:0px;} .footer-link-box .link-button .icon-arrow{ top:-1px;} .flex-direction-nav .icon-arrow2{ position:relative; top:0px;} .pro-details-footer .icon-arrow3, .pro-details-footer .icon-arrowup{ position:relative; top:1px; margin-right: 6px;} #divexample2{ height:188px;} .acc-tabs-list, .acc-tabs-listn{ margin:0; padding:0;} .acc-tabs-list .acc-tabs-link, .acc-tabs-listn .acc-tabs-linkn {border-bottom:solid 1px #dddddd; background: #F6F6F6; margin-bottom: 0px; padding: 10px 10px 18px 10px; line-height: 18px; display:block; font-size:13px; color:#252525; position:relative;} .acc-tabs-list .rot-acc .icon-arrow, .acc-tabs-listn .rot-acc .icon-arrow{ top:-1px; left:1px;} .acc-tabs-hld, .acc-tabs-hldn {border-bottom: 1px solid #d3d3d3; background: #fff; padding:28px 15px;} input.hasDatepicker[type="text"][disabled] {color: #252525;} .download-right-bor{position:relative; border:0;} .download-right-bor .footer-link-box{} .rot-model-details, .ctm-hld-outer .footer-link-box{position:relative;} .logo-link{ position:absolute;left:3.8%; width:70px; top:10px; z-index:999;} .car-color{ width:17px; height:16px; display:block; background-image:url(../images/icon-color-shadow.png); background-repeat:no-repeat; background-position:0 0;} .main-new1{ width:472px;} .main-new2{float:left; width:234px;} .model-menu.nav ul li.active >a, .model-menu.nav ul li.active >a:hover, .model-menu.nav ul li.active >a:focus {color:#ED0000; padding:0 0 18px;} ::i-block-chrome,.model-menu.nav ul li.active >a, .model-menu.nav ul li.active >a:hover, .model-menu.nav ul li.active >a:focus{ padding:0 0 16px;} .ipad-landscape{ display:none;} .p30 {} .footer-link-box .link-button .icon-arrow{line-height:30px; margin-left:6px;} .promo-offer .link-button .icon-arrow{margin-left:9px;} .testEngName {text-align: center; width: 96%; vertical-align: middle; margin: 0 auto; min-height:30px;} .testEngName td {padding:0;} #divTechnicalSpecification .testEngName td {padding:0; color:#fff;} .download-right-bor .footer-link-box .link-button .icon-arrow{top:-1px; top:1px\9;} #section-version .footer-link-box .link-button {top:1px\9;} .download-right-bor .footer-link-box .link-button .icon-arrow{margin-left:9px;} .access-bor{ position:relative;} .most-popular{font-size:12px; font-weight:700; text-align:center; line-height:16px; text-transform:uppercase; position:absolute; left:0; top:18px; color:#fff; width: 0; height: 0; border-top: 100px solid #ed0000; border-right: 100px solid transparent; } .most-popular span{transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); position:absolute; top:-82px; left:7px;} /*==========================================================*/ /*---------------Accessories------------------*/ .access-pg{ padding-top:175px;} .access-head-hld{ margin:0; padding:25px 0 26px 0; border:solid 1px #d3d3d3; background:#fff;} .access-head-txt{ float:left; width:42.5970%; margin:0 3.8834% 0 2.6699%;} .access-head-img{ float:right; width:47.8155%; margin:0 3.0339% 0 0; padding:0;} .access-head-txt h2{ color:#252525; font-size:15px; line-height:20px; font-weight:800; padding:0; margin:0 0 30px 0; text-transform:uppercase;} .access-head-txt p{ color:#7a7a7a; font-size:13px; font-family:'Open Sans', Arial, sans-serif; line-height:20px; margin:0 0 15px 0; padding:0;} .access-search-hld{ background:#e9e9e9; border:solid 1px #d3d3d3; padding:20px 22px 30px 22px; height:293px;} .access-search-hld h2{ margin:0px 0 21px 0; padding:0; color:#ed0000; font-size:13px; font-weight:700; text-transform:uppercase;} .assess-pg-list{ margin:0; padding:0;} .assess-pg-list li{ display:block; margin:0; padding:0 0 16px 0; color:#7a7a7a; font-size:13px; text-transform:uppercase;} .dd-menu{ margin:0 0 15px 0; padding:0; width:100%; position:relative; float:left;} .access-search-hld .dd-menu {margin:0 0 18px} .accessories-pg-hld{ border:solid 1px #d3d3d3; margin:0 0 50px 0;} .accessories-pg-hld h2{ padding:12px 20px; margin:0; text-transform:uppercase; color:#7a7a7a; font-weight:bold; font-size:15px; border-top:solid 1px #fff; background: #fcfcfc; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #fcfcfc 0%, #f0f0f0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#f0f0f0)); background: -webkit-linear-gradient(top, #fcfcfc 0%,#f0f0f0 100%); background: -o-linear-gradient(top, #fcfcfc 0%,#f0f0f0 100%); background: -ms-linear-gradient(top, #fcfcfc 0%,#f0f0f0 100%); background: linear-gradient(to bottom, #fcfcfc 0%,#f0f0f0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f0f0f0',GradientType=0 ); } .accessories-pg-hld h2.on .icon-arrow3 {top:-5px;} .accessories-pg-hld h2.on .icon-arrow3:before {content: "\e009";} .slider-hld{border-top: 1px solid #d3d3d3; padding:28px 0; background: #fff;} .am-heading {color: #252525; font-size: 15px; font-weight: 900; padding: 0; text-transform: uppercase;} .slider-popup-hld{padding:0; background: #fff;} .acc-popup-heading {text-align:left; border-bottom:1px solid #f4f4f4; padding:22px 12px 20px 12px} .acc-popup-heading h3 {font-size:14px; font-weight:700px; color:#252525; margin:0; padding:10px 0 0;} .acc-popup-heading p {font-size:11px; font-weight:400px; color:#9e9e9e; margin:0;} .acc-popup-content {text-align:left; padding:0 12px;} .acc-popup-content p {font-size:13px; font-weight:400px; line-height:20px; color:#7a7a7a; padding:10px 0;} .acc-popup{ margin:72px 0 0; background:#fff; padding:77px 23px 34px 23px; border:solid 0px #d0d0d0; width:684px;} .acc-popup h2{ color:#fff; margin-left:10px;} /*---Image Gallery Popup----*/ .popup-hld{border:0; margin:0; padding:0; width: 1126px;} .popup-hld h2{font-size: 30px; line-height: 34px; font-weight: 800; color: #2c2c2c; margin: 0; padding: 35px 32px 0;} .popup-hld p{font-size:13px; font-weight:normal; padding:10px 0 0 ; text-align:left; color:#7a7a7a; margin:0;} .flex-active-slide h2 {-webkit-animation: moveDown 0s cubic-bezier(.98,0,1,1.08) both; -moz-animation: moveDown 0s cubic-bezier(.98,0,1,1.08) both; -o-animation: moveDown 0s cubic-bezier(.98,0,1,1.08) both; -ms-animation: moveDown 0s cubic-bezier(.98,0,1,1.08) both; animation: moveDown 0s cubic-bezier(.98,0,1,1.08) both;} .popup-hld.acc-hld .flex-direction-nav .flex-prev {left:0;} .popup-hld.acc-hld .flex-direction-nav .flex-next {right:0;} .galleryscroll{padding: 35px 32px;} #img-gal .flex-active-slide .pop-new-content {padding: 15px 26px 35px 26px;} #img-gal .flex-active-slide figure {position: relative;} #img-gal figure .gallery-imgshare {position: absolute; right:20px; bottom:20px; padding: 0;} #img-gal figure .gallery-imgshare a {width:43px; height:41px; display: inline-block; margin: 0 5px;} #img-gal figure .gallery-imgshare a.download {background: url(../images/icon-popup-download.png) 5px 0px no-repeat; background-color: rgba(0,0,0,0.5);} #img-gal figure .gallery-imgshare a.icon-fb {background: url(../images/icon-popup-fb.png) 0px 0px no-repeat;} #img-gal figure .gallery-imgshare a.icon-twitter {background: url(../images/icon-popup-twitter.png) 0px 0px no-repeat;} #img-gal .flex-active-slide figure .gallery-imgshare {position: absolute; right:20px; bottom:20px; padding: 0;} #img-gal .flex-active-slide figure .gallery-imgshare a {width:43px; height:41px; display: inline-block; margin: 0 5px;} #img-gal .flex-active-slide figure .gallery-imgshare a.download {background: url(../images/icon-popup-download.png) 5px 0px no-repeat; background-color: rgba(0,0,0,0.5);} #img-gal .flex-active-slide figure .gallery-imgshare a.icon-fb {background: url(../images/icon-popup-fb.png) 0px 0px no-repeat;} #img-gal .flex-active-slide figure .gallery-imgshare a.icon-twitter {background: url(../images/icon-popup-twitter.png) 0px 0px no-repeat;} .galleryscroll h2, #img-gal .flex-active-slide h2 {font-size: 30px; font-weight: 800; line-height:34px; color:#2c2c2c; margin: 0; padding: 0;} .galleryscroll p, #img-gal .flex-active-slide p {font-size: 12px; font-weight: 400; color:#2c2c2c;} #img-gal li .pop-new-content {display: none !important;} #img-gal .flex-active-slide .pop-new-content, #img-gal .flex-active-slide .gallery-imgshare {display: block !important;} .flex-active-slide h4 {color: #7d7d7d; font-size: 11px; font-weight: normal; line-height: 15px; margin:0 !important; padding: 20px 22px 0px 0px; text-align:left;} .simplecarousel {margin:0; padding:0; list-style:none; overflow:hidden; position:relative;} .simplecarousel li {text-align:center; display:block; background:#fff; position: relative;} .carousel-pagination {margin-top:-20px; /*margin-bottom:35px;*/ padding:0 0 0 32px; position:relative; z-index:9999; text-align: left;} .carousel-pagination li {display: inline-block;width: 14px; height: 14px; margin-right: 5px; cursor: pointer;} .carousel-pagination li:before { content: ''; display: block; width: 11px; height: 9px; border: 0; opacity: .8; background: transparent; border: 1px solid #eee; -ms-transform: skew(-35deg,0deg); -webkit-transform: skew(-35deg,0deg); transform: skew(-35deg,0deg); -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; transform-origin: 50% 50%; -webkit-transition: background-color .15s ease-in-out,height .15s ease-in-out,margin-top .15s ease-in-out; transition: background-color .15s ease-in-out,height .15s ease-in-out,margin-top .15s ease-in-out; } .carousel-pagination .carousel-pagination-active:before {background: Red; border-color: Red;} .icon-optional{background:url(../images/icon-optional.png) 0 0 no-repeat; width:16px; height:16px; display:inline-block;} /* arrow */ #model-banner-section .call2-action-banner #RequestTestDrive .icon-arrow, .model-banner-section .call2-action-banner #RequestTestDrive .icon-arrow {top:1px; top:3px\9;} #model-banner-section .call2-action-banner #RequestBrochure .icon-arrow, .model-prise-hld .call2-action-banner .icon-arrow, .model-banner-section .call2-action-banner #RequestBrochure .icon-arrow, .model-prise-hld .call2-action-banner .icon-arrow {top:2px\9;} .call2-action-banner a i.icon-icon-steering {vertical-align:bottom;} .rot-model-details .footer-link-box .link-button .icon-arrow, .ctm-hld-outer .footer-link-box .link-button .icon-arrow {top:-2px; top:-1px\9;} .contact-dealer-about .footer-link-box .link-button span, .download-right-bor .footer-link-box .link-button span {margin-right:0;} #carousel .flex-direction-nav .li-next .icon-arrow, #carousel .flex-direction-nav .li-prev .icon-arrow2 {top:0; top:1px\9;} .video-thumb-hld #carousel .slides li {position:relative;} .video-thumb-hld #carousel .slides li .play {width:100%; height:100%; display:block; background:url(../images/play.png) 50% 50% no-repeat; cursor:pointer; position:absolute;} .accessories-hld .flexslider .slides li .access-bor .acc-footer a span {} .accessories-hld .flexslider .slides li .access-bor .acc-footer a:hover span {} .accessories-hld .flexslider .slides li .access-bor .acc-footer a span .icon-arrow {display:none;} .img-rot-360 .ctm-hld-outer .footer-link-box .link-button{ border-left: 0px solid #E4E4E4; line-height:16px; background-position: right 4px; float:none; } .img-rot-360 .ctm-hld-outer .footer-link-box .link-button:hover{background-position: right -262px;} .img-rot-360 .ctm-hld-outer .footer-link-box{ height:auto; padding:10px 0; text-align:right;} /*-------------Model Right Menu--------------*/ .model-r-sticky{ position:fixed; top:182px; right:0; height:auto;} .model-r-sticky .c2a-animation a span {padding-top:12px; color:#6a6a6a; padding: 0 0 0 38px; font-size: 12px !important; word-spacing:3px;} .model-r-sticky .c2a-animation a{cursor:pointer !important; background-color:#f0f0f0; background-image:url(../images/model-menu.png); background-repeat:no-repeat;height:41px; border-top: 0 !important; padding-top: 0px !important; padding-bottom: 0px !important; line-height:41px; font-size:12px !important; color:#6a6a6a;} .model-r-sticky .c2a-animation.active a {background-image:url(../images/model-menu-hover.png);} .model-r-sticky .c2a-animation.active a span {color:#ed0000;} .model-r-sticky .icon-360{background-position:0 0;} .model-r-sticky .icon-acc{background-position:0 -41px;} .model-r-sticky .icon-download{background-position:0 -82px;} .model-r-sticky .icon-testimonial{background-position:0 -123px;} .model-r-sticky .icon-pro-det{background-position:0 -164px;} .model-r-sticky .icon-service{background-position:0 -205px;} .model-r-sticky .icon-action-model{background-position:0 -246px;} .gray-pipe{background:#e4e4e4; height: 1px; width: 38px; margin: 0 auto; display: block;} .img-rot-360 .ctm-hld-modelPromo{ position:relative;} .img-rot-360 .ctm-hld-modelPromo img{ margin-bottom:42px;} .img-rot-360 .ctm-hld-modelPromo .footer-link-box{ position:absolute;} .spec-summary-zeroCol{width:99.9%;} .spec-summary-zeroCol .summary-hld{border-right: 1px solid #D3D3D3;} .spec-summary-oneCol{width:73.9%;} .stand-equip .spec-summary-zeroCol {width:99.9%; border-right: 1px solid #D3D3D3;} .stand-equip .spec-summary-zeroCol .summary-hld{border-right: 0px solid #D3D3D3;} .stand-equip .spec-summary-oneCol {width:73.9%;} .news-iframe{-webkit-overflow-scrolling: touch !important; overflow: auto !important;} .loadImg {position: absolute; left: 50%; margin-left: -96px; top: 40px;} .modelServiceRight .model-sm-txt {right:25px; left:inherit;} .notification-text {font-size:11px; color:#6f6f6f;} .notification-text2 {font-size:10px; line-height:13px; color:#7A7A7A; font-style:italic; margin-bottom:5px; border-top:0 !important; margin-top:0 !important; padding-top:0 !important;} .video-container {position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0;} .video-container iframe, .video-container object, .video-container embed {position: absolute; top: 0; left: 0; width: 100% !important; height: 100%;} .specification-category td {color:#252525; font-weight:600; padding-top: 30px;} .modelCustomTrim {top:20px !important;} /*** Carousel Model Top Banner ***/ #carousel-Model-Top-Banner .flex-control-nav {bottom:44px; text-align:left; width:auto !important; margin-left:44px;} #carousel-Model-Top-Banner .flex-control-nav li {margin:0 5px 0 0; height:14px; width:14px; box-sizing: border-box;} #carousel-Model-Top-Banner .flex-control-nav li a { background:rgba(0,0,0,0); border:1px solid #f2f2f2; border-radius:0; width:11px; height:10px; box-shadow:none; position:relative; content: ''; display: block; width: 11px; height: 9px; border: none; opacity: 0.8; background: transparent; border: 1px solid white; -ms-transform: skew(-35deg,0deg); -webkit-transform: skew(-35deg,0deg); transform: skew(-35deg,0deg); -ms-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; transform-origin: 50% 50%; -webkit-transition: background-color 0.15s ease-in-out 0s, height 0.15s ease-in-out 0s, margin-top 0.15s ease-in-out 0s, color 0.15s ease-in-out, border-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out 0s, height 0.15s ease-in-out 0s, margin-top 0.15s ease-in-out 0s, color 0.15s ease-in-out, border-color 0.15s ease-in-out; -ms--webkit-transition: background-color 0.15s ease-in-out 0s, height 0.15s ease-in-out 0s, margin-top 0.15s ease-in-out 0s, color 0.15s ease-in-out, border-color 0.15s ease-in-out; } #carousel-Model-Top-Banner .flex-control-paging li a.flex-active {background:#ed0000;} .model-banner-blacktxt #carousel-Model-Top-Banner .flex-control-nav li a {border:1px solid black;} .model-banner-blacktxt #carousel-Model-Top-Banner .flex-control-nav li a.flex-active {border:1px solid red;background: red;} .model-banner-blacktxt #carousel-Model-Top-Banner .flex-control-nav li a:hover {border:1px solid black;background: black;} .model-banner-whitetxt #carousel-Model-Top-Banner .flex-control-nav li a {border:1px solid white;} .model-banner-whitetxt #carousel-Model-Top-Banner .flex-control-nav li a.flex-active {border:1px solid red; background: red;} .model-heading h1 img {width:auto !important;} .campaignmaster .call2-action-banner {bottom:60px; right:49px !important} .form-display-msg {display:block !important} .ui-datepicker-calendar .ui-state-default {background-color:#e6e6e6 !important;} /*** Interior box hover - start ***/ .int-colors ul li {display:inline-block; position:relative;} .int-colors ul li .Interior-container {position:absolute; top:0; left:0; width:100%; height:100%; background:#ed0000; text-align:left; cursor: pointer; display:none; } .int-colors ul li .Interior-container a {cursor: default;} .int-colors ul li .Interior-container p {padding:14px; color:#fff; font-size:11px;} .int-colors ul li .Interior-container p a span {font-weight:700; display:block; padding-bottom:8px; font-size:13px; color:#fff; cursor: pointer; line-height:17px;} .int-colors ul li .Interior-container .enlarge {width:32px; height:30px; background:#252525; position:absolute; right:0; bottom:0; font-size:22px; color:#949494; text-align:center; cursor: pointer;} /*** Interior box hover - end ***/ .EquipDisclaimer {padding:0 20px;} .EquipDisclaimer h1 {font-family:'Open Sans', Arial, sans-serif; font-size:26px; font-weight:400;} .EquipDisclaimer h2 {font-family:'Open Sans', Arial, sans-serif; font-size:20px; font-weight:400;} .EquipDisclaimer h3 {font-family:'Open Sans', Arial, sans-serif; font-size:15px; font-weight:400;} .EquipDisclaimer h4, .EquipDisclaimer h5, .EquipDisclaimer h6 {font-family:arial; font-size:13px; font-weight:400;} .EquipDisclaimer h6 {color:#252525;} .EquipDisclaimer p {font-family:'Open Sans', Arial, sans-serif; font-size:13px; line-height:20px; color:#7a7a7a; margin:0; padding:0; padding-bottom:15px;} .EquipDisclaimer ul {list-style:none; margin:0; padding:0;} .EquipDisclaimer ul li {font-size:13px; font-weight:normal; line-height:20px; color:#7a7a7a; padding:2px 0 4px 20px;} .EquipDisclaimer ul li:before {content:'\2022'; font-size:30px; color:#ed0000; display: block; position: relative; max-width: 0px; max-height: 0px; left: -25px; top: 1px;} .EquipDisclaimer a {color:#ed0000;} .model-prise-hld.ipad-portrait .call2-action-banner a span {width:71%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .interior-popup.popup-hld h2 {border-bottom:0; padding-bottom:0; margin:5px 0 0 0;} .campaignmaster .call2-action-banner {bottom:20px;} .model-banner-section .model-img-hld img {width:100% !important} .model-banner-section .model-heading .read-more:hover span {color:#fff; background-position:right -398px} .call2-action-banner a {font-size:12px;} .model-prise-hld .call2-action-banner a span {width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} /******************tooltip********************/ .tpd-tooltip {position: absolute;} .tpd-tooltip, .tpd-tooltip [class^="tpd-"] {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;} /* Content */ .tpd-content-wrapper {position: absolute; top: 0; left: 0; float: left; width: 200px; height: auto; overflow: hidden; background:#fff; border:1px solid #ccc;} .tpd-content-spacer, .tpd-content-relative, .tpd-content-relative-padder {float: left; position: relative;} .tpd-content-relative {width: 200px;} .tpd-content {float: left; clear: both; position: relative; padding: 10px; font-size: 12px; line-height: 16px; color: #000; font-family:'Open Sans', Arial, sans-serif;} .tpd-title-wrapper {float: left; position: relative; overflow: hidden;} .tpd-visible-frame-left .tpd-frame-left { display: block; } .tpd-backgrounds {position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%;} .tpd-background-shadow {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; pointer-events: none;} .tpd-background-box {position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden;} .tpd-no-stem .tpd-background-box, .tpd-no-stem .tpd-shift-stem { display: none; } .tpd-no-stem .tpd-background-box-top { display: block; } .tpd-background-box-shift, .tpd-background-box-shift-further {position: relative; float: left; width: 100%; height: 100%;} .tpd-background {float: left; clear: both; background: none; -webkit-background-clip: padding-box; background-clip: padding-box; border-style: solid; border-width: 1px; border-color: #ccc; border-color: #ccc;} .tpd-background-content {float: left; clear: both; width: 100%; background-color: #fff;} .tpd-background-border-hack {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-style: solid;} .tpd-background-box-left { left: 0; } .tpd-shift-stem {position: absolute; top: 0; left: 0; overflow: hidden;} .tpd-shift-stem-side {position: absolute;} .tpd-frame-top .tpd-shift-stem-side, .tpd-frame-bottom .tpd-shift-stem-side { width: 100%; } .tpd-frame-left .tpd-shift-stem-side, .tpd-frame-right .tpd-shift-stem-side { height: 100%; } .tpd-stem {height: 8px; left: 0; margin-left: -1px; margin-top: 2px; overflow: hidden; position: absolute; top: 0; transform-origin: 0 0 0; width: 16px; z-index: 9;} .tpd-stem-spacer {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .tpd-stem-reset .tpd-stem-spacer { margin-top: 0; } .tpd-stem-point {width: 100px; position: absolute; top: 0; left: 50%;} .tpd-stem-downscale, .tpd-stem-transform {float: left; width: 100%; height: 100%; -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; position: relative;} .tpd-stem-side {width: 50%; height: 100%; float: left; position: relative; overflow: hidden;} .tpd-stem-side-inversed {-webkit-transform: scale(-1,1); transform: scale(-1,1);} .tpd-stem-triangle {width: 0; height: 0; border-bottom-style: solid; border-left-color: transparent; border-left-style: solid; position: absolute; top: 0; left: 0;} .tpd-stem-border {width: 20px; height: 100%; position: absolute; top: 0; left: 50%; background-color: #fff; border-right-color: #fff; border-right-style: solid; border-right-width: 0;} .tpd-stem-border-corner {position: absolute; top: 0; left: 50%; height: 100%; border-right-style: solid; border-right-width: 0;} .tpd-stem * { z-index: 0; zoom: 1; } .tpd-stem-border-center-offset, .tpd-stem-border-center-offset-inverse {float: left; position: relative; width: 100%; height: 100%; overflow: hidden;} .tpd-stem-notransform {float: left; width: 100%; height: 100%; position: relative;} .tpd-stem-notransform .tpd-stem-border {height: 100%; position: relative; float: left; top: 0; left: 0; margin: 0;} .tpd-stem-notransform .tpd-stem-border-center {position: absolute;} .tpd-stem-notransform .tpd-stem-border-corner {background: #fff; border: 0; top: auto; left: auto;} .tpd-stem-notransform .tpd-stem-border-center, .tpd-stem-notransform .tpd-stem-triangle {height: 0; border: 0; left: 50%;} .price-box-table a span.rit-arrw {background: rgba(0, 0, 0, 0) url("../images/sprite-icons.png") no-repeat scroll right -215px; display: inline-block; float: none !important; height: 13px; margin-top: 0px !important; width: 8px !important; margin-right: 0; vertical-align: middle;} .model-heading h2{font-weight: 800;} .model-banner{text-align:left;} /***MODEL PAGE IFRAME**/ .rot-kf-mob-hld .rot-kf-mob #h2KeyFeature .tgl-arw-mob {display:none; } /**************************************************** REDESIGN classes for flexibility (WS) - Feb 2017 ****************************************************/ /* button styles - arrow */ .pro-details .footer-link-box .link-button {font-family:'Open Sans', Arial, sans-serif; font-size: 15px; font-weight: 700; color: #373737; text-transform: uppercase; padding:0;} .pro-details .footer-link-box .link-button:hover {color:#ed0000;} .am-hld.elm-border {border: 0; background: none;} .promo-offer .content-warapper {position: absolute; top:18%; z-index: 3; top: 50%; left: 50%; transform: translate(-50%, -50%);} .modelServiceLeft {margin-bottom: 50px;} .testEngName.sepop td {color:#252525;} #stand-pop .arrow-hld {position:relative;} .second-read-less {margin-top: 20px; float: right;} .interior-popup div div {padding-bottom: 35px;} #img-gal div div {padding: 35px 32px;} .interior-popup p {padding: 10px 32px 0; font-size: 12px; font-weight: 400; color: #2c2c2c;} .flexslider .slides>li {position: relative;} body .ui-tooltip {transform: translate(-50%,0%); border:1px solid #dbdbdb; border-radius: 0; box-shadow: none; font-family:'Open Sans', Arial, sans-serif; font-size: 12px; font-weight: 700; color:#383838; padding: 12px 20px; max-width:180px; text-align: center;} body .ui-tooltip:after {top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-top-color: #ffffff; border-width: 9px; margin-left: -9px;} .mdlpop-scrollfix {background: rgba(255,255,255,0.1);} .Widget_UpSalePrice{background:#6587b7; width: 100%;} .cc-ctm-hld{display: table-cell; vertical-align: top; width: 100%; padding:6px 18px; word-break: break-word;} .cc-ctm-hld h2 {font-size: 22px; /*line-height:1.1em;*/ color:#fff; font-weight: 900; margin: 0; padding: 0; text-transform: uppercase; /*word-break: break-word;*/} .cc-ctm-hld h3 {color: #fff; font-size: 12px; font-weight: 700; margin: 0; padding: 0; text-transform: uppercase;} .cc-ctm-hld h4 {color: #fff; font-size: 20px; font-weight: 700; margin: 0; padding: 0; text-align: right; text-transform: uppercase;} .cc-ctm-hld p {color: #fff; font-family:'Open Sans', Arial, sans-serif; font-size: 12px; font-weight: normal; margin: 0; padding: 3px 0 0;} .dl-home .form-group .find-bg, .dl-home .form-group .find-bg .zipcode {height: 34px;} .dl-home .form-group .find-bg .link-button {font-size: 15px; font-weight: 700; color: #252525; text-transform: uppercase; margin-top: 8px; display: inline-block;} .dl-home .form-group .find-bg .link-button .icon-arrow {top:1px;} .main-full.flexWidget.widgetPadding {padding-top: 50px;} .bar-wrap {position: absolute; bottom: 0; opacity: 1; left: 0; width: 100%; height: 35px; text-align: center; z-index: 3; -webkit-transition: bottom .25s ease-in-out,opacity .35s ease-in-out; transition: bottom .25s ease-in-out,opacity .35s ease-in-out;} .slide-down-bar-gallary {display: none; background-color: black; background-color: rgba(235,235,234,1); color: rgba(0,0,0,1); font-size: 11px; font-weight: 400; text-transform: uppercase; padding: 14px 36px 11px 20px; margin-top: 0; position: relative; -webkit-transition: background-color .15s ease-in-out,height .15s ease-in-out,margin .15s ease-in-out; transition: background-color .15s ease-in-out,height .15s ease-in-out,margin .15s ease-in-out;} .slide-down-bar-gallary:after {content: ''; display: block; width: 5px; height: 8px; float: right; background-image: url(/widgets/MMEVideoSlider/img/slider/sprite-grey.png); background-size: 5px auto; background-repeat: no-repeat; position: absolute; top: 50%; right: 20px; margin-top: -4px; transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg);} .slide-down-bar-gallary:hover{background-color: rgba(220,220,220,1);} .slide-down-bar:active{background-color: rgba(0,0,0,8);} .slide-down-bar:after {content: ''; display: block; width: 5px; height: 8px; float: right; background-image: url(/widgets/MMEVideoSlider/img/slider/sprite.png); background-size: 5px auto; background-repeat: no-repeat; position: absolute; top: 50%; right: 20px; margin-top: -4px; transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg);} .slide-down-bar:hover {background-color: rgba(0,0,0,.7);} .accessories-hld .resp-tabs-container-desktop {padding: 28px 0;} .txtCenter {text-align: center;} .text-redesign-left .model-sm-txt, .text-redesign-right .model-sm-txt, .text-redesign-center .model-sm-txt {right: inherit; left: inherit; top: inherit; padding: 0 22px 30px 22px; position: absolute; z-index: 9; bottom: 0; width: 100%; box-sizing: border-box;} .text-redesign-left .model-sm-txt {padding-right: 32%;} .text-redesign-center .model-sm-txt {padding-left: 16%; padding-right: 16%;} /*.text-redesign-right .model-sm-txt{padding-right: auto; padding-left: 32%;}*/ .text-redesign-right .model-sm-txt {padding-left: 32%; width: 55%; right: 0; top: inherit !important; bottom:10%;} @media only screen and (min-width: 768px){ .slide-down-bar, .slide-down-bar-gallary{display: inline-block;} } /*-----------------------------------------------------------------*/ /* 10. Responsive Design /*-----------------------------------------------------------------*/ @media only screen and (min-width: 1600px) and (max-width: 2000px) { .call2-action-banner a {font-size:12px;} .model-prise-hld .call2-action-banner a span {width: 72%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} } @media only screen and (min-width: 768px) and (max-width: 4800px) { .video-thumb-hld #carousel .slides {width: 100% !important; min-height: 645px;} } @media only screen and (min-width: 1350px) and (max-width: 1370px) { .rot-model-details .rot-model-inn .rot-list li{ padding-bottom:5px;} .model-reason header {width:37.6% !important;} /*** Dot - Bullet***/ .model-reason ol.blank {width:37.6% !important;} /*** Dot - Bullet***/ .model-reason ol.dot {width:37.6% !important;} /*** Number - Bullet***/ .model-reason ol.number {width:37.6% !important;} } @media only screen and (min-width: 1280px) and (max-width: 1365px) { .model-reason header {width:37.6%} /*** Dot - Bullet***/ .model-reason ol.blank {width:37.6% !important;} /*** Dot - Bullet***/ .model-reason ol.dot {width:37.6%;} /*** Number - Bullet***/ .model-reason ol.number {width:37.6% !important;} } /* Mac (Landscape/1290PX) ----------------------------------------------- */ @media only screen and (min-width: 1280px) and (max-width: 1320px) { /*** Number - Bullet***/ .model-reason ol.dot{font-size:14px;} .model-reason ol.number{font-size:14px;} .model-reason ol.blank{font-size:14px;} .model-reason ol.dot > li{margin-bottom:3px; padding-bottom:2px; } .model-reason ol.number > li {margin-bottom:3px; padding-bottom:2px;} .model-reason ol.blank >li{margin-bottom:3px; padding-bottom:2px;} .int-colors ul li .Interior-container .enlarge{height:31px;} .stand-equip .arrow-hld {bottom: -24px;} } @media only screen and (min-width: 1024px) and (max-width: 1280px) { .int-colors ul li {margin-right:12px} .int-colors ul li p {font-size:12px; padding: 7px 14px !important;} .int-colors ul li .Interior-container p a span {padding-top:6px;} .popup-hld {width: 900px;} } @media only screen and (min-width: 1100px) and (max-width: 1366px) { .model-hld{ width:auto; margin:0 3.6969%;} .model-heading h3 {font-size:32px; line-height:36px;} .main-full{ width:auto;} .model-reason ol > li{margin-bottom:0;} .product-cont{ width:auto; margin:0 10px; font-size:14px;} .resp-tabs-list li{ padding-left:0; font-size:12px; margin-right:12px;} .download-in h2{ padding:10px 23px ;} .download-in .flexslider .slides li img{ margin:5px 0 10px;} .pro-details-sml article{ margin-top:10px;} .pro-details-sml article h3{ font-size:32pt; margin:0 0 30px -3px;} /*GALLERY*/ .video-thumb-hld .flexslider .slides > li {margin:0;} /*Specification*/ .spec-main-hld {width:auto; margin:28px 3.6969% 0;} .rot-model-details, .ctm-hld-outer{ margin-top:-20px;} .download-in{ min-height:448px;} .am-img img{ width:80%;} .model-sm-txt{ top:10px;} .model-sm-txt h4{ margin-bottom:7px; margin-top:7px;} .model-sm-txt h3{ padding-bottom:5px; } .model-sm-txt .read-more{ margin-top:20px;} .am-hld .am-prise{ left:10px; top:50px;} .acc-check-list .checkbox{ margin-right:0; font-size:12px;} .rot-model-details .rot-model-inn .rot-list li{ padding-bottom:5px;} .ef-model-hld, #legal-sticky.ef-model-hld {width:1000px;} .ctm-hld h4{ padding-top:0;} .int-colors ul{ margin:7px 0;} .pop-stan-outer {width:100%; margin:0;} .pop-stan-outer-top {width:100%; margin:0 auto; position:relative;} .margin-top-spec {margin:0px 0 0;} #divexample2{ height:175px;} } @media only screen and (min-width: 1100px) and (max-width: 1325px) { .title-tech-spec-l{height:112px;} .main-spec-summary .title-tech-spec, .compare-spec-summary .title-tech-spec{ height:167px;} .main-spec-summary .flex-direction-nav li, .compare-spec-summary .flex-direction-nav li{ top:74px; z-index:999;} .main-spec-summary{ position:relative;} .model-reason ol > li:before {top:0;} } @media only screen and (min-width: 1100px) and (max-width: 1280px) { .rot-model-details .rot-model-inn .rot-list li{ padding-bottom:5px;} .rot-model-details h2{ padding-top:13px; padding-bottom:12px;} .int-colors ul {} #divexample2{ height:188px;} .download-in{ min-height:429px;} .model-reason ol > li {padding:2px 8px 2px 0; line-height:16px;} .main-spec-summary footer, .compare-spec-summary footer, .spec-summary footer {font-size:13px;} .model-reason header {width:39.6%;} /*** Number - Blank ***/ .model-reason ol.blank {width:39.6%;} /*** Number - Bullet***/ .model-reason ol.number {width:37.6%;} .model-reason ol.number > li { margin: 0 0 0 1em; padding:3px 8px 3px 6px !important;} /*** Dot - Bullet***/ .model-reason ol.dot {width:37.6%;} .model-reason ol.dot > li { margin: 0 0 0 1em; padding:3px 8px 3px 6px !important;} .download-in .flexslider {margin-top: 0px;} #divStandradEquipment .arrow-hld {bottom: -20px;} } @media only screen and (min-width: 1161px) and (max-width: 1200px) { .model-reason header {width:42.0%} /*** Number - Blank ***/ .model-reason ol.blank {width:42.6%;} /*** Number - Bullet***/ .model-reason ol.dot {width:40.0%;} /*** Number - Bullet***/ .model-reason ol.number {width:39.6%;} } @media only screen and (min-width: 1100px) and (max-width: 1160px) { .main-spec-summary footer, .compare-spec-summary footer, .spec-summary footer {font-size:12px;} .download-in .flexslider .slides li h3 {margin-top:0;} .download-in h2 {padding:14px 23px !important;} .model-reason {float:left;} .model-reason header {font-size:20px;} .model-reason ol {font-size:13px;} .model-reason ol > li {margin-bottom:0; padding-bottom:12px;} .model-reason ol > li:before {font-size:26px; left:-45px;} .model-heading h3 {font-size:28px; line-height:34px;} .testi-txt {font-size:22px;} .model-sm-txt h3 {font-size:25px; line-height:30px;} .model-sm-txt h3 span {padding:3px 0;} .model-sm-txt p {font-size:12px; line-height:16px;} .model-sm-txt {width:250px; margin-top:10px;} .model-sm-txt h4 {margin:20px 20px;} .co2-hld li:after {margin:0 2px;} .arrow-hld {} .model-sm-txt{width:230px;} .main-spec-summary footer a, .compare-spec-summary footer a, .spec-summary footer a {background-position:right -213px;} .main-spec-summary footer a:hover, .compare-spec-summary footer a:hover, .spec-summary footer a:hover {background-position:right -248px;} .model-reason header {width:43.4%} /*** No Bullet ***/ .model-reason ol.blank {width:43.4% !important;} /*** Number - Bullet***/ .model-reason ol.dot {width:41.4%;} /*** Dot - Bullet***/ .model-reason ol.number {width:41.0%;} .model-reason ol.number > li {padding-bottom:0 !important; margin-bottom:0 !important;} .ef-model-hld, #legal-sticky.ef-model-hld {width:900px;} } /* Mac (Landscape/1100PX) ----------------------------------------------- */ @media only screen and (min-width: 1100px) and (max-width: 1180px) { /*** Number - Bullet***/ .model-reason ol.dot > li{line-height:16px; min-height:35px;} } /* TABLET LAYOUT (LANDSCAPE/992PX) ----------------------------------------------- */ @media only screen and (min-width: 992px) and (max-width: 1099px) { .ipad-landscape{ display:none;} .main-full{ width:auto;} .model-hld{ width:auto; margin:0 3.85% 0;} .model-reason {margin:34px 0 0; float:right} .model-heading h3 {font-size:24px; line-height:28px;} .model-reason header {font-size:18px;width:53.0%} /*** No Bullet ***/ .model-reason ol.blank {width:51.5%; padding:0 11px 12px; font-size:13px; margin:0} .model-reason ol.blank > li { margin: 0 0 2px 0;min-height: inherit; padding: 4px 8px 3px 6px; line-height:16px;} .model-reason ol.blank > li:before {font-size:20px; left:-34px; margin-right: 8px; padding: 5px 0 0; top:0px;} /*** Number - Bullet***/ .model-reason ol.number {width:49.0%; padding:0 11px 12px; font-size:13px; margin:0} .model-reason ol.number > li { margin: 0 0 0 1em;min-height: inherit; padding: 6px 8px 3px 6px; line-height:16px;} .model-reason ol.number > li:before {font-size:20px; left:-34px; margin-right: 8px; padding: 5px 0 0; top:0px;} /*** Dot - Bullet***/ .model-reason ol.dot {width:49.0%; padding:0 11px 12px; font-size:13px; margin:0} .model-reason ol.dot > li { margin: 0 0 0 1em;min-height: inherit; padding: 6px 8px 3px 6px; line-height:16px;} .model-reason ol.dot > li:before {font-size:20px; left:-20px; margin-right: 8px; padding: 5px 0 0; top:0px;} .model-reason ol li br {content: ' '} .model-reasonol li br:after {content: ' '} .product-cont{ width:auto; margin:0 10px; font-size:14px;} .resp-tabs-list li{ padding-left:0; font-size:12px; margin-right:12px;} .download-in h2{ padding:10px 23px;} .download-in .flexslider .slides li img{ margin:5px 0 10px;} .download-in{ padding-bottom:1px;} .pro-details-sml article{ margin-top:10px;} .pro-details-sml article h3{ font-size:25pt; margin:0 0 10px -3px;} /*GALLERY*/ .video-thumb-hld .flex-viewport {width:89%; margin:0 5.5%;} .video-thumb-hld .flexslider .slides > li {margin:0 .15% 0 0;} #horizontalTab .flex-viewport {width:847px; margin:0 auto} .car-hld{margin:0 244px 0 215px;} .rot360L{ background-size:70% 70% !important;} .rot360R{background-size:70% 70% !important;} .am-img img{ width:70%;} .model-sm-txt{ top:10px;} .model-sm-txt h4{ margin-bottom:7px; margin-top:7px;} .model-sm-txt h3{ padding-bottom:5px; font-size:25px; line-height:30px;} .model-sm-txt .read-more{ margin-top:10px;} .acc-check-list .checkbox{ margin-right:0; font-size:11px;} .rot-model-details .rot-model-inn .rot-list li{ line-height:18px; padding-bottom:5px;} .ctm-hld-outer, .rot-model-details{ margin:-20px 0 0;} /*Specification*/ .spec-main-hld {width:auto; margin:28px 1% 0;} .stand-equip .spec-summary {width:45.02215189873418%; float:left;} .stand-equip .main-spec-summary {width:27.94936708860759%; float:left;} .stand-equip .compare-spec-summary {width:27.02848101265823%; float:left;} .stand-equip .arrow-hld {font-size:12px; bottom: -35px;} .stand-equip .main-spec-summary footer a, .stand-equip .compare-spec-summary footer a {font-size: 13px;} .main-spec-summary footer, .compare-spec-summary footer, .spec-summary footer{font-size: 12px;} .co2-hld li.co2-arrow-left{ width:45px;} .stand-equip .main-spec-summary .summary-hld table tr td {font-size:19px;} .co2-hld li:after {margin: 0 10px 0 7px;} .ef-model-hld, #legal-sticky.ef-model-hld {width:auto;} .acc-check-list .checkbox span{ margin-right:0px;} .pop-stan-outer {width:100%; margin:0;} .pop-stan-outer-top {width:100%; margin:0 auto; position:relative;} .margin-top-spec {margin:0px 0 0;} .rot-model-details h2{ padding-top:11px; padding-bottom:10px;} #divexample2{ height:237px;} .download-in .flex-direction-nav .flex-next{ margin-right:8px;} .download-in .flex-direction-nav .flex-prev{ margin-left:8px;} .download-in h2{ padding-top:9px; padding-bottom:9px;} .download-in .flexslider .slides li h3 {font-size: 13px; line-height: 16px; height: 48px; overflow: hidden;} .even .pro-details-sml > div, .odd .pro-details-sml > div { margin:12px 0px 0 15px;} .pro-details-sml h3 {font-size:32px; margin-bottom: 15px;} .pro-details-sml>div .free-text {padding-bottom:15px;} .download-in .flexslider {margin-top:0;} .popup-hld {width: 800px;} .model-heading h3{ font-size:22px; line-height:26px;} #dvPreloadImges {margin-left: 49px;margin-top: 22px;max-width: 80%;} .model-item .col-two .model-price {width:17%; padding:12px;} .model-item .col-two .model-price .mpprice {font-size:1.0em;} .rot-model-details .rot-model-inn .rot-list li {padding-bottom:5px;} .promo-offer.download-right-bor article p {height:61px;} .eng-type-hld table th:first-child, .eng-type-hld table td:first-child {padding-left:9px;} .eng-type-hld table th, .eng-type-hld table td {font-size:11px;} .model-reason ol > li{padding:2px 8px 12px 0;} .model-heading h2, .model-heading h1{margin-bottom:0;} /*-------Model Right Menu-------*/ .model-r-sticky{width:32px;} .model-r-sticky .icon-360{background-position:-3px 0;} .model-r-sticky .icon-acc{background-position:-3px -41px;} .model-r-sticky .icon-download{background-position:-3px -82px;} .model-r-sticky .icon-testimonial{background-position:-3px -123px;} .model-r-sticky .icon-pro-det{background-position:-3px -164px;} .model-r-sticky .icon-service{background-position:-3px -205px;} .model-r-sticky .icon-action-model{background-position:-3px -246px;} .title-tech-spec-l{height:90px;} .main-spec-summary .title-tech-spec, .compare-spec-summary .title-tech-spec{ height:145px;} .eng-type-hld table td:first-child {padding-right:18px !important;} .image-galery-hld .flex-direction-nav .flex-next {right:2px;} .image-galery-hld .flex-direction-nav .flex-prev {left:2px;} .footer-link-box .link-button {font-size:0.886em;} .ef-model-hld, #legal-sticky.ef-model-hld {width:800px;} .int-colors ul li img { height:100px; } /* 219 start */ .int-colors ul li {margin-right:10px;} .int-colors ul li .Interior-container p {position:relative; display:block;} .int-colors ul li .Interior-container p a span {font-size:10px; line-height: 1.2em; display: block;} .int-colors ul li .Interior-container p a {color:#fff; padding:0px; overflow:hidden; background:#ed0000; font-size:13px; line-height:1;} .mdlint-colors.int-colors ul li.tooltip:hover:before {bottom: 143px;} .mdlint-colors.int-colors ul li.tooltip:hover:after {bottom: 152px; font-size: 11px;} /* 219 end */ } @media only screen and (min-width: 992px) { .prize-det-slider p{color:#000;} .price-box-table{color:#000;} .notification-text2{color:#000;} .price-box-table a span.rit-arrw{background: rgba(0,0,0,0) url("../images/sprite-icons.png") no-repeat scroll right -147px;} } /* TABLET LAYOUT (PORTRAIT/768PX) ----------------------------------------------- */ @media only screen and (min-width: 768px) and (max-width: 991px) { .main-full{ width:auto;} .main-new1{ width:372px; margin-bottom:0px;} .main-new2{float:left; width:150px;} .model-prise-hld{width:100%; background:#fff; border:1px solid #D6D6D6; padding:13px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* height:400px; */ min-height:400px;} .model-prise-hld .txt-link{ font-size:11px; padding-right:12px;} .model-prise-hld .txt-link-fc{ font-size:11px; padding-right:12px;} .prize-det-slider{ padding:0 13px 0 0; border:none;} .prize-det-slider p{ font-size:11px; line-height:14px;} .price-box-table p{ font-size:11px; width:64px;} .price-box-table span{ width:66px;} .price-box-table{ font-size:11px;} .prize-det-slider .prize-close{ right:0;} .config-hld{ width:157px;} #dvPreloadImges {margin-left: 22px;margin-top: 48px;max-width: 80%;} .config-hld h2{ font-size:10px; padding-left:6px;} .rot-subtitle-link, .rot-acc-link{ font-size:12px; padding-left:6px;} .rot-acc-hld{ padding-left:2px;} .rot-tooltip{ left:160px;} .model-prise-hld h3{ font-size:20px;} .model-prise-hld h2{ font-size:13px;} .call2-action-banner a{padding-right:9px;} .footer-link-box .link-button{ padding:0 10px;} .rot-dd-hld{ width:137px;} .rot-dd-hld .styled {width:137px;} .config-hld span.customSelect {width:137px; height:31px;} .config-hld .customSelectInner {padding-right:30px; overflow:hidden; height:29px;} .rot-model-details h2{ padding-top:15px;} .rot-model-details .rot-model-inn .rot-list li{ padding-bottom:5px;} .model-hld{ width:auto; margin:0 3.85% 0;} .car-hld{ margin-left:165px; margin-right:175px;} .rot360R{ width:40px; height:22px; background-size:60% !important; right:-15px;} .rot360L{ width:40px; height:22px; background-size:60% !important; margin-left:15px;} .model-big-heading{ font-size:14px; padding-right:8px;} .model-sml-heading{ font-size:13px; padding-left:8px;} .model-prise-hld .call2-action-banner{ margin-top:10px; bottom:8px !important;} .model-prise-hld h2{ padding-top:0;} .spinHld{ padding:0 10%;} .acc-check-list .checkbox{ margin-bottom:8px;} .acc-check-list .checkbox span{ width:150px; display:inline-block; font-size:12px;} .pro-details-sml article h3{ margin-bottom:10px; font-size:20pt; line-height:25pt;} .pro-details-sml article{ margin-bottom:15px;} .pro-more-cont{ padding:15px 0 0 0;} .model-sm-txt{ left:0; top:15px; width:85%; padding:0 2%; overflow:inherit;} .model-sm-txt h3{ font-size:24px; line-height:12px; padding-bottom:20px;} .model-sm-txt h3 span{ display:inline; font-size:24px;} .model-sm-txt h4{ margin:5px 0;} .model-sm-txt .read-more{ margin-top:10px;} .am-hld .am-prise{ width:110px; height:110px; left:10px;} .am-hld .am-prise .am-del{ margin-top:20px; font-size:12px;} .am-hld .am-prise .am-nor{ font-size:18px;} .am-hld .am-prise .am-sml{ font-size:10px;} .am-hld h2{ margin-bottom:90px; font-size: 20px;} .ef-model-hld, #legal-sticky.ef-model-hld {width:94%; margin-left:auto; margin-right:auto; background:#fff; padding:0 3%;} .model-item .col-two .model-price{ padding:15px 20px 15px 15px;} .model-item .col-two .model-features ul{ width:45%; margin-right:5%;} .model-item .col-two .model-features ul li{ width:100%;} .model-item .col-two .model-features ul li:before{ left:-20px;} .download-right-txt{ font-size:20px; line-height:24px; left:15px; top:15px;} .ctm-hld{ padding-bottom:40px;} #divexample2{ height:298px;} .eng-type-hld table td{ padding-top:8px; padding-bottom:8px; line-height:19px; vertical-align:top;} .int-colors ul li {width:20.5%; margin-bottom:10px;} .int-colors ul li p { font-size:9px; padding: 10px !important;} .int-colors ul li .Interior-container p {font-size:9px;} .rot-model-details{ margin-top:-50px;} .ctm-hld-outer{ margin-top:-50px;} .model-heading h2, .model-heading h1{ margin-top:10px;} .model-heading h3{ font-size:16px; line-height:20px;} .model-reason header{ width:64%; font-size:16px; padding-bottom:10px; padding-right:8px;} .pro-details-sml h3 {font-size: 32px; margin-bottom: 20px;} .even .pro-details-sml > div, .odd .pro-details-sml > div { margin:24px 0px 0 0px;} .pro-details-sml>div .free-text {padding-bottom:30px;} .download-in .flexslider {margin-top:0;} .download-in .flexslider .slides li h3 {font-size: 13px; line-height: 16px; height: 48px; overflow: hidden;} .popup-hld {width: 600px;} .model-item .model-price {min-height: auto; padding:20px 11px 20px 11px;} .model-item .model-price .mpprice {font-size: 20px;} /*** No Bullet ***/ .model-reason ol.blank{ width:66%; font-size:11px;} .model-reason ol.blank > li{ line-height:13px; min-height:20px; padding-bottom:0; margin-bottom:3px; padding-top:2px;} .model-reason ol.blank > li:before{ font-size:20px; left:-40px;} /*** Number - Bullet***/ .model-reason ol.number { width:65%; font-size:11px;} .model-reason ol.number > li {line-height:13px; min-height:20px; padding-bottom:0; margin-bottom:3px; padding-top:2px;} .model-reason ol.number > li:before{ font-size:20px; left:-40px; top:-3px;} /*** Dot - Bullet***/ .model-reason ol.dot { width:65%; font-size:11px;} .model-reason ol.dot > li{ line-height:13px; min-height:20px; padding-bottom:0; margin-bottom:1px; padding-top:2px;} .model-reason ol.dot > li:before{ font-size:20px; left:-23px; top:-2px} .model-reason{ margin-top:10px; margin-left:6.6969%;} .model-reason ol > li br{ display:none} .model-main-content .call2-action-banner {margin-top:18px;} .rot-tooltip{z-index:15;} .spec-main-hld{ margin:28px 1% 0; width:auto;} .co2-hld li:after{ margin:0 3px 0 3px;} .co2-hld li.co2-arrow-left{ width:20px;} .summary-hld table tr td{ padding-left:10px;} .arrow-hld{ font-size:13px; padding:0px 32px 0; height:60px;} .main-spec-summary footer, .compare-spec-summary footer, .spec-summary footer{ font-size:12px; text-align:center; padding-top:5px; height:35px;} .stand-equip .main-spec-summary .summary-hld table tr td, .stand-equip .compare-spec-summary .summary-hld table tr td{ height:36px;} .summary-hld table tr td{ height:40px; padding-top:0;} .main-spec-summary .flex-direction-nav li, .compare-spec-summary .flex-direction-nav li{ top:19.3%;} .pop-stan-outer{ width:auto;} .main-spec-summary .flex-direction-nav li, .compare-spec-summary .flex-direction-nav li{ background:none;} .spec-pop .stand-equip .main-spec-summary .title-tech-spec{ height:225px;} .spec-pop .stand-equip .main-spec-summary .title-tech-spec img{ height:145px;} .spec-pop .stand-equip .title-tech-spec{ height:205px;} .ctm-hld p{ font-size:12px; line-height:16px;} .model-reason ol > li:before {top:0px} #model-banner-section .call2-action-banner, .model-banner-section .call2-action-banner {right:49px;} .download-in{ padding-bottom:0; height:459px;} .model-item .col-two .model-price .mptitle{ font-size:0.8em;} .model-item .col-two .model-price .mpprice{font-size:1.0em;} .model-item .col-two .model-price .mpstitle{ font-size:0.7em;} .pro-details .pro-details-footer{ font-size:12px;} /*---Image Gallery Popup----*/ .popup-hld{ width: auto;} .pro-details .even .pro-details-big, .pro-details .even .pro-details-sml, .pro-details .odd .pro-details-sml, .pro-details .odd .pro-details-big{ float:none; width:auto;} .title-tech-spec {padding: 15px 20px 5px;} .main-spec-summary .title-tech-spec, .compare-spec-summary .title-tech-spec {height: 145px;} .main-spec-summary .title-tech-spec img, .compare-spec-summary .title-tech-spec img {height: 84px;} .main-spec-summary .flex-direction-nav li, .compare-spec-summary .flex-direction-nav li {top:95px;} .stand-equip .main-spec-summary .flex-direction-nav li, .stand-equip .compare-spec-summary .flex-direction-nav li {top:62px;} #divexample2 {height:282px !important;} .int-colors ul {margin:8px 0 9px 0; padding-bottom:20px;} .accessories-hld .flexslider .slides li .access-bor .acc-footer a {padding:8px 10px; font-size:13px;} .flex-direction-nav .icon-arrow2, .icon-arrow {top:1px;} /**/ .model-prise-hld{ margin-top:-50px;} .ipad-portrait{ display:none;} .ipad-landscape{ display:block;} .car-hld{ margin-right:0;} .rot-model-details .rot-model-inn {padding:10px 0 40px 20px;} .eng-type-hld table th:first-child, .eng-type-hld table td:first-child {padding-left:9px;} .eng-type-hld table th, .eng-type-hld table td {font-size:11px;} .eng-type-hld table th span {} .model-reason ol{font-size:11px;} .model-reason ol > li{padding:3px 8px 0px 0; line-height:13px;} .model-menu.nav ul li.active >a, .model-menu.nav ul li.active >a:hover, .model-menu.nav ul li.active >a:focus{padding:0 0 18px;} /* Safari only override */ ::i-block-chrome,.model-menu.nav ul li.active >a, .model-menu.nav ul li.active >a:hover, .model-menu.nav ul li.active >a:focus {padding:0 0 16px;} .model-prise-hld .txt-link span {background-position:right -174px; padding-right:10px;} .model-prise-hld .txt-link:hover span {background-position:right -188px;} .model-prise-hld .txt-link-fc span {background-position:right -174px; padding-right:10px;} .model-prise-hld .txt-link-fc:hover span {background-position:right -188px;} .call2-action-banner a span {background-position: right -461px; margin-right:0;} .model-prise-hld .call2-action-banner a span {background-position: right -455px;} .model-prise-hld .call2-action-banner a i.icon-icon-brochure {margin-right:3px;} .accessories-hld .flexslider .slides li .access-bor .acc-footer a span {background-position:right -342px !important; margin-right:8px;} .accessories-hld .flexslider .slides li .access-bor .acc-footer a:hover span {background-position:right -369px !important;} .image-galery-hld .flexslider .slides li .access-bor .acc-footer a {font-size:11px; line-height:32px; background-position:right -335px;} .image-galery-hld .flexslider .slides li .access-bor .acc-footer a:hover{background-position:right -362px;} .main-spec-summary footer a, .compare-spec-summary footer a, .spec-summary footer a {background-position:right -213px;} .main-spec-summary footer a:hover, .compare-spec-summary footer a:hover, .spec-summary footer a:hover {background-position:right -248px;} .model-prise-hld{ overflow:hidden; position:relative;} .eng-type-hld table th span{padding:5px 4px;} .model-prise-hld .desktop{width:147px; margin:0 auto; overflow:hidden;} .model-prise-hld .call2-action-banner{position:absolute; top:inherit; bottom:3px; right:50%; margin-right:-74px;} .model-prise-hld .call2-action-banner a{ padding-left:6px;} .model-prise-hld .call2-action-banner a span{padding-left:5px; padding-right:10px; width:70%; text-overflow: ellipsis;white-space: nowrap; overflow: hidden;} .call2-action-banner a i.icon-icon-steering {position:relative; top:3px;} /*----------Model Right Menu------------*/ .model-r-sticky .c2a-animation a span{padding-top:5px; padding-left:32px;} .model-r-sticky .c2a-animation a{background-size:30px; height:30px; font-size:11px !important;} .model-r-sticky .icon-360{background-position:-2px 0px;} .model-r-sticky .icon-acc{background-position:-2px -35px;} .model-r-sticky .icon-download{background-position:-2px -64px;} .model-r-sticky .icon-testimonial{background-position:-2px -98px;} .model-r-sticky .icon-pro-det{background-position:-2px -131px;} .model-r-sticky .icon-service{background-position:-2px -163px;} .model-r-sticky .icon-action-model{background-position:-2px -195px;} .video-thumb-hld .flex-viewport {width:84%; margin:0 8%;} .video-thumb-hld .flex-direction-nav .flex-prev, .video-thumb-hld .flex-direction-nav .flex-next {top:0%;} .title-tech-spec-l{height:65px;} .main-spec-summary .title-tech-spec, .compare-spec-summary .title-tech-spec{ height:85px;} .main-spec-summary .flex-direction-nav li, .compare-spec-summary .flex-direction-nav li{ top:32px;} .call2-action-banner a i.icon-icon-steering {vertical-align:inherit;} .model-r-sticky .c2a-animation a{font-size:11px !important; line-height:32px;} .call2-action-banner #RequestBrochure span {margin-left:7px;} .model-prise-hld .call2-action-banner #RequestBrochure span {margin-left:4px;} .image-galery-hld .flex-direction-nav .flex-next {right:2px;} .image-galery-hld .flex-direction-nav .flex-prev {left:2px;} .model-tabs li:first-child {width:34%;} .int-colors ul li img { height:100px; } /* 219 */ .int-colors ul li .Interior-container p {position:relative; display:block;} .int-colors ul li .Interior-container p a span {font-size:11px; display: block;} .int-colors ul li .Interior-container p a {color:#fff; padding:0px; overflow:hidden; background:#ed0000; font-size:13px; line-height:1;} /* 219 */ #divexample3 {height: 122px;} #divexample4, #divexample5, #divexample6, #divexample7 {height: 150px;} .refresh {margin-left:0;} .title-tech-spec h4 {font-size: 26px;} .stand-equip .arrow-hld {bottom: -60px;} .text-redesign-right .model-sm-txt {width:75%; bottom:0;} } @media only screen and (min-width: 801px) and (max-width: 829px) { .model-reason header {width:59.0% } /*** Number - Blank ***/ .model-reason ol.blank {width:61%;} /*** Number - Bullet***/ .model-reason ol.number {width:61%;} /*** Dot - Bullet***/ .model-reason ol.dot {width:61% } } @media only screen and (min-width: 830px) and (max-width: 900px) { .model-reason header {width:56.6% } /*** Number - Blank ***/ .model-reason ol.blank {width:59%;} /*** Number - Bullet***/ .model-reason ol.number {width:58%;} /*** Dot - Bullet***/ .model-reason ol.dot {width:58% } .int-colors ul li img { height:100px; } } /* TABLET LAYOUT (Landscape/901PX) ----------------------------------------------- */ @media only screen and (min-width: 901px) and (max-width: 990px) { .model-reason header {width:53.0% } /*** No Bullet ***/ .model-reason ol.blank {width:56% } .model-reason ol.blank > li {padding: 1px 8px 1px 6px; line-height:16px;} /*** Number - Bullet***/ .model-reason ol.number {width:54%;} .model-reason ol.number > li {padding: 3px 8px 3px 6px;} .model-reason ol.number>li:before {top:0px;} /*** Dot - Bullet***/ .model-reason ol.dot {width:55% } .model-reason ol.dot > li {padding: 0px 8px 0px 6px; line-height:16px; margin-bottom:1px;} .int-colors ul li img { height:100px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .model-prise-hld.model-price-disclaimer {} .model-prise-hld.model-price-disclaimer .call2-action-banner {position: absolute; bottom: 8px !important; } .model-price-disclaimer .notification-text2 { margin-bottom: 90px; position: relative;} } /* MOBILE LAYOUT (PORTRAIT/320PX) ----------------------------------------------- */ @media only screen and (max-width: 767px) { .showmob {} .showdeskotp {display: none;} .ipad-landscape{ display:none;} input.hasDatepicker[type="text"][disabled] {color: #fff !important; -webkit-text-fill-color:#FFF} input.hasDatepicker::-webkit-input-placeholder {color: #880000;} .main-full{ width:auto;} .model-hld{ width:auto; margin:0;} .col-9{ width:auto; float:none; margin:0;} .col-3{ width:auto; float:none; margin:0;} /* Model Tab */ .pagination {bottom:40px !important;} .model-tabs li a.current span:after {border-width: 8px;margin-top: 12px;} .model-banner {position:relative;} .banner-content {background:#e1e1e2;} .model-heading {padding:0 0 0 11px;} .model-heading h1 {margin: 0; padding: 15px 0 0; font-size: 26px; line-height: 26px;} .model-heading h2 {width:auto; font-size: 16px;} .model-heading h3 {line-height: 24px;font-size: 20px;} .model-img-hld {overflow: inherit; margin-bottom:0;} .model-img-hld img {max-height:100%; width:auto;} .model-reason {margin:0px; background:#FFF;} .model-reason header {float:none; width:auto; font-size:13px; border-bottom:1px solid #f3f3f3; padding:12px 11px;} /*** No Bullet ***/ .model-reason ol.blank {float:none; width:auto; padding:0 11px 12px; font-size:13px; margin:0} .model-reason ol.blank > li { margin:0; min-height: 22px; padding: 2px 8px 2px 0;} .model-reason ol.blank > li:before {font-size: 13px;left: -22px;margin-right: 8px;padding: 5px 0 0;top:-3px;} /*** Number - Bullet***/ .model-reason ol.number {float:none; width:auto; padding:0 11px 12px; font-size:13px; margin:0} .model-reason ol.number > li { margin: 0 0 0 1em; min-height: 22px; padding: 2px 8px 2px 0;} .model-reason ol.number > li:before {font-size: 13px;left: -22px;margin-right: 8px;padding: 5px 0 0;top:-3px;} /*** Dot - Bullet***/ .model-reason ol.dot {float:none; width:auto; padding:0 11px 12px; font-size:13px; margin:0} .model-reason ol.dot > li { margin: 0 0 0 1em; min-height: 22px; padding: 2px 8px 2px 0;} .model-reason ol.dot > li:before {font-size: 13px;left: -13px;margin-right: 8px;padding: 5px 0 0;top:-3px;} .model-reason ol li br {content: ' '} .model-reasonol li br:after {content: ' '} .model-main-content .call2-action-banner {bottom:0; right:1px;} .even .pro-details-sml > div, .odd .pro-details-sml > div {margin:12px 15px; padding: 0; display: block; vertical-align: inherit;} .pro-details-sml h3 {font-size: 20px; margin-bottom: 20px;} .pro-details-sml>div .free-text {padding-bottom:20px;} .product-cont{ width:auto; margin:0 10px;} .pro-details .even .pro-details-big{float:none; width:auto;} .pro-details .even .pro-details-sml{float:none; width:auto; text-align: left; display: block; padding-left:0; padding-right:0;} .pro-details .odd .pro-details-big{float:none; width:auto;} .pro-details .odd .pro-details-sml{float:none; width:auto; text-align: left; display: block; padding-left:0; padding-right:0;} .pro-details-sml article{ margin:10px;} .pro-details-sml article h3{margin:1% 0 2% 0;} .pro-more-cont-left{ float:none; margin:0 2.68% 0 2.05%; width:auto;} .pro-more-cont-cen{ float:none; margin:0 2.29% 0 0; width:auto;} .pro-more-cont-right{ float:none; margin:0 2.76% 0 0; width:auto;} .pro-details .even .pro-details-sml .free-text, .pro-details .odd .pro-details-sml .free-text {text-align: left;} .image-galery-hld .flex-direction-nav .flex-next {right: 0px; width:30px; height: 38px;} .image-galery-hld .flex-direction-nav .flex-prev {left:0px; width:30px; height: 38px;} .FlexContentSliderBody .model-main-content .call2-action-banner {top: inherit; bottom: 12px; position: absolute; width: 100%; right: 0;} ul.resp-tabs-list {display: none;} h2.resp-accordion {display: block; background: #f6f6f6 !important;} h2.resp-tab-active {display: block; background: #f6f6f6 !important;} .resp-vtabs .resp-tab-content {border: 1px solid #C1C1C1;} .resp-vtabs .resp-tabs-container {border: none; float: none; width: 100%; min-height: initial; clear: none;} .resp-accordion-closed {display:none !important;} .resp-vtabs .resp-tab-content:last-child {border-bottom: 1px solid #c1c1c1 !important;} .pro-details-sml article h3{ font-size:26px; line-height:20px; margin-bottom:15px; margin-left:-2px;} .model-tabs li a{font-size:13px;} .model-hld-left{ width:auto; float:none; margin:0 0 0 0;} .model-hld-right{ width:auto; float:none; margin:0 0 0 0;} /*Gallery*/ .video-area {padding:0;} .video-thumb-hld .flex-viewport {width:70%;} .video-thumb-hld .flex-direction-nav a {width: 23px;height: 23px; line-height: 24px; margin:-15px 0 0;} .video-player-hld {margin:0; padding:0;} .big-butovideo, .vertical-vid-thumb {width: 100%; float: none;} .video-thumb-hld #carousel img {height:inherit;} .galleryscroll h2, #img-gal .flex-active-slide h2 {font-size: 20px; line-height: 20px;} #img-gal .flex-active-slide figure .gallery-imgshare {bottom: 5px;} .image-galery-hld {border: medium none; margin: 10px 0 0; padding: 0 0 13px;} .image-galery-hld h2 {background: #e8e8e8; font-size: 14px; font-weight: 700; line-height: 22px; padding: 12px 4%; width: 92%;} .image-galery-hld h2.resp-accordion {font-weight: 600; font-size:14px; padding: 10px 4%; background:url(../images/mob-down-arrow.png) no-repeat scroll 97% 12px #F6F6F6; text-transform:none;} .image-galery-hld h2.resp-tab-active {background:url(../images/mob-up-arrow.png) no-repeat scroll 97% 12px #F6F6F6 !important;} .img-eng-hld img {width:100%;} .ef-model-hld h3 {font-size: 18px; margin-top:32px;} /*Specification*/ .spec-main-hld {width:auto; margin:0; padding: 0 0 13px;} .model-tabs li a:hover {color:#B2B2B2;} .model-spec-resp .spec-summary {float:none; width:auto;} .model-spec-resp .title-tech-spec {padding:35px 0 0 12px;} .model-spec-resp .title-tech-spec h4 {width:100%; font-size:18px; line-height: 1.2em;} .model-spec-resp .title-tech-spec p {padding:0 0 25px; font-size:13px;} .model-spec-resp .title-tech-spec .link-dwnd-tech-spec {position: relative; left:0; bottom:0; font-size:11px;} .model-spec-resp .main-spec-summary footer, .compare-spec-summary footer, .spec-summary footer {display: none;} .model-spec-resp .main-spec-summary footer a, .compare-spec-summary footer a, .spec-summary footer a {display: block; float: right; height: 28px; padding: 12px 0 0 15px; border-left:1px solid #eaeaea;} .spec-main-hld .summary-hld {padding:0;} .spec-main-hld .summary-hld header {font-size:12px; padding: 0 0 15px 12px;} .spec-main-hld .spec-summary .summary-hld table {width:100%; margin-left:0%;} .spec-main-hld .spec-summary .summary-hld table tr td:first-child {padding-left:12px;} .spec-main-hld .spec-summary .summary-hld table tr td {height:auto; padding:0px 0 10px 30px; font-size:13px; color:#7a7a7a; border-bottom: 1px solid #ececec;} .spec-main-hld .tech-spec .spec-summary .summary-hld table tr:nth-of-type(2n+1) td {border-bottom:none; padding-top:10px; padding-bottom:0; color:#5a5a5a; font-weight:bold;} .spec-main-hld .icon-arrow:before {position:relative; top:1px; right: -10px; padding-right: 9px;} .spec-main-hld figure {width:auto;} .spec-main-hld figure img {width:100%;} .spec-main-hld .stan-spec .spec-summary .summary-hld table {text-transform:none;} .spec-main-hld .stan-spec .spec-summary .summary-hld table tr td {padding-top:10px; padding-bottom:10px; font-size:13px; color:#7a7a7a; text-transform:none;} .spec-main-hld .stan-spec .spec-summary .summary-hld table tr.disable td {color:#d3d3d3 !important;} .spec-main-hld footer a {font-size:11px;} .title-tech-spec {height:125px;} .title-tech-spec .dropdown-hld{ margin:10px 0 24px 4px; margin:0px 0 20px 4px \9; width:298px; background:#fff; float:none;} .title-tech-spec .styled {-webkit-appearance: none; width:300px; padding:0px; margin-left:-3px; text-transform:none; background: rgb(255,255,255); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEzJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(252,252,252,1) 13%, rgba(246,246,246,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(13%,rgba(252,252,252,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(252,252,252,1) 13%,rgba(246,246,246,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(252,252,252,1) 13%,rgba(246,246,246,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(252,252,252,1) 13%,rgba(246,246,246,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(252,252,252,1) 13%,rgba(246,246,246,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); } .title-tech-spec span.customSelect {font-size:12px; font-family:'Open Sans', Arial, sans-serif; line-height:28px; color:#8b8b8b; float:right; background-color: #fff; padding:0px 1px 1px 5px; border:1px solid #d3d3d3; width:300px; height:29px;} .title-tech-spec span.customSelect.changed {background-color: #f0dea4;} .title-tech-spec .customSelectInner {background:url(../images/rtd-dd-icon-desktop.jpg) right center no-repeat; height:27px;} .car-hld{ float:none; width:auto; margin:0 10px;} .config-hld{ position:relative; width:auto; left:0; top:0; } .model-prise-hld{ position:relative; width:auto; left:0; top:0; background:#fff; margin-top:0; padding-top:15px;} .accessories-hld h2{ font-weight:normal;} .accessories-hld h2.mobile-hed, .download-hld h2 { background:#e8e8e8; font-size:13px; padding:12px 10px; font-weight:bold; width: 100%;} h2.resp-accordion{ padding:10px; text-transform:none;} .testi-hld-outer{ padding:5px 0 10px; margin-bottom:0;} .product-det-out{ padding:0 !important;} .am-outer{ padding:0;} .down-hld-outer{ padding:0px 0 10px 0; margin-bottom:0;} .acc-outer{ padding-bottom:10px;} .promo-offer{ margin-bottom:0;} .pro-details{ margin-bottom:13px;} .am-hld h2 {font-size:20px; width:100px;} .am-hld h3{ color:#000; font-size:13px; margin:30px 10px 10px 10px;} .am-hld p{ margin:0 10px 10px 10px;} .am-hld .am-img {margin:0; /*margin:0 10px;*/} .acc-bot-hld{height:0px; margin:0 auto; width:auto; position:relative;} .rot-acc-link{ padding:9px 10px;} .rot-acc{ top:7px; right:13px;} .acc-tabs-list .rot-acc.menu-span{ top:12px;} .config-hld a .rot-acc.menu-span{right:14px;} .spinHld {line-height:130px; top: 20px !important;} .rot-hld-outer { background-position:center 0; margin:0px 0 10px; border-top:1px solid #d3d3d3; background-size:100% 220px;} .rot-hld{ background:none; min-height:inherit;} .accessories-hld .icon-arrow3:before {content: " " !important; background: url(../images/new-downarrow-black.png) 1px 6px no-repeat; width: 20px; height: 20px; display: block;} .accessories-hld .icon-arrowup:before {content: " " !important; background: url(../images/new-downarrow-black.png) 2px 6px no-repeat; width: 20px; height: 20px; display: block; -webkit-transform: rotateX(180deg); transform: rotateX(180deg);} .rot360L{ background-size:100% 100% !important; width:30px; height:23px; top:48%;} .rot360R{background-size:100% 100% !important; width:30px; height:23px; top:47%;} .mobile{ display:block;} .am-hld .am-prise{ position:relative; top:0; left:0; margin:0 0 0 0; height:auto; background:none;} .am-hld .am-prise .am-sml{ font-size:11px; color:#7a7a7a; margin-bottom:10px;} .am-hld .am-prise .am-del{ font-size:11px; color:#7a7a7a; font-weight:normal; margin:10px 0 0 10px;} .am-hld .am-prise .am-nor{ font-size:20px; color:#ed0000;} .am-hld .am-prise .am-del img{ top:6px; width:45px;} .prize-mobile{float:none !important; width:100% !important; position:absolute; background:#fff; z-index:99; top:0;} .prize-mobile .prize-det-slider{ border-left:0; padding-left:0;} .prize-mobile .prize-det-slider p{ font-size:11px; line-height:14px; padding-bottom:3px;} .prize-mobile .price-box-table{ font-size:11px; line-height:14px;} .prize-mobile .prize-det-slider h2{ font-size:11px; padding-bottom:0px; text-transform:uppercase;} .prize-det-slider .prize-close{ right:-4px; top:0;} .prize-mobile{ display:none;} .download-in{ padding-bottom:0;} .interior-popup .slides > li > div {padding: 15px 26px 35px 26px;} .download-in .icon-arrow{ color:#fff; position:relative; top:3px; right: auto; left: 1px;} .download-in .icon-arrow:before {content: " " !important; background: url(../images/news-arrow.png) 2px 2px no-repeat; width: 20px; height: 20px; display: block;} .download-in .rot-acc-link{ background:#fff; border-top:solid 1px #f4f4f4;} .download-in .footer-link-box{ border-top:solid 1px #d3d3d3;} .pro-details .pro-details-footer a{ font-size:11px;} .pro-details .footer-link-box .link-button {font-size: 13px;} .pro-more-cont-cen{ margin:10px;} .pro-more-cont-left{ margin:0;} .pro-more-cont-left img{width:100%;} .pro-more-cont-right{ margin:0;} .pro-more-cont-right img{ width:100%;} .pro-more-cont{ padding:0;} .conf-det-mob{ margin:0 10px; position:relative; min-height:125px;} .conf-det-mob-top h2{ font-size:13px; color:#252525; padding:0 0 12px 0;} .conf-det-mob-top h3{ font-size:24px; color:#252525; padding:0px 0; display:block; float:left;} .conf-det-mob-top .green-bg{ float:left; margin-left:15px; margin-top:9px;} .conf-det-mob-top .txt-link{ font-size:11px; color:#2525252; padding:7px 0; font-weight:normal; text-transform:uppercase;} .conf-det-mob-top .txt-link.top{ margin:10px 0;} .conf-det-mob-top .txt-link.top .icon-arrow {right:-10px;} .txt-link-mob-hld{ border-bottom:solid 1px #d3d3d3; border-top:solid 1px #d3d3d3;} .txt-link-mob-inn, .txt-link-addcompare-hld {border-top:solid 1px #fff; padding:0 10px; background:#f7f7f7; background:-moz-linear-gradient(top,#f7f7f7 0%,#ebebeb 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f7f7f7),color-stop(100%,#ebebeb)); background:-webkit-linear-gradient(top,#f7f7f7 0%,#ebebeb 100%); background:-o-linear-gradient(top,#f7f7f7 0%,#ebebeb 100%); background:-ms-linear-gradient(top,#f7f7f7 0%,#ebebeb 100%); background:linear-gradient(to bottom,#f7f7f7 0%,#ebebeb 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7',endColorstr='#ebebeb',GradientType=0 )} .txt-link-mob, .txt-link-addcompare-hld .txt-link {color:#818181; width:48%; padding:0; display:block; float:left; text-transform:uppercase; font-size:11px;} .txt-link-mob span {background:url(../images/sprite-icons.png) right -333px no-repeat; display:inline-block; padding:10px 10px 0 0; margin-bottom:10px;} .txt-link-mob:hover span {background-position:right -360px; color:#ed0000;} .txt-link-mob .icon-arrow {display:none;} .txt-link-mob-hld .bor-right{ border-left:solid 1px #eaeaea; width:3.6%; display:block; float:left; padding:18px 0;} .txt-link-addcompare-hld {overflow: hidden; border-top: solid 1px #d3d3d3;} .txt-link-addcompare-hld .txt-link {width: 100%; line-height: 34px; text-align: center;} .txt-link-addcompare-hld .txt-link span {font-weight: 400;} .txt-link-addcompare-hld span {background: url(../images/sprite-icons.png) right -333px no-repeat !important; display: inline-block;} .rd-addtocomp a {text-align: left;} .am-hld .am-img{ text-align:center;} .rot-subtitle-link{ padding-left:10px;} .rot-acc-hld{ padding-left:10px; padding-right:0; padding-bottom: 0; } .rot-acc-hld-mob{ margin:0 0 0 -10px;} .rot-acc-hld-mob{} .rot-acc-hld .rot-acc-link {background:#FFFFFF; border-top: 1px solid #F4F4F4;} .rot-acc-hld .rot-acc {background: none repeat scroll 0 0 #7A7A7A;} .rot-acc-hld .icon-arrow {color: #FFFFFF; position: relative; top: 0px; right:0px;} .download-in .footer-link-box .icon-arrow{ color:#999;} .config-hld{ border-right:0;} .model-main-content .header-ui .brand{padding-top:0px; margin-top:7px;} .model-main-content .header-ui {margin-top:0px;} .model-main-content .top-nav-menu .model-menu {top:0px;} .accessories-hld{ border-bottom:0;} .model-sml-heading{ font-size:13px; color:#252525; border-left:solid 1px #9b9c9c; line-height:13px; padding-left:5px; display:inline-block;} .model-big-heading{ color:#6c6c6c; font-size:13px; padding-right:5px; line-height:13px;} .call2-action-banner a i.icon-arrow{ top:0px;} .rot-acc .icon-arrow3{ top: 3px; right:auto; position:relative;} .rot-acc .icon-arrowup{ top:0px; right:1px; position:relative;} .car-hld{min-height:inherit; margin-bottom:15px;} .img-rot-360{ padding-top:0 !important} .logo-link{ display:none;} .footer {margin-top:0 !important;} .img-gal-pop{ max-width:inherit; margin:0 20px;} .config-hld{border-top:solid 1px #d3d3d3;} /*==========================================================*/ /*---Image Gallery Popup----*/ .popup-hld{ width: auto; margin:0; padding:0; border:0;} .popup-hld h2 { margin-left:12px; margin-right:12px; margin-bottom:10px; padding-bottom:10px; font-size: 20px; font-weight: 800; color: #252525; padding: 0; text-transform: uppercase; text-align: left;} .popup-hld p{ margin-left:12px; margin-right:12px;} .rot-tooltip {position:relative; left:0; width:auto; margin-top:-5px; background-color:#fff; color:#d1d1d1;} .interior-popup.popup-hld h2 {font-size: 16px; line-height: 1.4em; padding: 0;} .interior-popup p {padding: 10px 0; margin: 0;} #promo-img-gal .galleryscroll {padding: 5px 18px;} #promo-img-gal h2 {margin-bottom: 0; padding-bottom: 0;} #promo-img-gal .galleryscroll p {margin-left: 0px; margin-right: 0px;} .model-menu.nav ul li > a.hover{} .acc-hld .flex-direction-nav a {background:rgba(0,0,0,0.5);} /*---Image Gallery Popup----*/ .acc-hld {padding-bottom:25px;} .popup-hld .flex-direction-nav .flex-prev {left:0px; top:35%;} .popup-hld .flex-direction-nav .flex-next {right:0px; top:35%;} .next-acc-txt {color:#252525; font-size:13px; font-weight:600; width:100%; text-align:center; display:block; margin-top:-44px;} .access-pg{ padding-top:0;} .access-head-txt{ float:none; width:auto; margin:0 10px;} .access-head-img{ float:none; width:auto; margin:0 0px;} .access-head-img img{ width:100%;} .access-head-txt h2{ margin-bottom:10px;} input[type="checkbox"], input[type="radio"]{ position:absolute; opacity:0; overflow:hidden; width:22px; height:22px;} .testi-hld-outer{ padding-bottom:10px;} .accessories-pg-hld{ margin-bottom:0px; border:0;} .accessories-pg-hld h2{cursor:pointer; position:relative; text-transform:none; color:#252525; font-size:13px; font-weight:normal; padding:12px 12px; border-bottom:1px solid #D3D3D3; border-top:1px solid #D3D3D3;} .accessories-pg-hld .rot-acc{ width:7px; height:7px; padding:4px; border-radius:50%; background:#232323; display:block; position:absolute; right:6px; top:15px; color:#fff;} .accessories-pg-hld .rot-acc .icon-arrow3{ display:inline-block; color:#fff; font-weight:normal; position:relative; top:-4px; right:3px;} .accessories-pg-hld .rot-acc .icon-arrowup{ display:inline-block; color:#fff; font-weight:normal; position:relative; top:-4px; right:3px;} .access-head-hld{ border:0; padding:0;} .testi-hld-outer{ padding-bottom:0; margin-top:0;} .access-head-txt{ margin-top:12px; margin-left:12px; margin-right:12px;} .access-search-hld{ border:0; border-top:solid 1px #D3D3D3; padding: 12px; margin-bottom:13px;} .contact-dd {width:100%;} .access-search-hld .dd-menu {margin:2px;} .model-tabs li:last-child a.current {line-height:8px;} .am-hld .footer-link-box{position:relative; margin: 0 12px;} .accessories-hld .flexslider .slides li .access-bor .acc-footer a span {background-position:right -342px} .accessories-hld .flexslider .slides li .access-bor .acc-footer a:hover span {background-position:right -369px;} #image-popup .flexslider .slides > li figure img {width:100%; max-width:none;} .prev-acc-txt {color: #252525; font-size: 13px; font-weight: 600; width: 100%; text-align: left; display: block; margin-top: -31px; margin-left: 60px; display: none !important;} .next-acc-txt {color: #252525; font-size: 13px; font-weight: 600; width: 100%; text-align: right; display: block; margin-top: -18px; margin-left: -60px; display: none !important;} .rot-hld-outer {background-position:center -165px !important;} .model-heading h1, .model-heading h2 {color:#252525 !important} /*** Carousel Model Top Banner ***/ #carousel-Model-Top-Banner .flex-control-nav {bottom:11px; margin-left:6px;} #carousel-Model-Top-Banner .flex-control-nav li a {width:10px; height:10px;} .campaignmaster .call2-action-banner {right:0 !important;} .model-banner-section .model-heading .read-more {background: rgba(0, 0, 0, 0) !important; border: 0 none !important; color: #252525 !important; filter: none !important; font-size: 12px; font-weight:800; line-height: 0; margin: 13px 0 18px 0; outline: 0 none; padding: 0; position: relative; text-align: left !important;} .model-banner-section .model-heading .read-more span {background-position:right -343px; display:inline; padding-left:0;} /***MODEL PAGE IFRAME**/ .prize-mobile.prize-mob-disclaimer { position:relative; } .model-service-widget {width: 100% !important;} .model-service-widget .model-sm-txt {position:relative; } .model-service-widget .model-sm-txt h3 {font-size: 24px; line-height: 27px; color:#252525; margin:0 10px;} .model-service-widget .model-sm-txt h3 br {display:none !important; } .model-service-widget .model-sm-txt h4 {font-size:14px; margin:8px 0; color:#252525; margin:0 10px;} .model-service-widget .model-sm-txt p {margin:10px 0;} .model-service-widget .model-sm-txt .footer-link-box {margin: 0 10px;} .model-service-widget .modelServiceLeft .model-sm-txt {left:initial; top:initial; width:auto; text-align: left; margin:10px 0 20px 0; padding-bottom: 20px;} /*.model-service-widget .modelServiceRight .model-sm-txt {left:initial; top:initial; width:auto; text-align: left; margin:10px 0; right:0;}*/ .model-service-widget .modelServiceRight .model-sm-txt {left:initial; top:initial; width:auto; text-align: left; margin:10px 0; right:0; padding-left: 20px;} .model-service-widget .model-sm-txt .read-more { margin-top:0px !important; width: initial; color:#949494; cursor: pointer; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(243,243,243,1) 51%, rgba(235,235,235,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(51%,rgba(243,243,243,1)), color-stop(100%,rgba(235,235,235,1))); background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(243,243,243,1) 51%,rgba(235,235,235,1) 100%); background: -o-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(243,243,243,1) 51%,rgba(235,235,235,1) 100%); background: -ms-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(243,243,243,1) 51%,rgba(235,235,235,1) 100%); background: linear-gradient(to bottom, rgba(247,247,247,1) 0%,rgba(243,243,243,1) 51%,rgba(235,235,235,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ebebeb',GradientType=0 ); display:block; border-top:solid 1px #d7d7d7; border-bottom:solid 1px #d7d7d7; padding:0px 12px !important; font-size:11px; font-weight:bold; line-height: 40px; text-align:right; } .read-more .icon-arrow {display: inline-block !important; top:1px;} /* model page heading fixes*/ .model-heading h2{display:inline-block; padding-top:10px; width:99%} .model-heading h1 + h2 { padding-top: 0;} .call2-action-banner a span{ margin-left: 1px; margin-right: 1px;} /*--------------model Key features block on mobile -----------------*/ .rot-kf-mob-hld { margin-top:13px; border-top:0;} .rot-kf-mob-hld .rot-model-inn .rot-list {float:none; width:auto; margin-left:0; } .rot-kf-mob-hld .rot-kf-mob #h2KeyFeature { background: rgb(227,227,227); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzZTNlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE0JSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(227,227,227,1) 0%, rgba(241,241,241,1) 14%, rgba(246,246,246,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(227,227,227,1)), color-stop(14%,rgba(241,241,241,1)), color-stop(100%,rgba(246,246,246,1))); background: -webkit-linear-gradient(top, rgba(227,227,227,1) 0%,rgba(241,241,241,1) 14%,rgba(246,246,246,1) 100%); background: -o-linear-gradient(top, rgba(227,227,227,1) 0%,rgba(241,241,241,1) 14%,rgba(246,246,246,1) 100%); background: -ms-linear-gradient(top, rgba(227,227,227,1) 0%,rgba(241,241,241,1) 14%,rgba(246,246,246,1) 100%); background: linear-gradient(to bottom, rgba(227,227,227,1) 0%,rgba(241,241,241,1) 14%,rgba(246,246,246,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#f6f6f6',GradientType=0 ); padding:9px 25px 9px 10px; font-size:13px; color:#383838; border-top:solid 1px #b1b1b1; display:block; position:relative; padding-right:25px; cursor:pointer; } .rot-kf-mob-hld .rot-kf-mob #h2KeyFeature:after { content: "\e008"; font-family: "icomoon"; background: #232323; border-radius: 50%; width: 16px; height: 14px; padding-top:2px; line-height: 1; color: #fff; font-size: 13px; white-space: nowrap; display: inline-block; vertical-align: middle; text-align: center; position: absolute; right: 14px; top: 12px; } .rot-kf-mob-hld .rot-kf-mob #h2KeyFeature.tgl-arw-mob:after { content: "\e009"; } .rot-kf-mob-hld div#config1{display:block !important} .trim-pophld-mob { width:auto; margin: 0 25px 20px; } .trim-pophld-mob h3 { margin: 22px 0px 0px 0px; } .trim-pophld-mob .model-item { margin: 0; } .trim-pophld-mob .model-item .col-one, .trim-pophld-mob .model-item .col-two, .trim-pophld-mob .model-item .col-two .model-features, .trim-pophld-mob .model-item .col-two .model-features ul { float: none; width: auto;} .trim-pophld-mob .model-item .col-two .model-price {float:none; width:auto; box-sizing:border-box; min-height:50px; padding: 20px 20px 20px 27px; margin: 25px 24px 0 0;} .trim-pophld-mob .model-item h4 { padding: 15px 0 12px 24px; } .trim-pophld-mob .model-item .col-one {margin-top:15px; } .trim-pophld-mob .model-item .col-two .model-features ul li {margin-right:5px; } .rot-model-inn-hld { display: none;} .modelServiceLeft, #downloads ul li .btn-box, .accessories-hld, .rd-mdl360bg-cover {margin-bottom: 0px;} .pro-details {margin-bottom: 0 !important;} .download-hld {margin-bottom: 10px; } .testi-txt {font-size: 18px;} .model-item .model-price {min-height: auto; padding: 10px 11px 10px 11px; margin-top: 10px;} .model-item .model-price .mpprice {font-size: 24px;} .model-item .col-two {margin-top: 20px; padding-left: 0px;} .model-item .col-two .model-features p {font-size: 18px; padding-bottom: 2px;} .model-item .col-two .model-features ul li {font-size: 13px; line-height: 18px;} .model-item .col-two .model-features p.price-difference {font-size: 24px; margin-top: 0;} .mdlpop-scrolling {overflow-x: hidden;} #carousel-Model-Top-Banner .flex-viewport {overflow: inherit !important;} .video-thumb-hld #carousel {height: 60px !important; padding: 6px 0;} .video-thumb-hld #carousel .slides li {float: left !important; width: 120px !important; padding: 1px 0; height: auto !important;} .video-thumb-hld .flex-direction-nav li .icon-arrow {background-position: -1px 5px !important; transform: rotate(-90deg); margin: 2px 3px 10px 3px;} .video-thumb-hld .flex-direction-nav li .icon-arrow2 {background-position: -1px -104px !important; transform: rotate(-90deg); margin: 2px 3px 10px 3px;} .video-thumb-hld .flex-direction-nav .flex-prev {left: 12px; top: 55%; transform: translate(0%,0%);} .video-thumb-hld .flex-direction-nav .flex-next {left:inherit; right: 12px; transform: translate(0%,0%); top: 55% !important; bottom: inherit;} .vertical-vid-thumb {height: 72px !important} #img-gal .flex-active-slide figure .gallery-imgshare a.icon-twitter, #img-gal .flex-active-slide figure .gallery-imgshare a.icon-fb, #img-gal .flex-active-slide figure .gallery-imgshare a.download {width: 28px; height: 28px; background-size: 100% 100%;} .video-thumb-hld .flex-direction-nav .li-prev .icon-arrow, .video-thumb-hld .flex-direction-nav .li-prev .icon-arrow2 {background-position: 3px -99px;} .video-thumb-hld .flex-direction-nav .li-next .icon-arrow, .video-thumb-hld .flex-direction-nav .li-next .icon-arrow2 {background-position: 3px 7px;} .mdl-prise-table {border-bottom:0; margin-bottom: 0px;} .free-text table h3 {margin-top:0px;} .second-read-less {margin-top: 0px;} .rot-acc-link {white-space: pre-wrap;} .pro-details.center-content .pro-details-sml, .pro-details.center-content .even .pro-details-sml .free-text, .pro-details.center-content .odd .pro-details-sml .free-text, .pro-details.left-content .pro-details-sml, .pro-details.left-content .even .pro-details-sml .free-text, .pro-details.left-content .odd .pro-details-sml .free-text, .pro-details.right-content .pro-details-sml, .pro-details.right-content .even .pro-details-sml .free-text, .pro-details.right-content .odd .pro-details-sml .free-text {text-align: left !important;} .pro-details.center-btn .footer-link-box, .pro-details.right-btn .footer-link-box, .pro-details.left-btn .footer-link-box {width: 100%; text-align: left; display: block; margin: 0;} } /* WIDE MOBILE LAYOUT (LANDSCAPE/480PX) ----------------------------------------------- */ @media only screen and (min-width: 480px) and (max-width: 767px) { .product-cont{ width:auto; margin:0 10px;} .pro-details-big{float:none; width:auto;} .pro-details-sml{float:none; width:auto;} .spinHld{ height:auto !important; } .rot-hld-outer {background-position: 0 middle;} .rot360L{top:49%;} .rot360R{top:48%;} .rot-hld-outer{background-size:100% 42%;} } @media screen and (max-width: 1300px) , screen and (max-height: 980px) {} @media screen and (max-width: 1200px) , screen and (max-height: 720px) {} /* chrome specific */ @media screen and (-webkit-min-device-pixel-ratio:0) { #carousel .flex-direction-nav .li-next .icon-arrow, #carousel .flex-direction-nav .li-prev .icon-arrow2 {top:1px;} } .whitetxt header {color:#fff} #dvImages{-moz-user-select: none; -webkit-user-select: none; -ms-user-select:none; user-select:none;}