@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap');
/* CSS Document */
*{	margin:0;padding:0;text-decoration:none;}
*::before, *::after {-webkit-box-sizing: unset;-moz-box-sizing: unset;box-sizing: unset}
html{font-size:16px;font-family:"Lato"}
body {font-family: Roboto,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Ubuntu,Roboto,Noto,Segoe Ui,Arial,sans-serif;
-webkit-font-smoothing: antialiased;background-color: #fff; position:relative;margin:0;padding:0;line-height:1.4;overflow-x: hidden;}
body, input, select, textarea {color: #000;}
a {-moz-transition:0.2s ease-in-out; -webkit-transition:0.2s ease-in-out; -ms-transition:0.2s ease-in-out; transition:0.2s ease-in-out;	color: #000; text-decoration: none;cursor:pointer}
a:hover {color: inherit; text-decoration:none} 
:focus{outline:none}button:focus{outline:none}
area:-webkit-any-link {cursor: pointer;}area{display: inline;}
h1,h2,h3,h4,h5,h6{margin:0; padding:0; font-size:inherit; color:inherit;}
p{margin-bottom:7px;font-weight: 400}
:-moz-placeholder{color:#333}
:-ms-input-placeholder{color:#333}
::-webkit-input-placeholder{color:#333}
::-o-input-placeholder{color:#333}
.flex{display: flex;vertical-align: middle;align-items: center;}
.flex-center{display: flex;vertical-align: middle;align-items: center; justify-content: center;}
.flex-right{display: flex;vertical-align: middle;align-items: center; justify-content:flex-end}
.flex-table{display: flex;vertical-align: middle;align-items: center; flex-direction: column}
img{ max-width:100%; border: none}
img.img-responsive{ display:unset}
dl, ol, ul{padding-left:20px}td{padding:5px}
b, strong{font-weight:700}
.page-overflow{float: left; width: 100%; position: relative;overflow-x: hidden; margin-top: 70px}
section,.row_road{float: left; width: 100%; position: relative}
/*owl-carousel*/
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{position: absolute; z-index: 5;top:calc(50% - 30px)}
.owl-carousel .owl-nav button.owl-next{right:5%}.owl-carousel .owl-nav button.owl-prev{left: 5%}
.owl-carousel .owl-dots{display: flex; justify-content: center; align-items: center; width: 100%; position: absolute; z-index: 5; bottom: 15px}
.owl-carousel button.owl-dot span{width: 15px; height: 15px; background: #fff; border-radius: 100%; margin: 5px; float: left}
.owl-carousel .owl-dot.active span,.owl-carousel .owl-dot:hover span{background: #002c58}
.owl-carousel .owl-prev span,.owl-carousel .owl-next span{float: left; width: 60px; height: 60px; background: url("../images/arrow-white.png") no-repeat;; opacity: .7}.owl-carousel .owl-prev span{transform: rotate(180deg)}.owl-carousel .owl-prev:hover span,.owl-carousel .owl-next:hover span{opacity: 1}
.owl-carousel .owl-item img{width: unset}
/*banner owl*/
.banner-owl{float: left; width: 100%; position: relative}
.banner-owl.owl-carousel .owl-item img{width:100%}
.logo_top img{max-height: 40px}.logo_top{padding: 15px 30px; width: 20%}
#wrap {margin:0px;display: inline-block;position: relative;height: 60px;float: right;padding: 0;position: relative;}
input[type="text"] {height:50px;font-size:1.2rem;display: inline-block; font-weight:300;border: none;outline: none;color: #555;padding:15px;width: 0px;top: 0px;right: 0;background: none;z-index: 3;transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);cursor: pointer;}
input[type="text"]:focus:hover {  border-bottom: 1px solid #BBB;}
input[type="text"]:focus {  width: 700px;  z-index: 1;  border-bottom: 1px solid #BBB;  cursor: text;}
input[type="submit"] {  height: 67px;  width: 63px;  display: inline-block;  color:red;  float: right;  background: url(https://api.iconify.design/eva/search-fill.svg?color=white&width=30&height=30) center center no-repeat;  text-indent: -10000px;  border: none; position: absolute;  top: 0px;  right: 0;  z-index: 2;  cursor: pointer;  opacity: 0.4;  cursor: pointer;  transition: opacity .4s ease;}
input[type="submit"]:hover {  opacity: 0.8;}
.product-in .col-lg-4.col-md-6{padding-left:0px; padding-right:0px}
.product-in .title{font-size: 1.4rem;color: white;text-transform:uppercase;font-weight:700 !important}
.product-in .hover h2{background-color: transparent}
.product-in .ehover42{background: black}.product-in .ehover42 img{opacity: .5}.product-in .ehover42:hover img{opacity: 1}
.new-catalo .title{color: #002c58; text-transform: uppercase; font-size:2.2rem; margin:5% 0 6%; font-weight: 400}
.news-owl,.news-owl a{float: left; width: 100%}
.news-owl .card-img{position: relative}.news-owl .card-img .day{position: absolute; z-index: 1; left: 0; bottom: 0; padding: 5px 10px; color: white;background-color: rgba(0,44,88,.9)}.news-owl .card-text{padding:15px 0; font-size: 1.2rem;line-height:1.2; color:black; float: left;display: block;
 display: -webkit-box; max-width: 100%; height:82px; margin: 0 auto; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}.news-owl a:hover .card-text{color:#fe0101}
.new-catalo:before{background-color: #e2ecf5; position: absolute; z-index: -1; top: 40%;left: 0; height: 60%; width: 100%; content: ""}
.news-owl.owl-carousel .owl-nav button.owl-next,.news-owl.owl-carousel .owl-nav button.owl-prev{top: unset; bottom: -50px}
.news-owl.owl-carousel .owl-prev span, .news-owl.owl-carousel .owl-next span{background-color:#002c58;width: 40px;height: 40px;opacity: 1;background-size: 60%;background-position: center;}.news-owl .owl-prev:hover span,.news-owl .owl-next:hover span{background-color:#0058d8 !important}
.news-owl.owl-carousel .owl-nav button.owl-prev{left: calc(50% - 50px);}.news-owl.owl-carousel .owl-nav button.owl-next{right:calc(50% - 50px)}
.catalogue-in{position: relative; padding: 0}.catalogue-in a{position: absolute; z-index: 1;left:0; bottom: 0; height:15%; width: 100%; background-color: rgba(255,249,249,.5); display: flex; justify-content: center; align-items: center}
.button-blue-item{float: left; padding: 7px 50px; background: rgba(0,44,88); color: white;position: relative; overflow: hidden}.button-blue-item:before{content: ""; position: absolute; z-index: 1; top:8px; right: 10px; width: 20px; height: 20px; background: url("../images/arrow-line-white.png");-moz-transition:0.2s ease-in-out; -webkit-transition:0.2s ease-in-out; -ms-transition:0.2s ease-in-out; transition:0.2s ease-in-out;}.button-blue-item:hover:before{transform: translateX(40px) scale(.5);-moz-transition:0.2s ease-in-out; -webkit-transition:0.2s ease-in-out; -ms-transition:0.2s ease-in-out; transition:0.2s ease-in-out;}.button-blue-item:after{content: ""; position: absolute; z-index: 1; top:8px; left: 10px; width: 20px; height: 20px; background: url("../images/arrow-line-white.png");transform: translateX(-40px);-moz-transition:0.2s ease-in-out; -webkit-transition:0.3s ease-in-out; -ms-transition:0.3s ease-in-out; transition:0.3s ease-in-out;}.button-blue-item:hover:after{transform: translateX(0px)}
.faqs-in{background: url("../images/bg_faq_in.jpg") no-repeat #002c58 bottom center; background-size: 100%; color: white; padding:60px 0; position: relative}.faqs-in .owl-carousel .owl-stage-outer{padding: 30px 0}
.faqs-in .title{margin: 5% 0 30px; color: white; font-size: 2rem; text-transform: uppercase; text-align: center}
.faqs-in i{margin-right: 15px; position: absolute; z-index: 1; left: 0; top:-7px}
.faq_row_in{float: left; width: 100%; position: relative; padding-left: 70px; margin-bottom:45px; text-transform: capitalize;font-size: 1rem;    font-weight:300;letter-spacing: normal;}.faq_q{font-weight: 400}
.faqs-in .owl-nav{display: none}.faqs-in .owl-carousel .owl-dot.active span, .owl-carousel .owl-dot:hover span{background:#ff003c}
.faqs-in .owl-carousel .owl-dot{bottom: -30px;}.faqs-owl{padding-bottom:20%}
footer{float: left; width: 100%;background-size: cover;background-position: center;}
.logo-footer{float: left; width: 100%; padding: 80px 0 60px; text-align: center}.logo-footer img{max-width: 185px}
.add-footer{float: left; width: 100%; background-color: rgba(0,44,88,.9);padding: 30px; margin-bottom: 80px}
.office_titte,.add_group{float: left; width: 100%; position: relative}.office_titte{font-size: .8rem; color: #569eff; font-weight: 300; text-transform: uppercase; display: flex;justify-content: center; align-items: center}.office_titte span{margin-right: 10px; min-width: 50%}.line_w{float: left; width: 100%; height: 1px; background: rgba(255,255,255.5)}.add_group{color: white; font-size: 1rem; text-transform: none; line-height: 1.5; font-weight:300}.add_group span{text-transform: uppercase; font-weight: 700}.add_group a{color: white;}
.copyright{float: left; width: 100%; background: rgba(0,0,0,.6); padding: 30px 0; border-top:1px solid rgba(0,44,88)}.copyright-text{float: left; width: 100%; text-align: center; color:white}.copyright-text a{color: antiquewhite}.copyright-text a:hover{color:yellow}
.share{float: left; width: 100%; margin: 0; padding:15px 0}.share li{list-style-type: none; float: left; margin-right: 0px}.share a{float: left; width: 40px; height: 40px; margin-right: 10px}
.icon-share{display: inline-block;width: 40px;height: 40px;background:#96c3ff; -webkit-mask-size: cover; mask-size: cover;}
.facebook{-webkit-mask: url(https://api.iconify.design/entypo-social/facebook-with-circle.svg?width=40&height=40);mask: url(https://api.iconify.design/entypo-social/facebook-with-circle.svg?width=40&height=40)}
.facebook:hover,.facebook:focus {background:#4267B2;}
.youtube{-webkit-mask: url(https://api.iconify.design/entypo-social/youtube-with-circle.svg?width=40&height=40);mask: url(https://api.iconify.design/entypo-social/youtube-with-circle.svg?width=40&height=40)}
.youtube:hover,.youtube:focus {background:#FF0000;}
.twitter{-webkit-mask: url(https://api.iconify.design/entypo-social/twitter-with-circle.svg?width=40&height=40);mask: url(https://api.iconify.design/entypo-social/twitter-with-circle.svg?width=40&height=40)}
.twitter:hover,.twitter:focus {background:#1DA1F2;}
.google{-webkit-mask: url(https://api.iconify.design/bx/bxl-google-plus-circle.svg?width=44&height=44);mask: url(https://api.iconify.design/bx/bxl-google-plus-circle.svg?width=46&height=46); margin-top: -3px}
.google:hover,.google:focus {background:#DB4437;}
/*search-tire*/
.search-tire{padding: 60px 0 30px; height: 40%; background-size:100% }.search-tire .title{font-size: 1.6rem; color: white; font-weight: 700;padding: 50px 5% 15px;}.search-tire hr{float: left; width: 100%}
.tab-search-link{float: left; width: 100%; margin: 15px 0; padding: 0; display: flex; justify-content: center; align-items: center}
.tab-search-link li{list-style-type: none; margin: 0 25px}.tab-search-link li a{color: white; font-size: 1.1rem;font-weight: 700;position: relative}.tab-search-link li a:before{content: ""; position: absolute; z-index: 1; top:120%; left: 0; width: 100%; height: 2px; background-color: rgba(255,255,255,.3)}.tab-search-link li a:hover:before{background-color: rgba(0,44,88,1)}.tab-search-link li.active a:before{background-color: #ffd900}
.brand_items{float: left; width: 100%; border-radius: 8px; margin: 30px 0; padding: 40px 30px; display: flex; justify-content: center; align-items: center; background: rgba(30,60,114,1);
background: -moz-linear-gradient(left, rgba(30,60,114,1) 0%, rgba(0,63,173,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(30,60,114,1)), color-stop(100%, rgba(0,63,173,1)));
background: -webkit-linear-gradient(left, rgba(30,60,114,1) 0%, rgba(0,63,173,1) 100%);
background: -o-linear-gradient(left, rgba(30,60,114,1) 0%, rgba(0,63,173,1) 100%);
background: -ms-linear-gradient(left, rgba(30,60,114,1) 0%, rgba(0,63,173,1) 100%);
background: linear-gradient(to right, rgba(30,60,114,1) 0%, rgba(0,63,173,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e3c72', endColorstr='#003fad', GradientType=1 );}
.brand_items a:last-child{border-left: 1px solid rgba(255,255,255,.5); height: 80px; display: flex; justify-content: center; align-items: center; color: white}.brand_items a{width: 100%; text-align: center;}.brand_items a img{opacity: .7}.brand_items a:hover img{opacity: 1}.brand_items a:last-child:hover{color:#ffd900}
.bg-gray{background-color: #f3f3f3}.find-list{margin: 50px 0; padding:15px}
.find-list .row_pro{background-color: white; margin-bottom:20px}.find-list .row_pro:nth-child(even){background-color: #f7eeeb}
.find-list .row_pro .card-img{text-align: center}.find-list .row_pro .card-img img{ width: 150px}
.find-list .row_pro .card-title{margin: 0; width: 100%;font-weight: 400}.find-list .row_pro .card-title h2{font-size: 1.2rem; font-weight: 700}
.find-list .row_pro .card-title span{float: left;padding: 3px 6px;background-color: #1b3c78;color: white;margin-top: 5px;font-size: .8rem;}
.text-border{border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0}
.button-yellow{float: left; padding: 5px 30px;background-color: #ffd900;color: black}.button-yellow:hover{background-color:#002c58; color: white}
.pagination-lg .page-link{padding: 0.7rem 1rem 0.7rem;font-size: 1rem;line-height:1;}.page-item.disabled .page-link{background-color:#002c58; color: white }.page-link:hover{background-color: #1b3c78; color: white}
.searchbytire-box{margin-top: 30px}
.searchbytire-box,.icon-bytire,.container-bytire{float: left; width: 100%}.icon-bytire{background: rgba(30,60,114,1);
background: -moz-linear-gradient(left, rgba(30,60,114,1) 0%, rgba(0,63,173,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(30,60,114,1)), color-stop(100%, rgba(0,63,173,1)));
background: -webkit-linear-gradient(left, rgba(30,60,114,1) 0%, rgba(0,63,173,1) 100%);
background: -o-linear-gradient(left, rgba(30,60,114,1) 0%, rgba(0,63,173,1) 100%);
background: -ms-linear-gradient(left, rgba(30,60,114,1) 0%, rgba(0,63,173,1) 100%);
background: linear-gradient(to right, rgba(30,60,114,1) 0%, rgba(0,63,173,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e3c72', endColorstr='#003fad', GradientType=1 );
color: white;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px; display: flex;vertical-align: middle;align-items: center;padding:15px 25px}.items-bytire{ display: flex; justify-content: center; align-items: center; margin-right:20px}.items-bytire i{float: left; background: url("../images/search-by-items.png") no-repeat; width:44px; height:45px; background-position: 0px 0px;opacity: .4}.items-bytire.active i{opacity: 1}.items-bytire i.icon-width{background-position: 0px 0px;}.items-bytire i.icon-height{background-position: -44px 0px}.items-bytire i.icon-rimsize{background-position: -88px 0px}.items-bytire i.icon-loadindex{background-position: -132px 0px}.items-bytire i.icon-speedindex{background-position: -176px 0px}.items-bytire span{color: darkgray}.items-bytire.active span{color: white}
.container-bytire{border-radius: 4px; background: #fff; margin-top: -4px; position: relative; z-index: 1}
.type-search-r{display: flex; justify-content: center; align-items: center; padding: 10px 25px; border-bottom: 2px solid #8e9db9}
.search-shop .type-search-r select{color: black !important}
.input-bytire{float: left; width: 100%; border: 0; color:black}
::placeholder {color: #6a6a6a !important;opacity: 1}:-ms-input-placeholder{color: #6a6a6a }::-ms-input-placeholder{color: #6a6a6a }
.select-content{height: 20rem;padding: 1.5rem 1rem 0;text-align: left;background-color: #fff;border-radius: 0 0 0.4rem 0.4rem;overflow-y: scroll;pointer-events: auto;}
.select-content li{position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: baseline;-ms-flex-align: baseline;align-items: baseline;color: rgba(0,0,0,1);line-height:1;background-color: #fff;border-radius: 0.4rem;pointer-events: auto;cursor: pointer;-webkit-transition: background-color .1s linear;transition: background-color .1s linear;}
.select-content li:before{content: "";position: absolute; z-index: 1; left: 0; top: 3px; background: url("../images/iteams.png") no-repeat; background-position: -40px 0; width: 40px; height: 40px}.select-content li:hover:before{background-position: -80px 0;}.select-content li:hover{background: #f3f3f3}
.select-content li a{float: left; padding: 1rem 1rem 1rem 40px; width: 100%}
.select-content {
  /* Thumb */
  scrollbar-face-color:#0071f7;
  scrollbar-shadow-color:#0071f7;
  scrollbar-highlight-color:#0071f7;
  scrollbar-3dlight-color:#0071f7;
  scrollbar-darkshadow-color:#0071f7;
  /* Track */
  scrollbar-track-color:#B3E5FC;
  /* Buttons */
  scrollbar-arrow-color:#000000; margin-right: 5px; margin-top:5px
}
/* Blink and WebKit (Safari, Chrome, Opera) */
/* Thumb */
.select-content::-webkit-scrollbar-thumb{
  background-color: #0071f7;
}
.select-content::-webkit-scrollbar{
  background-color: #B3E5FC;height: 4px;width: 4px
}
/* New CSSWG Scrollbar Level 1 Draft */
/* Supported since Gecko/Firefox 64, 63 (flag enabled) */
.select-content{
  scrollbar-color: #0071f7 #B3E5FC;
  scrollbar-width: auto;
}
.searchbyfeature-box{float: left; width: 100%; margin: 30px 0}
.searchbyfeature-box .card-img{border: 2px solid #1b3c78;-moz-transition:0.2s ease-in-out; -webkit-transition:0.2s ease-in-out; -ms-transition:0.2s ease-in-out; transition:0.2s ease-in-out}.searchbyfeature-box .card-img img{opacity: .7;background-color: #1b3c78; }.searchbyfeature-box .card-img:hover img{opacity: 1}.searchbyfeature-box .card-img:hover{border: 2px solid #fff;-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);-moz-transition:0.2s ease-in-out; -webkit-transition:0.2s ease-in-out; -ms-transition:0.2s ease-in-out; transition:0.2s ease-in-out}.searchbyfeature-box .card-title{text-align: center; color: white; padding: 10px 0; font-size: 1.2rem; text-transform: uppercase}
.search_showlist h1{font-size: 2rem; font-weight: 700; text-transform: uppercase; margin: 30px 0 0px}
.search-shop{float: left; width: 100%;padding: 60px 0 30px;height: 40%;background-size: 100%; background-repeat: no-repeat; background-color: #1d3c73}
.search-shop .title {font-size: 1.6rem;color: white;font-weight: 700;padding: 50px 5% 15px;}.search-shop hr{float: left; width: 100%}
.search-shop select{float:left; width: 100%; border: 0; border-bottom:1px solid rgba(255, 255,255,.2); -webkit-appearance: none;-moz-appearance: none; appearance: none;text-indent: 0.01px;text-overflow: ""; background: url("../images/select_item.png") no-repeat right; background-color: transparent; padding: 5px 10px; color: white}.special {  font-weight: bold !important;  color: #fff !important;  background: #0071f7!important;padding: 5px !important}
.search-shop .searchbytire-box{margin-top: 0}.search-shop .select-content{height:30rem}
.search-shop .select-content li a{padding: 0}
.breadcrumb{border-radius:0}.breadcrumb-bg{background: #e9ecef}
.hover-zoom,.hover-zoom .card-img{float: left; width: 100%; position: relative; overflow: hidden}.hover-zoom .card-img img{transform: scale(.9);-moz-transition:0.2s ease-in-out; -webkit-transition:0.2s ease-in-out; -ms-transition:0.2s ease-in-out; transition:0.2s ease-in-out}.hover-zoom:hover .card-img img{transform: scale(1.05) translateX(0px);-moz-transition:0.2s ease-in-out; -webkit-transition:0.3s ease-in-out; -ms-transition:0.3s ease-in-out; transition:0.3s ease-in-out}
.hover-zoom2,.hover-zoom2 .card-img{float: left; width: 100%; position: relative; overflow: hidden}.hover-zoom2 .card-img img{transform: scale(1);-moz-transition:0.2s ease-in-out; -webkit-transition:0.2s ease-in-out; -ms-transition:0.2s ease-in-out; transition:0.2s ease-in-out}.hover-zoom2:hover .card-img img{transform: scale(1.05) translateX(0px);-moz-transition:0.2s ease-in-out; -webkit-transition:0.3s ease-in-out; -ms-transition:0.3s ease-in-out; transition:0.3s ease-in-out}
.hover-zoom .title{float: left; width: 100%; text-align: center; padding: 0; margin: 15px 0}
.banner-img{float: left; width: 100%; position: relative}.banner-img img{width: 100%}.banner-img h1,.banner-img span{position: absolute; z-index: 1; top: 50%; left: 0; text-align: center; color: white; font-size:2rem; text-transform: uppercase; font-weight: 700; width: 100%}
/*flexslider*/
.flexslider{margin: 0}
.flex-viewport{border: 1px solid #cdcdcd}.flex-control-thumbs li{border: 1px solid #cdcdcd; margin-right: 20px; margin-top: 15px; width: calc(25% - 15px)}.flex-control-thumbs li:last-child{margin-right: 0}.flex-direction-nav a{color: transparent;text-shadow:none; top: calc(45% - 20px)}.flex-direction-nav a.flex-next:before,.flex-direction-nav a:before{content: ""; background: url("../images/arrow-blue.png") no-repeat;width: 40px; height: 40px;transform: rotate(180deg)}.flex-direction-nav a.flex-next:before{transform: rotate(0deg)}
.search-shop_mini{float: left; width: 100%; background: url("../images/bg_search_mini.jpg") no-repeat right top #002c58; padding: 15px; margin: 15px 0; color: white; background-size: 100%}.search-shop_mini span{float: left; width: 100%; font-size: 1rem; font-weight:400; text-transform: uppercase}
.bo-radius{float: left; width: 100%; margin-top: 10px; border-radius:50px; background: #fff;border: 4px solid #1b3c78;-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5); padding:5px 0px 5px 15px}
.bo-radius .search-icon{width: 30px; height: 30px}.bo-radius .search-icon img{padding: 2px}
.product h1{font-size: 2rem;font-weight:400;text-transform: uppercase;}
.other{padding: 30px 0;background: rgba(227,235,246,1);
background: -moz-linear-gradient(top, rgba(227,235,246,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(227,235,246,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(227,235,246,1) 0%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(227,235,246,1) 0%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(227,235,246,1) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(227,235,246,1) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3ebf6', endColorstr='#ffffff', GradientType=0 );}
.other .owl-carousel .owl-prev span, .other .owl-carousel .owl-next span{background: url(../images/arrow-blue.png) no-repeat center;}
.other .owl-carousel .owl-nav button.owl-next{right: -5%}.other .owl-carousel .owl-nav button.owl-prev{left:-5%}

.contact{float: left; width: 100%;font-weight: 400}.contact .title,.map .title{font-size: 2rem; text-transform: uppercase; padding: 30px 0}
.flex-contact{float: left; width: 100%; position: relative}
.add-cont{background:#deeefe; padding:30px 155px 30px 30px;clip-path: polygon(0% 0%, 100% 0, 100% 0, 75% 100%, 0% 100%);-webkit-clip-path: polygon(0% 0%, 100% 0, 100% 0, 75% 100%, 0% 100%);float: left; width: 100%;width: 50%; position: absolute; z-index: 1; right:50%;}
.from-cont{background:#56a0ff; padding:30px 30px 30px 20%;clip-path: polygon(25% 0, 100% 0, 100% 0, 100% 100%, 0% 100%);-webkit-clip-path: polygon(25% 0, 100% 0, 100% 0, 100% 100%, 0% 100%);float: right; width: 100%;width:70%; margin-top: 50px; position: relative}
.from-cont h3{color: white; font-size:1.6rem; font-weight: 400; text-transform: uppercase; margin-bottom: 15px}
.input{float: left; width: 100%; margin-bottom:20px; border:0; padding:7px}
.button{background: #151986;padding: 7px 50px; color: white; border: 0}.button:hover{background: red}
.office_contact{font-size: 1.1rem;position: relative; float: left; width: 100%; margin-bottom: 10px; font-weight: 700}.office_contact span{color: #1b3c78; font-size: .9rem}.office_contact:before{content: ""; position: absolute; z-index: 1; top: 100%; left: 0; width: 70%; height: 1px; background: #60a7ff}
.drop-from-item{position: absolute; z-index:0; left: 0;bottom: 0; background: #3370be;clip-path: polygon(0 0, 0% 100%, 100% 0);width: 85px; height: 50px}
.map{margin-top:30px}
a .title{color: black}a:hover .title{color: red}
/*about*/
.box-blue-radius{border-radius: 8px;background: rgba(30,59,114,1);
background: -moz-linear-gradient(left, rgba(30,59,114,1) 0%, rgba(42,82,152,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(30,59,114,1)), color-stop(100%, rgba(42,82,152,1)));
background: -webkit-linear-gradient(left, rgba(30,59,114,1) 0%, rgba(42,82,152,1) 100%);
background: -o-linear-gradient(left, rgba(30,59,114,1) 0%, rgba(42,82,152,1) 100%);
background: -ms-linear-gradient(left, rgba(30,59,114,1) 0%, rgba(42,82,152,1) 100%);
background: linear-gradient(to right, rgba(30,59,114,1) 0%, rgba(42,82,152,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e3b72', endColorstr='#2a5298', GradientType=1 );border: 2px solid #fff;
-webkit-box-shadow: 5px -7px 2px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 5px -7px 2px 0px rgba(0,0,0,0.15);
box-shadow: 5px -7px 2px 0px rgba(0,0,0,0.15);text-align: center; padding: 15px 0; margin-bottom: 15px; color: white;font-size: 1rem; line-height: 1.2; min-height: 70px; font-weight: 700; display: flex; justify-content: center; align-items: center; text-transform: uppercase}
.title-box-top{border-radius:8px;height: 60px;display: flex;align-items: center;justify-content: center; float: left; width: 100%; background: #e9e9e9; position: relative; text-align: center; padding: 7px 0; margin-bottom: 15px}.title-box-top:after{content: ""; position: absolute; z-index: 1; top: -10px; left: calc(50% - 7.5px); width:20px; height: 10px;clip-path: polygon(50% 0%, 0% 100%, 100% 100%);background: #e9e9e9}
.about_2{float: left;width: 100%; background-repeat: no-repeat; background-position: bottom; background-color: #1479b6; background-size: 100%; padding: 10% 0; color: white; font-size: 1.1rem}
.item_1 li{list-style-type: none; padding-left: 25px; position: relative; float: left; width: 100%; margin: 7px 0}.item_1 li i{position: absolute; z-index: 1; left: 0; top: -2px}
.about_3{float: left;width: 100%;padding:50px 0}.caption_3{float: left;width: 100%;position: relative; text-align: center; font-size: 1.1rem}.caption_3:before,.caption_3:after{content: ""; position: absolute; z-index: 1; width: 40px; height: 40px; background: url("../images/capcaution_3.png") no-repeat center}.caption_3:before{left: -45px; top: -15px}.caption_3:after{bottom: -15px; right: -45px; transform: rotate(180deg)}
.about_4{float: left;width: 100%; background: url("../images/bg-shop-search.jpg") no-repeat #1d3c73; background-size: 100%;font-size: 1.1rem; color: white; padding: 10% 0 0}.caption_4{color: #65b8ff; font-weight: 700}.about_4 h2{position: relative; float: left; width: 100%; color: white;line-height: 1.4; text-transform: uppercase; padding-top:15%; margin-bottom: 15px }.about_4 h2 span{color: #00eaff; font-size: 1.6rem}.about_4 h2:before{content: ""; position: absolute; z-index: 1;top: 100%; left: 0; width: 60%; height: 2px; background:#b7e0f7}
.phuongcham{float: left; width: 100%; padding:30px 0; background: #1d3c73; color: white}
/*customer-support*/
.customer-support .title{font-size: 2rem; text-transform: uppercase; color: #002c58; text-align: center; margin: 30px 0; padding: 15px 0}
.button_down_pdf img{ max-width:350px}.button_down_pdf{margin-top: -60px; position: relative; z-index: 1; font-size:1.4rem; font-weight: 700; margin-bottom: 30px}
.customer-support .card-text{-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);float: left; width: 100%; padding: 10px; margin-bottom:40px}.title-box-new{font-size: 1.2rem; margin-bottom: 10px; line-height: 1.2; display: -webkit-box;height: 70px;margin: 0 auto;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}.readmore{line-height: 1; margin: 7px 0}.readmore .readmore-item{font-size:1rem; font-weight: 700;text-transform: uppercase; color: #153b60; position: relative;margin-right: 30px;}.readmore .readmore-item:before{content: "";position: absolute; z-index: 1;top:2px; right: -15px; clip-path: polygon(0 0, 0% 100%, 100% 50%);width: 7px; height: 10px; background: #f66d29}.readmore .readmore-item:hover{color:#f66d29 }.readmore .day{border-left: 1px solid #cdcdcd; padding-left: 10px}
.title-h1{font-size: 1.4rem;color: #002c58; margin-bottom:30px}
.other .title{padding: 15px 0;}
.day-blue{padding: 8px 10px 7px;background:#002c58; color: white;float: left;line-height: 1;margin-bottom: 5px;}
/*faq*/
.faq-row{float: left; width: 100%; margin-bottom: 15px}
.q_qutetion,.a_qutetion{float: left; width: 100%; position: relative; display: flex;align-items: center;vertical-align: baseline}
.q_qutetion{background: #e5e5e5;clip-path: polygon(15px 0%, 100% 0%, 100% 100%, 0 100%, 0 100%);}.q_qutetion i{padding: 10px 10px 10px 20px; position: relative; z-index: 2;}
.q_qutetion:before{width:50px; height: 100%; position: absolute; z-index: 1; top: 0; left: 0; content: ""; background: #1b3c78;clip-path: polygon(0 0%, 100% 0%, 30px 100%, 0 100%, 0 100%)}
.a_qutetion{padding: 15px 10px; border: 1px solid #e5e5e5}.q_qutetion i img,.a_qutetion i img{max-width: 44px}.a_qutetion i{position: relative; z-index: 2; padding: 10px}
.border-radius4{overflow: hidden; border-radius: 4px}.select-content-shop{padding:10px; margin: 0}.select-content-shop li{list-style-type: none;font-size: .9rem; border: 1px solid #eee; padding: 10px; margin-bottom: 10px}.select-content-shop li:before{display: none}.select-content-shop li:nth-child(even){background-color:#f4f4f4}.select-content-shop li a:hover{color:#002c58}
.other h2{font-weight: 700; text-transform: uppercase}
.shop-item{width:100%; margin-top: 10px; float: left; color: white; display: flex; align-items: center}.shop-item i{width:35px; float: left; margin-right: 7px}.shop-item:hover{color: red !important}
.agentlistmodel{list-style: none;}
.agentlistmodel li{border-bottom: 1px solid #d3d3d3;padding: 7px 0;margin: 0px 0 10px;}
.agentlistmodel i {margin-right: 5px;}
.agentlistmodel li span{font-weight: bold;}
.agentlistmodel .fa{width: 24px; height: 24px; float: left; margin-right: 5px} .agentlistmodel .fa.fa-map-marker{background: url('https://api.iconify.design/bx/bxs-map.svg?width=24&height=24') no-repeat center center / contain;}
.agentlistmodel .fa.fa-phone{background: url('https://api.iconify.design/ci/phone.svg?width=24&height=24') no-repeat center center / contain;}
.agentlistmodel .fa.fa-code-fork{background: url('https://api.iconify.design/ic/baseline-fork-left.svg?width=24&height=24') no-repeat;width: 120px;padding-left: 25px;}
.search-fill .title-box-new{height: unset;-webkit-line-clamp:unset; font-weight: 700; text-transform: uppercase}
/*table*/
table {border: 1px solid #ccc;border-collapse: collapse;margin: 0 0 15px 0;padding: 0;width: 100%;table-layout: fixed;}
table caption {font-size: 1em;margin: .2em 0 .1em;padding: 0; caption-side: top;color: black;text-transform: uppercase; font-weight:700;}
table tr {border: 1px solid #ddd;padding: .35em;}
table th,table td {padding: .625em;text-align: center;border: 1px solid #cdcdcd;}
table th {font-size:1.1rem; font-weight: 400;}
thead tr{background: #faf6eb}
.product thead th:nth-of-type(2){ width:38% !important}
.gm-style img{max-width: 100% !important}
.pricenote{text-align: right; font-size: 10px; font-style: italic; width: 100%; float: left}
@media screen and (max-width: 600px) {
table {border: 0;}
table caption {font-size: 1.3em;}
table thead {border: none;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}
table tr {border-bottom:3px solid #002c58;margin-bottom: .625em;}
table td {border-bottom: 1px solid #ddd;display: block;font-size: .8em;text-align: right;}
table td::before {content: attr(data-label);float: left;font-weight: bold;text-transform: uppercase;}
table td:last-child {border-bottom: 0;}
}
.text-red{color: red}
.tube-table img{max-width: 70px; margin-right: 5px}.tube-table{border: 0}
/*items*/
.items{position: relative; float: left;background: url("../images/iteams.png") no-repeat;background-position: 0 0;}
.down-w{background-position: 0px 0px; width: 40px; height: 40px}
.titlecatalogue{font-size: 1.2rem; text-transform: uppercase; font-weight: 700}
.search-shop iframe{width: 100%; height: 100%}
/** Extra small devices (portrait phones, less than 576px)**/
@media (max-width: 320px){html{font-size:12px}} 
/** Small devices (landscape phones, less than 768px)**/
@media (max-width: 767.98px) {
	.product-in .container-fluid{padding-left:15px; padding-right: 15px }
	.office_titte{margin-top: 10px}.copyright{padding: 15px 0}
	.banner .owl-carousel .owl-dots{display: none}.news-in{padding-bottom: 80px}
	footer,.search-tire{background-size: cover;background-position: center;}.faq_row_in{padding-left: 55px}.faqs-in{background-size: 280%;padding: 30px 0;}.faqs-in .title{margin: 0}
	.search-tire{padding: 0}.tab-search-link,.brand_items{display: unset}.tab-search-link li{margin: 0 0 15px;}.search-tire .title{padding: 30px 5% 0;}.brand_items a{float: left;width: 33.3333%;margin-bottom: 15px;}.brand_items a:last-child{border-left: 0; height: 40px}
	.brand_items{margin: 15px 0;padding: 15px;}.text-border{border: 0; margin: 15px 0; padding:0 30px}.button-yellow{margin-bottom: 15px}
	.searchbyfeature-box .row.flex-center{justify-content: left;}.magazine-viewport .container{padding: 0}
	/*contact*/
	.add-cont,.from-cont{float: left; width: 100%; position: unset; clip-path:unset;-webkit-clip-path:unset;padding:15px; margin: 0}.drop-from-item,.search-top{display: none}
	.button_down_pdf img {max-width: 40%}.button_down_pdf{margin-top: -30px}
	.items-bytire{justify-content: flex-start; width: calc(50% - 20px);float: left;}.icon-bytire{display: unset; padding: 15px}.container-bytire{margin-bottom: 15px}.select-content{padding: 15px}.search-shop{padding: 15px 0; background-size: cover; background-position: top center}
.other-owl.owl-carousel .owl-nav button.owl-next,.other-owl.owl-carousel .owl-nav button.owl-prev{top: unset; bottom: -20px}
.other-owl.owl-carousel .owl-prev span, .other-owl.owl-carousel .owl-next span{background-color:#002c58;width: 40px;height: 40px;opacity: 1;background-size: 60%;background-position: center;}.other-owl .owl-prev:hover span,.other-owl .owl-next:hover span{background-color:#0058d8 !important}
.other-owl.owl-carousel .owl-nav button.owl-prev{left: calc(50% - 50px);}.other-owl.owl-carousel .owl-nav button.owl-next{right:calc(50% - 50px)}
	.magazine-viewport{height: 350px !important}
	.add_group a{color:white}.caption_3:before{left: 0; top:-40px}.caption_3:after{bottom: -40px; right: 0}
	.type-search-r{padding: 10px}
	#map{height: 400px !important}
	.icon-bytire .items-bytire.active ~ .items-bytire{display:none}
}
/** Medium devices (tablets, less than 992px)**/
@media (min-width: 768px) and (max-width: 991.98px) {
}
/**Large devices (desktops, less than 1200px) máy DUNG**/
@media (min-width:992px) and (max-width: 1024px){
	.search-shop .select-content {height: 17.7rem;}
	.new-catalo .title{margin:2% 0}
	.title-box-new,.searchbyfeature-box .card-title{font-size:1rem}
	.button_down_pdf img {max-width: 30%}
	.faqs-owl {padding-bottom: 6%;}
	.magazine-viewport{}.magazine-viewport .container{}
	.drop-from-item{height: 30px; width: 70px}
	.caption_3:before{left:-40px}.caption_3:after{right: -40px}
	.search-tire{background-size: cover}
	.buttondl{float: right; width: calc(100% - 15px)}
	.product thead th:nth-of-type(2){width: 30% !important;}
	.select-content-shop li .col-8{padding-right:5px; font-size: 90%}.select-content-shop li .col-4{padding-left: 5px}
}
/* Extra large devices (large desktops, 1024px and up) máy 13in*/
@media (min-width: 1024.98px) and (max-width: 1365.98px){
	.new-catalo .title{margin:2% 0 !important}html{font-size:14px}
	
}
@media (min-width: 1366px) and (max-width: 1599.98px){.new-catalo .title{margin:2% 0}html{font-size:14px}}
@media (min-width: 1600px) and (max-width: 1899.98px){
	.product-in .container-fluid,.container{max-width: 1440px}
}
@media (min-width: 1920px){/*.product-in .container-fluid{max-width: 1440px}*/.container{max-width: 1440px}}

.icon_more{position:fixed;right:20px;bottom:80px;z-index:9}.icon_more ul{padding:0;margin:0}.icon_more ul li{list-style-type:none;width:105px;height:57px;}
.number-phone{position:absolute;z-index:0;right:50px;top:13px;padding:5px 10px;background:#fff;border:1px solid #0f2958;color:#070707;border-radius:50px;width:205px;height:36px;font-size:1.2rem;font-weight:700;transform:translateX(160px);-moz-transition:.2s ease-in-out;-webkit-transition:.2s ease-in-out;-ms-transition:.2s ease-in-out;transition:.2s ease-in-out;opacity:0}.phone-hot:hover .number-phone{transform:translateX(0);opacity:1}
.zoom-img-ti{float:left;width:100%;position:relative;}