@font-face
{
font-family: 'RobotoR';
src: url(../fonts/RobotoCondensedR.woff);
}
li{
list-style:none;
}
body
{
font-family:'RobotoR !important';
background: #fff;
}
/********** css*menu tren***********/
#cssmenu {
position: relative;
height: 50px;
width: auto;
background: none;
}
#cssmenu ul {
list-style: none;
padding: 0;
margin: 0;
line-height: 1;
}
#cssmenu > ul {
position: relative;
display: block;
width: 100%;
z-index: 500;
}
#cssmenu:after,
#cssmenu > ul:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
#cssmenu.align-right > ul > li {
float: right;
}
#cssmenu.align-center ul {
text-align: center;
}
#cssmenu.align-center ul ul {
text-align: left;
}
#cssmenu > ul > li:hover a{ color: #1C82C1;}
#cssmenu > ul > li:hover{ background:#F6F6F5}
#cssmenu > ul > li {
display: inline-block;
margin: 0;
padding: 0;
}
#cssmenu > ul > #menu-button {
display: none;
}
#cssmenu ul li a {
display: block;
font-family: 'Roboto Condensed', sans-serif;
text-decoration: none;
color: #fff;
text-transform: uppercase;
font-size: 19px;
font-size: 14px;
font-weight: bold;
padding: 15px 20px;
color: #7a8189;
text-transform: uppercase;
-webkit-transition: color 0.25s ease-out;
-moz-transition: color 0.25s ease-out;
-ms-transition: color 0.25s ease-out;
-o-transition: color 0.25s ease-out;
transition: color 0.25s ease-out;
}
#cssmenu ul li:hover ul{ opacity: 1; visibility: visible}
#cssmenu ul li a:hover{ color: #1D82C1}
#cssmenu > ul > li > a {
font-size: 13px;
font-weight: bold;
padding: 18px 20px;
color: #333;
text-transform: uppercase;
-webkit-transition: color 0.25s ease-out;
-moz-transition: color 0.25s ease-out;
-ms-transition: color 0.25s ease-out;
-o-transition: color 0.25s ease-out;
transition: color 0.25s ease-out;
}
#cssmenu > ul > li.has-sub > a {
padding-right: 32px;
}
#cssmenu > ul > li:hover > a {
color: #000;
background: #fff;
border-bottom: 2px solid red;
}
#cssmenu li.has-sub::after {
display: block;
content: "";
position: absolute;
width: 0;
height: 0;
}
#cssmenu > ul > li.has-sub::after {
right: 10px;
top: 20px;
border: 5px solid transparent;
border-top-color: #7a8189;
}
#cssmenu > ul > li:hover::after {
border-top-color: #ffffff;
}
#indicatorContainer {
position: absolute;
height: 12px;
width: 100%;
bottom: 0px;
overflow: hidden;
z-index: -1;
display: none;
}
#pIndicator {
position: absolute;
height: 0;
width: 100%;
border: 12px solid transparent;
border-top-color: #2b2f3a;
z-index: -2;
-webkit-transition: left .25s ease;
-moz-transition: left .25s ease;
-ms-transition: left .25s ease;
-o-transition: left .25s ease;
transition: left .25s ease;
}
#cIndicator {
position: absolute;
height: 0;
width: 100%;
border: 12px solid transparent;
border-top-color: #2b2f3a;
top: -12px;
right: 100%;
z-index: -2;
}
#cssmenu ul ul {
position: absolute;
left: 0;
top: 50px;
opacity: 0;
-webkit-transition: opacity .3s ease, top .25s ease;
-moz-transition: opacity .3s ease, top .25s ease;
-ms-transition: opacity .3s ease, top .25s ease;
-o-transition: opacity .3s ease, top .25s ease;
transition: opacity .3s ease, top .25s ease;
z-index: 1000;
}
#cssmenu ul ul ul {
top: 37px;
padding-left: 5px;
}
#cssmenu ul ul li {
}
#cssmenu > ul > li:hover > ul {
left: auto;
top: 44px;
opacity: 1;
}
#cssmenu.align-right > ul > li:hover > ul {
left: auto;
right: 0;
opacity: 1;
}
#cssmenu ul ul li:hover > ul {
left: 170px;
top: 0;
opacity: 1;
}
#cssmenu.align-right ul ul li:hover > ul {
left: auto;
right: 170px;
top: 0;
opacity: 1;
padding-right: 5px;
}
#cssmenu ul ul li a {
width: 200px;
border-bottom: 1px solid #eeeeee;
padding: 10px 20px;
font-size: 12px;
color: #9ea2a5;
background: #ffffff;
-webkit-transition: all .35s ease;
-moz-transition: all .35s ease;
-ms-transition: all .35s ease;
-o-transition: all .35s ease;
transition: all .35s ease;
}
#cssmenu.align-right ul ul li a {
text-align: right;
}
#cssmenu ul ul li:hover > a {
background: #f2f2f2;
color: #8c9195;
}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last > a {
border-bottom: 0;
}
#cssmenu > ul > li > ul::after {
content: '';
border: 6px solid transparent;
width: 0;
height: 0;
border-bottom-color: #ffffff;
position: absolute;
top: -12px;
left: 30px;
}
#cssmenu.align-right > ul > li > ul::after {
left: auto;
right: 30px;
}
#cssmenu ul ul li.has-sub::after {
border: 4px solid transparent;
border-left-color: #9ea2a5;
right: 10px;
top: 12px;
-moz-transition: all .2s ease;
-ms-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
-webkit-transition: -webkit-transform 0.2s ease, right 0.2s ease;
}
#cssmenu.align-right ul ul li.has-sub::after {
border-left-color: transparent;
border-right-color: #9ea2a5;
right: auto;
left: 10px;
}
#cssmenu ul ul li.has-sub:hover::after {
border-left-color: #ffffff;
right: -5px;
-webkit-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}
#cssmenu.align-right ul ul li.has-sub:hover::after {
border-right-color: #ffffff;
border-left-color: transparent;
left: -5px;
-webkit-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}
@media all and (max-width: 979px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px)
,@media (min-width: 767px) and (max-width: 979px) c {
#cssmenu {
width: auto;
}
#cssmenu.align-center ul {
text-align: left;
}
#cssmenu.align-right > ul > li {
float: none;
}
#cssmenu ul {
width: auto;
}
#cssmenu .submenuArrow,
#cssmenu #indicatorContainer {
display: none;
}
ul.open .nocsss{ float: left; margin-right:10px;}
ul.open li a.txt{ padding:10px 20px}
ul.open .wathcerts{
height: 49px;
margin: 0 10px;
line-height: 30px;
text-align: left;
padding-top: 0;
float: left;
width: 88%;
}
#cssmenu > ul {
background:#fff !important;
}
#cssmenu > ul > li {
float: none;
}
#cssmenu li,
#cssmenu > ul > li {
display: none;
}
#cssmenu ul ul,
#cssmenu ul ul ul,
#cssmenu ul > li:hover > ul,
#cssmenu ul ul > li:hover > ul,
#cssmenu.align-right ul ul,
#cssmenu.align-right ul ul ul,
#cssmenu.align-right ul > li:hover > ul,
#cssmenu.align-right ul ul > li:hover > ul {
position: relative;
left: auto;
top: auto;
opacity: 1;
padding-left: 0;
padding-right: 0;
right: auto;
}
#cssmenu ul .has-sub::after {
display: none;
}
#cssmenu ul li a {
padding: 12px 20px;
color: #333;
border-bottom:2px solid transparent
}
#cssmenu ul ul li a {
border-bottom: 2px solid transparent;
background: none;
width: auto;
padding: 8px 35px;
color :#eee;
}
#cssmenu ul ul li a:hover{
background: none;
width: auto;
padding: 8px 35px;
color: red !important
}
#cssmenu.align-right ul ul li a {
text-align: left;
}
#cssmenu ul ul li:hover > a {
background: none;
color: #8c9195;
}
#cssmenu ul ul ul a {
padding: 8px 50px;
}
#cssmenu ul ul ul a:hover {
padding: 8px 50px;
border-bottom: 2px solid transparent
}
.top-menu-subss ul li a:hover {
border-bottom: 2px solid transparent
}
#cssmenu ul ul ul ul a {
padding: 8px 65px;
}
#cssmenu ul ul ul ul ul a {
padding: 8px 80px;
}
#cssmenu ul ul ul ul ul ul a {
padding: 8px 95px;
}
#cssmenu > ul > #menu-button {
display: block;
cursor: pointer;
background: none !important
}
#cssmenu > ul > li:hover a
{
background: none !important;
color: red;
border-bottom: 2px solid transparent;
}
#cssmenu > ul > #menu-button:hover a {
background: none !important; border-bottom:2px solid transparent;
color: #333 !important
}
#cssmenu #menu-button > a {
padding: 18px 20px;
color: #333;
}
#cssmenu #menu-button:hover{
background: none !important;
color: #333;
}
#cssmenu ul.open li,
#cssmenu > ul.open > li {
display: inline-block; margin-bottom:5px;
width:100%;
}
#cssmenu > ul.open > li#menu-button > a {
color: #333;
border-bottom: 1px solid rgba(150, 150, 150, 0.1);
}
#cssmenu ul ul::after {
display: none;
}
#cssmenu #menu-button::after {
display: block;
content: '';
position: absolute;
height: 3px;
width: 25px;
padding: 6px;
border-top: 3px solid #333;
border-bottom: 3px solid #333;
right: 33px;
top: 16px;
}
#cssmenu #menu-button::before {
display: block;
content: '';
position: absolute;
height: 3px;
width: 25px;
border-top: 3px solid #333;
right: 33px;
top: 23px;
}
#cssmenu ul.open #menu-button::after,
#cssmenu ul.open #menu-button::before {
border-color: #333;
}
.top-menu-subss {
margin-top: 0;
}
.top-menu-subss ul li a {
color: #333 !important
}
.top-menu-subss ul{ display: none}
.fa.fa-chevron-up{ display:none}
.fa-chevron-down,.fa-chevron-up{
cursor: pointer;
position: absolute;
right: 39px;
top: 10px;
}
.fa-chevron-up:before,.fa-chevron-down:before {
content: "\f078";
color: #fff;
}
}
.wathcerts {
height: 97px;
margin: 0 10px;
line-height: 48px;
text-align: center;
padding-top:7px;
}
.nocsss {
display: inline-block;
height: 50px;
width: 50px;
position: relative;
text-align: center;
}
.wathcerts {
height: 97px;
margin: 0 10px;
line-height: 48px;
text-align: center;
padding-top: 7px;
}
i.fa.fa-angle-down {
color: #333;
font-size: 20px;
cursor: pointer;
position: absolute;
right: 22px;
top: 9px;
/* display:none
*/}
i.fa.fa-angle-up {
position: absolute;
right: 22px;
top: 9px;
cursor: pointer;
font-size: 20px;
color: #333;
display: none;
}
/*******************************/
html
{
min-width: 0!important;
}
body
{
min-width: 0;
}
.container{
max-width: none !important;
width: auto!important;
}
@media (min-width: 768px)
{
.container {
width: 750px!important;
}
}
@media (min-width: 992px)
{
.container {
width: 970px!important;
}
i.fa.fa-angle-up {
display: none!important;
}
i.fa.fa-angle-down {
display: none !important;
}
}
@media (min-width: 1200px)
{
.container1 {
width: 1230px!important;
}
i.fa.fa-angle-up {
display: none!important;
}
#cssmenu > ul > li {
display: inline-block;
margin: 0;
padding: 0;
}
#cssmenu ul ul
{
width: 1200px;
background: #fff;
}
#cssmenu ul ul li {
background: #ccc !important;
float: left;
width: 280px;
margin: 10px;
}
#cssmenu ul ul ul{ display: block !important; opacity: 1 }
#cssmenu ul ul li a {
width: auto;
border-bottom: 1px solid #eeeeee;
padding: 10px 20px;
font-size: 12px;
color: #333;
background: none;
-webkit-transition: all .35s ease;
-moz-transition: all .35s ease;
-ms-transition: all .35s ease;
-o-transition: all .35s ease;
transition: all .35s ease;
}
#cssmenu ul ul ul {
top: 37px;
padding-left: 5px;
position: relative !important;
}
i.fa.fa-angle-down {
display: none !important;
}
.container {
width: 1100px!important;
}
.carousel.slide.banner .carousel-inner > .item > img, .carousel-inner > .item > a > img {
width:100%;
}
.carousel.slide.banner .carousel-inner{ height:381px }
}
.header-top .conten-left
{
/* padding-top: 10px; */
}
.menutop .f-menutop .danhmuctren{
z-index: 10;
background: linear-gradient(rgb(2, 129, 66) ,rgb(50, 89, 59));
width: 100%;
}
.danhmucsp
{
padding:0;
}
.menutop .news-top .top-menu-sub
{
min-width: 200px;
height: auto;
}
.menutop .news-top .top-menu-sub >ul
{
width: 100%;
height: auto;
padding: 0!important;
}
.menutop .news-top .top-menu-sub>ul>li
{
width: 100%;
margin: 0;
}
.menutop .news-top .top-menu-sub>ul>li>a
{
color: black;
padding: 10px;
width: 100%;
}
.menutop .news-top .top-menu-sub>ul>li>a:hover
{
background: rgb(242, 242, 242);
}
.menutop .news-top .top-menu-sub>ul>li>ul{
height:auto;
}
.menutop .news-top .top-menu-backgroud
{
top: initial;
display: none;
width: 100%;
height: auto;
left: 0;
opacity: 1;
visibility: visible;
overflow: initial;
}
.menutop .f-menutop .top-menu-backgroud
{
top: 45px;
left: 0;
z-index: 10;
height: auto;
display: none;
opacity: 1;
}
.f-menutop .f-menutop-ul > li:hover .top-menu-backgroud {
opacity: 1;
visibility: visible;
display: block;
left: 0;
display: block;
}
.f-menutop .f-menutop-ul > li:hover{
display:block;
}
.f-menutop .f-menutop-ul > li:hover>a
{
color: #FFFFFF!important;
}
.menutop .f-menutop .top-menu-backgroud .top-menu-sub
{
width: auto;
min-width: 200px;
float: left;
padding-bottom: 40px;
border-bottom: 2px solid rgb(34, 103, 62);
position: initial;
height: auto;
}
.menutop .f-menutop .top-menu-backgroud .top-menu-sub>ul
{
height:auto;
}
.menutop .f-menutop .top-menu-backgroud>.topmn-bg-zoom
{
display:none;
width: 73%;
float: right;
}
.header .header-top .header-top-custom
{
background: #000000;
/* border-top: 6px solid #004; */
}
.header .header-top .header-top-custom .headd
{
border-bottom: 1px solid #353535;*/
}
.header .header-top .login-bar
{
text-align:left;
}
.header .header-top .login-bar li a
{
color: #848484;
position:relative;
font-weight: normal;
font-family: RobotoR;
box-shadow: none;
display: block;
padding: 9px 10px;
font-size: 13px;
}
.header .header-top .login-bar li:nth-child(1)>a:after
{
content:"\f007";
font-family:fontawesome;
position:absolute;
left: -5px;
color: #848484;
font-size: 13px;
top: 9px;
}
.header .header-top .login-bar li:nth-child(2)>a:after
{
content:"\f061";
font-family:fontawesome;
position:absolute;
left: -5px;
color: #848484;
font-size: 11px;
top: 11px;
}
.header .header-top .shopcart .checkorder
{
color:white;
border-top: 2px solid transparent;
display: block;
}
.header .header-top .checkordernb-show button
{
background: #333
}
.search
{
padding: 4px 0px;
}
.search .btn-search-28 .btn
{
border:none;
background-color: #484848;
border-radius: 0;
/* padding: 7px 12px; */
}
.search .btn-search-28 .btn span{
/* margin-top: -3px; */
color: #B1B1B1;
}
.search input[type="text"]
{
border:none!important;
border-radius: 0!important;
height: 27px;
background-color: black;
padding: 0;
padding-left: 15px;
width: 100%;
border: 1px solid rgb(72, 72, 72)!important;*/;
}
.search input[placeholder]
{
font-size: 12px;
font-family: arial;
}
.search .btn-search-28
{
position: absolute;
top: 0;
right: 35px;
}
.search .btn-default:hover
{
background-color: #656565;
}
.header .menutop
{
height: 50px;
margin: 0 auto;
height: auto;
/* border: 1px solid rgb(203, 203, 203); */
background: linear-gradient(rgb(2, 129, 66) ,rgb(50, 89, 59));
/* margin-bottom: 24px; */
background: none repeat scroll 0 0 #f5f5f5;
}
.menutop .news-top
{
width: 100%;
background: white;
/* margin-top: 20px; */
padding-left: 0;
background: linear-gradient(rgb(2, 129, 66) ,rgb(50, 89, 59));
height: 45px;
background: rgb(245, 245, 245);
}
.menutop .news-top .danhmuctuychon>ul>li
{
border-left: 1px solid rgba(239, 239, 239,0.3);
margin: 0;
height: 45px;
}
.menutop .news-top .danhmuctuychon>ul>li:hover .top-menu-backgroud
{
display:block;
}
.menutop .news-top .danhmuctuychon>ul>li:nth-child(1)
{
border-left: 0;
}
.menutop .news-top .danhmuctuychon>ul>li:nth-child(1) a
{
padding-left:0;
}
.menutop .news-top .danhmuctuychon>ul>li>a
{
color: #222;
padding: 0 15px !important;
font-size: 13px;
font-weight: bold;
line-height: 45px;
background: none !important;
/* margin: 0 13px; */
}
.menutop .news-top .danhmuctuychon>ul>li>a:hover
{
background: #fff !important;
border-bottom: 2px solid red;
}
.search .search-basic .form-control
{
width: 116px!important;
}
.search .search-border
{
/* border: 1px solid rgb(72, 72, 72)!important; */
width: 100%;
}
.menutop .vipadv-slide
{
margin-top: 31px;
display: none;
}
.menutop .news-top>ul>li
{
margin: 0;
height: auto;
}
.menutop .news-top>ul>li:hover
{
background: rgb(66, 66, 66);
}
.menutop .news-top>ul>li>a
{
font-size: 15px;
font-weight: normal;
padding: 13px;
line-height: 3em;
}
.slide .carousel-control
{
position:absolute;
top:40%;
width:2%;
background:none;
}
.slide .carousel-control>.fa
{
font-size: 70px;
}
.slide .carousel-control.right
{
right: 0%;
}
.slide .carousel-indicators
{
width: 100%;
float: left;
left: 0;
padding: 0;
bottom: 0;
margin-left: 5px;
}
.slide .carousel-indicators li
{
position: relative;
background: #fff;
border-radius: 30px;
box-shadow: 0 0 2px 1px rgba(0,0,0,.1);
display: block;
height: 10px;
margin: 5px 7px;
width: 10px;
transition: all 300ms ease-in-out 0s;
-webkit-transition: all 300ms ease-in-out 0s;
-moz-transition: all 300ms ease-in-out 0s;
float: left;
}
.slide .carousel-indicators li.active,.slide .carousel-indicators li:hover
{
transform: scale(2);
-webkit-transform: scale(2);
-moz-transform: scale(2);
}
.slide .carousel-indicators>li:after
{
}
.slide .carousel-indicators>li.active:after
{
opacity:1;
}
.slide .carousel-indicators li a>img
{
height:67px;
width:100px;
}
.banner-slider
{
position:relative;
}
.banner-slider #myslide
{
/* width:82%; */
}
.banner-slider .customNavigation
{
width: 100%;
}
.banner-slider .customNavigation .btn
{
position:absolute;
top: 40%;
}
.banner-slider .customNavigation .btn:active
{
box-shadow: none;
}
.banner-slider .customNavigation .nextmyslide
{
right: 0;
/* z-index:20; */
}
.banner-slider .customNavigation .fa
{
font-size:70px;
color: rgb(72, 72, 72);
}
.banner-slider #myslide .carousel-control .fa
{
font-size: 60px;
}
.banner-slider #myslide .owl-controls .owl-pagination .owl-page.active span
{
border: 1px solid white;
background: rgb(7, 124, 65);
}
.v2-home-catepr-right
{
height:auto;
}
.v2-home-catepr-left-bg
{
width:352px;
padding: 0;
}
.v2-home-catepr .nav-tabs > li > a
{
font-size: 12px;
margin: 0 2px;
text-transform: uppercase;
padding: 4px 10px !important;
border: 1px solid #eee;
color: #333;
font-weight: normal;
border-radius: 0 !important;
}
.bg_dmsp_cat .v2-home-catepr-tabul li:hover a
{
border:1px solid #fff !important;
color: #fff !important;
}
span.back-img {
left: -100%;
}
.v2-home-catepr-showul-item .f-pr-item-img .face,.v2-pr-item .v2-pr-item-img .face,
.v2-home-catepr-showul-item .v2-home-pr-item-img .face {
/* position: absolute; */
/* left: 0; */
/* top: 0px; */
/* width: 100%; */
/* height: 100%; */
display: block;
transition: left 1s;
-webkit-transition: left 1s;
-moz-transition: left 1s;
}
.v2-pr-item .v2-pr-item-img .back-img {
position: absolute;
left: 100%;
top: 0px;
width: 100%;
height: 100%;
display: block;
transition: left 1s;
-webkit-transition: left 1s;
-moz-transition: left 1s;
}
{
/********** css*menu tren***********/
#cssmenu {
position: relative;
height: 50px;
width: auto;
background: none;
}
#cssmenu ul {
list-style: none;
padding: 0;
margin: 0;
line-height: 1;
}
#cssmenu > ul {
position: relative;
display: block;
width: 100%;
z-index: 500;
}
#cssmenu:after,
#cssmenu > ul:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
#cssmenu.align-right > ul > li {
float: right;
}
#cssmenu.align-center ul {
text-align: center;
}
#cssmenu.align-center ul ul {
text-align: left;
}
#cssmenu > ul > li:hover a{ color: #1C82C1;}
#cssmenu > ul > li:hover{ background:#F6F6F5}
#cssmenu > ul > li {
display: inline-block;
margin: 0;
padding: 0;
}
#cssmenu > ul > #menu-button {
display: none;
}
#cssmenu ul li a {
display: block;
font-family: 'Roboto Condensed', sans-serif;
text-decoration: none;
color: #fff;
text-transform: uppercase;
font-size: 19px;
font-size: 14px;
font-weight: bold;
padding: 15px 20px;
color: #7a8189;
text-transform: uppercase;
-webkit-transition: color 0.25s ease-out;
-moz-transition: color 0.25s ease-out;
-ms-transition: color 0.25s ease-out;
-o-transition: color 0.25s ease-out;
transition: color 0.25s ease-out;
}
#cssmenu ul li:hover ul{ opacity: 1; visibility: visible}
#cssmenu ul li a:hover{ color: #1D82C1}
#cssmenu > ul > li > a {
font-size: 13px;
font-weight: bold;
padding: 18px 20px;
color: #333;
text-transform: uppercase;
-webkit-transition: color 0.25s ease-out;
-moz-transition: color 0.25s ease-out;
-ms-transition: color 0.25s ease-out;
-o-transition: color 0.25s ease-out;
transition: color 0.25s ease-out;
}
#cssmenu > ul > li.has-sub > a {
padding-right: 32px;
}
#cssmenu > ul > li:hover > a {
color: #000;
background: #fff;
border-bottom: 2px solid red;
}
#cssmenu li.has-sub::after {
display: block;
content: "";
position: absolute;
width: 0;
height: 0;
}
#cssmenu > ul > li.has-sub::after {
right: 10px;
top: 20px;
border: 5px solid transparent;
border-top-color: #7a8189;
}
#cssmenu > ul > li:hover::after {
border-top-color: #ffffff;
}
#indicatorContainer {
position: absolute;
height: 12px;
width: 100%;
bottom: 0px;
overflow: hidden;
z-index: -1;
display: none;
}
#pIndicator {
position: absolute;
height: 0;
width: 100%;
border: 12px solid transparent;
border-top-color: #2b2f3a;
z-index: -2;
-webkit-transition: left .25s ease;
-moz-transition: left .25s ease;
-ms-transition: left .25s ease;
-o-transition: left .25s ease;
transition: left .25s ease;
}
#cIndicator {
position: absolute;
height: 0;
width: 100%;
border: 12px solid transparent;
border-top-color: #2b2f3a;
top: -12px;
right: 100%;
z-index: -2;
}
#cssmenu ul ul {
position: absolute;
left: 0;
top: 50px;
opacity: 0;
-webkit-transition: opacity .3s ease, top .25s ease;
-moz-transition: opacity .3s ease, top .25s ease;
-ms-transition: opacity .3s ease, top .25s ease;
-o-transition: opacity .3s ease, top .25s ease;
transition: opacity .3s ease, top .25s ease;
z-index: 1000;
}
#cssmenu ul ul ul {
top: 37px;
padding-left: 5px;
}
#cssmenu ul ul li {
}
#cssmenu > ul > li:hover > ul {
left: auto;
top: 44px;
opacity: 1;
}
#cssmenu.align-right > ul > li:hover > ul {
left: auto;
right: 0;
opacity: 1;
}
#cssmenu ul ul li:hover > ul {
left: 170px;
top: 0;
opacity: 1;
}
#cssmenu.align-right ul ul li:hover > ul {
left: auto;
right: 170px;
top: 0;
opacity: 1;
padding-right: 5px;
}
#cssmenu ul ul li a {
width: 200px;
border-bottom: 1px solid #eeeeee;
padding: 10px 20px;
font-size: 12px;
color: #9ea2a5;
background: #ffffff;
-webkit-transition: all .35s ease;
-moz-transition: all .35s ease;
-ms-transition: all .35s ease;
-o-transition: all .35s ease;
transition: all .35s ease;
}
#cssmenu.align-right ul ul li a {
text-align: right;
}
#cssmenu ul ul li:hover > a {
background: #f2f2f2;
color: #8c9195;
}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last > a {
border-bottom: 0;
}
#cssmenu > ul > li > ul::after {
content: '';
border: 6px solid transparent;
width: 0;
height: 0;
border-bottom-color: #ffffff;
position: absolute;
top: -12px;
left: 30px;
}
#cssmenu.align-right > ul > li > ul::after {
left: auto;
right: 30px;
}
#cssmenu ul ul li.has-sub::after {
border: 4px solid transparent;
border-left-color: #9ea2a5;
right: 10px;
top: 12px;
-moz-transition: all .2s ease;
-ms-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
-webkit-transition: -webkit-transform 0.2s ease, right 0.2s ease;
}
#cssmenu.align-right ul ul li.has-sub::after {
border-left-color: transparent;
border-right-color: #9ea2a5;
right: auto;
left: 10px;
}
#cssmenu ul ul li.has-sub:hover::after {
border-left-color: #ffffff;
right: -5px;
-webkit-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}
#cssmenu.align-right ul ul li.has-sub:hover::after {
border-right-color: #ffffff;
border-left-color: transparent;
left: -5px;
-webkit-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}
@media all and (max-width: 979px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px)
,@media (min-width: 767px) and (max-width: 979px) c {
#cssmenu {
width: auto;
}
#cssmenu.align-center ul {
text-align: left;
}
#cssmenu.align-right > ul > li {
float: none;
}
#cssmenu ul {
width: auto;
}
#cssmenu .submenuArrow,
#cssmenu #indicatorContainer {
display: none;
}
ul.open .nocsss{ float: left; margin-right:10px;}
ul.open li a.txt{ padding:10px 20px}
ul.open .wathcerts{
height: 49px;
margin: 0 10px;
line-height: 30px;
text-align: left;
padding-top: 0;
float: left;
width: 88%;
}
#cssmenu > ul {
background:#fff !important;
}
#cssmenu > ul > li {
float: none;
}
#cssmenu li,
#cssmenu > ul > li {
display: none;
}
#cssmenu ul ul,
#cssmenu ul ul ul,
#cssmenu ul > li:hover > ul,
#cssmenu ul ul > li:hover > ul,
#cssmenu.align-right ul ul,
#cssmenu.align-right ul ul ul,
#cssmenu.align-right ul > li:hover > ul,
#cssmenu.align-right ul ul > li:hover > ul {
position: relative;
left: auto;
top: auto;
opacity: 1;
padding-left: 0;
padding-right: 0;
right: auto;
}
#cssmenu ul .has-sub::after {
display: none;
}
#cssmenu ul li a {
padding: 12px 20px;
color: #333;
border-bottom:2px solid transparent
}
#cssmenu ul ul li a {
border-bottom: 2px solid transparent;
background: none;
width: auto;
padding: 8px 35px;
color :#eee;
}
#cssmenu ul ul li a:hover{
background: none;
width: auto;
padding: 8px 35px;
color: red !important
}
#cssmenu.align-right ul ul li a {
text-align: left;
}
#cssmenu ul ul li:hover > a {
background: none;
color: #8c9195;
}
#cssmenu ul ul ul a {
padding: 8px 50px;
}
#cssmenu ul ul ul a:hover {
padding: 8px 50px;
border-bottom: 2px solid transparent
}
.top-menu-subss ul li a:hover {
border-bottom: 2px solid transparent
}
#cssmenu ul ul ul ul a {
padding: 8px 65px;
}
#cssmenu ul ul ul ul ul a {
padding: 8px 80px;
}
#cssmenu ul ul ul ul ul ul a {
padding: 8px 95px;
}
#cssmenu > ul > #menu-button {
display: block;
cursor: pointer;
background: none !important
}
#cssmenu > ul > li:hover a
{
background: none !important;
color: red;
border-bottom: 2px solid transparent;
}
#cssmenu > ul > #menu-button:hover a {
background: none !important; border-bottom:2px solid transparent;
color: #333 !important
}
#cssmenu #menu-button > a {
padding: 18px 20px;
color: #333;
}
#cssmenu #menu-button:hover{
background: none !important;
color: #333;
}
#cssmenu ul.open li,
#cssmenu > ul.open > li {
display: inline-block; margin-bottom:5px;
width:100%;
}
#cssmenu > ul.open > li#menu-button > a {
color: #333;
border-bottom: 1px solid rgba(150, 150, 150, 0.1);
}
#cssmenu ul ul::after {
display: none;
}
#cssmenu #menu-button::after {
display: block;
content: '';
position: absolute;
height: 3px;
width: 25px;
padding: 6px;
border-top: 3px solid #333;
border-bottom: 3px solid #333;
right: 33px;
top: 16px;
}
#cssmenu #menu-button::before {
display: block;
content: '';
position: absolute;
height: 3px;
width: 25px;
border-top: 3px solid #333;
right: 33px;
top: 23px;
}
#cssmenu ul.open #menu-button::after,
#cssmenu ul.open #menu-button::before {
border-color: #333;
}
.top-menu-subss {
margin-top: 0;
}
.top-menu-subss ul li a {
color: #333 !important
}
.top-menu-subss ul{ display: none}
.fa.fa-chevron-up{ display:none}
.fa-chevron-down,.fa-chevron-up{
cursor: pointer;
position: absolute;
right: 39px;
top: 10px;
}
.fa-chevron-up:before,.fa-chevron-down:before {
content: "\f078";
color: #fff;
}
}
.wathcerts {
height: 97px;
margin: 0 10px;
line-height: 48px;
text-align: center;
padding-top:7px;
}
.nocsss {
display: inline-block;
height: 50px;
width: 50px;
position: relative;
text-align: center;
}
.wathcerts {
height: 97px;
margin: 0 10px;
line-height: 48px;
text-align: center;
padding-top: 7px;
}
i.fa.fa-angle-down {
color: #333;
font-size: 20px;
cursor: pointer;
position: absolute;
right: 22px;
top: 9px;
/* display:none
*/}
i.fa.fa-angle-up {
position: absolute;
right: 22px;
top: 9px;
cursor: pointer;
font-size: 20px;
color: #333;
display: none;
}
/*******************************/
html
{
min-width: 0!important;
}
body
{
min-width: 0;
}
.container{
max-width: none !important;
width: auto!important;
}
@media (min-width: 768px)
{
.container {
width: 750px!important;
}
}
@media (min-width: 992px)
{
.container {
width: 970px!important;
}
i.fa.fa-angle-up {
display: none!important;
}
i.fa.fa-angle-down {
display: none !important;
}
}
@media (min-width: 1200px)
{
.container1 {
width: 1230px!important;
}
i.fa.fa-angle-up {
display: none!important;
}
#cssmenu > ul > li {
display: inline-block;
margin: 0;
padding: 0;
}
#cssmenu ul ul
{
width: 1200px;
background: #fff;
}
#cssmenu ul ul li {
background: #ccc !important;
float: left;
width: 280px;
margin: 10px;
}
#cssmenu ul ul ul{ display: block !important; opacity: 1 }
#cssmenu ul ul li a {
width: auto;
border-bottom: 1px solid #eeeeee;
padding: 10px 20px;
font-size: 12px;
color: #333;
background: none;
-webkit-transition: all .35s ease;
-moz-transition: all .35s ease;
-ms-transition: all .35s ease;
-o-transition: all .35s ease;
transition: all .35s ease;
}
#cssmenu ul ul ul {
top: 37px;
padding-left: 5px;
position: relative !important;
}
i.fa.fa-angle-down {
display: none !important;
}
.container {
width: 1170px!important;
}
.carousel.slide.banner .carousel-inner > .item > img, .carousel-inner > .item > a > img {
width:100%;
max-height:350px !important;
}
.carousel.slide.banner .carousel-inner{ height:350px }
}
.header-top .conten-left
{
padding-top: 10px;
}
.menutop .f-menutop .danhmuctren{
z-index: 10;
background: linear-gradient(rgb(2, 129, 66) ,rgb(50, 89, 59));
width: 100%;
}
.danhmucsp
{
padding:0;
}
.menutop .news-top .top-menu-sub
{
min-width: 200px;
height: auto;
}
.menutop .news-top .top-menu-sub >ul
{
width: 100%;
height: auto;
padding: 0!important;
}
.menutop .news-top .top-menu-sub>ul>li
{
width: 100%;
margin: 0;
}
.menutop .news-top .top-menu-sub>ul>li>a
{
color: black;
padding: 10px;
width: 100%;
}
.menutop .news-top .top-menu-sub>ul>li>a:hover
{
background: rgb(242, 242, 242);
}
.menutop .news-top .top-menu-sub>ul>li>ul{
height:auto;
}
.menutop .news-top .top-menu-backgroud
{
top: initial;
display: none;
width: 100%;
height: auto;
left: 0;
opacity: 1;
visibility: visible;
overflow: initial;
}
.menutop .f-menutop .top-menu-backgroud
{
top: 45px;
left: 0;
z-index: 10;
height: auto;
display: none;
opacity: 1;
}
.f-menutop .f-menutop-ul > li:hover .top-menu-backgroud {
opacity: 1;
visibility: visible;
display: block;
}
.menutop .f-menutop .top-menu-backgroud .top-menu-sub
{
width: auto;
min-width: 200px;
float: left;
padding-bottom: 40px;
border-bottom: 2px solid rgb(34, 103, 62);
position: initial;
height: auto;
}
.menutop .f-menutop .top-menu-backgroud .top-menu-sub>ul
{
height:auto;
}
.menutop .f-menutop .top-menu-backgroud>.topmn-bg-zoom
{
display:none;
width: 73%;
float: right;
}
.header .header-top .header-top-custom
{
background: #fff; border-top: 6px solid #004;
}
.header .header-top .login-bar li a
{
color: rgb(77, 77, 77);
}
.header .header-top .shopcart .checkorder
{
color:white;
}
.header .header-top .checkordernb-show button
{
background: rgb(2, 128, 66);
}
.search
{
padding:5px 0px;
}
.search .btn-search-28 .btn
{
border:none;
}
.search input[type="text"]
{
border:none!important;
border-radius: 0!important;
}
.search .btn-search-28
{
position: absolute;
top: 0;
right: 0;
}
.search .btn-default:hover
{
background:none;
}
.header .menutop
{
height: 50px;
margin: 0 auto;
height: auto;
/* border: 1px solid rgb(203, 203, 203); */
background: linear-gradient(rgb(2, 129, 66) ,rgb(50, 89, 59));
/* margin-bottom: 24px; */
background: none repeat scroll 0 0 #f5f5f5;
}
.menutop .news-top
{
width: 100%;
background: white;
/* margin-top: 20px; */
padding-left: 0;
background: linear-gradient(rgb(2, 129, 66) ,rgb(50, 89, 59));
height: 45px;
background: rgb(245, 245, 245);
}
.menutop .news-top .danhmuctuychon>ul>li
{
border-left: 1px solid rgba(239, 239, 239,0.3);
margin: 0;
height: 45px;
}
.menutop .news-top .danhmuctuychon>ul>li:hover .top-menu-backgroud
{
display:block;
}
.menutop .news-top .danhmuctuychon>ul>li:nth-child(1)
{
border-left: 0;
}
.menutop .news-top .danhmuctuychon>ul>li:nth-child(1) a
{
padding-left:0;
}
.menutop .news-top .danhmuctuychon>ul>li>a
{
color: #222;
padding: 0 15px !important;
font-size: 13px;
font-weight: bold;
line-height: 45px;
background: none !important;
/* margin: 0 13px; */
}
.menutop .news-top .danhmuctuychon>ul>li>a:hover
{
background: #fff !important;
border-bottom: 2px solid red;
}
.search .search-basic .form-control
{
width: 116px!important;
}
.search .search-border
{
border: 1px solid rgb(215, 215, 215)!important;
}
.menutop .vipadv-slide
{
margin-top: 31px;
display: none;
}
.menutop .news-top>ul>li
{
margin: 0;
height: auto;
}
.menutop .news-top>ul>li:hover
{
background: rgb(66, 66, 66);
}
.menutop .news-top>ul>li>a
{
font-size: 15px;
font-weight: normal;
padding: 13px;
line-height: 3em;
}
.slide .carousel-control
{
position:absolute;
top:40%;
width:2%;
background:none;
}
.slide .carousel-control>.fa
{
font-size: 70px;
}
.slide .carousel-control.right
{
right: 0%;
}
.slide .carousel-indicators
{
display:inline-block;
width: auto;
height: 100%;
margin: 0;
POSITION: absolute;
top: 0;
right: 0;
left: auto;
}
.slide .carousel-indicators li
{
float:none;
display: block;
width: 100%;
height: 24%;
margin: 2%;
border-radius: 0;
padding:5px;
border: 2px solid rgb(210, 210, 210);
position: relative;
}
.slide .carousel-indicators li.active
{
border: 2px solid rgb(94, 94, 94);
}
.slide .carousel-indicators>li:after
{
content:"";
position:absolute;
top: 15px;
left: -20%;
opacity: 0;
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #5E5E5E; border-style: solid; border-width: 22px 0 20px 20px;
display: block;
transform: rotate(180deg);
}
.slide .carousel-indicators>li.active:after
{
opacity:1;
}
.slide .carousel-indicators li a>img
{
height:67px;
width:100px;
}
.banner-slider
{
position:relative;
}
.banner-slider #myslide
{
width:82%;
}
.banner-slider .customNavigation
{
width: 100%;
}
.banner-slider .customNavigation .btn
{
position:absolute;
top: 40%;
}
.banner-slider .customNavigation .btn:active
{
box-shadow: none;
}
.banner-slider .customNavigation .nextmyslide
{
right: 17%;
/* z-index:20; */
}
.banner-slider .customNavigation .fa
{
font-size:70px;
color: rgb(0, 111, 41);
}
.banner-slider #myslide .carousel-control .fa
{
font-size: 60px;
}
.banner-slider #myslide .owl-controls .owl-pagination .owl-page.active span
{
border: 1px solid white;
background: rgb(7, 124, 65);
}
.v2-home-catepr-right
{
height:auto;
}
.v2-home-catepr-left-bg
{
width:352px;
padding: 0;
}
.v2-home-catepr .nav-tabs > li > a
{
font-size: 12px;
margin: 0;
text-transform: uppercase;
padding: 4px 10px !important;
border: 1px solid #eee;
color: #333;
font-weight: normal;
border-radius: 0 !important;
}
.bg_dmsp_cat .v2-home-catepr-tabul li:hover a
{
border:1px solid #fff !important;
color: #fff !important;
}
.v2-home-catepr-showul-item .f-pr-item-img .face {
position: absolute;
left: 0;
top: 0px;
width: 100%;
height: 100%;
display: block;
transition: left 1s;
-webkit-transition: left 1s;
-moz-transition: left 1s;
}
.v2-home-catepr-showul-item .f-pr-item-img img
{
height: auto;
padding: 0
}
.v2-home-catepr-showul-item .f-pr-item-img .back-img {
left: 100%;
}
.v2-home-catepr-showul-item .f-pr-item-img{ height:278px}
.v2-home-catepr-showli .v2-home-catepr-showul-item
{
height: 100%;
background: #fff;
margin: 15px;
}
.bg_dmsp_cat .v2-home-catepr-tabul li:hover {
/* border: none !important; */
/* border-color: aliceblue; */
background: none !important;
border: none !important;
}
.v2-home-catepr-tabul li:hover a
{
color: rgb(176, 176, 176);
}
.v2-home-catepr-title
{
background: rgb(255, 255, 255);
}
.v2-home-catepr-title a span
{
text-transform: uppercase;
overflow: hidden;
white-space: nowrap;
font-size: 24px;
text-overflow: ellipsis;
}
.v2-home-catepr .nav-tabs > li > a:After
{
display:none;
}
.v2-home-catepr .nav-tabs > li
{
/* float: left; */
width: auto;
border-right: none !important;
min-height: 10px;
display: inline-block;
float: none !important;
}
.v2-pr-item:hover
{
border:none;
}
.v2-pr-item-img {
height: 370px;
overflow: hidden;
position: relative;
}
.v2-pr-item{
border: none !important;
height: 455px;
}
.v2-pr-item-action
{
display: none;
}
.v2-pr-item-boxdetail h2:hover{ color: red}
.v2-pr-item-boxdetail h2 {
margin: 0;
font-size: 14px;
font-weight: 500;
padding: 0;
text-align: center;
color: #565656;
margin-top: 9px;
height: 37px;
line-height: 18px;
overflow: hidden;
text-transform: lowercase;
}
.v2-pr-item-price {
display: inline-block;
font-weight: 600;
color: #F00;
margin: 0;
font-size: 17px;
}
.v2-pr-item-action a.v2-pr-item-action-detail
{
background: rgb(94, 94, 94);
border:1px solid white;
}
.v2-pr-item-action button.v2-pr-item-action-buy
{
background: rgb(94, 94, 94);
border:1px solid white;
}
.v2-home-catepr-showul-item .f-pr-item-action .btndetail
{
background-color: #fff;
border: 1px solid silver;
width: 37px;
height: 35px;
padding: 0;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}
.glyphicon-info-sign:before {
content: "\e086";
color: #333;
font-size: 13px;
line-height: 31px;
}
.fa-thumbs-up:before {
content: "\f164";
color: #333;
font-size: 13px;
line-height: 31px;
}
.v2-home-catepr-showul-item .f-pr-item-action .bncquickbuy
{
border: 1px solid white;
background-color: rgb(94, 94, 94);
}
.v2-home-catepr-showul-item .f-pr-item-action .btn-warning
{
background-color: #fff;
border: 1px solid silver;
width: 37px;
height: 35px;
padding: 0;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}
.fa-exchange:before {
content: "\f0ec";
color: #333;
}
.v2-home-catepr-showul-item .f-pr-item-action .like-product
{
background-color: #fff;
border: 1px solid silver !important;
width: 37px;
height: 35px;
padding: 0;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
margin:0 3px;
}
.v2-home-catepr-showul-item .f-pr-item-action .quickview
{
background-color: rgb(94, 94, 94);
display: none;
}
.v2-home-catepr-left-mn
{
width: 100%;
height: auto;
/* min-height: 122px; */
border-bottom: none !important;
padding: 0;
position: relative;
}
.v2-home-catepr-3tab
{
display:none;
}
.v2-home-catepr .nav-tabs
{
text-align: center;
margin: auto; margin-top: 25px;
height: 28px;
}
.v2-home-catepr-left
{
height: auto;
}
.v2-home-catepr-title i
{
display:none;
}
.v2-home-catepr-title a
{ float: none !important;
/* padding-left: 15px; */
width: 100% !important;
text-align: center;
background: none !important; padding:5px;
position: relative;
}
.v2-home-catepr-title a span
{
position: relative;
padding-bottom: 11px;
}
.v2-home-catepr-title a span:before
{
content: '';
height: 1px;
width: 65px;
position: absolute;
bottom: 2px;
left: 50%;
margin-left: -32px;
background: #333;
z-index: 11;
}
.v2-home-catepr .nav-tabs > li.active{
background : none !important;
border-right: none !important;
}
.v2-home-catepr .nav-tabs > li.active > a
{
background: #fafafa !importants;
border: 1px solid #999!important;
color: #333 !important;
padding: 4px 10px !important;
border-radius: 0 !important;
text-transform: uppercase;
font-weight: normal;
}
.v2-home-catepr-title a:after
{
content:"";
position: absolute;
border-left: 25px solid transparent;
border-top: 25px solid #FFFFFF;
left: 188px;
transform: rotate(-135deg);
bottom: 7px;
display: none !important
}
.v2-tabhome .customNavigation
{
position:absolute;
top: 0;
right: 0;
}
.v2-tabhome .customNavigation .btn:active
{
box-shadow:none;
}
.v2-tabhome .customNavigation .btn:hover{
background: rgb(94, 94, 94);
}
.v2-tabhome .customNavigation .btn:hover i
{
color:white;
}
.v2-tabhome .owl-controls
{
display:none!important;
}
.v2-tabhome .customNavigation .btn i
{
font-size: 25px;
color: rgb(150, 150, 150);
}
.v2-tabhome,.v2-home-catepr
{
position: relative;
height: auto;
margin-bottom: 15px;
margin-top:10px;
}
.v2-tabhome
{
margin-bottom:0;
}
.v2-home-pr-item-price-gr
{
border-bottom: 0;
text-align: center;
margin-top: 10px;
padding-left: 5px;
}
.v2-home-pr-item-boxdetail h2
{
text-transform: capitalize;
font-size: 14px;
line-height: 19px;
height: 37px;
text-align: center;
overflow: hidden;
}
.v2-home-pr-item-price {
display: inline-block;
font-weight: 600;
color: #10c000;
margin: 0;
font-size: 17px;
}
.v2-home-catepr-left-bg img {
width: 370px;
height: 440px;
display: none;
}
.v2-home-pr-item-saleof {
position: absolute;
top: 0;
right: 0;
z-index: 1;
background: red !important;
font-size: 15px;
color: #FFF;
font-weight: 600;
padding: 1px 5px;
}
.v2-home-pr-item-img {
height: 370px;
overflow: hidden;
position: relative;
}
.v2-home-pr-item{ height: 475px}
.v2-tabhome .v2-home-pr-item
{
border: none !important;
margin:10px;
}
.v2-tabhome .v2-home-pr-item:hover
{
border: none !important
}
.v2-tabhome .v2-tabhome-name
{
display:none;
}
.v2-tabhome #f-pr-tab-home
{
float:left;
margin-top: 0;
}
.v2-tabhome #f-pr-tab-home>li>a
{
padding: 10px 15px;
font-size: 15px;
BACKGROUND: rgb(242, 242, 242);
}
.v2-tabhome #f-pr-tab-home>li>a:hover,
.v2-tabhome #f-pr-tab-home>li>a:focus
{
background: rgb(94, 94, 94);
}
.v2-tabhome .v2-tab-home-ul li.active a, .v2-tabhome .v2-tab-home-ul li.active a:focus,
.v2-tabhome .v2-tab-home-ul li.active a:hover
{
background: rgb(7, 124, 65);
}
.v2-tabhome .v2-tab-home-ul li.active a
{
background:red !important;
}
.f-product-view .f-pr-view-info ul li.giasi
{
color:red;
font-weight:bold;
}
.v2-home-catepr-showul-item .f-pr-otherdetail.show-otherdetail
{
display:block;
position: absolute;
bottom: 23px;
width: 100%;
}
.v2-home-catepr-showul-item .f-pr-otherdetail.show-otherdetail>ul>li>span
{
width:50%;
}
.v2-home-catepr-showul-item .f-pr-otherdetail.show-otherdetail>ul>li>span:nth-child(1)
{
padding-left: 20%;
}
.v2-home-catepr-showul-item .f-pr-otherdetail.show-otherdetail>ul>li>span:nth-child(2)
{
color: rgb(240, 71, 71);
text-align: left;
padding: 0;
}
.f-miniCart-miniv2-toolbar
{
background: none;
}
.miniv2-toolbar-barclick
{
color: white;
font-size: 13px;
background: rgb(34, 34, 34);
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.miniv2-toolbar-barclick:hover
{
background: rgb(0, 166, 84);
}
.v2-gotop
{
background: rgb(34, 34, 34);
}
.f-video-tab-home li.active a
{
background: rgb(94, 94, 94);
}
.f-video .f-video-item .f-video-item-title
{
background: red;
}
.f-video .f-video-item:hover .f-video-item-title
{
background: rgb(34, 34, 34);
}
.f-center-module .f-center-title span
{
background: none;
color: #333;
margin-left: 0;
padding: 9px;
text-transform: uppercase;
font-size: 24px;
font-weight: bold;
float: none;
}
.social-share
{
width:200px; display: none;
}
.f-menutop
{
/* background: rgb(2, 128, 66)!important; */
background: linear-gradient(rgb(2, 129, 66) ,rgb(50, 89, 59))!important;
width: 100%!important;
height: auto!important;
}
.f-menutop .navbar-nav>li
{
border-right: 1px solid rgb(165, 165, 165);
}
.f-menutop .navbar-nav>li:nth-child(6)
{
border-right:none;
}
.f-menutop .f-menutop-ul > li > a.firstlink:hover
{
background: rgb(0, 128, 58);
color: rgb(215, 215, 215);
}
.f-menutop .f-menutop-ul > li > a.firstlink
{
width: auto;
font-size: 12px;
/* margin-top: -30px; */
color: white;
border-bottom: none;
padding: 12px 10px 12px 10px;
}
.f-menutop .f-menutop-ul > li>i
{
display: none;
position: absolute;
right: 30px;
top: -5px;
color: white;
padding: 10px;
cursor: pointer;
}
.f-menutop .f-menutop-ul > li > a.firstlink:after
{
display:none;
}
.viewlist .v2-pr-item-boxdetail
{
width: 75%;
margin-top: 0;
text-align: center;
min-height: 50px;
margin-left: 15px;
}
.viewlist .v2-pr-item-boxdetail h2{ margin-top: 0}
.viewlist .v2-pr-item-saleof{ background : red}
.f-product .short_info{ display: none !important}
.short_info {
float: left;
width: 75%;
margin-left: 15px;
margin-top: 26px;
font-size: 12px;
}
.viewlist a.v2-pr-item-action-detail {
margin-left: 0 !important;
}
.viewlist .v2-pr-item-action
{
top: 0px;
right: 0;
margin: 0 auto;
position: absolute;
}
.row-offcanvas-left
{
margin:0;
}
.row_logo_bottom .header-logo-bottom
{
margin-bottom: 20px;
}
.row_logo_bottom h3
{
padding: 8px;
display: inline-block;
position:relative;
background: rgb(94, 94, 94);
color: white;
margin: 0;
}
.row_logo_bottom h3:after
{
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #5E5E5E;
border-style: solid;
border-width: 22px 0 20px 20px;
content: "";
position: absolute;
right: -20px;
top: 0;
}
.f-product-view-info .button-small
{
background: rgb(24, 111, 63);
border-radius: 5px;
}
.f-block.dmtc {
background: none;
}
.f-block.dmtc .f-block-body ul.f-block-news-menu>li:hover a
{
background : none !important; padding-left: 0 !important; color: red !important
}
.f-product-chooseview a
{
color: #777;
}
.btn-success {
color: #ffffff;
background-color: #5cb85c;
border-color: #fff !important;
}
.f-product-view .f-product-view-tab .f-product-view-tab-header > ul li.active a,
.viewlist .v2-pr-item-action .v2-pr-item-action-detail,
.slider-price .noUi-connect,
.f-pagging ul li.active a,
.v2-filterpr .btn-success,
.v2-home-pr-item-action-viewq,
.v2-home-pr-item-action .v2-home-pr-item-action-detail,
.v2-home-catepr-showul-item .f-pr-item-saleof,
.f-product .f-pr-item .f-pr-item-boxdetail .f-pr-item-action a.btn
{
background: red;
height: 5px;
/* width: 40px; */
/* border-radius: 100%; */
/* line-height: 40px; */
/* font-size: 14px; */
/* text-align: center; */
height: 100%;
}
.v2-home-catepr-showul-item .f-pr-item-saleof
{
top: 10px;
height: 25px;
line-height: 25px;
}
.productbreadcrumb .breadcrumb a,
.f-product-view .f-product-view-info .f-product-view-info-detail .f-product-view-name span,
.f-page-split .f-page-split-title,
.v2-tab-home-ul li a,
.f-module-page .f-module-page-title span
{
color: rgb(71, 71, 71);
}
.f-module-page .f-module-page-title span
{
border-bottom: none !important
}
.f-module-page .f-module-page-title span
{
font-size: 22px;
}
.v2-home-pr-item-action .v2-home-pr-item-action-buy
{
background: rgb(94, 94, 94);
display: none !important
}
.f-miniCart-miniv2 .miniv2-toolbar-name
{
/* margin-top: 65px; */
}
.f-miniCart-miniv2 .miniCartItem
{
list-style:none;
}
.row_logo_bottom #owldoitacduoi .owl-item
{
border-radius: 5px;
margin: 1px;
}
.f-block .f-block-body {
background: none;
}
.f-block {
margin-bottom: 10px;
background: none repeat scroll 0 0 #f5f5f5;
padding: 7px;
}
.f-block .f-block-title span {
font-size: 16px;
color: #333;
font-weight: bold;
text-transform: uppercase;
display: block;
padding-left: 14px;
border-bottom: 1px solid #ddd;
}
.f-block .f-block-body ul.f-block-news-menu>li {
line-height: 30px;
background: none;
border-bottom: 1px dotted #ccc;
position: relative;
}
.f-block .f-block-title {
min-height: 40px;
line-height: 38px;
background: none;
border-bottom: none;
position: relative;
}
.f-block .f-block-title:after {
position: absolute;
content: '';
top: 16px;
left: 0;
width: 5px;
height: 5px;
background: none;
-ms-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.row_logo_bottom #owldoitacduoi .owl-item .item-doitac-duoi img
{
width: 93%;
border: 1px solid rgb(205, 205, 205);
padding: 10px;
border-radius: 5px;
height: 130px;
}
.v2-hometab-news-28
{
padding:0;
margin-top:20px;
display: table;
margin-bottom: 0;
}
.v2-hometab-news-28 .tab-content #tab2 .v2-hometab-news-small-item
{
margin-top:0;
height: auto;
}
.v2-hometab-news-28 .tab-content ul
{
margin-bottom:0;
padding-top:15px;
}
.v2-home-catepr-showul-item .f-pr-item-name
{
height:auto;
}
.sp_home_123 .v2-home-pr-item-action-viewq
{
background: rgb(94, 94, 94) !important;
border-radius: 0 !important;
width: 96px;
height: 30PX;
line-height: 22px;
font-size: 12px;
top:35%;
left: 25%;
}
.f-center-module
{
margin-top:20px;
MARGIN-BOTTOM: 20PX;
}
.v2-hometab-news-28 .tab-content ul>li
{
background:white;
}
.v2-hometab-news-28 .f-news-item-title h2
{
font-size: 18px;
margin-bottom: 5px;
text-align: center;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: rgb(63, 63, 63);
}
.v2-hometab-news-28 .v2-hometab-news-small-title h2
{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin-bottom: 5px;
display: block;
height: auto;
}
.v2-hometab-news-28 .v2-hometab-news-small-title .v2-hometab-news-small-sum,
.v2-hometab-news-28 .f-news-item-title p
{
line-height: 1.2em;
font-size: 12px;
margin-bottom: 10px;
}
.v2-hometab-news-28 .nav-tabs,
.v2-hometab-news-28 .nav-tabs > li > a,
.v2-hometab-news-28 .nav-tabs > li > a:hover,
.v2-hometab-news-28 .nav-tabs > li > a:active,
.v2-hometab-news-28 .nav-tabs > li > a:focus
{
border: 0;
border-radius:0;
}
.v2-hometab-news-28 .nav-tabs > li
{
cursor: pointer;
margin-right: 5px;
background: rgb(242, 242, 242)
}
.v2-hometab-news-28 .nav-tabs > li > a
{
color: #333;
text-transform: uppercase;
background: none;
}
.v2-hometab-news-28 .v2-hometab-news-big-img img
{
margin:0 auto;
}
.v2-hometab-news-28 .nav-tabs > li.active a
{
background: red;
color: white;
text-transform: uppercase;
font-weight: normal;
margin-right: 0px;
}
.f-product-view .f-product-view-info .f-product-view-info-image
{
padding-left:10px;
}
.comment-face
{
width:95%;
margin:0 auto;
margin-top:20px;
}
/*///////////////////////////////////////////////// custom 34*/
.v2-home-catepr-showul-item .f-pr-item-name h2:hover{ color: red}
.v2-home-catepr-showul-item .f-pr-item-name h2
{
font-size: 12px;
margin-top: 0px;
text-transform: uppercase;
height: 37px;
}
.v2-home-catepr-showul-item .f-pr-item-action
{
background: rgba(0, 0, 0, 0);
bottom: 12px;
position: absolute;
transform: translate3d(0, 40px, 0px);
transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
-webkit-transform: translate3d(0, 40px, 0px);
-webkit-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
-moz-transform: translate3d(0, 40px, 0px);
-moz-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
opacity: 0;
left: auto;
width: 100%;
}
.v2-home-catepr-showul-item:hover .f-pr-item-action
{
opacity: 1;
transform: translate3d(0px, 0, 0px);
-webkit-transform: translate3d(0px, 0, 0px);
-moz-transform: translate3d(0px, 0, 0px);
height: auto
}
.v2-home-catepr-showul-item .f-pr-item-price-gr
{
text-align: center;
}
.v2-home-catepr-showul-item .f-pr-item-price-gr >p
{
font-size: 17px;
font-weight: bold;
}
.v2-home-catepr-showul-item .f-pr-item-old-price {
text-decoration: line-through;
font-size: 12px !important;
color: #A1A1A1;
font-weight: bold !important;
}
.v2-home-catepr-right
{
padding:20px 0;
}
.v2-home-catepr-showul .v2-home-catepr-showli .v2-home-catepr-showul-item
{
border: none;
border-width: 0!important;
overflow: hidden;
}
.f-block .f-block-body ul.f-block-news-menu>li ul
{
position: inherit;
left: 0;
width: 100%;
}
.f-block .f-block-body ul.f-block-news-menu>li:hover >ul
{
display:block;
}
.header .header-banner
{
background: #fff;
}
.f-ctn-left
{
padding-left: 0;
}
.f-ctn-banner
{
padding: 0;
margin-bottom: 20px;
display: table;
}
.banner-slider #myslide .owl-controls
{
display: none!important;
}
.banner-slider .owl-controls
{
position: absolute;
top: 0;
right: 0;
}
.banner-slider .owl-controls .page
{
width: 150px;
height: 100px;
padding: 10px;
}
.f-ctn-banner-banner
{
padding: 0;
}
.f-ctn-center
{
padding:0;
}
.f-ctn-right
{
margin-top:20px;
border-right:0;
padding-right:0;
}
.f-ctn-banner-danhmuc
{
overflow: overlay;
position: relative;
padding-left: 0;
}
.f-ctn-banner-danhmuc .f-block-body
{
height: 281px;
}
.f-ctn-doitacduoi
{
padding: 0;
}
.f-video-tab-home li a
{
background: rgb(66, 66, 66);
color: white;
}
/* custom 34//////////////////////////////////////////////////////*/
.sp-block-qc .f-block-title
{
display:none;
}
.sp-block-qc .f-block-body>ul>li:after
{
display:none;
}
.sp-block-qc .f-block-body>ul>li a>img
{
width:100%;
}
.v2-home-catepr-title:after
{
content:"";
position: absolute;
left: -12px;
bottom: -7px;
border-left: 12px solid transparent;
border-top: 7px solid #454545;
transform: rotate(360deg);
display: none !important;
}
.v2-home-catepr-title:before
{
content:"";
width: 12px;
height: 38px;
background: rgb(94, 94, 94);
position: absolute;
left: -12px;
display: none !important
}
.f-footer
{
background: #000
}
.copyright {
margin: auto;
text-align: center;
color: #fff;
font-family: arial;
font-size: 10px;
/* margin-top: 10px; */
text-transform: uppercase;
display: block;
/* width: 199px; */
background: #000;
/* margin-bottom: 10px; */
padding: 5px;
width: 100%;
}
span#copy_right_button {
display: none;
}
.f-footer #menu .navbar-nav>li>a
{
color: #fff;
padding: 0px 10px;
font-size: 12px;
text-transform: uppercase;
margin-top: -5px;
font-weight: bold;
}
.f-footer #menu
{
margin-bottom:0;
/* padding-top: 5px; */
background: #000;
min-height: 0;
}
.f-footer #menu .navbar-nav
{
margin: 15px 0;
}
.f-footer #menu .navbar-nav>li
{
border-right:1px solid white;
height: 10px;
}
.f-footer #menu .navbar-nav>li:nth-child(6)
{
border-right:none;
}
.f-footer #menu .navbar-nav>li>a:hover
{
background: rgb(165, 165, 165);
}
.f-footer .f-footer-info
{
background:none;
height:auto;
color: rgb(118, 118, 118)!important;
}
.f-footer .copyright{
display:none;
}
.carousel.slide.banner .carousel-inner > .item > img, .carousel-inner > .item > a > img {
width:100%
}
.short_info_slide {
text-align: left;
position: absolute;
width: 50%;
left: 10%;
bottom: 10%;
}
h3 a.name {
/* border: 1px solid #fff; */
color: #fff;
text-transform: uppercase;
font-size: 35px;
/* padding: 5px 20px; */
font-family: Times New Roman;
font-weight: bold
}
p.short_nd {
color: #fff;
font-size: 12px;
margin-top: 10px;
text-transform: uppercase;
}
a.chitiet:hover{ background: red; color: #fff}
a.chitiet{
color: #fff;
font-size: 23px;
text-transform: uppercase;
padding: 10px 0 5px 0;
font-family: Times New Roman;
border-bottom: 4px double #fff;
}
.f-block .f-block-body ul.f-block-news-menu.block_tc>li:after {
position: absolute;
top: 16px;
left: 5px;
content: '';
width: 5px;
height: 5px;
background: none !important
}
li.col-md-4.col-sm-6.col-xs-12.dmct_tt_3 {
}
li.col-md-4.col-sm-6.col-xs-12.dmct_tt_1 {
}
.f-block-body.dmtc_tt{
margin-top: 10px; margin-bottom: 10px;
}
.nc_tc_dm {
position: absolute;
top: 24%;
width: 100%;
padding-right: 15px;
text-align: center;
}
.nc_tc_dm h3 a {
color: #fff;
text-shadow: 1px 1px 2px #333;
text-transform: uppercase;
font-weight: bold;
font-size: 26px;
}
.nc_tc_dm p {
color: #fff;
text-shadow: 1px 1px 1px #333;
font-size: 12px;
font-family: georgia;
font-style: italic;
line-height: 18px;
width: 70%;
left: 0;
right: 0;
margin: auto;
}
a.path_tc {
color: red;
font-size: 12px;
font-weight: bold;
}
ul.f-block-news-menu.no-margin.no-padding.block_tc li {
border-bottom: none;
}
.dmct_tt img {
position: relative;
-webkit-transition-duration: 0.5s!important;
transition-duration: 0.5s!important;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transform: translateZ(0);
transform: translateZ(0);
/* max-width: 387px !important; */
/* max-height: 230px !important; */
margin: auto
}
.dmct_tt:hover img {
transform: scale(1.2);
-webkit-transform: scale(1.2);
}
.dmct_tt_tt {
overflow: hidden;
}
a.btn.prevPro0 {
border: 1px solid #ccc;
}
a.btn.nextPro0 {
border: 1px solid #ccc;
}
a.v2-home-pr-item-action-detail {
display: none !important;
}
.bg_dmsp_cat .v2-home-catepr-right
{
background: none !important;
margin-bottom: 33px
}
.bg_dmsp_cat .v2-home-catepr-left{ background: none !important}
.bg_dmsp_cat .v2-home-catepr-title
{
background: none !important;
text-align: center;
margin: 10px auto;
}
.bg_dmsp_cat .v2-home-catepr-left-mn{ background: none !important}
.v2-home-pr-item-compare{ display: none !important}
/******Tin t?c**********/
.parent_tab{ background: red}
.f-news-item h2 a:hover{ color: red}
.f-news-item h2 a {
color: #333;
font-size: 13px;
font-weight: bold;
text-align: justify;
}
.f-news li {
list-style: none;
border-right: none;
margin-bottom: 10px;
}
.f-news .f-news-item .f-new-item-sum {
text-align: justify;
margin-top: 5px;
line-height: 18px;
color: #999;
font-size: 12px;
height: 74px;
overflow: hidden
}
.f-news .f-news-item .f-news-item-title a
{
border-bottom: none
}
.f-news .f-news-item .f-news-item-title {
min-height: 0;
text-align: justify;
margin-top: 0px;
padding: 0;
padding-top: 8px;
padding-bottom: 8px;
/* padding-left: 35px; */
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
/* float: left; */
width: 100%;
/* line-height: 15px; */
text-align: center;
}
ul.f-news-item-title li {
display: inline-block;
margin-bottom: 0;
margin: 0 10px;
}
.f-news-item h2 {
height: 30px;
overflow: hidden;
text-align: center;
line-height: 15px;
}
li.time_up {
color: #999;
font-size: 12px;
}
.tab-content.f-center-body {
padding: 10px;
}
.f-news .f-news-item .f-news-item-title a{ height: auto }
.view_more a:hover{ color: red !important}
.view_more a {
font-weight: normal !important;
color: #999 !important;
font-size: 12px !important;
}
/********album***********/
.f-album .f-album-item {
position: relative;
list-style: none;
border-bottom: none;
box-shadow: none;
margin-bottom: 10px;
padding: 5px;
border: 1px solid #eee;
background: #FFF;
}
.f-album .f-album-item .f-album-item-title a {
line-height: 18px;
font-size: 11px;
color: #fff;
text-transform: uppercase;
font-family: arial;
font-weight: bold;
}
.f-video-tab-home li.active a {
background: red;
}
/**********video**********/
.f-video .f-video-item .f-video-item-title h2 {
margin: 0px;
padding: 5px;
font-weight: normal;
}
.f-video .f-video-item .f-video-item-title a {
line-height: 18px;
font-size: 12px;
color: #FFF;
text-transform: uppercase;
font-weight: bold;
}
.v2-pr-item-action-viewq
{
top: 38%;
}
.v2-filterpr select
{
font-size: 13px;
}
.f-block .f-block-body ul.f-block-news-menu>li:after
{
display: none;
}
.f-block .f-block-body ul.f-block-news-menu>li>a {
color: #383838;
margin-left: 0;
font-size: 12px;
padding: 4px 0px;
display: block;
list-style: none;
font-family: georgia;
text-transform: uppercase;
font-style: italic;
padding-left: 5px;
}
.f-block .f-block-body ul.f-block-news-menu>li ul li
{
background :#fff !important
}
.f-block .f-block-body ul.f-block-news-menu>li:hover a
{
background-color: #dc2c2a;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
padding-left: 10px;
color: #Fff;
}
.thumbnails img
{
width: 100%;
height: 200px;
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: auto;
position: absolute;
}
.f-news .f-news-item {
position: relative;
background: #FFF;
height: 375px;
}
.thumbnails {
padding: 0;
line-height: 1.428571429;
background-color: #ffffff;
border: none;
border-radius: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto;
display: block;
height: 200px;
margin-bottom: 10px;
position: relative;
}
.f-album .f-album-item .f-album-item-title {
padding: 5px;
text-align: center;
margin-top: 0px;
background: red;
overflow: hidden;
height: 44px;
}
.f-album .f-album-item:hover {
border-bottom: none;
}
.f-album .f-album-item:hover .f-album-item-title a {
color: #fff;
}
/******menu tren*********/
.top-menu-sub
{
width: 1170px;
}
.menutop .news-top .top-menu-sub>ul>li {
width: 262px;
margin: 15px;
}
.menu-new {
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding: 13px;
height: 50px;
background-color: #fff;
}
.backgound_white {
background-color: #fff;
}
.menu-new .menuf-f
{
list-style: none;
width: 100%;
position: relative;
margin-bottom: 0;
float: none !important;
text-align: center;
}
.menu-new .menuf-f>li
{
float: none;
position: initial;
display: inline-block;
}
.menu-new .menuf-f>li:hover
{
}
.menu-new .menuf-f>li>a
{
text-transform: uppercase;
padding: 0px 0px;
display: block;
margin: 0 15px;
color: black;
font-size: 13px;
font-weight: 500;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.menu-new .menuf-f>li a:hover
{
}
.menuf-f.nav.navbar-nav a:hover
{
background: none !important
}
.menu-new .menuf-f>li:hover a
{
background:white;
}
.menu-new .menuf-f>li:hover .top-menu-new
{
opacity: 1;
visibility: visible;
right:0
}
.menu-new .menuf-f>li .top-menu-new
{
visibility: hidden;
opacity: 0;
right: -100px;
position:absolute;
z-index:100;
width:100%;
top: 21px;
padding: 20px;
background: rgba(0,0,0,.9);
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.menu-new .menuf-f>li .top-menu-new ul
{
list-style:none;
display:table;
padding: 0;
width: 100%;
/* background: none; */
}
.menu-new .menuf-f>li .top-menu-new>ul>li
{
float:left;
width: 25%;
background: none;
}
.menu-new .menuf-f>li .top-menu-new>ul>li>a
{
background: none !important;
padding: 10px;
display: block;
color: #fff;
width: 90%;
text-align: left;
text-transform: uppercase;
font-weight: bold;
font-size: 12px;
}
.menu-new .menuf-f>li .top-menu-new>ul>li:nth-child(4) a
{
width:100%;
}
.menu-new .menuf-f>li .top-menu-new>ul>li>ul>li{
width: 90.1%;
float: left;
text-align: left;
}
.menu-new .menuf-f>li .top-menu-new>ul>li:nth-child(4)>ul>li{
width:100%;
}
.menu-new .menuf-f>li .top-menu-new>ul>li>ul>li a:hover
{
color:#fff;
}
.menu-new .menuf-f>li .top-menu-new>ul>li>ul>li a{
background: none;
font-size: 13px;
padding-left: 15px;
line-height: 24px;
display: block;
color: #bbb;
position: relative;
transition: color 200ms ease-in-out 0s;
-moz-transition: color 200ms ease-in-out 0s;
-webkit-transition: color 200ms ease-in-out 0s;
}
.topmn-bg-zoom {
padding-top: 10px;
}
.menu-new .menuf-f>li .top-menu-new>ul>li>ul>li:hover a
{
background: rgb(240, 240, 240);
}
.menu-new .menuf-f>li .top-menu-new>ul>li>ul>li a:before{
}
i.fa.fa-angle-right {
padding-right: 7px;
font-size: 15px;
margin-top: 5px;
}
.banner_slide{
margin-top: 30px;
}
.qc_slide.col-md-3.col-xs-12.col-sm-3 {
margin-top: 30px;
}
.qc_slide img {
width: 100%;
}
.owl-next {
background-color: rgba(245,245,245,.7);
width: 50px;
height: 50px;
font-size: 20px;
line-height: 40px;
text-align: center;
transition: opacity .35s ease 0s;
-webkit-transition: opacity .35s ease 0s;
-moz-transition: opacity .35s ease 0s;
position: absolute;
top: 50%;
margin-top: -25px;
right: 10px;
opacity: 0;
}
.owl-prev {
background-color: rgba(245,245,245,.7);
width: 50px;
height: 50px;
font-size: 20px;
line-height: 50px;
text-align: center;
transition: opacity .35s ease 0s;
-webkit-transition: opacity .35s ease 0s;
-moz-transition: opacity .35s ease 0s;
position: absolute;
top: 50%;
margin-top: -25px;
left: 10px;
opacity: 0;
}
i.fa.fa-angle-left {
line-height: 50px;
font-size:20px;
}
.owl-next i.fa.fa-angle-right {
font-size: 20px;
line-height: 40px;
margin-left: 7px;
}
.owl-carousel .owl-nav .owl-prev:hover,.owl-carousel .owl-nav .owl-next:hover {
background: #fff;
}
.banner_slide:hover .owl-carousel .owl-prev,.banner_slide:hover .owl-carousel .owl-next{
opacity: 1;
}
.banner_slide .owl-dots .owl-dot {
display: inline-block;
}
.owl-dots {
position: absolute;
bottom: 3%;
left: 2%;
}
.banner_slide .owl-carousel .owl-dots .owl-dot.active span, .banner_slide .owl-carousel .owl-dots .owl-dot:hover span {
transform: scale(2);
-webkit-transform: scale(2);
-moz-transform: scale(2);
}
.banner_slide .owl-carousel .owl-dots .owl-dot span {
background: #fff;
border-radius: 30px;
box-shadow: 0 0 2px 1px rgba(0,0,0,.1);
display: block;
height: 10px;
margin: 5px 7px;
width: 10px;
transition: all 300ms ease-in-out 0s;
-webkit-transition: all 300ms ease-in-out 0s;
-moz-transition: all 300ms ease-in-out 0s;
}
@media (max-width: 768px)
{
ul.f-block-news-menu.no-margin.no-padding.block_tc li {
margin-bottom: 10px;
}
.nc_tc_dm p {
color: #fff;
text-shadow: 1px 1px 1px #333;
font-size: 12px;
font-family: georgia;
font-style: italic;
line-height: 18px;
width: 70%;
left: 0;
right: 0;
margin: auto;
}
.nc_tc_dm h3 a {
display: none;
}
.nc_tc_dm p{ display: none;}
a.path_tc {
display: none;
}
h3 a.name
{
display: none
}
.carousel.slide.banner .carousel-inner {
height: auto;
}
a.path_tc {
display: none;
}
p.short_nd{ display: none}
a.chitiet{ display: none;}
.menutop .news-top .danhmuctuychon>ul>li>a:hover {
background:none !important;
border-bottom: none !important
}
}
@media(min-width: 992px)
{
.menu-new.fixed1 {
position: fixed;
z-index: 11;
top: 0;
left: 0;
width: 100%;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
}
}
@media (max-width: 1200px)
{
.menu-new .menuf-f
{
width:auto;
}
.menu-new.fixed1 {
position: fixed;
z-index: 11;
top: 0;
left: 0;
width: 100%;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
}
}
@media (max-width: 992px)
{
.menu-new .menuf-f>li>a
{
padding: 10px;
font-size: 12px;
}
.menu-new .menuf-f>li .top-menu-new>ul>li>a
{
font-size: 11px;
}
.menu-new .menuf-f>li .top-menu-new>ul>li>ul>li a
{
font-size: 10px;
padding: 6px;
padding-left: 18px;
}
.menu-new .menuf-f>li .top-menu-new>ul>li>ul>li a:before
{
top: 10px;
left: 6px;
}
.menu-new.fixed1 {
position: fixed;
z-index: 11;
top: 0;
left: 0;
width: 100%;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
}
}
@media (max-width: 767px)
{
i.fa.fa-angle-down
{
padding: 10px 20px;
padding-top: 0;
font-size: 25px;
}
.menu-new .menuf-f>li .top-menu-new
{
padding:0;
}
.menu-new .menuf-f>li .top-menu-new>ul>li
{
float:none;
width:100%;
}
.menu-new .menuf-f>li .top-menu-new>ul>li>a
{
width:100%;
padding-left:50px;
}
.menu-new .menuf-f>li .top-menu-new>ul>li>ul
{
display:none;
}
.menu-new .menuf-f>li>a
{
width: 85%;
}
.menu-new .menuf-f
{
width:100%;
margin-top: 0;
}
.menu-new .menuf-f>li
{
float:none;
position: relative;
/* width: 80%; */
}
.menu-new .navbar-header
{
background: whitesmoke;
}
.menu-new .navbar-header button
{
color: rgb(18, 18, 18);
font-size:20px;
margin-right:50px;
outline:0;
}
.menu-new .navbar-collapse
{
margin-top: 0px;
position: absolute;
width: 100%;
}
.menu-new .navbar-collapse.in
{
overflow-y: inherit;
}
.menu-new .menuf-f>li:hover .top-menu-new
{
display:none;
}
}
}
.v2-home-catepr-showul-item .f-pr-item-img .back-img,
.v2-home-catepr-showul-item .v2-home-pr-item-img .back-img {
left: 100%;
display: none;
}
.v2-home-catepr-showul-item .f-pr-item-img{ height: 270px;}
.v2-home-catepr-showli .v2-home-catepr-showul-item
{
height: 370px;
/* background: #000; */
margin: 5px;
padding: 5px;
}
.v2-home-catepr-title
{
background: rgb(0, 0, 0);
float: left;
height: auto;
line-height: 1em;
font-family: RobotoR;
}
.v2-home-catepr-title.doitac
{
border-bottom: 2px solid black;
width: 100%;
background: none;
}
.v2-home-catepr-title.doitac>a
{
background: #484848;
/* padding-left: 0; */
display: inline-block;
width: auto!important;
}
.v2-home-catepr-title.doitac>a>span
{
color: white;
}
.v2-home-catepr-title a span
{
text-transform: uppercase;
overflow: hidden;
white-space: nowrap;
font-size: 14px;
font-weight: normal;
text-overflow: ellipsis;
font-family: RobotoR;
}
.v2-home-catepr .nav-tabs > li > a:After
{
display:none;
}
.v2-home-catepr .nav-tabs > li
{
/* float: left; */
width: auto;
min-height: 10px;
display: inline-block;
float: none !important;
}
.v2-pr-item:hover
{
box-shadow: 0 0 10px #d4d4d4;
border: 1px solid #D6D6D6;
}
.v2-pr-item-img {
height: 180px;
overflow: hidden;
position: relative;
}
.v2-pr-item{
height: 280px;
margin: 5px;
border: 1px solid #D6D6D6;
padding: 5px;
overflow: inherit;
border-radius: 3px;
}
.f-product-viewid li:nth-child(3) .img-detail,
.f-product-viewid li:nth-child(3n+1) .img-detail,
.f-product-viewid li:nth-child(4n) .img-detail
{
left: auto;right: 100%;}
.v2-pr-item-action
{
display: none;
}
.v2-pr-item-boxdetail h2:hover{ color: red}
.f-product .v2-pr-item-boxdetail h2 {
margin: 0;
font-size: 14px;
padding: 0;
text-align: center;
color: #696969;
font-family: RobotoR;
margin-top: 9px;
line-height: 18px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-transform: capitalize;
}
.v2-pr-item-price {
display: inline-block;
color: #101010;
margin: 0;
font-size: 14px;
font-weight: normal;font-family: RobotoR;width: 100%;}
.v2-pr-item-action a.v2-pr-item-action-detail
{
background: rgb(94, 94, 94);
border:1px solid white;
}
.v2-pr-item-action button.v2-pr-item-action-buy
{
background: rgb(94, 94, 94);
border:1px solid white;
}
.viewlist .btndetail
{
}
.viewlist .btndetail:hover,.v2-pr-item .f-pr-item-action .btndetail:hover,.v2-home-catepr-showul-item .f-pr-item-action .btndetail:hover
{
border: 1px solid #333 !important
}
.viewlist .btndetail, .v2-pr-item .f-pr-item-action .btndetail, .v2-home-catepr-showul-item .f-pr-item-action .btndetail
{
background-color: #fff;
border: 1px solid silver;
width: 37px;
height: 35px;
padding: 0;
color: black;
line-height: 2.6em;
border-radius: 2px;
margin-right: 15px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}
.glyphicon-info-sign:before {
content: "\e086";
color: #333;
font-size: 13px;
line-height: 31px;
}
.fa-thumbs-up:before {
content: "\f164";
color: #333;
font-size: 13px;
line-height: 31px;
}
.v2-home-catepr-showul-item .f-pr-item-action .bncquickbuy
{
border: 1px solid white;
background-color: rgb(94, 94, 94);
}
.viewlist .btn-warning:hover,.v2-pr-item .f-pr-item-action .btn-warning:hover,.v2-home-catepr-showul-item .f-pr-item-action .btn-warning:hover
{
border: 1px solid #333 !important
}
.viewlist .btn-warning, .v2-pr-item .f-pr-item-action .btn-warning,
.v2-home-catepr-showul-item .f-pr-item-action .btn-warning
{
background-color: #fff;
border: 1px solid silver;
width: 37px;
height: 35px;
padding: 0;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}
.fa-exchange:before {
content: "\f0ec";
color: #333;
}
.viewlist .like-product,
.v2-pr-item .f-pr-item-action .like-product,
.v2-home-catepr-showul-item .f-pr-item-action .like-product
{
background-color: #fff;
border: 1px solid silver !important;
width: 37px;
height: 35px;
padding: 0;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
margin: 0 3px;
}
.v2-home-catepr-showul-item .f-pr-item-action .quickview
{
background-color: rgb(94, 94, 94);
display: none;
}
.v2-home-catepr-left-mn
{
width: 100%;
height: auto;
/* min-height: 122px; */
padding: 0;
position: relative;
border-bottom: 2px solid #484848;
background-color: white;
}
.v2-home-catepr-3tab
{
display:none;
}
.v2-home-catepr-tabul
{
margin-top:0;
width: auto;
float: left;
}
ul.v2-home-catepr-tabul.nav-tabs_tab li
{
width:auto;
}
.v2-home-catepr .nav-tabs
{
text-align: center;
margin: auto; margin-top: 25px;
width: 100%;
}
.v2-home-catepr-left
{
height: auto;
}
.v2-home-catepr-title i
{
display:none;
}
.v2-home-catepr-title h1
{
margin:0;
font-size: 10px;
}
.v2-home-catepr-title a
{
float: none !important;
width: 100% !important;
text-align: left;
padding: 6px 5px 6px 10px;
position: relative;
font-size: 14px;
font-family: RobotoR;
font-weight: normal;
background-color: #CACACA;
/* border-right: 1px solid white; */
}
.v2-home-catepr-title a span
{
position: relative;
/* padding-bottom: 11px; */
}
.f-footer {
width: 100%;
background: #FFFFFF;
position: relative;
margin-top: 0px;
padding-top: 0;
border-top: 2px solid #FFFFFF;
}
.v2-hometab-news-vip {
background: #fff;
padding: 0;
margin-bottom: 0;
margin-top: 20px;
}
.v2-hometab-news {
background: #fff;
margin-bottom: 0;
padding: 0;
margin-top: 20px;
}
.v2-home-catepr-title a span:before
{
content: '';
height: 1px;
width: 65px;
position: absolute;
bottom: 2px ;
left: 50%;
margin-left: -32px;
background: #333;
z-index: 1;
opacity: 0;
}
.v2-home-catepr .nav-tabs > li.active{
background : none !important;
}
.v2-home-catepr .nav-tabs > li.active > a
{
background: #fafafa !importants;
color: #333 !important;
padding: 4px 10px !important;
border-radius: 0 !important;
text-transform: uppercase;
font-weight: normal;
}
.v2-home-catepr-title a:after
{
content:"";
position: absolute;
border-left: 25px solid transparent;
border-top: 25px solid #FFFFFF;
left: 188px;
transform: rotate(-135deg);
bottom: 7px;
display: none !important
}
.v2-tabhome .customNavigation
{
position:absolute;
top: 2px;
right: 3px;
}
.v2-tabhome .customNavigation .btn:active
{
box-shadow:none;
}
.v2-tabhome .customNavigation .btn:hover{
background: rgb(94, 94, 94);
}
.v2-tabhome .customNavigation .btn:hover i
{
color:white;
}
.v2-tabhome .owl-controls
{
display:none!important;
}
.v2-tabhome .customNavigation .btn
{
background: #777777;
padding: 3px 8px;
margin-left: 2px;
}
.v2-tabhome .customNavigation .btn i
{
font-size: 15px;
color: rgb(249, 249, 249);
}
.v2-tabhome,.v2-home-catepr
{
position: relative;
height: auto;
margin-bottom: 15px;
}
.v2-tabhome
{
margin-bottom: 30px;
/* background-color: black; */
}
.v2-home-pr-item-price-gr
{
border-bottom: 0;
text-align: center;
margin-top: 10px;
padding-left: 5px;
}
.v2-home-pr-item-boxdetail h2
{
text-transform: capitalize;
font-size: 14px;
line-height: 19px;
height: 20px;
text-align: center;
color: #696969;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-family: RobotoR;
font-weight: normal;
}
.v2-home-pr-item-price {
display: inline-block;
font-weight: normal;
color: #101010;
margin: 0;
font-family: RobotoR;
font-size: 14px;
}
.v2-home-pr-item-price-old,.v2-pr-item-price-old,
.f-pr-item-old-price
{
margin-right: 10px !important;
font-size: 13px !important;
}
.f-pr-item-old-price
{
color: #02DD1A
}
.v2-home-pr-item-price-old,.v2-pr-item-price-old,
.f-pr-item-old-price
{
color: #A5A5A5 !important;
width: 100%;
}
.v2-home-catepr-left-bg img {
width: 370px;
height: 440px;
display: none;
}
.v2-home-pr-item-saleof {
position: absolute;
top: 0;
right: 0;
z-index: 1;
background: red !important;
font-size: 15px;
color: #FFF;
font-weight: 600;
padding: 1px 5px;
}
.v2-home-pr-item-img {
height: 300px;
overflow: hidden;
position: relative;
}
.v2-home-pr-item{
height: auto;
}
.v2-tabhome .v2-home-pr-item
{
margin: 5px;
border: 1px solid #D2D2D2;
padding: 5px;
height: 400px;
overflow: initial;
border-radius: 3px;
}
.v2-tabhome .v2-home-pr-item:hover
{
/* border: 1px dashed #3E3E3E; */
box-shadow: 0 0 10px #d4d4d4;
}
.v2-tabhome .v2-tabhome-name
{
display:none;
}
.v2-tabhome #f-pr-tab-home
{
float: none;
margin-top: 0;
text-align: left;
border-bottom: 2px solid #5E5E5E;
margin-bottom: 0;
}
.v2-tabhome #f-pr-tab-home>li
{
margin:0;
}
.v2-tabhome #f-pr-tab-home>li>a
{
padding: 3px 15px;
font-size: 14px;
text-transform: uppercase;
BACKGROUND: rgb(202, 202, 202);
font-weight: normal;
font-family: RobotoR;
border-radius: 0;
}
.v2-tabhome #f-pr-tab-home>li>a:hover,
.v2-tabhome #f-pr-tab-home>li>a:focus
{
background: rgb(94, 94, 94);
}
.v2-tabhome .v2-tab-home-ul li.active a, .v2-tabhome .v2-tab-home-ul li.active a:focus,
.v2-tabhome .v2-tab-home-ul li.active a:hover
{
background: rgb(7, 124, 65);
}
.v2-tabhome .v2-tab-home-ul li.active a
{
background: #484848 !important;
}
.f-product-view .f-pr-view-info ul li.giasi
{
color:red;
font-weight:bold;
}
.v2-home-catepr-showul-item .f-pr-otherdetail.show-otherdetail
{
display:block;
position: absolute;
bottom: 23px;
width: 100%;
}
.v2-home-catepr-showul-item .f-pr-otherdetail.show-otherdetail>ul>li>span
{
width:50%;
}
.v2-home-catepr-showul-item .f-pr-otherdetail.show-otherdetail>ul>li>span:nth-child(1)
{
padding-left: 20%;
}
.v2-home-catepr-showul-item .f-pr-otherdetail.show-otherdetail>ul>li>span:nth-child(2)
{
color: rgb(240, 71, 71);
text-align: left;
padding: 0;
}
.f-miniCart-miniv2-toolbar
{
background: none;
}
.miniv2-toolbar-barclick
{
}
.v2-gotop
{
background: rgb(34, 34, 34);
}
.f-video .f-video-item .f-video-item-title
{
background: #555;
}
.f-video .f-video-item:hover .f-video-item-title
{
background: rgb(34, 34, 34);
}
.f-center-module .f-center-title span
{
background: none;
color: #333;
padding: 5px;
margin-left: 0;
text-transform: uppercase;
font-size: 24px;
font-weight: bold;
float: none;
}
.social-share
{
width:200px; display: none;
}
.f-menutop .navbar-nav>li
{
border-right: 1px solid rgb(165, 165, 165);
}
.f-menutop .navbar-nav>li:nth-child(6)
{
border-right:none;
}
.f-menutop .f-menutop-ul > li > a.firstlink:hover
{
color: #BF0010;
/* border-bottom: 2px solid #333; */
background: none;
}
.f-menutop .f-menutop-ul > li > a.firstlink
{
width: auto;
font-size: 14px;
color: #C3C3C3;
display: block;
padding: 10px 15px;
margin: 0;
font-family: RobotoR;
font-weight: normal;
}
.f-menutop .f-menutop-ul > li i
{
display:none;
}
.f-menutop .f-menutop-ul > li{
position:relative;
float: left;
}
.top-menu-backgroud
{
display:none;
width: auto;
left: 0;
top: 39px;
border: 1px solid #484848;
border-top: 0;
}
.top-menu-sub ul
{
min-width: 200px;
padding: 5px;
max-height: 200px;
display: table;
float: none;
}
.top-menu-sub ul li
{
min-width: 150px;
width: auto;
/* float: left; */
display: block;
/* border-right: 1px solid #484848; */
}
.top-menu-sub ul li a
{
display:block;
padding: 3px 15px;
}
.top-menu-sub ul li:hover >a
{
color: #FFFFFF;
}
.f-menutop .f-menutop-ul > li > a.firstlink.yeah
{
color: #FFFFFF;
}
.f-menutop .f-menutop-ul > li > a.firstlink:after
{
display:none;
}
.viewlist .v2-pr-item-boxdetail
{
width: 74%;
margin-top: 0;
margin-left: 15px;
}
.viewlist .v2-pr-item-boxdetail h2{ margin-top: 0}
.viewlist .v2-pr-item-saleof{ background : red}
.f-product .short_info{ display: none !important}
.viewlist .short_info {
float: left;
/* margin-left: 15px; */
/* margin-top: 26px; */
font-size: 12px;
width: 100%;
text-align: left;
color: #666;
}
.viewlist a.v2-pr-item-action-detail {
margin-left: 0 !important;
}
.viewlist .v2-pr-item-action
{
top: 0px;
right: 0;
margin: 0 auto;
position: absolute;
}
.row-offcanvas-left
{
margin:0;
}
.row_logo_bottom .header-logo-bottom
{
margin-bottom: 20px;
}
.row_logo_bottom h3
{
padding: 8px;
display: inline-block;
position:relative;
background: rgb(94, 94, 94);
color: white;
margin: 0;
}
.row_logo_bottom h3:after
{
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #5E5E5E;
border-style: solid;
border-width: 22px 0 20px 20px;
content: "";
position: absolute;
right: -20px;
top: 0;
}
.f-product-view-info .button-small
{
background: rgb(72, 72, 72);
border-radius: 5px;
}
.wrap-btn-buy
{
display:table;
width: 100%;
}
.wrap-btn-buy a
{
float:left;
width: 46%;
margin-top:15px;
font-size: 12px;
}
.wrap-btn-buy button
{
font-size:12px;
width: auto;
border: none;
margin-top: 0;
}
.f-block.dmtc {
background: none;
}
.f-block.dmtc .f-block-body ul.f-block-news-menu>li:hover a
{
background : none !important; padding-left: 0 !important; color: red !important
}
.f-product-chooseview a
{
color: #4C2424;
font-size: 13px;
margin: 0;
}
.f-product-chooseview a.active span
{
color: #6B776E;
}
.btn-success {
color: #ffffff;
background-color: #5cb85c;
border-color: #fff !important;
}
.f-product-view .f-product-view-tab .f-product-view-tab-header > ul li.active a,
.viewlist .v2-pr-item-action .v2-pr-item-action-detail,
.slider-price .noUi-connect,
.f-pagging ul li.active a,
.v2-filterpr .btn-success,
.v2-home-pr-item-action-viewq,
.v2-home-pr-item-action .v2-home-pr-item-action-detail,
.v2-home-catepr-showul-item .f-pr-item-saleof,
.f-product .f-pr-item .f-pr-item-boxdetail .f-pr-item-action a.btn
{
background: #484848;
height: 5px;
/* width: 40px; */
/* border-radius: 100%; */
/* line-height: 40px; */
/* font-size: 14px; */
/* text-align: center; */
height: 100%;
}
.v2-home-catepr-showul-item .f-pr-item-saleof
{
top: 10px;
height: 25px;
line-height: 25px;
}
.productbreadcrumb .breadcrumb a,
.f-product-view .f-product-view-info .f-product-view-info-detail .f-product-view-name span,
.f-page-split .f-page-split-title,
.v2-tab-home-ul li a,
.f-module-page .f-module-page-title span
{
color: rgb(8, 8, 8);
}
.productbreadcrumb
{
padding-left:15px;
}
.productbreadcrumb .breadcrumb
{
border: 1px solid #C5C5C5;
margin: 10px 0;
padding: 7px 15px;
background-color: #F9F9F9;
}
.productbreadcrumb .breadcrumb>li
{
position:relative;
}
.productbreadcrumb .breadcrumb>li>a
{
font-family:RobotoR;
font-size: 13px;
padding:0 15px;
color: black;
}
.productbreadcrumb .breadcrumb>li:before
{
content: "\f105";
position:absolute;
right: -7px;
top: 2px;
font-size: 12px;
font-family: fontawesome;
color: black;
}
.productbreadcrumb .breadcrumb>li:last-child:before
{
opacity:0;
}
.f-module-page .f-module-page-title
{
border-bottom: 2px solid #484848;
display: table;
width: 100%;
margin-bottom: 0;
/* background-color: black; */
}
.f-module-page .f-module-page-title>span
{
border-bottom: none;
font-size: 14px;
font-family: RobotoR;
margin-left: 0;
font-weight: normal;
color: white;
padding: 6px 10px;
line-height: 1em;
background-color: #484848;
float: left;
}
.f-module-page .f-module-page-title .f-product-chooseview span{
font-size: 20px;
padding:0;
line-height: 1em;
border-bottom: none;
font-weight: normal;
margin-left: 3px;
color: #A5A5A5;
}
.f-module-page .f-module-page-title .f-product-chooseview a.active span
{
color: black;
}
.v2-home-pr-item-action .v2-home-pr-item-action-buy
{
background: rgb(94, 94, 94);
display: none !important
}
.f-miniCart-miniv2 .miniv2-toolbar-name
{
/* margin-top: 65px; */
}
.f-miniCart-miniv2 .miniCartItem
{
list-style:none;
}
.row_logo_bottom #owldoitacduoi .owl-item
{
border-radius: 5px;
/* margin: 1px; */
}
.f-block .f-block-body {
background: none;
border: 1px solid #FFFFFF;
border-top: 0;
/* color: white; */
/* padding: 10px; */
position: relative;
}
.f-block .f-block-body>ul
{
padding:10px;
}
.f-block .f-block-title span {
font-size: 14px;
color: #FFF;
text-align: center;
font-family: RobotoR;
text-transform: uppercase;
display: block;
padding-left: 0;
}
.f-block .f-block-body ul.f-block-news-menu>li {
line-height: 30px;
background: none;
border-bottom: 1px dotted #ccc;
position: relative;
}
.f-block .f-block-title {
min-height: 30px;
line-height: 30px;
background: #424242;
position: relative;
border-bottom: 2px solid #272727;
}
.f-block .f-block-title:after {
position: absolute;
content: '';
top: 16px;
left: 0;
/* width: 5px; */
/* height: 5px; */
background: none;
-ms-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
/*.row_logo_bottom #owldoitacduoi .owl-item .item-doitac-duoi img
{
width: 93%;
border: 1px solid rgb(205, 205, 205);
padding: 10px;
border-radius: 5px;
height: 130px;
}*/
.v2-hometab-news-28
{
padding:0;
margin-top:20px;
display: table;
margin-bottom: 0;
}
.v2-hometab-news-28 .tab-content #tab2 .v2-hometab-news-small-item
{
margin-top:0;
height: auto;
}
.v2-hometab-news-28 .tab-content ul
{
margin-bottom:0;
padding-top:15px;
}
.v2-home-catepr-showul-item .f-pr-item-name
{
height:auto;
}
.sp_home_123 .v2-home-pr-item-action-viewq
{
background: rgb(94, 94, 94) !important;
border-radius: 0 !important;
width: 96px;
height: 30PX;
line-height: 22px;
font-size: 12px;
top:35%;
left: 25%;
}
.tab-hot .f-center-title {
line-height: 35px;
background: #FFF;
height: auto;
border-bottom: 2px solid black;
display: table;
width: 100%;
margin-bottom: 15px;
}
.f-center-module .f-center-body
{
position: relative;
padding: 0;
}
.f-video .f-video-item {
position: relative;
padding: 0;
margin-bottom: 10px;
background: #FFF;
}
.f-center-module
{
margin-top:0;
MARGIN-BOTTOM: 0;
/* padding-top: 20px; */
}
.v2-hometab-news-28 .tab-content ul>li
{
background:white;
}
.v2-hometab-news-28 .f-news-item-title h2
{
font-size: 18px;
margin-bottom: 5px;
text-align: center;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: rgb(63, 63, 63);
}
.v2-hometab-news-28 .v2-hometab-news-small-title h2
{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin-bottom: 5px;
display: block;
height: auto;
}
.v2-hometab-news-28 .v2-hometab-news-small-title .v2-hometab-news-small-sum,
.v2-hometab-news-28 .f-news-item-title p
{
line-height: 1.2em;
font-size: 12px;
margin-bottom: 10px;
}
.v2-hometab-news-28 .nav-tabs,
.v2-hometab-news-28 .nav-tabs > li > a,
.v2-hometab-news-28 .nav-tabs > li > a:hover,
.v2-hometab-news-28 .nav-tabs > li > a:active,
.v2-hometab-news-28 .nav-tabs > li > a:focus
{
border: 0;
border-radius:0;
}
.v2-hometab-news-28 .nav-tabs > li
{
cursor: pointer;
margin-right: 5px;
background: rgb(242, 242, 242)
}
.v2-hometab-news-28 .nav-tabs > li > a
{
color: #333;
text-transform: uppercase;
background: none;
}
.v2-hometab-news-28 .v2-hometab-news-big-img img
{
margin:0 auto;
}
.v2-hometab-news-28 .nav-tabs > li.active a
{
background: red;
color: white;
text-transform: uppercase;
font-weight: normal;
margin-right: 0px;
}
.f-product-view .f-product-view-info .f-product-view-info-image
{
padding-right: 16px;
}
.comment-face
{
width:95%;
margin:0 auto;
margin-top:20px;
}
/*///////////////////////////////////////////////// custom 34*/
.v2-home-catepr-showul-item .f-pr-item-name h2:hover{ color: #040404;}
.v2-home-catepr-showul-item .f-pr-item-name h2
{
font-size: 14px;
margin-top: 0px;
font-family: RobotoR;
height: 20px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #696969;
}
.viewlist .f-pr-item-action
{
display: none
}
.v2-pr-item .f-pr-item-action, .v2-home-catepr-showul-item .f-pr-item-action
{
background: rgba(0, 0, 0, 0);
bottom: 12px;
position: absolute;
transform: translate3d(0, 40px, 0px);
transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
-webkit-transform: translate3d(0, 40px, 0px);
-webkit-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
-moz-transform: translate3d(0, 40px, 0px);
-moz-transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
opacity: 0;
left: auto;
height: auto;
width: 100%;
text-align: center
}
.v2-pr-item:hover .f-pr-item-action, .v2-home-catepr-showul-item:hover .f-pr-item-action
{
opacity: 1;
transform: translate3d(0px, 0, 0px);
-webkit-transform: translate3d(0px, 0, 0px);
-moz-transform: translate3d(0px, 0, 0px);
height: auto
;
bottom: 30px;
}
.v2-home-catepr-showul-item .f-pr-item-price-gr
{
text-align: center;
}
.v2-home-catepr-showul-item .f-pr-item-price-gr >p
{
font-size: 14px;
/* font-weight: bold; */
font-family: RobotoR;
color: #101010;
width: 100%;
}
.v2-home-catepr-showul-item .f-pr-item-old-price {
text-decoration: line-through;
font-size: 12px !important;
color: #A1A1A1;
font-weight: bold !important;
}
.v2-home-catepr-right
{
padding: 10px 0;
/* background-color: black; */
}
.v2-home-catepr-showul .v2-home-catepr-showli .v2-home-catepr-showul-item
{
border-width: 0!important;
overflow: inherit;
border: 1px solid #D2D2D2 !important;
border-radius: 3px;
}
.v2-home-catepr-showul .v2-home-catepr-showli .v2-home-catepr-showul-item:hover
{
box-shadow: 0 0 10px #d4d4d4;
}
.f-block .f-block-body ul.f-block-news-menu>li ul
{
position: inherit;
left: 0;
width: 100%;
}
.f-block .f-block-body ul.f-block-news-menu>li:hover >ul
{
display:block;
}
.header .header-banner
{
background: #000;
border-bottom: 2px solid white;
}
.header .header-banner img
{
margin:0 auto;
}
.f-ctn-banner
{
padding: 0;
margin-bottom: 20px;
display: table;
}
.banner-slider #myslide .owl-controls
{
display: none!important;
}
.banner-slider .owl-controls
{
position: absolute;
top: 0;
right: 0;
}
.banner-slider .owl-controls .page
{
width: 150px;
height: 100px;
padding: 10px;
}
.f-ctn-banner-banner
{
padding: 0;
}
.f-ctn-center
{
padding:0;
}
.f-ctn-right
{
margin-top:20px;
border-right:0;
padding-right:0;
}
.f-ctn-banner-danhmuc
{
overflow: overlay;
position: relative;
padding-left: 0;
}
.f-ctn-banner-danhmuc .f-block-body
{
height: 281px;
}
.f-ctn-doitacduoi
{
padding: 0;
}
.f-ctn-doitacduoi .container
{
padding-right: 30px;
}
.f-video-tab-home li a,
{
background: none;
color: #333;
font-size: 14px;
font-family: RobotoR;
font-weight: normal;
padding: 6px 15px;
height: auto;
margin: 0;
background-color: #F2F2F2;
line-height: 1em;
}
/* custom 34//////////////////////////////////////////////////////*/
.sp-block-qc .f-block-title
{
display:none;
}
.sp-block-qc .f-block-body>ul>li:after
{
display:none;
}
.sp-block-qc .f-block-body>ul>li a>img
{
width:100%;
}
.v2-home-catepr-title:after
{
content:"";
position: absolute;
left: -12px;
bottom: -7px;
border-left: 12px solid transparent;
border-top: 7px solid #454545;
transform: rotate(360deg);
display: none !important;
}
.v2-home-catepr-title:before
{
content:"";
width: 12px;
height: 38px;
background: rgb(94, 94, 94);
position: absolute;
left: -12px;
display: none !important
}
.f-footer
{
background: #000;
margin-top: 50px;
}
.copyright {
margin: auto;
text-align: center;
color: #fff;
font-family: arial;
font-size: 10px;
/* margin-top: 10px; */
text-transform: uppercase;
display: block;
/* width: 199px; */
background: #1A1A1A;
/* margin-bottom: 10px; */
padding: 5px;
width: 100%;
}
span#copy_right_button {
display: none;
}
.f-footer #menu .navbar-nav>li>a
{
color: #fff;
padding: 0px 10px;
font-size: 12px;
text-transform: uppercase;
margin-top: -5px;
font-weight: bold;
}
.f-footer #menu
{
margin-bottom:0;
/* padding-top: 5px; */
background: #000;
min-height: 0;
}
.f-footer #menu .navbar-nav
{
margin: 15px 0;
}
.f-footer #menu .navbar-nav>li
{
border-right:1px solid white;
height: 10px;
}
.f-footer #menu .navbar-nav>li:nth-child(6)
{
border-right:none;
}
.f-footer #menu .navbar-nav>li>a:hover
{
background: rgb(165, 165, 165);
}
.f-footer .f-footer-info
{
background:none;
height:auto;
color: rgb(118, 118, 118)!important;
}
.f-footer .copyright{
display:none;
}
.carousel.slide.banner .carousel-inner > .item > img, .carousel-inner > .item > a > img {
width:100%
}
.short_info_slide {
text-align: left;
position: absolute;
width: 50%;
left: 10%;
bottom: 10%;
}
h3 a.name {
/* border: 1px solid #fff; */
color: #fff;
text-transform: uppercase;
font-size: 35px;
/* padding: 5px 20px; */
font-family: Times New Roman;
font-weight: bold
}
p.short_nd {
color: #fff;
font-size: 12px;
margin-top: 10px;
text-transform: uppercase;
}
a.chitiet:hover{ /* background: red; */ color: #fff}
a.chitiet{
color: #fff;
font-size: 23px;
text-transform: uppercase;
padding: 10px 0 5px 0;
font-family: Times New Roman;
border-bottom: 4px double #fff;
}
.f-block .f-block-body ul.f-block-news-menu.block_tc>li:after {
position: absolute;
top: 16px;
left: 5px;
content: '';
width: 5px;
height: 5px;
background: none !important
}
li.col-md-4.col-sm-6.col-xs-12.dmct_tt_3 {
}
li.col-md-4.col-sm-6.col-xs-12.dmct_tt_1 {
}
.f-block-body.dmtc_tt{
margin-top: 10px; margin-bottom: 10px;
}
.nc_tc_dm {
position: absolute;
top: 24%;
width: 100%;
padding-right: 15px;
text-align: center;
}
.nc_tc_dm h3 a {
color: #fff;
text-shadow: 1px 1px 2px #333;
text-transform: uppercase;
font-weight: bold;
font-size: 26px;
}
.nc_tc_dm p {
color: #fff;
text-shadow: 1px 1px 1px #333;
font-size: 12px;
font-family: georgia;
font-style: italic;
line-height: 18px;
width: 70%;
left: 0;
right: 0;
margin: auto;
}
a.path_tc {
color: red;
font-size: 12px;
font-weight: bold;
}
ul.f-block-news-menu.no-margin.no-padding.block_tc li {
border-bottom: none;
}
.dmct_tt img {
position: relative;
-webkit-transition-duration: 0.5s!important;
transition-duration: 0.5s!important;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transform: translateZ(0);
transform: translateZ(0);
/* max-width: 387px !important; */
/* max-height: 230px !important; */
margin: auto
}
.dmct_tt:hover img {
transform: scale(1.2);
-webkit-transform: scale(1.2);
}
.dmct_tt_tt {
overflow: hidden;
}
a.btn.prevPro0 {
border: 1px solid #ccc;
}
a.btn.nextPro0 {
border: 1px solid #ccc;
}
a.v2-home-pr-item-action-detail {
display: none !important;
}
.bg_dmsp_cat .v2-home-catepr-right
{
background: none !important;
margin-bottom: 33px
}
.bg_dmsp_cat .v2-home-catepr-left{ background: none !important}
.bg_dmsp_cat .v2-home-catepr-title
{
background: none !important;
text-align: center;
margin: 10px auto;
}
.bg_dmsp_cat .v2-home-catepr-left-mn{ background: none !important}
.v2-home-pr-item-compare{ display: none !important}
/******Tin t?c**********/
.parent_tab{ background: red}
.f-news-item h2 a:hover{ color: red}
.f-news-item h2 a {
color: #333;
font-size: 13px;
font-weight: bold;
text-align: justify;
}
.f-news li {
list-style: none;
border-right: none;
margin-bottom: 10px;
}
.f-news .f-news-item .f-new-item-sum {
text-align: justify;
margin-top: 8px;
line-height: 18px;
color: #666;
font-size: 12px;
height: 74px;
overflow: hidden
}
.f-news .f-news-item .f-news-item-title a
{
border-bottom: none
}
.f-news .f-news-item .f-news-item-title {
min-height: 0;
text-align: justify;
margin-top: 0px;
padding: 0;
/* padding-top: 8px; */
/* padding-bottom: 8px; */
/* padding-left: 35px; */
/* border-top: 1px solid #eee; */
/* border-bottom: 1px solid #eee; */
/* float: left; */
width: 100%;
/* line-height: 15px; */
text-align: center;
}
ul.f-news-item-title li {
display: inline-block;
margin-bottom: 0;
margin: 0 10px;
}
.f-news-item h2 {
height: 30px;
overflow: hidden;
text-align: center;
line-height: 15px;
}
li.time_up {
color: #999;
font-size: 12px;
}
.tab-content.f-center-body {
padding: 10px;
}
.f-news .f-news-item .f-news-item-title a{ height: auto }
.view_more a:hover{ color: red !important}
.view_more a {
font-weight: normal !important;
color: #999 !important;
font-size: 12px !important;
}
/********album***********/
.f-album .f-album-item {
position: relative;
list-style: none;
border-bottom: none;
box-shadow: none;
margin-bottom: 10px;
padding: 5px;
border: 1px solid #eee;
background: #FFF;
}
.f-album .f-album-item .f-album-item-title a {
line-height: 18px;
font-size: 14px;
color: #fff;
text-transform: uppercase;
font-family: RobotoR;
/* font-weight: bold; */
}
.f-video-tab-home li.active a {
background: #484848;
color: #FFF;
}
.f-video-tab-home li a
{
padding: 6px 15px;
height: auto;
font-weight: normal;
font-family: RobotoR;
line-height: 1em;
display: block;
font-size: 14px;
margin-right: 2px;
}
/**********video**********/
.f-video .f-video-item .f-video-item-title h2 {
margin: 0px;
padding: 5px;
font-weight: normal;
}
.f-video .f-video-item .f-video-item-title a {
line-height: 18px;
font-size: 14px;
color: #FFF;
text-transform: uppercase;
font-family: RobotoR;
font-weight: normal;
display: block;
}
.v2-pr-item-action-viewq
{
top: 38%;
}
.v2-filterpr select
{
font-size: 13px;
}
.f-block .f-block-body ul.f-block-news-menu>li:after
{
display: none;
}
.f-block .f-block-body ul.f-block-news-menu>li>a {
color: #3A3A3A;
margin-left: 0;
font-size: 14px;
padding: 4px 0px;
display: block;
list-style: none;
font-family: RobotoR;
text-transform: uppercase;
padding-left: 15px;
}
.f-block .f-block-body ul.f-block-news-menu>li ul li
{
background :#fff !important
}
.f-block .f-block-body ul.f-block-news-menu li:hover >a
{
background-color: #A0A0A0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
padding-left: 10px;
color: #Fff;
}
.thumbnails img
{
width: 100%;
height: 200px;
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: auto;
position: absolute;
}
.f-news .f-news-item {
position: relative;
background: #FFF;
height: 375px;
}
.thumbnails {
padding: 0;
line-height: 1.428571429;
background-color: #ffffff;
border: none;
border-radius: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto;
display: block;
height: 200px;
margin-bottom: 10px;
position: relative;
}
.f-album .f-album-item .f-album-item-title {
padding: 5px;
text-align: center;
margin-top: 0px;
background: #484848;
overflow: hidden;
height: 44px;
}
.f-album .f-album-item:hover {
border-bottom: none;
}
.f-album .f-album-item:hover .f-album-item-title a {
color: #fff;
}
/******menu tren*********/
.menutop .news-top .top-menu-sub>ul>li {
width: 262px;
margin: 15px;
}
@media (max-width: 768px)
{
ul.f-block-news-menu.no-margin.no-padding.block_tc li {
margin-bottom: 10px;
}
.nc_tc_dm p {
color: #fff;
text-shadow: 1px 1px 1px #333;
font-size: 12px;
font-family: georgia;
font-style: italic;
line-height: 18px;
width: 70%;
left: 0;
right: 0;
margin: auto;
}
.nc_tc_dm h3 a {
display: none;
}
.nc_tc_dm p{ display: none;}
a.path_tc {
display: none;
}
h3 a.name
{
display: none
}
.carousel.slide.banner .carousel-inner {
height: auto;
}
a.path_tc {
display: none;
}
p.short_nd{ display: none}
a.chitiet{ display: none;}
.menutop .news-top .danhmuctuychon>ul>li>a:hover {
background:none !important;
border-bottom: none !important
}
}
.menu-new {
/* border-top: 1px solid #ddd; */
/* border-bottom: 1px solid #ddd; */
/* padding: 5px 0; */
/* height: 50px; */
background-color: #000;
}
.menu-new.fix-header
{
position:fixed;
top:0;
width:100%;
padding-bottom: 1px;
background-color: rgba(0, 0, 0,0.6);
}
.backgound_white {
/* background-color: #fff; */
}
.menu-new .menuf-f
{
list-style: none;
width: 100%;
position: relative;
margin-bottom: 0;
float: none !important;
text-align: center;
}
.menu-new .menuf-f>li
{
float: none;
position: initial;
display: inline-block;
}
.menu-new .menuf-f>li:hover
{
}
.menu-new .menuf-f>li>a
{
text-transform: uppercase;
padding: 0px 0px;
display: block;
margin: 0 15px;
color: black;
font-size: 14px;
font-weight: 500;
font-family: 'Source Sans Pro', sans-serif;
}
.menu-new .menuf-f>li a:hover
{
}
.menuf-f.nav.navbar-nav a:hover
{
background: none !important;
border-bottom: 2px solid #000;
}
.menu-new .menuf-f>li:hover a
{
background:white;
}
.menu-new .menuf-f>li:hover .top-menu-new
{
opacity: 1;
visibility: visible;
right:0
}
.menu-new .menuf-f>li .top-menu-new
{
visibility: hidden;
opacity: 0;
right: -100px;
position:absolute;
z-index:100;
width:100%;
top: 25px;
padding: 20px;
background: rgba(0,0,0,.9);
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.menu-new .menuf-f>li .top-menu-new ul
{
list-style:none;
display:table;
padding: 0;
width: 100%;
/* background: none; */
}
.menu-new .menuf-f>li .top-menu-new>ul>li
{
float:left;
width: 25%;
background: none;
}
.menu-new .menuf-f>li .top-menu-new>ul>li>a:hover
{
border-bottom: none !important;
}
.menu-new .menuf-f>li .top-menu-new>ul>li>a
{
background: none !important;
padding: 10px;
display: block;
color: #fff;
width: 90%;
text-align: left;
text-transform: uppercase;
font-weight: bold;
font-size: 12px;
}
.menu-new .menuf-f>li .top-menu-new>ul>li:nth-child(4) a
{
width:100%;
}
.menu-new .menuf-f>li .top-menu-new>ul>li>ul>li{
width: 90.1%;
float: left;
text-align: left;
}
.menu-new .menuf-f>li .top-menu-new>ul>li:nth-child(4)>ul>li{
width:100%;
}
.menu-new .menuf-f>li .top-menu-new>ul>li>ul>li a:hover
{
color:#fff;
border-bottom: none;
}
.menu-new .menuf-f>li .top-menu-new ul li a .fa-angle-right:before {
padding-right: 5px;
}
.menu-new .menuf-f>li .top-menu-new>ul>li>ul>li a{
background: none;
font-size: 13px;
padding-left: 15px;
line-height: 24px;
display: block;
color: #bbb;
position: relative;
transition: color 200ms ease-in-out 0s;
-moz-transition: color 200ms ease-in-out 0s;
-webkit-transition: color 200ms ease-in-out 0s;
}
.topmn-bg-zoom {
padding-top: 10px;
}
.menu-new .menuf-f>li .top-menu-new>ul>li>ul>li:hover a
{
background: rgb(240, 240, 240);
}
.menu-new .menuf-f>li .top-menu-new>ul>li>ul>li a:before{
}
.banner_slide{
/* margin-top: 30px; */
margin-bottom: 30px;
}
.qc_slide.col-md-3.col-xs-12.col-sm-3 {
margin-top: 30px;
}
.qc_slide img {
width: 100%;
}
.owl-next {
background-color: rgba(245,245,245,.7);
width: 50px;
height: 50px;
font-size: 20px;
line-height: 40px;
text-align: center;
transition: opacity .35s ease 0s;
-webkit-transition: opacity .35s ease 0s;
-moz-transition: opacity .35s ease 0s;
position: absolute;
top: 50%;
margin-top: -25px;
right: 10px;
opacity: 0;
}
.owl-prev {
background-color: rgba(245,245,245,.7);
width: 50px;
height: 50px;
font-size: 20px;
line-height: 50px;
text-align: center;
transition: opacity .35s ease 0s;
-webkit-transition: opacity .35s ease 0s;
-moz-transition: opacity .35s ease 0s;
position: absolute;
top: 50%;
margin-top: -25px;
left: 10px;
opacity: 0;
}
.owl-carousel .owl-nav .owl-prev:hover,.owl-carousel .owl-nav .owl-next:hover {
background: #fff;
}
.banner_slide:hover .owl-carousel .owl-prev,.banner_slide:hover .owl-carousel .owl-next{
opacity: 1;
}
.banner_slide .owl-dots .owl-dot {
display: inline-block;
}
.owl-dots {
position: absolute;
bottom: 3%;
left: 2%;
}
.banner_slide .owl-carousel .owl-dots .owl-dot.active span, .banner_slide .owl-carousel .owl-dots .owl-dot:hover span {
transform: scale(2);
-webkit-transform: scale(2);
-moz-transform: scale(2);
}
.banner_slide .owl-carousel .owl-dots .owl-dot span {
background: #fff;
border-radius: 30px;
box-shadow: 0 0 2px 1px rgba(0,0,0,.1);
display: block;
height: 10px;
margin: 5px 7px;
width: 10px;
transition: all 300ms ease-in-out 0s;
-webkit-transition: all 300ms ease-in-out 0s;
-moz-transition: all 300ms ease-in-out 0s;
}
.collage [class*="col-"] {
padding: 0;
}
.collage [class*="col-"] img {
width: 100%;
}img {
border: 0;
vertical-align: top;
max-width: 100%;
}
.collage .collageInner {
bottom: 45px;
color: #fff;
left: 45px;
position: absolute;
right: 43px;
transform: translate3d(0, 40px, 0px);
transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
-moz-transform: translate3d(0, 40px, 0px);
-moz-transition: opacity 0.35s ease 0s, -moz-transform 0.35s ease 0s;
-webkit-transform: translate3d(0, 40px, 0px);
-webkit-transition: opacity 0.35s ease 0s, -webkit-transform 0.35s ease 0s;
z-index: 4;
webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
}
.collageInner a {
border: 1px solid #fff;
margin: 15px 0 0 0;
padding: 10px 30px;
display: inline-block;
color: #fff;
text-transform: uppercase;
}
.collage .collageInner a {
opacity: 0;
}
.collageInner h3 {
text-transform: uppercase;
font-size: 29px;
color: #fff;
font-weight: bold;
}
.collageInner p {
color: #fff;
font-size: 15px;
text-shadow: 1px 2px 3px rgba(0,0,0,0.3);
}
.collage .colInside:after, .collage .colInside:before {
bottom: 21px;
content: "";
left: 21px;
opacity: 0;
position: absolute;
right: 21px;
top: 21px;
transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
-webkit-transition: opacity 0.35s ease 0s, -webkit-transform 0.35s ease 0s;
-moz-transition: opacity 0.35s ease 0s, -moz-transform 0.35s ease 0s;
z-index: 1;
}
.collage .colInside:after {
border-left: 1px solid #fff;
border-right: 1px solid #fff;
transform: scale(1, 0);
-webkit-transform: scale(1, 0);
-moz-transform: scale(1, 0);
}
.collage .colInside:before {
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
transform: scale(0, 1);
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
}
.collage [class*="staticBox-"]:hover .colInside:before, .collage [class*="staticBox-"]:hover .colInside:after {
opacity: 1;
transform: scale(1);
transition: opacity 0.4s ease 0s, transform 0.45s ease 0.2s;
-webkit-transform: scale(1);
-webkit-transition: opacity 0.4s ease 0s, -webkit-transform 0.45s ease 0.2s;
-moz-transform: scale(1);
-moz-transition: opacity 0.4s ease 0s, -moz-transform 0.45s ease 0.2s;
}
.collage [class*="staticBox-"]:before {
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
content: '';
transition: opacity 0.35s ease 0s;
-webkit-transition: opacity 0.35s ease 0s;
}
.content-index
{
padding:0;
}
a.owl-prev:hover,a.owl-next:hover{
background-color: rgba(245,245,245,1);
}
a.owl-prev span,a.owl-next span {
color: #333;
margin-top: 15px;
}
.header .header-top
{
background:black;
}
a.miniv2-toolbar-barclick
{
color: #848484;
padding: 0;
display: block;
padding: 8px;
font-family: arial;
text-transform: none;
font-size: 12px;
}
a.miniv2-toolbar-barclick:before
{
opacity:0;
}
.miniv2-toolbar-barclick .fa
{
color: #848484;
font-size: 15px;
}
.f-miniCart-miniv2
{
display:inline-block;
float:right;
}
ul.f-menutop-ul.home
{
margin-bottom:0;
background-image: url(../imgs/header_bar_bg.png);
background-size: 100% 100%;
width: auto;
display: table;
margin: 0 auto;
}
.search-basic
{
display:none;
}
.miniCart-body:before
{
right: 25px;
top: -10px;
border-bottom: 10px solid #484848;
}
.miniCart-body
{
top:35px;
}
#myslide img
{
width:100%;
}
.buy_quick
{
display:none;
}
.v2-home-pr-item:hover button.like-product,
.v2-home-pr-item button.like-product,
.v2-home-catepr-showul-item .f-pr-item-action .like-product
{
opacity:0;
}
.f-ctn-doitacduoi .v2-home-catepr-title
{
border-bottom: 2px solid #484848;
height: auto;
width: 100%;
}
.f-ctn-doitacduoi .v2-home-catepr-title>a
{
display: inline-block;
padding: 0 15px;
width: auto !important;
background-color: #484848 !important;
}
.f-ctn-doitacduoi .v2-home-catepr-title>a>span
{
display:inline-block;
padding: 6px;
font-size: 14px;
color: white;
font-weight: normal;
box-shadow: none;
font-family: RobotoR;
}
div#owldoitacduoi
{
margin-top:0;
}
.item-doitac-duoi
{
padding:10px;
}
div#owldoitacduoi img
{
border: 1px solid #DADADA;
border-radius:4px;
}
div#owldoitacduoi img:hover
{
border: 1px solid #797979;
}
.menu-footer
{
padding:0;
border-bottom: 1px solid #292929;
}
.menu-bottom .navbar-nav > li > a
{
padding: 5px 10px;
text-transform: uppercase;
color: white;
font-family: RobotoR;
font-weight: 400;
}
.menu-bottom .navbar-nav > li:hover >a
{
background: #484848;
}
.menu-bottom .navbar-nav > li:nth-child(1) a
{
padding-left:0;
}
.menu-bottom .navbar-nav > li>ul
{
position:absolute;
top: 30px;
list-style:none;
display:none;
min-width: 150px;
background-color: red;
}
.menu-bottom .navbar-nav > li:hover>ul
{
display:block;
}
.menu-bottom .navbar-nav > li>ul>li>a
{
color:black;
}
.footer-content
{
padding-top:20px;
}
.v2-hometab-news .nav-tabs
{
margin-bottom: 10px;
border-bottom: 2px solid #484848;
/* background-color: black; */}
.v2-hometab-news .nav-tabs>li
{
padding-bottom: 1px;
}
.v2-hometab-news .nav-tabs>li>a
{
text-transform: uppercase;
color: #101010;
font-family: RobotoR;
background-color: #F2F2F2;
border-radius: 0;
font-size: 14px;
display: block;
padding: 3px 15px;
border: none;
}
.v2-hometab-news .nav-tabs>li.active>a
{
color: white;
background-color: #484848;
border: none;
}
.v2-hometab-news .item-tab-news-home,
.f-new-home .item-tab-news-home
{
padding:10px;
height: 367px;
}
.v2-hometab-news .item-tab-news-home .item-img,
.f-new-home .item-tab-news-home .item-img
{
height: 180px;
}
.v2-hometab-news .item-tab-news-home .item-img a img
{
max-height: 100%;
}
.v2-hometab-news .item-tab-news-home .item-name a h2,
.f-new-home .item-tab-news-home .item-name a h2,
.f-center-module.tab-hot .item-album .item-title a h2
{
color: #060606;
font-size: 18px;
font-family: RobotoR;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin: 0;
display: block;
padding: 10px 0;
}
.v2-hometab-news .item-tab-news-home .item-vantat,
.f-new-home .item-tab-news-home .item-vantat,
.f-center-module.tab-hot .item-album .item-vantat
{
text-align: justify;
}
.v2-hometab-news .item-tab-news-home .item-vantat span,
.f-new-home .item-tab-news-home .item-vantat span,
.f-center-module.tab-hot .item-album .item-vantat span
{
font-family: RobotoR;
}
.v2-hometab-news .owl-controls,
.f-new-home .owl-controls,
.f-center-module.tab-hot .owl-controls
{
display:none !important;
}
.f-center-module.tab-hot
{
}
.f-center-module.tab-hot .f-video-item
{
padding:10px;
margin-bottom: 0;
}
.f-center-module.tab-hot .f-video-item .f-video-item-img
{
height: 180px;
}
.f-new-home-title
{
font-family: RobotoR;
text-transform: uppercase;
border-bottom: 2px solid #484848;
display: block;
}
.f-new-home-title span
{
background: #484848;
color: white;
padding: 3px 15px;
padding-top: 4px;
font-size: 14px;
}
.v2-home-catepr-tabul .img_avatar
{
display:none;
}
.featuredInner h2
{
margin:0;
font-weight: normal;
padding: 6px;
background-color: #B5B5B5;
border-right: 1px solid #FBFBFB;
}
.v2-home-catepr-tabul li h2 a
{
font-weight:normal;
background: none;
line-height: 1.2em;
}
.v2-home-catepr-tabul li h2 a:After
{
opacity:0;
}
.zoomContainer
{
z-index:1000;
}
.f-ctn-centers
{
padding: 0;
}
.f-ctn-left
{
}
.v2-filterpr
{
position:relative;
display: table;
padding: 0;
width: 100%;
}
.f-product-chooseview
{
float: right;
background: none;
margin-left: 0;
margin-top: 4px;
}
.v2-home-catepr-showul-item .f-pr-item-img img
{
position:relative;
height: auto;
}
.featuredInner
{
margin:0;
}
.view_q
{
position:absolute;
top:35%;
left:0;
right:0;
opacity:0;
display:none;
}
.view_q .v2-home-pr-item-action-viewq
{
position:relative;
z-index: 123;
opacity: 1;
visibility: initial;
font-family: RobotoR;
font-size: 14px;
}
.v2-home-catepr-showul-item:hover .view_q,
.v2-pr-item:hover .view_q,
.f-pr-item:hover .view_q
{
opacity:1;
}
.v2-home-pr-item-action-viewq:hover
{
background: #171717!important;
}
.item-album .item-title
{
position:absolute;
top: 42%;
text-align: center;
width: 100%;
}
.item-album .item-title a h2
{
font-family:'RobotoR';
opacity: 0;
background:rgba(255,255,255,0.4);
color:black !important;
}
.item-album:hover .item-title a h2
{
opacity:1;
}
.item-album .item-img a img
{
margin:0 auto;
}
.item-album .item-vantat
{
display:none;
}
.f-cate-ul>li> a span
{
font-size:11px;
font-family:'RobotoR';
}
.f-module-page .f-module-page-body .f-pr-image-zoom-gallery img
{
overflow:hidden;
max-height: 90px;
max-width: 90px;
}
.f-product-view .f-product-view-info .f-product-view-info-image .f-pr-image-zoom-gallery a.active img
{
border:1px solid black;
}
.f-pr-view-box-size .box-size-title
{
float:left;
margin-right:15px;
}
.f-page-split .f-page-split-title
{
border-bottom: 2px solid #484848;
padding: 0;
}
.f-page-split .f-page-split-title span
{
font-family:'RobotoR';
font-weight:normal;
font-size:14px;
background: #484848;
display:inline-block;
color:white;
padding: 2px 10px;
}
.f-module-page
{
/* background: white; */
/* color: white; */
}
.v2-filterpr
{
background:white;
margin-bottom:10px;
}
.v2-filterpr >div
{
padding-left:0;
}
.f-news-page li
{
display:table;
}
.btn-success
{
background: #484848;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success
{
border: 1px solid red;
background: #212121;
}
#news_filter>div,#video_filter>div,#filter_album>div
{
padding-left:0;
}
.v2-tabhome-product ul li
{
padding: 0;
}
.form-horizontal .block-control-input
{
width: 90%;
}
.control-label.block-laber
{
width: 33%;}
.form-horizontal .col-md-9
{
padding:0;
width: 67%;
margin: 0 auto;
display: block;
}
.btn-primary
{
border:none;
border-bottom: 2px solid #353535;
background: #484848;
}
.row_logo_bottom
{
/* background:black; */
}
.f-page-split
{
/* background:black; */
}
.f-page-split .v2-pr-item .f-pr-item-action .btndetail i
{
line-height: 2.7em;
}
.f-product-view-info
{
margin-top:0;
/* padding: 19px 0; */
/* background-color: black; */
color: white;
}
.filter>div.slider-price
{
background:white;
}
.filter
{
background:white;
}
.f-page-tab
{
/* background:black; */
}
.f-module-page .f-module-page-body
{
/* background: black; */
/* color: white; */
/* padding: 20px 0; */
}
.f-module-page-body
{
background:white;
}
.f-product-bl .f-pr-bl-item
{
/* background:black; */
}
.f-product-bl .f-pr-bl-item .f-pr-bl-item-boxdetail
{
/* background:black; */
}
.f-product-bl .f-pr-bl-item .f-pr-bl-item-boxdetail h2 a
{
/* color:white; */
}
.f-ctn-left .f-block
{
position: relative !important;
width:100%!important;
}
.f-block
{
position: fixed;
right: 0;
top: 30%;
width: 139px;
/* background-color: black; */
border: none;
border: 1px solid #3C3C3C;
}
.f-contact-page .f-contact-page-info span
{
/* color: white!important; */
}
.f-ctn-left .f-block .f-contact-page-info span
{
font-size:11px;
}
.f-product-view-info-detail
{
/* background: black; */
padding: 0 2px;
}
.f-news-view-detail span
{
color:white;
}
.f-product-view .f-pr-view-info ul li span.price
{
color: #0A0A0A;
}
.header .header-top .login-bar li a:hover
{
color: #FFFFFF;
}
.f-pr-view-info,.f-pr-view-choosesizeGroup,.box-size-title
{
color: #000000;
}
.des-van-tat
{
/* background:black; */
padding:10px;
}
.img-detail
{
position:absolute;
top: 10%;
left: 100%;
width: 400px;
height: 400px;
display: none;
z-index: 999999999;
padding: 15px;
background-color: white;
box-shadow: 1px 1px 10px -1px;
}
.img-detail img
{
margin: 0 auto;
max-width: 100%;
max-height: 100%;
}
.v2-home-pr-item:hover .img-detail,
.v2-home-catepr-showul-item:hover .img-detail,
.v2-pr-item:hover .img-detail
{
/* display:block; */
}
.v2-tabhome li:nth-child(4n) .img-detail,
.v2-home-catepr-showli:nth-child(5) .img-detail,
.v2-home-catepr-showli:nth-child(9) .img-detail,
.v2-home-catepr-showli:nth-child(13) .img-detail,
.v2-home-catepr-showli:nth-child(17) .img-detail,
.v2-home-catepr-showli:nth-child(21) .img-detail
{
left: auto;
right: 100%;
}
.share
{
padding:10px 0 0 0;
}
.share .fb_iframe_widget
{
width:150px!important;
}
.f-pr-view-choosesizeGroup
{
display:none;
}
.f-pr-view-info ul li.value img
{
height: 27px;
width: 51px;
background-color: black;
opacity: 1;
position: relative;
display: block;
left: 16px;
/* z-index: 1231231; */
}
.f-pr-view-box-size
{
/* position:absolute; */
width: 92%;
bottom: 64px;
/* background-color: black; */
z-index: 123;
}
.block-share
{
position: fixed;right: 0;top: 30%;display: block;width: 139px;}
.block-share .block-share-block
{
/* padding: 10px; */
position:relative;
cursor: pointer;
display: block;
display: none;
}
.block-share .block-share-block:after
{
content:"\f077";
position:absolute;
font-size: 20px;
font-family: fontawesome;
color: white;
z-index: 1231312312;
display: block;
padding: 10px;
right: 0;
transform: rotate(-90deg);
}
.block-share .block-share-hide
{
position:relative;
cursor: pointer;
display: block;
}
.block-share .block-share-hide:after
{
content:"\f00d";
position:absolute;
font-size: 20px;
font-family: fontawesome;
color: white;
z-index: 1231312312;
display: block;
padding: 10px;
RIGHT: 0;
top: -35px;
}
.block-share .content-ttt
{
}
.prev_button
{
background: #777777!important;
margin-right:10px;
position:relative;
}
a.prev_button:after
{
content: "";
position: absolute;
z-index: 9999999999999999999999999999999999999;
left: 18px;
top: 7px;
display: block;
border-style: solid;
border-width: 22px 0px 20px 20px;
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #FEFEFE;
transform: rotate(180deg);*/;
}
.next_button
{
background: #777777!important;
}
a.next_button:after
{
content: "";
position: absolute;
z-index: 9999999999999999999999999999999999999;
left: 18px;
top: 7px;
display: block;
border-style: solid;
border-width: 22px 0px 20px 20px;
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #FEFEFE;
/* transform: rotate(180deg); */
}
.f-product-view .f-product-view-info .f-product-view-info-image .f-pr-image-zoom
{
border: 1px solid #C5C5C5;
border-radius: 3px;
}
.f-block.danhmuc-sp ul.f-block-news-menu li ul
{
display:none;
position:absolute;
left:100%;
}
.f-block.danhmuc-sp .f-block-news-menu li:hover>ul
{
display:block;
}
.v2-pr-item-saleof
{
background: #424242;
}
.f-product-bl .f-pr-bl-item .f-pr-bl-item-boxdetail .f-pr-bl-item-price
{
color:black;
}