.title-tabs{padding-bottom: 21px;text-align: center;}
.tabs-tire-container .dis-table{display: table;table-layout: fixed;width: 100%;}
.tabs-tire-container .dis-table-cell{display: table-cell;vertical-align: bottom;}
.tabs-tire-container .tabs-tire{display: none;}
.tabs-tire{margin: 0;list-style: none;}
.tabs-tire li .a span{position: relative;padding-left: 47px;}
.tabs-tire li .a span::before{content: '';position: absolute;top: calc(50% - 17px);left: 0;width: 32px;height: 32px;}
.tabs-tire li.sel .a{background-color: #12B0E6;}
.tabs-tire li[rel="1"] .a span::before{background: url(/sysimages/icon-tab-tires1.png) left bottom/32px no-repeat;}
.tabs-tire li[rel="2"] .a span::before{background: url(/sysimages/icon-tab-tires2.png) left bottom/32px no-repeat;}
.tabs-tire li[rel="1"].sel .a span::before, .tabs-tire li[rel="2"].sel .a span::before{background-position: left top;}
.tabs-tire-content .tab-tire{display: none;}
.tabs-tire-content .tab-tire.active{display: block;}
.tab-tire .form-field{position: relative;}
.tab-tire .form-field .label{display: block;}
.tab-tire .form-field .label-title{display: block;}
.tab-tire .form-field .content-options-item{display: table;}
.tab-tire .form-field .select-custom-ajax.loader::before{content: '';position: absolute;top: calc(50% - 10px);right: 10px;width: 20px;height: 20px;background: url(/sysimages/listloader.gif) center center/20px no-repeat;z-index: 18;}
.tab-tire .form-field .select-custom-ajax.loader::after{display: none;}
.tab-tire .form-field input[type="checkbox"]{display: table-cell;vertical-align: middle;width: 15px;height: 15px;}
.tab-tire .form-field .label-subtitle{display: table-cell;vertical-align: middle;width: 100%;padding-left: 6px;float: none;margin: 0;line-height: normal;}
.tab-tire .info-field{position: absolute;top: 1px;right: 3px;z-index: 11;}
.tab-tire .info-field > span{display: block;width: 13px;height: 13px;background: url(/sysimages/icon-info-tires.png) left top/13px no-repeat;}
.tab-tire .info-field .content-info-field{display: none;position: absolute;bottom: 100%;right: -20px;width: 382px;padding-bottom: 12px;}
.tab-tire .info-field .content-info-field > div{position: relative;padding: 7px 10px;border-radius: 4px;border: 1px solid #E5E5E5;background: #FFF;}
.tab-tire .info-field .content-info-field > div::after{content: '';position: absolute;bottom: -6px;right: 20px;width: 10px;height: 6px;background: url(/sysimages/icon-arrow-info.png) left top/10px no-repeat;}
.tab-tire .info-field .content-info-field p{font-family: 'Metrocity-Book';font-size: 11px;line-height: 16px;color: #444;}
.tab-tire .info-field .content-info-field p span{font-family: 'Metrocity-Medium';}
.tab-tire .info-field:hover > span{background-position: left bottom;}
.tab-tire .info-field:hover .content-info-field{display: block;}
.tab-tire.tab-tire2 .ui-menu li[data-value="0"]{display: none;}
.wrapper-no-results{text-align: center;padding: 52px 0 50px;border-radius: 0 0 6px 6px;background: #F4F4F4;}
.wrapper-no-results p span{position: relative;display: inline-block;padding: 0 0 0 40px;}
.wrapper-no-results p span::before{content: '';position: absolute;top: calc(50% - 17px);left: 0;width: 32px;height: 32px;background: url(/sysimages/icon-search-tire.png) left top/32px no-repeat;}
.wrapper-tire-help{padding: 16px 0;text-align: center;}

@media screen and (min-width: 768px){
	/* .tabs-tire-container{padding-top: 35px;} */
	.tabs-tire li:not(:first-child){padding-left: 1px;}
	.tabs-tire li .a{display: block;padding: 13px 15px 11px;text-align: center;background-color: #F7F7F7;}
	.tabs-tire-container{background: url('/sysimages/bck-tires.jpg');background-position: center;background-repeat: no-repeat;background-size: 100% 82px;}
	.tab-tire .column-left{width: 308px;font-size: 0;line-height: 0;text-align: right;}
	.tab-tire .column-left img{width: 100%;max-width: 308px;}
	.tab-tire .column-right{padding: 9px 0px 11px 29px;}
	.tab-tire .select-rows .dis-table-cell{padding: 0 12px 0 13px;}
	.tab-tire .select-rows .dis-table-cell:first-child{padding-left: 0;}
	.tab-tire .select-rows .dis-table-cell:last-child{width: 188px;padding: 0 0 0 13px;}
	.tab-tire .form-field .label-title, .tab-tire .form-field .content-options-item{padding: 0 2px 6px;}
	.tab-tire .form-field:not(.displayError) input,
	.tab-tire .form-field:not(.displayError) .select,
	.tab-tire .form-field:not(.displayError) .select:not([disabled]) select{background: #FFF;border-color: transparent;}
	.tab-tire .form-field .select[disabled]{background-color: rgba(255, 255, 255, 0.75) !important;}
	.tab-tire .form-field .select[disabled]::after{opacity: 1;}
	.tab-tire .form-field .select::after{right: 14px;top: calc(50% - 6px);width: 12px;height: 12px;background: url(/sysimages/icon-arrow05.png) center center/12px no-repeat;z-index: 17;}
	.tab-tire .form-field .select select{border-radius: 4px;height: 38px;width: 100%;z-index: 16;}
	/*.tab-tire .form-field .select:hover{border-color: #002D79;}*/
	.tab-tire button{width: 100%;padding: 11px 20px 9px;}
}

@media screen and (min-width: 768px) and (max-width: 1300px){
	.tab-tire .column-left{width: 30%;}
	.tab-tire.tab-tire1 .column-right{padding-left: 5px;}
}

@media screen and (min-width: 768px) and (max-width: 1280px){
	.tab-tire .column-left{width: 26%;}
}

@media screen and (max-width: 767px){
	/* .tabs-tire-container{padding-top: 30px;} */
	.title-tabs{padding-bottom: 22px;}
	.tabs-tire{padding: 0px 10px;background-image: url('/sysimages/bck-tires-mobile.jpg');background-repeat: no-repeat;background-position: center;background-size: 100%;}
	.tabs-tire li.tab-spacing{padding: 8px 0;text-align: center;}
	.tabs-tire li .a span{display: flex;justify-content: center;align-items: center;padding-left: 0;}
	.tabs-tire li .a{margin: 9px auto 9px;display: inline-block;padding: 8px 40px 6px;border-radius: 4px;text-align: center;background-color: #002D79;}
	/* .tabs-tire li[rel="1"] .a span::before, .tabs-tire li[rel="2"] .a span::before{background-position: left top;} */
	.tabs-tire li[rel="1"] .a span::before{margin-right: 10px;position: relative;display: block;width: 18px;height: 18px;background-position: center;background-repeat: no-repeat;background-size: 100%;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' fill='none'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M8.5.5a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm0 13.308A5.314 5.314 0 0 1 3.192 8.5 5.314 5.314 0 0 1 8.5 3.192 5.314 5.314 0 0 1 13.808 8.5 5.314 5.314 0 0 1 8.5 13.808Zm0-9.479c-.556 0-1.087.11-1.573.309l.765 1.326a.935.935 0 0 0 .81.426c.314 0 .624-.166.811-.436l.76-1.316A4.149 4.149 0 0 0 8.5 4.329Zm1.793 2.203.764-1.324a4.172 4.172 0 0 1 1.575 2.723h-1.52a1.008 1.008 0 0 1-.784-.486.932.932 0 0 1-.035-.913Zm-1.182.902c.048.2.125.394.232.58.104.179.234.34.386.48a2.11 2.11 0 0 0-.612 1.073A2.054 2.054 0 0 0 8.5 9.47c-.213 0-.42.03-.617.089a2.053 2.053 0 0 0-.224-.575 2.16 2.16 0 0 0-.386-.49c.152-.14.283-.301.386-.48a2.15 2.15 0 0 0 .23-.574c.196.057.402.087.613.087.207 0 .412-.033.61-.094Zm1.217 2.119a.93.93 0 0 1 .772-.484h1.532a4.172 4.172 0 0 1-1.575 2.723l-.759-1.315a1.025 1.025 0 0 1 .03-.924Zm-3.62-3.02-.765-1.325A4.172 4.172 0 0 0 4.368 7.93h1.52a1.01 1.01 0 0 0 .786-.485.933.933 0 0 0 .033-.914Zm-.034 3.021A.933.933 0 0 0 5.9 9.07H4.368a4.172 4.172 0 0 0 1.575 2.723l.759-1.315c.14-.298.13-.65-.028-.923ZM8.5 10.608c.315 0 .625.168.813.438l.76 1.316a4.148 4.148 0 0 1-1.573.309 4.15 4.15 0 0 1-1.573-.309l.765-1.326a.933.933 0 0 1 .808-.428Z' clip-rule='evenodd'/%3E%3C/svg%3E");}
	.tabs-tire-content .tab-tire{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 501;background: #FFF;}
	.tab-tire .header-tab{position: relative;height: 51px;padding: 14px 50px 16px 10px;border-bottom: 1px solid #E8EAEC;}
	.tab-tire .header-tab .close-tabs-tire{position: absolute;top: calc(50% - 15px);right: 9px;width: 30px;height: 30px;background: url(/sysimages/icon-close-tire.png) no-repeat left top/30px auto;}
	.tab-tire .content-tab{height: calc(100vh - 112px);padding: 11px 10px;overflow: hidden;overflow-y: auto;}
	.tab-tire .column-left{padding-bottom: 21px;}
	.tab-tire .column-left img{display: block;width: 100%;}
	.tab-tire .column-right{padding-top: 20px;}
	.tab-tire .column-left + .column-right{padding-top: 0;}
	.tab-tire .select-rows{margin: 0 -5px;}
	.tab-tire .select-rows .column{padding: 0 5px;}
	.tab-tire.tab-tire1 .select-rows .column:not(:nth-child(-n+2)),
	.tab-tire.tab-tire2 .select-rows .column:not(:first-child){padding-top: 15px;}
	.tab-tire .form-field .label-title{padding: 0 2px 7px;}
	.tab-tire .form-field .select select{border-radius: 4px;color: #002D79;font-size: 15px;height: 38px;width: 100%;}
	.tab-tire .info-field > span{background: url(/sysimages/icon-info-tires-mobile.png) left top/13px no-repeat;}
	.tab-tire .form-field .content-options-item{margin-top: 37px;padding-left: 8px;}
	.tab-tire .form-field .label-subtitle{padding-left: 10px;}
	.tab-tire .info-field .content-info-field{width: 50vw;}
	.tab-tire .bottom-form{padding: 10px;border-top: 1px solid #CCC;}
	.tab-tire .bottom-form button{width: 100%;height: 40px;padding-top: 13px;padding-bottom: 13px;}
	.wrapper-no-results{padding: 15px 15px 20px;}
	.wrapper-no-results p span{padding: 40px 0 0;}
	.wrapper-no-results p span::before{top: 0;left: calc(50% - 16px);}
	.wrapper-tire-help{padding: 21px 0;}
	.wrapper-tire-help p span{display: block;}


	.tabs-tire-container .tabs-tire{display: block;width: 100%;text-align: center;}
	.tabs-tire-container > .container{padding: 0;}
}

/* ------- AUTOCOMPLETE ------- */
.form-field .select-trigger{overflow: visible;}
.form-field .select-trigger .ui-combobox{display: none;}
.form-field .select-trigger[disabled] .ui-custom-combobox-toggle{display: none;}
.form-field .select-hide-autocomplete .ui-custom-widget-content{display: none;}
.form-field.ui-custom-combobox-active input:not(.ui-custom-widget),
.form-field.ui-custom-combobox-active .select{border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
.form-field.ui-custom-combobox-active .select-trigger .ui-combobox{display: block;}
.ui-custom-combobox-toggle{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 20;}
.ui-menu:not(.ui-custom-combobox){top: auto !important;left: auto !important;}
.ui-custom-combobox{position: absolute;top: 100%;left: 0;width: 100%;min-width: 150px;border: 1px solid #C0C0C0;border-top: 0;background: #FFF;border-radius: 0 0 4px 4px;z-index: 21;}
.ui-custom-widget-content{position: relative;background: #E5E5E5;padding: 9px 9px 11px;}
.ui-custom-widget-content::after{content: '';position: absolute;top: calc(50% - 9px);right: 24px;width: 16px;height: 16px;background: url(/sysimages/icon-search-ret.png) left top/16px no-repeat;}
.ui-custom-widget-content input{font-size: 12px;line-height: 18px;color: #888888;padding: 10px 45px 9px 12px;border: 0;}
.ui-menu{padding: 0 9px;margin: 0;list-style: none;max-height: 231px;overflow: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch;}
.ui-menu.ui-custom-combobox{padding-top: 3px;}
.ui-menu li{padding: 1px 0;}
.ui-menu li:not(:last-child){border-bottom: 1px solid #E5E5E5;}
.ui-menu li a{position: relative;display: block;padding: 9px 10px 10px;}
.ui-menu li span{display: block;}
.ui-menu li .item-desc{padding-top: 3px;}
.ui-menu li .item-distance{position: absolute;top: 8px;right: 13px;}
.ui-menu li a{text-decoration: none;}
.ui-menu li .item-name{font-size: 14px;line-height: 16px;color: #333;}
.ui-menu li .item-desc{font-size: 11px;line-height: 12px;color: #666;}
.ui-menu li .item-distance{font-size: 11px;line-height: 18px;color: #12B0E6;text-align: right;}
.ui-menu li .item-distance span{font-size: 14px;}
.ui-menu li[data-value="noresults"] a{cursor: default;}

@media (hover: hover){
	.ui-menu li:not([data-value="noresults"]) a:hover{background: #F4F4F4;}
	.ui-menu li:not([data-value="noresults"]) a:hover .item-name{color: #002D79;}
}
/* ---------------------------- */

/* --- AUTOCOMPLETE CUSTOM ---- */
.select-trigger .ui-custom-combobox{width: auto;left: -1px;right: -1px;}

@media screen and (min-width: 768px){
	.select-trigger .ui-custom-combobox{top: calc(100% + 2px);border: 0;box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.10);}
}
/* ---------------------------- */

/* ----------- GUIDE ---------- */
.wrapper-tire-help p span{font-weight: 500;}

.tab-tire .form-field .label-title, .tab-tire .form-field .label-subtitle{font-size: 13px;line-height: 126%;font-weight: 600;font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;}

.tab-tire .form-field .select select{font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;font-size: 13px;line-height: 168%;color: #333;font-weight: 400;}

.tab-tire button{font-size: 12px;font-family: 'Metrocity-Medium', sans-serif;line-height: 16px;}

@media screen and (min-width: 768px){
	.tabs-tire li .a{font-weight: 600;line-height: 18px;color: #999;text-transform: uppercase;}
	.tabs-tire li.sel .a{color: #FFF;}
	.tab-tire .form-field .label-title, .tab-tire .form-field .label-subtitle{color: #FFF;}
	.wrapper-no-results p{font-size: 15px;line-height: 18px;color: #0A357E;}
}

@media screen and (max-width: 767px){
	.tabs-tire li .a, .tabs-tire li p{font-family: 'Metrocity-Medium';line-height: 16px;color: #FFF;text-transform: uppercase;letter-spacing: 1px;}
	.tab-tire .header-tab > p{font-family: 'MontserratBold';font-size: 15px;line-height: 20px;color: #333;}
	.tab-tire .form-field .label-title, .tab-tire .form-field .label-subtitle{font-size: 12px;color: #002D79;letter-spacing: 0;line-height: 17px;}
}
/* ---------------------------- */