#sendIt, #thesendbutton {cursor: pointer;  box-shadow: 0 0 0 0 rgba(#5a99d4, 1);  }
        
        
        #sendIt{     font-weight: 900;
    font-size: 14px !important;     float: right;
      padding-top: 40px;
    height: 100%;
    border-left: 1px solid #fff;
}
        
        
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes pulse {
  0% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  50% {
  -webkit-transform: scale3d(1.05, 1.05, 1.05);
  transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  }
  @keyframes pulse {
  0% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  50% {
  -webkit-transform: scale3d(1.05, 1.05, 1.05);
  transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  } 
         
        
.offerslist{ padding-top:10px; padding-bottom:20px; font-size:14px;}
.offerslist li{ margin-left:25px; padding-top:3px; padding-bottom:3px; list-style: disc outside;}

.featured_section21 .box { min-height:180px;}
        
        .clickable-row.active, #trendlineExtras tr.active, #comfortlineExtras tr.active, #highlineExtras tr.active,#styleExtras tr.active, .colourTable tr.active, #styleWheels tr.active, #trendlineWheels tr.active, #comfortlineWheels tr.active, #highlineWheels tr.active, .theextrastable  tr.active{
            
            background: #0962AE; color: #fff;
            transition: background 500ms;

             
        }
        
        thead tr {background: #fff;}
        
       thead tr th { font-weight: bold;}
        
        .emptyspace { width: 100%; float: left; height: 20px;}
        
        .trimlineTables, .trimlineheader, .extrasTable, .colourTable {display: none;}
        
        #sendIt, .theform, #colourTable{ display: none;}
        
        .equipList li{ font-size: 13px; list-style: disc;   list-style-position: inside;         text-indent: -1.3em;
    padding-left: 1.3em;}
        
        .trimlineInfo , .extrasheader, .colourheader, .trimlineheader, .wheelsheader{display: none;  font-size: 1.1rem; margin-bottom: 20px; margin-top: 10px;}
        
        .engineheader{font-size: 1.1rem; margin-bottom: 20px;}
        
        .table-bordered td, .table-bordered th {
    border: 1px solid #dee2e6;
    vertical-align: middle;
}
        
        .h5, h5 {
    font-size: 1.1rem;
    margin-top: 30px;
    margin-bottom: 10px;
}
        
        
        .extrasTable{display: none;}
        
        .extrasleft{ float: left; width: 75%}
        .extrasright{float: right; font-weight: bold; padding-right: 30px; padding-top: 0px;}
        
        #extrasprint {width: 100%;}
        
        .footernote{ float: left; font-size: 13px; color: #808080; width: 100%; text-align: center; padding-bottom: 20px;}
        
            
    .navik-header {
        position: inherit;}
    
        .modal-body ol li, .modal-body div label {font-size: 13px; margin-bottom: 10px;}
        .modal-title {text-align: center; width: 100%;}
        
          @media (min-width: 576px){
.modal-dialog {
    max-width: 700px !important;
    margin: 1.75rem auto;
} 
         
    }      
        
        
             @media (max-width: 576px){
				 #tile-1 .nav-tabs{ width:100% !important;}
            
				 
				 #tile-1 .nav-tabs li a { padding: 0 !important; padding-bottom:10px !important;}
				 .featured_section11{padding-bottom:150px !important; }
				 .app-wrapper, .app-responsive, #app {display:none !important;}
				 
				 .carousel-item{min-height:0 !important;}
				 
				 #app .app-wrapper .closed {display:none; }
            .dummyheader{ width: 100% !important; margin-top: 50px !important;}
                 
                 .bluesteps { margin-left: 15px !important; margin-top:10px !important; padding-bottom: 15px; width:30%;}
                 
                 .salesrepcontainer {display: none;}
                 
                 .tyreimage {width: 70px !important;}
            
            .container {width: 100% !important;}
            
            .theselections { width: 100% !important; margin-left: 0;}
            
            .thefield label {width: 100% !important;}
                 
                  .rightside { position:relative !important; left: 0 !important;}
                 
        } 
        
         
        
                
        
        
                
        .thisshow, .thishide {
  position: absolute;
  bottom: -1em;
  z-index: 100;
  text-align: center;
}

.thishide {display: none;}
.thisshow:target {display: none;}
.thisshow:target ~ .thishide {display: block;}
.thisshow:target ~ .thispanel {
 max-height: 2000px;
}
.thisshow:target ~ .thisfade {
  margin-top: 0;
    height: 0px;
}

.thispanel {
  position: relative;
  margin: 2em auto;
margin-top: 0;
  max-height: 100px;
  overflow: hidden;
  transition: max-height .5s ease;
}
.thisfade {
  
  height: 100px;
  margin-top: -100px;
  position: relative;
}
        
         .thispanel-wrapper {
  position: relative;
             padding-left: 20px; padding-right: 20px;     padding-bottom: 20px;
}

        
        .thisshow.btn, .thishide.btn { background: #000; color: #fff; padding: 10px;  padding-left: 20px; padding-right: 20px; border-radius: 0;}

         #goBack{display: none;}
        
        
         .step3, #themandatory, #getFinal{display: none;}
        
        
            
        .u4abutton {
               color:#FFF; font-family: Verdana, Geneva, sans-serif; font-size: 14px; font-weight:500; background-color:#0962AE; border:#0962AE; width: 180px;-moz-border-radius:0px;-khtml-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;  padding-top:13px; padding-bottom: 13px; float: left; margin-left: 0px;  margin-bottom: 20px; width: 100% !important;
            
              line-height: 17px;
    font-size: 13px!important;
         
    font-style: normal;
 
    background-color: #0962AE !important;
           border-radius: 2px;
            
                padding-left: 20px;
    padding-right: 20px;
            
            
            
        }
        
       
        
        
                .u4abutton:hover{color: #fff !important;
         text-decoration: none;
   background-color:#2f6ebc !important;
             
                   -webkit-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear}
        
        
        
        
            
                .verticaltable {      margin-left: 0px;
    margin-right: 0px;      
    float: left;
    width: 100%;
}
                
                .verticaltable .col-md-3 { padding: 0;  float: left; }
                
                .verticaltable .col-md-3.active {    background: #0962AE; color: #fff;}
                
                
                .verticaltable .col-md-3.active > div {
    display: block;
}
                
                 
                
                .customrow{ text-align: center; padding: 5px;   
                    font-size: 12px; cursor: pointer;
                }
                    .verticaltable .last .customrow{  border-right: none;
 }
            
            
        .theextrastable td{
            
            vertical-align: middle;
            
        }
         
        
        
    
       .tyreimage {
    width: 130px;
    padding: 10px;
}
        
        .tab-content {     padding-top: 40px;
    /* border: 1px solid #dee2e6; */
    padding-right: 30px;
    padding-bottom: 10px;
    border-top: none;
    margin-top: 0px;}
        
        .nav {margin-top: 10px;}
        
        
      #EngineTable .clickable-row .custom-control,      .trimlineTables .clickable-row .custom-control  {
    display: none;
}
        

        #thetabsholder{background:#eee;     height: 100%;
    min-height: 470px; padding: 0;}
        
        .floating-buttons .fbuttons{ display: none !important;}
    
        .circular-square { border-radius: 50%;     margin-top: 15px;
    margin-left: 20px; float: left; }

        .salesrep{float: left;     margin-left: 20px;
    margin-top: 40px;}
        
        .salesrep a{     font-weight: 400;
    color: #0962AE;
    font-size: 14px;
}
        
        .salesrep a:hover{ color: #000; text-decoration: none;}
        
        .bluesteps { font-weight: 400; color: #fff; margin-top: 25px;
    margin-left: 5px; float: left; font-size: 14px; font-weight: 100;}
        
        #bluestep2{display: none;}
        
        .theextrastable{padding-left: 50px; padding-right: 50px;}
        
        .backfixed{color: #fff; font-size: 14px; font-size: 14px;
    top: 20px;
    left: 20px;
    position: absolute;
    font-weight: 300; z-index: 99;}
        
        .backfixed:hover{ text-decoration: none; color: #fff;}
        
        .table td, .table th{ border: none;}
        
        .scrollup { display: none;}
        
        
        
                .tile-1 .tab-pane
{
  padding:15px;
  height:80px;
}
#tile-1 .nav-tabs
{
  position:relative;
  border:none!important;
  background-color:#eee;
/*   box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2); */
  border-radius:6px;
}
#tile-1 .nav-tabs li
{
  margin:0px!important;
}
#tile-1 .nav-tabs li a
{
  position:relative;
  margin-right:0px!important;
  padding: 10px 10px;
  font-size:14px;
  border:none!important;
 
}
#tile-1 .nav-tabs a:hover
{
  background-color:#eee!important;
  border:none;
}
#tile-1 .slider
{
  display:inline-block;
  width:30px;
  height:4px;
  border-radius:3px;
  background-color:#0962AE;
  position:absolute;
  z-index:100;
  bottom:0;
  transition:all .4s linear;
  
}  
#tile-1 .nav-tabs .active
{
  background-color:transparent!important;
  border:none!important;
  color:#0962AE!important;
    
}
       
                    
                    
                    
                    .tab-content{ padding-right: 0px; padding-left: 0px !important; padding-top: 0; padding-bottom: 0;}
                    
                    
                    .table td, .table th{font-size: 0.8rem;}
                    
                    
                    
                    .skype-loader {
  width: 80px;
  height: 80px;
  position: relative;
  margin: auto;
  margin-top: 100px;
  margin-bottom: 70px;
}

.skype-loader .dot {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 80px;

  animation: 1.7s dotrotate cubic-bezier(0.775, 0.005, 0.310, 1.000) infinite;
}

.skype-loader .dot:nth-child(1) {
  animation-delay: 0.2s;
}

.skype-loader .dot:nth-child(2) {
  animation-delay: 0.35s;
}

.skype-loader .dot:nth-child(3) {
  animation-delay: 0.45s;
}

.skype-loader .dot:nth-child(4) {
  animation-delay: 0.55s;
}

.skype-loader .dot:after, .skype-loader .dot .first {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  background: #0962AE;
  border-radius: 50%;
  left: 50%;
  margin-left: -4px;
}

.skype-loader .dot .first {
  background: #fff;
  margin-top: -4px;
  animation: 1.7s dotscale cubic-bezier(0.775, 0.005, 0.310, 1.000) infinite;
  animation-delay: 0.2s;
}
                    
                    .thefield input, .thefield textarea{background: none;}
                    
                    select{background: #fff;}

@keyframes dotrotate { 
  from { transform: rotate(0deg); } 
  to { transform: rotate(360deg); }
}

@keyframes dotscale { 
  0%, 10% { width: 16px; height: 16px; margin-left: -8px;  margin-top: -4px; } 
  50% { width: 8px; height: 8px; margin-left: -4px; margin-top: 0; }
  90%, 100% { width: 16px; height: 16px;  margin-left: -8px;  margin-top: -4px; }
}
                    
                    .loader{ display: none;}
                    
                    
                    .tab-pane ul {width: 100%;}   
                    
                    .h5, h5{font-size: 1rem;}
                    
                    .trimlineInfo{ padding-left: 15px; padding-right: 15px;}
                    
                    
                    thead tr {
    background: #fff;
    display: none;
}
                    
                    
                    .table{ margin-bottom: 0; margin-top: 20px;}
                    
                    
                    .nav-tabs .nav-link.disabled {
                        color: #bfbfbf;}
                    
                    
                     
        .active > div:first-child + div { display:none; }
  .active > div:first-child + div + div { display:none ; }
	.active > div:first-child + div + div + div { display:none; }

                    
                    #wheels.active > div:first-child + div { display:block; }
                    
                    #wheels.active >div:first-child + div + div { display:block; }
                    #wheels.active > div:first-child  + div + div + div { display:block;  }
                    
                    
                        .rightside {height: 100%; overflow: hidden; margin: 0;
                    height: 462px !important;
    position: absolute;
    left: 50%;
    overflow-y: scroll;
                
                }
                    

                    body{  background: #eee;} 
                    
                    
                      #colourTable  .custom-control-input {display: none}
                           
                           .customrow img { border-radius: 50%;    -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 1);
    -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 1);
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 1);
                           margin-top: 15px;}
                           
                             caption {
                          font-size: 14px;
    font-weight: bold;
    padding-top: 30px;
    padding-bottom: 0px;
    color: #6c757d;
    text-align: left;
    /* caption-side: bottom; */
    float: left;
    width: max-content;
                      caption-side: top;
                      padding-left: 15px;
                          text-transform: uppercase;
    font-weight: 400;
                          color: #0962AE;
}
                      
                      caption.first{padding-top: 0;}
                      
                       .theselections {float: left; margin-bottom: 30px;     padding: 0;}
             .theselections .row p { padding-left: 35px; font-size: 14px; margin-right: 20px;}
             .theselections .row p strong { font-weight: bold;}
             
              .editicons{ float: right; padding-right: 0px; cursor: pointer; color: #75787b;}
              
               .summarydivider{
                        
                        width:100%; height:1px; background:#75787b; margin-left:15px; margin-right:15px;
                        
                    }
                    
                    


.clickable-row{cursor: pointer;}

.carousel-control-next, .carousel-control-prev {}


    .carousel-indicators{
            
        }



.featured_section11{ background: #eee}

button.close{z-index: 9999;}


.site_wrapper {
    overflow: hidden !important;
}

.header-shadow-wrapper{display: none !important; height: 0 !important;}