/* font */
@font-face {
  font-family: "lato-regular";
  src: url(../fonts/lato-regular.eot);
  src: url(../fonts/lato-regular.eot?#iefix) format('embedded-opentype'),
       url(../fonts/lato-regular.otf) format('otf'),
       url(../fonts/lato-regular.svg#lato-regular) format('svg'),
       url(../fonts/lato-regular.ttf) format('truetype'),
       url(../fonts/lato-regular.woff) format('woff'),
       url(../fonts/lato-regular.woff2) format('woff2');
}
@font-face {
  font-family: "lato-black";
  src: url(../fonts/lato-black.eot);
  src: url(../fonts/lato-black.eot?#iefix) format('embedded-opentype'),
       url(../fonts/lato-black.otf) format('otf'),
       url(../fonts/lato-black.svg#lato-black) format('svg'),
       url(../fonts/lato-black.ttf) format('truetype'),
       url(../fonts/lato-black.woff) format('woff'),
       url(../fonts/lato-black.woff2) format('woff2');
}
@font-face {
  font-family:theme;
  src:url(../fonts/theme-icons.eot);
  src:url(../fonts/theme-icons.eot?#iefix) format('embedded-opentype'),
      url(../fonts/theme-icons.ttf) format('truetype');  
}

htm_tag{text-transform:none;}
body{font-family: "lato-regular"}
html{font-size: 18px; font-family: "lato-regular"}
.pages{float: left; width: 100%; position: relative; overflow: hidden}
section{float: left; width: 100%; position: relative; background-color: white}
:focus{outline:none}button:focus{outline:none}
:-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}
.card-img{border-radius: 4px}
.hidden{overflow: hidden}
.liststyle-none{list-style-type: none}
/*p{float: left; width: 100%}
ul{padding-left: 20px; float: left; width: 100%}*/
a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover{color: inherit;text-decoration: none;}
a{color: black; text-decoration: none;cursor: pointer;}a:hover{text-decoration: none; color: #ff0000;transition: -webkit-all .2s ease;transition: all .2s ease;transition: all .2s ease,-webkit-all .2s ease;}
p{line-height: 1.3;font-family: Arial, "sans-serif";margin-bottom: 10px;}
.title{margin: 0; color: black; font-size: 1.4rem; font-weight: 300; text-transform: uppercase}
.container-fluid{position: relative;z-index: 1}
/*header*/
header{float: left; width: 100%;background:#05436a;}
.menu header{z-index: 99}
.right-menu{float: right;display: flex;position: relative;right: 50px;}
.right-menu .hotnumber{font-size: 1rem; padding: 5px 10px; background: #00adef;color: #fff;border-radius: 5px;margin-right: 10px;font-weight: bold;}
.right-menu .mailadd{padding: 5px 10px; background: #00adef;color: #fff;border-radius: 5px;font-size: 1rem;margin-right: 10px;}
.right-menu .lang::after{position: absolute;content: ''; width: 1px;height: 66px;background-color: #fff;right: -10px;bottom: -16px;}
.right-menu .lang{position: relative; padding: 5px 10px;background: #fff;border-radius: 5px;font-size: 1rem;margin-right: 20px;}
.right-menu .iconuser{font-size: 1.4rem;color: #fff;padding: 0 5px;}
.right-menu .iconcard{font-size: 1.4rem;color: #fff;padding: 0 5px;}
.iconuser + .dropdown-menu.show{margin-top:19px;background-color:#084973;color: #fff;padding: 0;width: max-content}
.iconuser + .dropdown-menu.show a{color: inherit;text-transform: none;padding-bottom: 5px;display: block;}
.menu-fixtop.compressed{position: fixed; z-index: 999; top: 0; left: 0; width: 100%;-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3);box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3);}
.navbar-brand{width:200px; padding: 0px 35px !important; background-color: #fff}
.dropdown-toggle.active-dropdown::after{transform: rotate(-90deg);}
.navbar-light .navbar-nav .nav-link {color:white;font-family: "lato-black";text-transform: uppercase;font-size: 1rem;padding:20px 0px; border-top: 5px solid #05436a}
.btco-hover-menu a ,  .navbar > li > a {text-transform: capitalize;padding: 10px 15px;}
.btco-hover-menu .active a,
.btco-hover-menu .active a:focus,
.btco-hover-menu .active a:hover,
.btco-hover-menu li a:hover,
.btco-hover-menu li a:focus ,
.navbar>.show>a,  .navbar>.show>a:focus,
.navbar>.show>a:hover{color: #000;background: transparent;outline: 0;}
/*submenu style start from here*/
.dropdown-menu {padding:15px 0; margin: 0 0 0; border: 0px solid transition !important;border: 0px solid rgba(0,0,0,.15);	border-radius: 0px;-webkit-box-shadow: none !important;box-shadow: none !important;}
/*first level*/
.btco-hover-menu .collapse ul > li:hover > a{border-top:5px solid #00acee;}
.btco-hover-menu .collapse ul ul > li:hover > a, .navbar .show .dropdown-menu > li > a:focus, .navbar .show .dropdown-menu > li > a:hover{color: white}
/*second level
.btco-hover-menu .collapse ul ul ul > li:hover > a{background: #fff;}*/
/*third level*/
.btco-hover-menu .collapse ul ul, .btco-hover-menu .collapse ul ul.dropdown-menu{background:#084973;}
.btco-hover-menu .collapse ul ul ul, .btco-hover-menu .collapse ul ul ul.dropdown-menu{background:transparent;}
.btco-hover-menu .collapse ul ul ul ul, .btco-hover-menu .collapse ul ul ul ul.dropdown-menu{background:#084973}
/*Drop-down menu work on hover*/
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {color: rgb(14 143 211);}
.btco-hover-menu{background: none;margin: 0;padding: 0;min-height:20px}
@media only screen and (max-width: 991px) {.btco-hover-menu .show > .dropdown-toggle::after{transform: rotate(-90deg);}}
@media only screen and (min-width: 991px) {
.btco-hover-menu .collapse ul li{position:relative;padding: 0 30px}
.btco-hover-menu .collapse ul li:hover> ul{display:block}
.btco-hover-menu .collapse ul ul{position:absolute;top:100%;left:0;min-width:250px;display:none}
.dropdown-menu li{padding:unset !important}
.dropdown-menu .dropdown-item{padding: 10px 30px; color: white; font-size: .8rem}.dropdown-menu .dropdown-item:hover:before{content: ""; left:30px;bottom:5px; height: 2px ; width: 30%; background-color:#00acee; position: absolute; z-index: 1}
.dropdown-menu li:hover a.dropdown-item{border:0 !important}
.dropdown-toggle:after{border: none;position: absolute;z-index: 1;right:20px;width: 15px;height: 15px;background: url("../images/arrow-sup-dropdown.png") no-repeat}

/*******/
.btco-hover-menu .collapse ul ul li{position:relative}
.btco-hover-menu .collapse ul ul li:hover> ul{display:block}
.btco-hover-menu .collapse ul ul ul{position:absolute;top:-20px;left:100%;min-width:250px;display:none}
/*******/
.btco-hover-menu .collapse ul ul ul li{position:relative}
.btco-hover-menu .collapse ul ul ul li:hover ul{display:block}
.btco-hover-menu .collapse ul ul ul ul{position:absolute;top:0;left:-100%;min-width:250px;display:none;z-index:1}
.btco-hover-menu .collapse ul ul ul > li > a{background:#084973}
.btco-hover-menu .collapse ul ul ul:before{ width: 0;
height: 0;position: absolute; z-index: 1; left:2px; top:25px; content: "";border-top:10px solid transparent;border-right: 12px solid #084973;border-bottom:10px solid transparent;}
}
.wrapimage{overflow: hidden;}
.btco-hover-menu .collapse ul ul ul{padding-left: 12px; padding-top: 12px}
/**owl carousel**/
.owl-carousel .owl-item img{width: unset; max-width: 100%}
.owl-dots{text-align: center}
.owl-carousel button.owl-dot span{width: 10px; height: 10px; float: left; border-radius:100%; margin: 10px 5px; background-color: #d6d6d6 }
.owl-carousel button.owl-dot.active span{background-color: #879791}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{width: 50px; height: 50px; margin: 0 15px;border-radius: 50px;position: absolute; z-index: 2; top:calc(50% - 25px)}
.owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover{background-color:#f2f2f2;}
.owl-carousel .owl-nav button.owl-prev{background: url("../images/arrow-left.png") #fff no-repeat center; left: -70px;color:#50aff1;}
.owl-carousel .owl-nav button.owl-next{background: url("../images/arrow-right.png") #fff no-repeat center; right: -70px;color:#50aff1;}
/*Add on*/
.collapsed .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important}
.navbar-expand-lg .navbar-toggler-icon{background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNTAiIGhlaWdodD0iNTAiCnZpZXdCb3g9IjAgMCA1MCA1MCIKc3R5bGU9IiBmaWxsOiMwMDAwMDA7Ij48cGF0aCBkPSJNIDcuNzE4NzUgNi4yODEyNSBMIDYuMjgxMjUgNy43MTg3NSBMIDIzLjU2MjUgMjUgTCA2LjI4MTI1IDQyLjI4MTI1IEwgNy43MTg3NSA0My43MTg3NSBMIDI1IDI2LjQzNzUgTCA0Mi4yODEyNSA0My43MTg3NSBMIDQzLjcxODc1IDQyLjI4MTI1IEwgMjYuNDM3NSAyNSBMIDQzLjcxODc1IDcuNzE4NzUgTCA0Mi4yODEyNSA2LjI4MTI1IEwgMjUgMjMuNTYyNSBaIj48L3BhdGg+PC9zdmc+")}

.search{background-repeat: no-repeat;background-position: center center;}
.searchtop{}
.search{background-color: #05436a;}
.wraptitlepro{position: relative; display: flex; justify-content: center; border-top: 1px solid #e8e8e8;}
.titlepro{position: relative; width: max-content; color: #084469; font-size: 1.3rem; font-weight: bold; background: #fff; border: 1px solid #e8e8e8; border-radius: 30px; padding: 5px 15px; top: -1.3rem}
.titlepro img{position: relative; height: 1.3rem; margin-left: 10px; top: -2px;}
.wrapimage{max-height: 310px; text-align: center;}
.wrapimage img{max-height: 100%;}
.product-flash{background-color: #05436a;}
.titletypepro{position: relative; width: max-content; color: #05456b; font-size: 1rem;}
.titletypepro img{position: relative; height: 1.2rem; margin-left: 10px; top: -2px; display: inline-block !important;}
.icon.shortcode.box svg, .icon.shortcode.border svg {position:absolute;width:100%;height:100%;top:0;left:0;z-index: 0;}
.theme.icon, .theme.icon-a::after, .theme.icon-b::before {font-family: theme !important;}
.icon.shortcode.box, .icon.shortcode.border {padding:.6em;position:relative;min-height:1em;min-width:1em;-webkit-transition:all .5s;transition:all .5s;}
.icon.shortcode.box .char, .icon.shortcode.border .char {position:relative;}
.reasoncontent{color: #04446a;}
.reasoncontent span:first-child {display: block; text-transform: uppercase; color: #2d5674;}
.doitac{background-color: #f7f7f7;}
footer{background-image: url('../images/bg-footer.jpg');}
.leftfoot{position:relative;display:block;background:#fff;bottom:-50px;border-radius:5px;padding:25px 20px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);z-index:9;}
.logofooter{display:flex;position:relative;align-items: center;}
.logofooter img{width: 150px; border-right: 1px solid #f1f1f1;padding-right:10px;}
.logofooter span{font-size: 30px;line-height: 1.2; text-align: center; width: 100%;}
.listpro{display: block; position: relative;padding-top: 20px;padding-bottom: 10px;}
.copyright{display: block; position: relative; padding: 50px 0;}
.rightfoot{color: #fff;padding-top: 50px; font-size: 1.2rem;}
.rightfoot h3{text-transform: uppercase;font-weight: bold;}
.rightfoot i{margin-right:15px}
.listpro ul{column-count: 2; list-style: none;padding:0;font-size: 1.1rem;}
.listpro ul li{display: flex; align-items: center;}
.listpro ul li i{font-size: 2rem;}
p.termandcon{font-size: 0.9rem; color: #05436c;}
p.termandcon a{color: inherit;}
address p, email p, hotline p, workinghours p{border-left: 1px solid #fff; padding-left: 30px;margin-bottom: 15px; font-weight: bold;}
.card .wrapimg{padding:30px 30px 0 30px;}
.slidetypepro .card-body{padding: 0;display: flex; justify-content: center;}
.slidetypepro .card{box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.02), 0 0 2px 2px rgba(0, 0, 0, 0.01);border: none;}
.slidetypepro .owl-item{padding-top: 2px;padding-bottom: 2px;}
.slideflashpro button.owl-prev{left:-60px;}
.slideflashpro .card{border: none;border-radius:0;height: 100%}
.price{text-align: center;}
.price .origin{display: block; font-size: 1.3rem;color: #10b0ee;font-weight: bold;}
.price .discount{font-size: 1.3rem;color:#10b0ee;font-weight: bold;}
.card .protitle, h2.protitle{color:#172357;font-size: 1.2rem;font-weight: bold;}
.cardinfo{text-align: center;display: block;width: 100%;}
.iconnew{position: absolute;left: 15px;top: -10px;}
.slideflashpro .owl-stage-outer{padding-top: 10px;}
.product .card{border-radius:0;height: 100%}
.product .typetitle{font-size:0.8rem;color: #b3b3b3;text-transform: uppercase;}
.product .price .origin, #quickview .price .origin{display: inline-block;padding-right: 8px;}
.groupbtn{display: block;text-align: center;width: 100%;}
.groupbtn button{text-transform: uppercase; background:#144973;color: #fff;border: none;font-size: 0.8rem;padding: 5px 15px;}
.groupbtn button i{font-size: 1rem; padding-right: 10px;}
.grouplink{color: #78797b;text-transform: uppercase;margin-bottom: 0;padding-top: 10px;}
.grouplink .view, .grouplink .detail{font-size: 0.8rem;color: #78797b;padding-right: 15px;}
.discountpercent{position: absolute;width: 40px;height: 40px;border-radius: 50%;background: #f8f8f8;color: #f74917;font-weight: bold;display: flex;justify-content: center;align-items: center;right: 10px;top: 10px;}
.bntsearch{text-transform: uppercase;border: none;padding: 8px 20px;font-weight: bold;border-radius:5px;}
.bntsearch{color: #fff;background-color:#05436a;}
.searchleft input{width: 100%;height: 100%;border-radius: 5px;border: none;padding-left: 15px;color: #152352;}
.searchleft input::placeholder{color: #152352;opacity: 1;}
.searchleft select{width: 100%;height: 100%;border-radius: 5px; background-color: #fff;border: none;padding-left: 15px;color: #152352;}
.searchright .bntsearch{background-color: #fff;color: #05436a;}
.searchright input{width: 100%;height: 100%;border-radius: 5px;border: none;padding-left: 15px;color: #152352;}
.searchright input::placeholder{color: #152352;opacity: 1;}
.bannerbody{position: absolute;width: 100%;height: 100%;top: 0}
.bannerbody .breadcrumb{background: transparent; font-size: 0.9rem;}
.bannerbody .breadcrumb a{color: #fff;}
.bannerbody .bannertitle{padding-left: 1rem;color: #fff;font-size: 1.4rem;}
.page-link{background: #f1f1f1;border-color: #f1f1f1;color: #000;}
.page-item.active .page-link, .page-link:hover{background: #144973;border-color: #f1f1f1;color: #fff;}
.news .date{position: absolute;color: #fff;width:max-content;background: #144973;padding: 2px 5px;bottom: 5px;left: 5px}
.news h5.card-title{font-size: 1rem;color: #172357;}
.news .card-img-top{position: relative;}
.news .card{border-radius: 0;}
.news .datetime span{color: #fff;background: #144973;padding: 2px 5px}
.line{border-top: 1px solid #f1f1f1;}
span.titleshare{display: block;text-transform: uppercase;font-size: 0.8rem;}
#login-tab, #regist-tab{background-color: #fff;border: 0}
#login-tab i, #regist-tab i{display: block;font-size: 2.5rem;}
#login button, #register button{background-color: #05436a; border-color: #05436a;}
#pills-tab .nav-link.active{color: #0f8ed3;}
.linegray{width: 30px;position: relative;}
.linegray:after{content: "";position: absolute; width: 100%;height: 2px;background-color: #f1f1f1;bottom: 16px;}
.bgleft{background-color: #f5f5f5;}
.bgright{background-color: #dceefc;}
.bgleft address p, .bgleft email p, .bgleft hotline p, .bgleft workinghours p{border-left: 1px solid #59819b; padding-left: 30px;margin-bottom: 15px; font-weight: bold;color: #1c1c1c;}
.bgleft i{margin-right: 15px;font-size: 1.5rem;color: #0393e1;}
.bgleft address>span, .bgleft email>span, .bgleft hotline>span, .bgleft workinghours>span{text-transform: uppercase;color: #002a58;font-weight: bold;}
.bgleft h2{font-weight: bold;}
.bgright h2{font-weight: bold;}
.bgright .form-control{font-size: 0.9rem;}
.bgright .btn{background-color: #05436a; padding: 5px 30px;text-transform: uppercase;}
.iconmedia{text-align: center;position: relative;}
.iconmedia:after{position: absolute;content: ""; height: 35px;width: 1px;background-color: #7d9ab1; top: 0;right: 0px;}
.iconmedia:last-child:after{visibility: hidden;}
.iconmedia:last-child{padding-left: 10px;}
.iconmedia span img{padding-right: 10px;}
.sortby{padding: 5px 20px;background-color: #fff;color: #34667f; border: 1px solid #aaaaaa;}
.bggray{background-color: #f5f5f5;padding-top: 30px;padding-left: 60px;padding-right: 60px;}
.boximg{border: 1px solid #a7a7a7}
.product .code{display: block;}
.product .producer{position: relative; display: inline-block;width: max-content;padding-bottom: 5px;} 
.product .producer:before{position: absolute;content: ''; width: 90%;height: 1px;background-color: #003263;bottom: 0;}
.product .brief{padding-top: 15px;}
.wrapbtn{border-bottom: 1px solid #b8b8b8;padding-bottom: 15px;padding-top: 15px;}
.wrapbtn .addcart, .wrapbtn .shopnow{text-transform: uppercase;font-weight: bold;font-size: 0.9rem;margin-right: 10px;padding: 8px 15px;}
.bggray .price{text-align: left;}
.bggray .contact{margin-left: 30px;}
.contact fone{font-size: 1.2rem;color: #003668;font-weight: bold;}
.wrapbtn .addcart{background-color: #134a70;border: 1px solid #003866;color: #fff;}
.wrapbtn .shopnow{background-color: #e1e1e1;border: 1px solid #b8b8b8;color: #073050;}
.wrapbtn .shopnow i{color: #ed7c22;}
.table thead th{border: none;}
.table-bordered{border: none;}
.boxcard img{width: 70px;}
.boxcard .card, .itemcard{width: max-content;display: inline-block;}
.table-bordered td, .table-bordered th{vertical-align: middle;text-align: center;}
.shoppingcard input[type='number']{max-width: 60px;}
.shoppingcard .img{display: flex;align-items: center;}
.shoppingcard .pricecard{color: #10b0ee;}
.btnshopping, .btnupdatecard{text-transform: uppercase;font-size: 0.9rem;padding: 5px 10px;}
.btnshopping{background-color: #505050;border-color: #6c6c6c;color: #fff;}
.btnupdatecard{background-color: #044269;border-color: #abbecc;color: #fff;border-width: 1px;}
.btnshopping i{color: #f2fd83;}
.btnbook{background-color: #fe0000;padding: 8px 50px;border-width: 1px;color: #fff;text-transform: uppercase;font-weight: bold;}
.shoppingcard .typetitle{color: #b6b6b6;text-transform: uppercase;font-size: 0.8rem;}
.titleinf{position: relative; text-transform: uppercase;padding-bottom: 8px; font-weight: bold; font-size: 1rem;color: #00345c;width: max-content;}
.titleinf:before{content: ''; bottom: 0; position: absolute;width: 120%;height: 2px;background-color: #007bca;}
.customerinf, .invoiceinf{border: 1px solid #fff; background-image: linear-gradient(#c8ecff -50%, #fff 50%);padding: 30px 30px 20px 30px;box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.09);height: 100%;}
.invoiceinf .list-group-item{padding: 0.75rem 0;background: transparent;}
.list-group-flush > .list-group-item:last-child{border-bottom-width: 1px;}
.invoiceinf .price{color: #007cce;font-weight: bold;}
.bguser{background-color: #f2f2f2;}
.bguser .card{background-color: transparent;}
.buyinghistory{border: 1px solid #00adef;padding: 15px 10px 15px 10px ;color: #0d8cd3;font-weight: bold;text-transform: uppercase;font-size: 1rem;}
.titletotal{text-transform: uppercase;text-align: left !important;font-weight: bold;}
.userinf{list-style: none;position: relative;}
.userinf:last-child:before{position:absolute;content: "";width: 1px; height: 100%;background-color: #04446a;left: 0;}
.userinf:last-child:after{position:absolute;content: "";width: 1px; height: 100%;background-color: #04446a;top: 0;right: -40px;}
.btnedit i{font-size: 2rem;color: #00aee5;display: block;}
.line-through{-webkit-text-decoration-line: line-through;text-decoration-line: line-through;color: #767676!important;font-size: inherit!important;font-weight: normal!important;}
.lang>a{padding: 0}
.iconcard font{font-size: 0.8rem; color: #f00}
.autocomplete-suggestions { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: bold; color: #000; }
.autocomplete-group { padding: 2px 5px; font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; }
.wrapper-rightbot {
  position: fixed;
  z-index: 100;
  bottom: 6em;
  right: 0%;
}
.wrapper-rightbot ul {
  list-style: none;
}

.wrapper-rightbot ul li {
    width: 45px;
    height: 45px;
    position: relative;
    background: #174169;
    margin: 0px 0;
    cursor: pointer;
    border-radius: 50%;
    
}
.wrapper-rightbot ul li i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 18px;
  color: #fff;
}
.slider {
  content: "";
  position: absolute;
  top: 3px;
  right: 30px;
  width: 0px;
  height: 40px;
  background: #174169;
  border-radius: 5px;
  transition: all 0.5s 0.3s ease;
  display: flex;
    align-items: center;
    justify-content: right;
  z-index: -1;
}
.slider p {
  text-transform: uppercase;
    font-size: 0.9rem;
    font-weight: 900;
    color: #ffffff;
    text-align: right;
    line-height: normal;
    margin-right: 20px;
    margin-bottom: 0;
    opacity: 0;
    transition: all 0.6s ease;
}
.wrapper-rightbot ul li:hover i{color: #1c773e;}
.wrapper-rightbot ul li:hover .slider {
  width: 115px;
  transition: all 0.5s ease;
}
.wrapper-rightbot ul li:hover .slider p {
  opacity: 1;
  transition: all 1s 0.2s ease;
}
.top-link {
  transition: all 0.25s ease-in-out;
  position: fixed;
  z-index:100;
  bottom: 0;
  right: 0;
  display: inline-flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  margin: 0px 0em 3em 0;
  border-radius: 50%;
  padding: 0.25em;
  width: 45px;
  height: 45px;
  background-color: #174169;
}
.top-link.show {
  visibility: visible;
  opacity: 1;
}
.top-link.hide {
  visibility: hidden;
  opacity: 0;
}
.top-link svg {
  fill: #000;
  width: 24px;
  height: 12px;
  background: url(../images/cd-top-arrow.svg) no-repeat center 50%;
}
.top-link:hover {
  background-color: #268f4f;
}
.top-link:hover svg {
  fill: #000000;
}
.screen-reader-text {
  position: absolute;
  clip-path: inset(50%);
  margin: -1px;
  border: 0;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  word-wrap: normal !important;
  clip: rect(1px, 1px, 1px, 1px);
}
.screen-reader-text:focus {
  display: block;
  top: 5px;
  left: 5px;
  z-index: 100000;
  clip-path: none;
  background-color: #eee;
  padding: 15px 23px 14px;
  width: auto;
  height: auto;
  text-decoration: none;
  line-height: normal;
  color: #444;
  font-size: 1em;
  clip: auto !important;
}
.slideflashpro .owl-stage{display: flex;}
.product-sale .card{height: 100%}
/**/
/** Medium devices (mobi)**/
@media (max-width:767.98px) {
	html{font-size:14px}/*menu*/
}
/** Medium devices (tablets, less than 992px)**/
@media (min-width: 768px) and (max-width: 991.98px){
	html{font-size:12px}
}
@media (min-width:992px) and (max-width: 1199.98px) {
  html{font-size:14px}
  .navbar-brand{width: 180px}
  .right-menu{right: 15px}
  .right-menu .lang{font-size: 0}
  .navbar-light .navbar-nav .nav-link{padding: 18px 0}  
}
/* Extra large devices (large desktops, 1024px and up) máy 13in*/
@media (min-width: 1024.98px) and (max-width: 1366.98px) {
	html{font-size: 14px}
}
/** Max devices laptop **/
@media (min-width: 1367px) and (max-width: 1599.98px){
	html{font-size: 16px}
}
/** max devices desktops **/
@media (min-width: 1600px) {
}