/*
Theme Name: Tire Link Theme
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/

 

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

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

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

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('assets/fonts/glyphicons-halflings-regular.eot');
  src: url('assets/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded- opentype'), 
  url('assets/fonts/glyphicons-halflings-regular.woff') format('woff'), 
  url('assets/fonts/glyphicons-halflings-regular.ttf') format('truetype'), 
}


* { box-sizing: border-box; }
.clear_0 {clear:both; font-size:0px; line-height:0px; display:block;}
.last {margin:0 !important;}
.pad_left{ padding-left: 0!important; }
.pad_last{padding:0 !important;}
.no_bg {background:none !important;}


label#account_id-error{
    width: 100% !important;
    margin-top: 10px !important;
    background: #ff0000e3 !important;
    height: 38px !important;
    line-height: 38px !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}


label#customer_id-error{
    width: 100% !important;
    margin-top: 10px !important;
    background: #ff0000e3 !important;
    height: 38px !important;
    line-height: 38px !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

label#password-error{
    width: 100% !important;
    margin-top: 10px !important;
    background: #ff0000e3 !important;
    height: 38px !important;
    line-height: 38px !important;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}
.table.table-striped.borderBottTable{ border-bottom:1px solid #ddd; margin-bottom: 0px !important;}

/**************************************************************************************/
a                                           { color:#ffffff; text-decoration:none; outline:0 none;}
a:hover                                     { color:#ffffff; text-decoration:none;}
h1                                          { font-size:22px; /*!important;*/ }  
h2                                          { font-size:21px; /*!important;*/ }
h3                                          { font-size:20px; /*!important;*/ }
h4                                          { font-size:18px; /*!important;*/ }
h5                                          { font-size:18px; /*!important;*/ }
h6                                          { font-size:16px; /*!important;*/ } 
p                                           { font-size: 16px; /*!important*/ color: #3b3b3b;  /*line-height: normal !important;*/ }
/*----------------------------------------------------------------------------------*/
html                                        { }
 

body { color:#3b3b3b; background: #eaecec; font-size:16px; line-height: normal; font-family: 'open sans' !important;}


.flt_Lt                                     { float:left; display:inline;}
.flt_Rt                                     { float:right; display:inline;}
/*input,textarea                              { -webkit-appearance:none; border-radius:0px; outline:none; border:0px;}
input,textarea                              { -webkit-appearance:none; border-radius:0px; outline:none; border:0px;}*/
.clearfix:before, .clearfix:after           { content: ''; display: table; }
.clearfix:after                             { clear: both; }
/*---------------------------------------------------------------------------------*/
::-webkit-input-placeholder                 { color: rgba(51, 51, 51, 0.26);}
::-moz-placeholder                          { color: rgba(51, 51, 51, 0.26);}
:-ms-input-placeholder                      { color: rgba(51, 51, 51, 0.26);}
:-moz-placeholder                           { color: rgba(51, 51, 51, 0.26);}
/*-----------------------layout----------*/
/*-----------------------layout----------*/
.wrapper                                    {  min-height: 100%; height: auto !important; height: 100%; margin:0 auto -142px;;  /*padding-bottom:130px;*/}
.container                                  { max-width: 1018px;   /* max-width: 1011px;*/ width: 100%; padding: 0 15px; margin: 0 auto; }
.first                                      { padding-left: 0px; }
.mid                                        { padding-left: 0px; padding-right: 0px; }
.last                                       { padding-right: 0px; }
.my-inpt                                    { padding-top: 4px; width: 90%; }
.my-cnt                                     { color: #999999;background: #FFF; border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6;border-left: 1px solid #d6d6d6;border-right: 0px solid #d6d6d6; box-shadow: none; padding: 20px 11px; }
/*------------HEADER------------------------*/
header                                      { width: 100%; height:auto; min-height: 134px; position: relative; display: inline-block; vertical-align: top; border-bottom: 3px solid #ffffff; background-color: #16b0e9; padding: 33px 0 43px 0; /*z-index: 99999;*/ }
.headtop                                    { width: 100%; height: auto; }
#logo                                       { max-width: 300px; width: 100%; height: auto; float: left; /*padding-left: 32px;*/ }
#logo a                                     { display: inline-block; vertical-align: top; }
#logo img                                   { width: auto; height: auto; max-width: 100%; display: block; }
.headtext                                   { /*width: 60%; */ float: right; /*padding-right: 32px;*/ /*text-align: right;*/ color: #ffffff; margin-top: -23px !important; }
.headtext p                                 { color: #ffffff; }
.headtext ul                                { margin: 0; padding: 0; list-style: none; display: inline-block; vertical-align: top; }
.headtext ul li                             { /*float: left;*/  text-align: left;   padding-right: 20px; position: relative; color: #ffffff; }
.headtext ul li a                           { color: #ffffff; }
/*.headtext ul li a:hover                   { text-decoration: underline; }*/
/*.headtext ul li:after                     { position: absolute; top: 0; right: 10px; content: "|"; color: #ffffff; }*/
.headtext ul li:last-child                  { padding-right: 0; }
.headtext ul li:last-child:after            { display: none; }
.menu                                       { width: 100%; max-width: 981px; height: auto; position: absolute; bottom: -30px; left: 0; right: 0; margin: 0 auto; }
header nav                                  { width: 100%; height: auto; background-color: #3b3b3b; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.25); -ms-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.25); -o-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.25); }
header nav.show                             { display: block!important; }
header nav ul                               { margin: 0; padding: 0; list-style: none; }
header nav ul li                            { float: left; position: relative; text-align: center; }
header nav ul li:first-child                { border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
header nav ul li:after                      { width: 1px; height: calc(100% - 6px); background-color: rgba(255, 255, 255, 0.15); content: ""; right: 0; position: absolute; top: 3px; }
header nav ul li a                          { display: block; color: #ffffff; padding: 0 34px; font-size: 16px; line-height: 44px; }
header nav ul li a i                        { display: inline-block; vertical-align: top; margin-right: 5px; }
header nav ul li a i img                    { margin-top: 12px; display: block; }
header nav ul li:first-child a              { border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
/*header nav ul li.current-menu-item a, header nav ul li a:hover { background-color: #ffffff; color: #3b3b3b; }*/
/*header nav ul li.current-menu-item a, header nav ul li a:hover i { color: #3b3b3b !important; }*/
/*header nav ul li.current-menu-item.menu-item-has-children> a { background-color: #ffffff; color: #3b3b3b; }*/
/*header nav ul li.menu-item-has-children.current-menu-parent> a { background-color: #ffffff; color: #3b3b3b; }*/
/*header nav ul li.menu-item-has-children.current-menu-parent> a:hover { background-color: #ffffff; color: #3b3b3b; }*/
/*header nav ul li.current-menu-item>ul li a{ background-color: tranparent; color: #FFFFFF; }*/
/*header nav ul li.current-menu-item>ul li a:hover{ background-color: #ffffff; color: #3b3b3b; }*/
/*.menu nav ul > li > ul li.menu-item-has-children a { background-color: transparent; color: #FFFFFF; }*/
/*.menu nav ul > li.menu-item-has-children > ul li.current-menu-item a { color: #3b3b3b; }*/
header nav ul li:first-child.current-menu-item a { border-top-left-radius: 5px; border-bottom-left-radius: 4px; }
header nav ul li:last-child.current-menu-item a { border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
header nav ul li:last-child a               { border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
header nav ul li:last-child:after           { display: none; }
.menu nav ul > li > ul                      { position: absolute; display: none; width: 277px; background-color: #3b3b3b; top: auto; border: 1px solid #959595; padding-top: 10px; padding-bottom: 10px; z-index: 99999; }
.menu nav ul > li > ul li                   { width: 100%; text-align: left; border-radius: 0; }
.menu nav ul li > ul li:first-child a       { border-radius: 0; }
.menu nav ul > li > ul li a                 { display: block; color: #ffffff; padding: 0 20px; border-radius: 0; line-height: 30px; }
.menu nav ul > li > ul li:hover a           { color: #3b3b3b; }
.menu nav ul > li:hover ul                  { display: block; }
.menu nav ul li.menu-item-has-children span { border-top: 9px solid #ffffff; border-right: 5px solid transparent; border-bottom: 9px solid transparent; border-left: 5px solid transparent; display: inline-block; width: auto; position: absolute; top: 9px; right: 0; cursor: pointer; z-index: 99999; }
/*------------------SET: RESPONSIVE HAMBURGER-------------------*/
#nav-toggle                                 { position: absolute; width: 115px; height: 25px; left: 0; margin: 0 auto; right: 0; top: 18px; z-index: 22; cursor: pointer; padding: 10px 0 0 40px; display: none; }
#nav-toggle a { display: block; width: 100%; height: 100%; margin-top: -10px; padding-top: 10px; color: #ffffff; line-height: 5px; font-size: 30px; }
#nav-toggle span,#nav-toggle span:before,#nav-toggle span:after { cursor: pointer; border-radius: 5px; height: 5px; width: 35px; background: #ffffff; position: absolute; display: block; content: ""; left: 0; }
#nav-toggle span:before                     { top: -10px; width: 35px; right: 0; }
#nav-toggle span:after                      { bottom: -10px; width: 35px; right: 0;}
#nav-toggle span,#nav-toggle span:before,#nav-toggle span:after { -webkit-transition: all 500ms ease-in-out;  -moz-transition: all 500ms ease-in-out;  -ms-transition: all 500ms ease-in-out;  -o-transition: all 500ms ease-in-out;  transition: all 500ms ease-in-out;}
#nav-toggle.current_page_item span          { background-color: transparent; background: none; }
#nav-toggle.current_page_item span:before,#nav-toggle.current_page_item span:after  { top: 0;}
#nav-toggle.current_page_item span:before   { -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg);}
#nav-toggle.current_page_item span:after    { -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); }
/*=====END: RESPONSIVE HAMBURGER=====*/
/*=====END: NAVIGATION HERE=====*/
/*=====HEADER=====*/
/*=====SET: FIRST SEC HERE=====*/


main   { margin-top: 59px; padding-bottom: 35px;}

.boxgroup                                   { background-color: #ffffff; width: 100%; /*min-height: 300px;*/ height: auto; box-shadow: 0 0 7px rgba(0, 0, 0, 0.2); /*margin-bottom: 30px;*/ position: relative; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; padding:18px; }
.leftside                                   { width: 27%; float: left; }
.searchsec                                  { position: relative; width: 100%; margin-bottom: 20px; }
.searchsec ul                               { margin: 0; padding: 0; list-style: none; }
.searchsec ul li                            { float: left; }
.searchsec ul li:first-child                { width: 70%; }
.searchsec ul li:last-child                 { width: 30%; }
.searchsec input                            { width: 100%; font-size: 16px; height: 35px; padding: 0 11px; border: 1px solid rgba(51, 51, 51, 0.35); border-right: none;border-radius: 7px 0 0 7px !important; 
/*border-top-left-radius: 7px; border-bottom-left-radius: 7px; */}
.searchsec input[type="submit"]             { width: 100%; font-size: 16px; color: #ffffff; text-align: center; border-radius: 0; /*border-top-right-radius: 7px; border-bottom-right-radius: 7px;*/ 
border-color: transparent; background-color: #16b0e9;border-radius: 0 7px 7px 0 !important;}
.findbtn      { width: 100%; font-size: 16px; 

 line-height: 29px; text-align: center; border-radius: 0; border-top-right-radius: 7px;

  border-bottom-right-radius: 7px; border-color: transparent;
}

.searchsec input[type="submit"]:hover       { background-color: #16b0e9; }
.menulsit                                   { margin-bottom: 25px; }
.menulsit ul                                { margin: 0; padding: 0; list-style: none; }
.menulsit ul li                             { padding: 0 11px; width: 100%; color: #3b3b3b; font-size: 14px; line-height: normal; margin-bottom: 5px; }
.menulsit ul li a                           { color: #3b3b3b; font-size: 14px; line-height: normal; }
.menulsit ul li a b                         { text-transform: uppercase; font-weight: bold; }
.special ul li                              { margin-bottom: 25px; }
.seeall                                     { display: inline-block; vertical-align: top; color: #3b3b3b; text-decoration: underline; font-size: 14px; margin-top: 20px; padding-left: 11px; }
.seeall:hover                               { color: #3b3b3b; text-decoration: none; }
.rightside                                  { width: 73%; float: left; padding-left: 25px; }
/* .graybg                                        { background-color: #eeefef; } */
.section                                    { /*min-height: 228px;*/ /*padding: 0 ;*/ position: relative; margin-bottom: 20px; }
.heading                                    { width: 100%; margin-bottom: 7px; position: relative; background-color: #3b3b3b; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; }
.homepage .heading.show                     { display: block!important; }
.homepage .listing.show                     { display: block!important; }
.homepage .rightside .heading.show          { display: none!important; }
.heading .icons                             { display: none; }
.heading h6                                 { width: 100%; color: #ffffff; font-weight: normal; line-height: 28px; padding: 3px 2px 4px 10px;   font-size: 15px !important; font-weight: normal; }
.rightside .heading                         { display: none; }
.midcoltext                                 { width: 100%; text-align: left; position: relative; }
.midcoltext p                               { color: #494949; font-size: 16px; padding-bottom: 0; }
.icons                                      { width: 56px; height: 54px; position: absolute; top: -10px; left: 0; background-image: url(assets/images/plus_icon.png); background-position: top left; background-size: 100% 100%; }
/*-------END: FIRST SEC HERE-----*/
/*-------END: FORTH SEC HERE-----*/
/*-------Set: FOOTER HERE----------------*/
footer                                      { width: 100%; height: auto; /*position: fixed; bottom:0;*/ text-align: center; }
footer .container                           { padding-left: 15px; }
.footer                                     { /*padding-bottom: 50px; */}
.footer p                                   { color: #9a9b9b; font-size: 14.42px; }
.footer p a                                 { color: #9a9b9b; text-decoration: underline; }
/********************END: FOOTER HERE********************/
/*=====SET: INNER 1=====*/
/*.innerpage .section   { height: auto; margin-bottom: 0; padding: 30px 27px; background-color: transparent; }*/

.innerpage .section  { height: auto; margin-bottom: 0;/* padding: 8px 20px;*/ background-color: transparent; }
/*=====END: INNER 1=====*/
/*=====SET: INNER 2=====*/



/* .signinbtn{
  background: '<?php echo the_field('large_button_regular_color','options') ?>';
    color: '<?php echo the_field('large_button_highlight_text_color','options') ?>';
}
 */

section.graybg{}
.loginform_sec                              { width: 100%; text-align: center; }
.loginform_sec .section                     { min-height: inherit; height: auto; padding-bottom: 100px; }
.loginform                                  { width: 100%; max-width: 540px; margin: 0 auto; }
.loginform_sec h5                           { color: #3b3b3b; font-weight: normal; font-size: 31px; margin-bottom: 35px; }
.loginform_sec ul                           { margin: 0 auto 15px; padding: 0; list-style: none; max-width: 450px; width: 100%; display: block; }
.loginform_sec ul li                        { width: 100%; margin-bottom: 20px; display: inline-block; vertical-align: top; }
.loginform_sec input                        { border: 1px solid #c9cbcb; height: 43px; line-height: 43px; background-color: #ffffff; 

    /*border-top-right-radius: 7px; border-bottom-right-radius: 7px; */
float: left; width: 300px; padding: 0 15px;border-radius: 0 7px 7px 0 !important}
.loginform_sec input.signinbtnLOGIN                     {border-radius: 7px!important}
.loginform_sec ul li:last-child input[type="submit"] { width: 100%; border: none; height: 49px;              line-height: 50px; padding: 0; /*background-color: #16b0e9; */}
.loginform_sec ul li:last-child input[type="submit"]:hover {  /*background-color:#16b0e9*/  } 
.loginform_sec ul li label                  { width: 145px; text-align: center;  height: 43px; line-height: 43px; font-size: 15.98px; float: left; border-top-left-radius: 7px; border-bottom-left-radius: 7px; font-weight: 500; letter-spacing: 1px; }
.signinbtn                                  { color: #ffffff; font-weight: normal; font-size: 23px; background-color: #16b0e9; /*background-color: rgba(22, 176, 233, 0.63); background-image: linear-gradient(rgba(22, 176, 233, 0.63) 63%, #16b0e9 37%); background-image: -webkit-linear-gradient(rgba(22, 176, 233, 0.63) 63%, #16b0e9 37%); background-image: -moz-linear-gradient(rgba(22, 176, 233, 0.63) 63%, #16b0e9 37%); background-image: -ms-linear-gradient(rgba(22, 176, 233, 0.63) 63%, #16b0e9 37%); background-image: -o-linear-gradient(rgba(22, 176, 233, 0.63) 63%, #16b0e9 37%);*/ text-align: center; height: 62px; line-height: 62px; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; }
.loginform p                                { line-height: normal; }
.loginform p a                              { color: #494949; }
/*=====END: INNER 2=====*/
/*=====SET: INNER 3=====*/
.innerpage .section4                        { /*min-height: 96px;*/ margin-bottom: 32px; padding: 14px 13px; }
.innerpage .section5                        { /*min-height: 155px;*/ margin-bottom: 0px; padding:0; }
.innerpage .section.tabsec                  { /*padding: 0; */min-height: inherit; height: auto; /*border: 1px solid #c9cbcb; border-radius: 7px;*/ margin-bottom: 25px; }
label {letter-spacing: 0.4px; }

.tablist                                    { width: 100%; min-height: 44px; height: auto; border-radius: 7px; -webkit-border-radius: 7px 7px 0 0; -moz-border-radius: 7px 7px 0 0; -ms-border-radius: 7px 7px 0 0; -o-border-radius: 7px 7px 0 0; background-color: #3b3b3b; padding: 0 25px; }
.tabsec .resp-tabs-list li                  { padding-left: 41px !important; padding-right: 41px !important; float: left; margin: 0; /*background-color: transparent!important;*/ font-size: 16px; color: #ffffff; font-weight: normal; padding-top: 0; padding-bottom: 0; position: relative; line-height: 44px; }
.tabsec .resp-tabs-list li i                { line-height: 44px; margin-right: 7px; }
.tabsec .resp-tabs-list li i img            { display: inline-block; vertical-align: middle; }
.tabsec .resp-tabs-list li:hover            { padding-left: 41px; padding-right: 41px; /*background-color: #16b0e9!important;*/ border: none!important; padding-top: 0!important; padding-bottom: 0!important; margin-bottom: 0!important; }
.tabsec .resp-tabs-list li.resp-tab-active  { padding-left: 41px; padding-right: 41px; /*background-color: #16b0e9;*/ border: none!important; padding-top: 0!important; padding-bottom: 0!important; margin-bottom: 0!important; }
.tabsec .resp-tab-content                   { border: none; /*padding: 30px 25px;*/ margin-bottom: 7px; }
.formstep                                   { border-bottom: 1px solid #c9cbcb; padding-bottom: 32px; margin-bottom: 25px; }
.sizing                                     { margin-bottom: 10px; }
.sizing.bottSpace { margin-bottom: 0px; margin-top: -5px !important;}
.sizing ul                                  { margin: 0; padding: 0; list-style: none; }
.sizing ul li                               { display:inline-block; adding: 0 6px; } 
.sizing ul li:first-child                   { padding-left: 0; /*width: 100%;*/ }
.qty                                        { max-width: 70px; width: 100%; }
.retail_price                               { max-width: 193px; width: 100%; }
.addons                                     { max-width: 278px; width: 100%; }
.sizing ul li:last-child                    { padding-right: 0; }
.sizing label                               { display: block; padding: 0; font-weight: 600; margin-bottom: 5px; font-size: 14px; }
.sizing input                               { width: 100%; height: 28px; border: 1px solid #c9cbcb; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; padding: 0 10px; }
.sizing select                              { width: 100%; height: 28px; border: 1px solid #c9cbcb; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; padding: 0 10px; -webkit-appearance: none; background-image: url(assets/images/down_arrow.png); background-repeat: no-repeat; background-position: center right 10px; outline: none; }
.sizing select option                       { border: none; }
.radiosec                                   { width: 100%; display:block}
.radiosec ul                                { margin: 0; padding: 0; list-style: none; }
.radiosec ul li                             { float: left; padding: 0 15px; position: relative; }
.radiosec input[type="radio"]               { -webkit-appearance: radio; -moz-appearance: radio; -ms-appearance: radio; -o-appearance: radio; position: absolute; left: 0; top: 3px; width: 15px; height: 15px; color: #000000; }
.radiosec input[type="radio"]:checked       { -webkit-appearance: radio; -moz-appearance: radio; -ms-appearance: radio; -o-appearance: radio; }
.radiosec label                             { padding-left: 5px; font-weight: 100 !important; }
.display                                    { margin-bottom: 10px; }
.display b                                  { font-weight: bold; }
.mode                                       { margin-bottom: 10px; }
.mode b                                     { font-weight: bold; }
.zeroqty                                    { margin-bottom: 10px; }
.zeroqty b                                  { font-weight: bold; }
.allbtn                                     { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
.allbtn .radiosec ul                        { margin: 0 -5px; }
.allbtn .radiosec ul li                     { padding: 0 5px; }
.allbtn .radiosec ul li.highlight a         { background: #16b0e9; }
.smallbtn                                   { width: auto; height: 42px; padding: 0 30px; display: block; background-color: #3b3b3b; /*background-color: rgba(59, 59, 59, 0.63); background-color: rgba(59, 59, 59, 0.63); background-image: linear-gradient(rgba(59, 59, 59, 0.63) 63%, #3b3b3b 37%); background-image: -webkit-linear-gradient(rgba(59, 59, 59, 0.63) 63%, #3b3b3b 37%); background-image: -moz-linear-gradient(rgba(59, 59, 59, 0.63) 63%, #3b3b3b 37%); background-image: -ms-linear-gradient(rgba(59, 59, 59, 0.63) 63%, #3b3b3b 37%); background-image: -o-linear-gradient(rgba(59, 59, 59, 0.63) 63%, #3b3b3b 37%);*/ line-height: 42px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }                                   
.smallbtn:hover                             { background: #16b0e9; /*background-color: #16b0e9; background-color: rgba(22, 176, 233, 0.63); background-image: linear-gradient(rgba(22, 176, 233, 0.63) 63%, #16b0e9 37%); background-image: -webkit-linear-gradient(rgba(22, 176, 233, 0.63) 63%, #16b0e9 37%); background-image: -moz-linear-gradient(rgba(22, 176, 233, 0.63) 63%, #16b0e9 37%); background-image: -ms-linear-gradient(rgba(22, 176, 233, 0.63) 63%, #16b0e9 37%); background-image: -o-linear-gradient(rgba(22, 176, 233, 0.63) 63%, #16b0e9 37%);*/ }                                   
/*=====END: INNER 3=====*/
.icon.icon-angle-down {display: none}
.boxgroup.postList { padding-top: 32px; }
.postList .rightside { padding-left: 0; width: 100%; }
.pageTitle { margin-bottom: 25px; }
.postList .rightside h3 { color: #3b3b3b; text-transform: capitalize; margin-bottom: 15px; }
.postList .rightside h3 a { color: #3b3b3b; text-transform: capitalize; }
.postList .rightside h3 a:hover { text-decoration: underline; }
.postList .rightside .listing { display: block; }
.link-more a { color: #3b3b3b; }
.link-more a:hover { text-decoration: underline; }
.postList .rightside .section p { padding-bottom: 15px; }
.boxgroup.innerpage h1 { margin-bottom: 25px; text-transform: capitalize; }
.boxgroup.innerpage .section p { padding-bottom: 15px; }
.boxgroup.innerpage .section p.passPage{margin-top: 15px;}
.table-responsive table.table-striped thead{ border-right:1px solid #3b3b3b; border-left:1px solid #3b3b3b;}
.table-responsive table.table-striped thead tr.fr1{ border-radius:5px 5px 0 0; overflow:hidden;}
.table-responsive table.table-striped tbody{ border-right:1px solid #ddd; border-left:1px solid #ddd;
border-radius:0 0 5px 5px ;}
.order_page_1 .innerpage .section h3{font-size: 22px; font-weight: bold; letter-spacing: 0.3px;}
.order_page_1 .innerpage .section hr{margin-top: 15px; border-top: 1px solid #ddd !important;}
hr {  margin-top: 12px !important;margin-bottom: 12px!important;}
.changePass .innerpage .section h3{font-size: 22px; font-weight: bold; letter-spacing: 0.3px;}
.changePass .innerpage .section hr{margin-top: 15px; border-top: 1px solid #ddd !important;}
.passChg{width: auto !important; line-height: 42px !important; height: 42px !important; padding: 0 30px !important; display: block !important; border:0px none !important;}
.passChg:hover{ text-decoration:underline !important; color:#fff !important;}
.changePass .innerpage .section .tablebox h4{font-size: 22px; font-weight: bold; letter-spacing: 0.3px; margin-top: 15px;}
.showMore a{width: auto !important; line-height: 42px !important; height: 42px !important; padding: 0 30px !important; display: block !important; border:0px none !important; }
.showMore{ margin-top:10px !important; display:inline-block !important; width:auto !important; padding-bottom: 55px; }
.TireFitData {  margin-top:40px !important;} 
.TireFitData.tabSpaceTop {  margin-top:20px !important;margin-bottom: 12px;}    
.topScace{ margin-top:30px;}
.showMore a{ margin-bottom:20px !important; }
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{padding: 8px 12px !important;}
.form-horizontal .control-label { color:#373b3f !important; }
.labTop label.passLable{ margin-top:8px;}
/*.radiosec{
    margin-top: 39px;
    display: block;
    margin-bottom: 11px; 
}*/
.resp-tab-content.sizing { margin-bottom: 0px;}
#boxes {display: block !important;width: 100% !important}
.clearfix{clear:both !important}

.section.graybg h1{line-height:normal;margin: 0 ; font-size: 30px !important;}
.section.graybg h1 span{margin-bottom:10px;display: block}
.sizing.qtyMy-to{margin: 8px 0 16px;border-top: 1px solid #d8d8d8;border-bottom: 1px solid #d8d8d8;
 padding: 11px 0 19px}
.radiosec input[type="radio"]{top: 2px !important}
.passTableOut{ display:block; overflow:auto;}
.table-responsive.barScroll table.table-striped tbody tr.newrow{border-top:1px solid #ddd !important}

#searchOutput_search_wrapper #searchOutput_search tbody tr:last-child td span.notAvl{ bottom:-130px !important; top:auto !important}

#searchOutput_search_wrapper #searchOutput_search tbody tr:last-child td span.notAvl-web-link{ bottom:-12px !important; top:auto !important}

#searchOutput_search_wrapper #searchOutput_search tbody tr:nth-last-child(2) td span.notAvl{ bottom:-130px !important; top:auto !important}    



.footerLogo { width: 24px !important;}
td.notHide .thumb{ position:relative;}  
/*td.notHide .thumb span{ top:auto !important; bottom:-100px !important; position:absolute !important; display:none !important; visibility:visible !important;}
td.notHide .thumb:hover span{ top:auto !important; bottom:-100px !important; position:absolute !important;display:block !important;}*/

/************************* Responsive start here ************************/




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

.menu{ padding-left:15px; padding-right:15px;

}
header nav ul li a{padding: 0 32px;}
.container { max-width: 970px; width: 970px;}

header nav ul li a{padding: 0 32px !important}
}

@media only screen and (max-width:1024px) {
.barScroll{overflow: auto; }

.barScroll::-webkit-scrollbar {
    width: 8px;
}

.barScroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background:#ddd !important; 
    border-radius: 10px; 
}
.barScroll::-webkit-scrollbar-thumb {
    border-radius: 10px; background:#555; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
}
.barScroll::-webkit-scrollbar:horizontal{ height:8px !important; }
}

@media only screen and (max-width:1000px) {
/*header nav ul li a { padding: 0 32px;}*/
.topScace{ margin-top:15px;}
}

@media only screen and (max-width:991px) {
header nav ul li a { padding: 0 18px !important;}
.mobileTable{ margin-bottom:0px;}
.cartTop{ margin-top:30px !important;}
.container { width: 100% !important; max-width:100% !important; padding:0 20px !important;}
.section.graybg{padding: 0 12px 0;margin-bottom: 0}
.section.graybg h1{font-size: 20px;line-height: 24px}
.section.graybg h1 span{margin-bottom: 5px}
.section.graybg hr{margin-top: 13px;margin-bottom: 13px}
.passTableOut { margin-top: 15px;}
.AddUser a{ display: inline-block !important;    border: 1px solid #ff0044;}
}

@media only screen and (max-width:767px){
.boxgroup.innerpage.search-wrapp { padding: 18px 5px 20px !important;}
.search-wrapp .tabsec h2.resp-accordion { font-size: 15px !important;}
.TireFitData { margin-top: 10px !important;}
.search-wrapp .formBox .sizing { margin: 15px 0 -9px !important;}
.tireFit li { width: 100% !important; min-width: 100% !important;}
.boxgroup.innerpage .section p.clearCart { padding-bottom: 0px !important;}
.table-responsive.barScroll{ overflow:auto !important;}
.table-responsive.barScroll table.table-striped{width: 700px;}
.table-responsive.barScroll table.table-striped tbody tr.newrow td{ text-align:left !important;}
.cart_verify{ width:90% !important;}
footer{ position:relative !important;}
.wrapper{ padding-bottom:0px !important;}
.footerLogo{ display:none;}
} 

@media only screen and (max-width: 540px){
.search-wrapp .formBox .radiosec .li-f1{margin-bottom: 6px !important}
.search-wrapp .formBox .sizing li{margin-bottom: 6px !important}    
h5.text1 span.darkclr{display: block; font-size: 15px; margin-top: 5px;}    
h5.text1 { font-size: 15px !important;}
.boxgroup.innerpage .section p.passPage{margin-top: 10px;}
.su-box {margin: -6px 0 15px 0 !important;}
}

@media only screen and (max-width: 520px){
h3 { font-size: 20px !important;}
hr { margin-top: 14px !important; margin-bottom: 14px !important;}
.showMore{ margin-top: 0px !important;  }
.productbtn a { padding: 10px 20px 10px 20px;}
.productbtn1 a{ padding: 10px 20px 10px 20px;}
.productbtn2 a{ padding: 10px 20px 10px 20px;}
}

@media only screen and (max-width:767px){
.radiosec { margin-top: 0 !important; }
.cartTop { margin-top: 20px !important; }
.customize-support .innerpage .section{padding: 5px 5px !important; }
.customize-support .saveFormPrice{margin-top: 0px !important; }
.panel-heading .row{ margin-right: 0px; margin-left: 0px; }
.panel-heading .row .col-sm-1{ padding:0px;}
.panel-heading .row .col-sm-5.padding-top{ padding-top:1px !important; padding-bottom:12px !important; }
.panel-heading .row .col-sm-4.padding-top{ padding-top:1px !important; padding-bottom:12px !important; }
.panel-heading .col-sm-6.rightalign { text-align: left; margin-left: 20px; padding-top: 0px; padding-bottom: 12px; }
.panel-content .row .col-sm-4.padding-top_panel_text{padding: 0;}
.panel-content .row .col-sm-8.padding-top1{ padding-left:0px !important; padding-right:0px !important; padding-top:1px !important; }
.panel-content .checkbox-inline.form-inline{ width:100%;padding-left:15px !important;padding-right:15px !important;}
.panel-content .checkbox-inline.form-inline .form-control.boxSize{ margin-bottom:10px; margin-top:5px;}
.panel-content .radiosec ul li { padding: 0 15px;}
.panel-content .col-sm-12.padding-top_panel_text{ padding:0px;}
.panel-body .checkbox-inline.form-inline.top-spacing{ padding:0px; width:100%;}
.panel-body .checkbox-inline.form-inline.top-spacing .form-group{ margin-bottom:0px;}
.panel-body .checkbox-inline.form-inline.top-spacing .form-group .form-control{ margin-bottom:10px;}
body{ font-size:15px !important;}
.form-group { margin-bottom: 10px;}
#TireLinkApi{ text-align:center;}
.loginform_sec ul{ margin: 0 auto 15px !important; text-align:left; float:none !important; width:450px !important; max-width:100% !important; }
.loginform_sec h5 {  font-size: 26px; margin-bottom: 15px; text-align: center;}
.signinbtnLOGIN{ width:100% !important; max-width:100% !important; font-size: 18px !important;}
.sizing.bottSpace { margin-top: -10px !important;}
.sizing.qtyMy-to{margin: 0;border-top: none;border-bottom: none;padding: 0}
.sizing.qtyMy-to ul li{margin-bottom: 10px !important}
.my-main-header .closeMenu span{background: #fff !important}
.radiosec.zeroqty { margin-bottom: -3px !important;  padding-top: 11px !important; }
.boxgroup.innerpage .section p.tube-p { margin-top: -7px;}
}

@media only screen and (max-width:640px){
.loginform_sec ul li label { width: 35% !important;}
.loginform_sec input { width: 65% !important;}  
.signinbtnLOGIN{ width:100% !important; max-width:100% !important; min-width:100% !important;}
.radiosec.zeroqty { padding-top: 5px !important;}
}

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

     .feedback-cont{
           width: 100% !important;  
     }

     .picker {
        width:100% !important;
    }

      .date-period {
        width: 100% !important;
    }


    .print_brand a {
        width: 100% !important;;
    }


   .feedback-dialog {
        width: 90% !important;
        margin: 0 auto !important;
        margin-top: 10px !important;
    }

    .date-range {
        text-align: left !important;
        margin-top: 15px;
    }


main  { margin-top: 0px !important;}

 #content-wrap{
            padding: 0 0px !important;
    }

.homepage .heading h6 {
    font-size: 17px !important;
    line-height: 46px !important;
}


.panel-heading .padding-top .text1 { padding-left: 0 !important;}
.loginform_sec ul li label{width: 100% !important; border-radius: 6px 6px 0px 0px !important;}
.loginform_sec input[type=text], .loginform_sec input[type=password] {min-width: 100% !important; width: 100% !important; border-radius:0px 0px 6px 6px !important; }
.loginform_sec ul li{ margin-bottom:15px !important; }
.signinbtnLOGIN{ width:100% !important; max-width:100% !important; min-width:100% !important;}
.jconfirm .jconfirm-box {width: 100% !important;}
 .midcoltext p { margin-top: 15px !important;}
 .sizing ul li:first-child { max-width: 100%; width: 100% !important;}
 #accessoriesBox { width: 100% !important;}

}

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

    #content-wrap{
            padding: 0 0px !important;
    }

    .feedback-dialog {
        width: 90% !important;
        margin: 0 auto !important;
        margin-top: 10px !important;
    }

    .date-range {
        text-align: left !important;
        margin-top: 15px;
    }

      .date-period {
        width: 100% !important;
    }

    .print_brand a {
        width: 100% !important;;
    }

     .picker {
        width:100% !important;
    }

main  { margin-top: 0px !important;}

.homepage .heading h6 {
    font-size: 17px !important;
    line-height: 46px !important;
}

 .feedback-cont{

           width: 100% !important;  

    }

h3 { font-size: 18px !important;}
hr { margin-top: 12px !important;}
.productbtn a{ display:block; width:100% !important;}
.productbtn1 a{ display:block; /*width:100% !important;*/}
.productbtn2 a{ display:block; width:100% !important;}
.prodbtn li { display: inline-block; width: 100% !important;}
.customize-support .innerpage .section { padding: 0 !important;}
.price_text { padding-top: 8px;}
.radiosec input[type="radio"] { left: 13px !important;}
.radiosec label { padding-left: 22px; font-size: 14px !important;}
.panel-content .radiosec ul li label{ margin-top:5px; margin-bottom:0px !important;}
.checkbox-inline + .checkbox-inline { margin-left: 0px !important;}
.price_text { padding-top: 7px !important;}
.loginform_sec ul li label{ margin-bottom:0px !important; border-radius: 6px 6px 0px 0px;}
.tubeRadio label{
    padding-left: 3px !important;
    font-size: 14px !important;
}
.zeroqty label{
     padding-left: 3px !important;
    font-size: 14px !important;
}

.wheelbox label{
    padding-left: 3px !important;
    font-size: 14px !important;
}


.jconfirm .jconfirm-box {
        width: 100% !important;
    }

}


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

    .feedback-cont{

           width: 100% !important;  

    }

    .print_brand a {
        width: 100% !important;;
    }

     .feedback-dialog {
        width: 90% !important;
        margin: 0 auto !important;
        margin-top: 10px !important;
    }

    .date-range {
        text-align: left !important;
        margin-top: 15px;
    }

    .picker {
        width:100% !important;
    }

        .date-period {
        width: 100% !important;
    }

    #content-wrap{
            padding: 0 0px !important;
    }

  main  { margin-top: 0px !important;}  

  .homepage .heading h6 {
    font-size: 17px !important;
    line-height: 46px !important;
 }


.panel-heading .rightalign .removeleftpadd{ width:100%;}

    .jconfirm .jconfirm-box {
        width: 100% !important;
    }
    .tubeRadio label{
    padding-left: 3px !important;
    font-size: 14px !important;
}
.zeroqty label{
     padding-left: 3px !important;
    font-size: 14px !important;
}

.wheelbox label{
    padding-left: 3px !important;
    font-size: 14px !important;
}


}


/*   css added by gaurav @ 5 may 19         */

/*.newrow td{
    border-top: none !important;
}*/


.tireFit li{
  width: 24.55% !important; padding-right:0px;  
}

.noticeMsg{
    color: #f10909 !important;
    font-weight: 500;
}

.agreeCheck1{
  list-style: none;
   margin-left: 0em !important;
}
#loadingGIF_s{ margin-top: -50px; margin-left: -50px;}


.countdown{
    display: none;
}


.passPageTxt {
    line-height: 22px !important;
}

img#img-custom-width {
    width: 100% !important;
   height: auto;
}

/*   login page css start here    */

.width-login-pop2, .width-login-pop1{
    width: 335px !important;
    margin: 0 auto !important;
    display: block;
}


.nextLine{
 line-height: 1.5 !important; 
}


.resp-tab-content {
    display: none;
    /*padding: 0px !important;*/
}

/*
.qtyMian-block{
    padding: 10px 20px;
}



.tabsec .resp-tab-content {
    border: 1px solid #eee !important;
}

.allbtn .radiosec{
    padding: 10px 20px !important;
    margin-bottom: 15px !important;
}*/



.innerpage .section.tabsec{
    border: 1px solid #eee;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}


.resp-tabs-container {
    padding: 20px 20px;
    background-color: #fff;
    clear: left;
}


.innerpage #page-side-padding {
     padding: 8px 20px; 
}


.tubeRadio, .wheelbox, .accsbox{
    margin-top: 20px !important;
}

/*.inner-containerfooter{
    position: inherit !important;
}*/


.uploadbtn-csv{
    border: 0px solid !important;
}


.fa-comments{
    padding-right: 4px;
}


.fa-padding{
    padding-right: 4px;
}