@charset "utf-8";

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{text-decoration:none}mark{color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}input,select{vertical-align:middle} .alignnone{margin:5px 20px 20px 0}.aligncenter,div.aligncenter{display:block;margin:5px auto 5px auto}.alignright{float:right;margin:5px 0 20px 20px}.alignleft{float:left;margin:5px 20px 20px 0}a img.alignright{float:right;margin:5px 0 20px 20px}a img.alignnone{margin:5px 20px 20px 0}a img.alignleft{float:left;margin:5px 20px 20px 0}a img.aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}.wp-caption.alignnone{margin:5px 20px 20px 0}.wp-caption.alignleft{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important;height:1px;width:1px;overflow:hidden}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.6);clip:auto !important;color:#21759b;display:block;font-size:14px;font-size:0.875rem;font-weight:bold;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.entry-content{line-height:1.625}.entry-content a:hover{color:#333}.entry-content p{margin:0 0 10px;padding:0}.entry-content strong{font-weight:700}.entry-content ol,.entry-content ul{margin:0 0 15px 40px;padding:0}.entry-content ol li{list-style-type:decimal}.entry-content ul li{list-style-type:disc}.entry-content ol ol,.entry-content ul ul{margin-bottom:0}.entry-content blockquote,.entry-content blockquote::before{color:#999}.entry-content blockquote{border:2px dashed #38578F;padding:15px;margin:10px 0;background-color:#FFFFDF;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px}.entry-content blockquote::before{content:"\201C";display:block;font-size:30px;height:0;left:-10px;position:relative;top:-10px}.entry-content cite{font-style:normal}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{font-weight:700;line-height:1.2;margin:0 0 16px}.entry-content h1{font-size:36px}.entry-content h2{font-size:30px}.entry-content h3{font-size:24px}.entry-content h4{font-size:20px}.entry-content h5{font-size:18px}.entry-content h6{font-size:16px}.entry-content table{border-collapse:collapse;border-spacing:0;line-height:2;margin-bottom:40px;width:100%}.entry-content th,.entry-content td{text-align:left}.entry-content th{font-weight:bold;text-transform:uppercase}.entry-content td{padding:6px}.entry-content img.centered,.entry-content .aligncenter{display:block;margin:0 auto 24px}.entry-content img.alignnone{margin-bottom:12px}.entry-content .alignleft{float:left;text-align:left}.entry-content .alignright{float:right;text-align:right}.entry-content img.alignleft,.entry-content .wp-caption.alignleft{margin:0 24px 24px 0}.entry-content img.alignright,.entry-content .wp-caption.alignright{margin:0 0 24px 24px}.entry-content .wp-caption-text{font-size:14px;font-weight:700;text-align:center}
@font-face{
font-family:'FontAwesome';
src:url(//sptvietnam.com/wp-content/themes/shopping/font-awesome/fonts/fontawesome-webfont.eot);
src:url(//sptvietnam.com/wp-content/themes/shopping/font-awesome/fonts/fontawesome-webfont.eot?#iefix) format('embedded-opentype'),
url(//sptvietnam.com/wp-content/themes/shopping/font-awesome/fonts/fontawesome-webfont.woff) format('woff'),
url(//sptvietnam.com/wp-content/themes/shopping/font-awesome/fonts/fontawesome-webfont.ttf) format('truetype'),
url(//sptvietnam.com/wp-content/themes/shopping/font-awesome/fonts/fontawesome-webfont.svg#FontAwesome) format('svg');
font-weight:normal;
font-style:normal
}
[class^="icon-"]:before,[class*=" icon-"]:before{
font-family:FontAwesome;
font-weight:normal;
font-style:normal;
display:inline-block;
text-decoration:inherit
}
ul li{list-style: none; list-style-position: inside}
html {width: 100%;margin: 0 auto}
body {font-size:14px;line-height:22px;color:#333}
.clear { float:none; clear:both; margin:0px; padding:0px;height: 0;display: block}
a{color: #333}
a:hover{color: #38578F}
a,a:hover {text-decoration: none}
a{outline: none!important}
a img{ border:none}
img { max-width:100%; height: auto}
input{outline: none}
h1, h2, h3, h4, h5, h6{font-family: 'Roboto Condensed', sans-serif;color: #333}
h1{ font-size:18px}
h2{ font-size:16px}
h3,h4,h5,h6{ font-size: 14px}
h1, h2, h3, h4, h5, h6, a, span, p, button, input, label, i,img,
.info-top ul li a,
.single .dcjq-vertical-mega-menu{
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
table {margin:auto; margin-bottom: 10px; max-width: 100%; width: auto }
table thead, table tfoot { background: #f5f5f5; }
table thead tr th,
table tfoot tr th,
table tbody tr td,
table tr td,
table tfoot tr td { text-align: left; }
table thead tr th,
table tfoot tr td { padding: 8px 10px 9px; font-size: 14px; font-weight: bold; color: #333; }
table thead tr th:first-child, table tfoot tr td:first-child { border-left: none; }
table thead tr th:last-child, table tfoot tr td:last-child { border-right: none; } table tbody { color: #333; padding: 9px; vertical-align: top; border: none;border-bottom: 1px solid #ddd }
table tbody tr td { color: #333; padding: 9px; vertical-align: top; border: none;border-top: 1px solid #ddd }
fieldset{padding: 5px 10px; border: 1px solid #d9d9d9;}
legend{padding-left: 10px; padding-right: 10px; width: auto; color: red}
iframe{max-width: 100%}
.fb_iframe_widget iframe{max-width: inherit}
.fb-comments,
.fb-comments > span,
.fb-comments > span > iframe {max-width: 100%; width: 100% !important}
.flw{float: left;width: 100%}
.bold{font-weight: 700}
.bg-white{background-color: #fff}
.thumbnail{margin-bottom: 5px}
.info-top{background-color: #51B848; height: 40px}
.info-top .menu-top{float: left;width: 100%;position: relative}
.info-top ul{  float: right}
.info-top ul li.effect{  position: absolute;left: 0}
.no-padding{padding: 0 0 0}
.no-padding-right{padding-right: 0}
.no-padding-left{padding-left: 0}
.none{display: none}
.block{display: block}
.rotate{
-webkit-transform: rotate(540deg);
-moz-transform: rotate(540deg);
-ms-transform: rotate(540deg);
-o-transform: rotate(540deg);
transform: rotate(540deg)
}
@keyframes pingtoright {
0% {transform: translateX(0px);}
50% {transform: translateX(-10px);}
100% {transform: translateX(0px);}
}
@-webkit-keyframes pingtoright {
0% {transform: translateX(0px);}
50% {transform: translateX(-10px);}
100% {transform: translateX(0px);}
}
@keyframes pingtoright2 {
0% {transform: translateX(0px);}
50% {transform: translateX(-5px);}
100% {transform: translateX(0px);}
}
@-webkit-keyframes pingtoright2 {
0% {transform: translateX(0px);}
50% {transform: translateX(-5px);}
100% {transform: translateX(0px);}
}
.info-top ul li.effect a{  animation: 1.5s linear 0s normal none infinite pingtoright;-webkit-animation: 1.5s linear 0s normal none infinite pingtoright}
.info-top ul li.add{  position: absolute;left: 200px}
.info-top ul li{float: left}
.info-top ul li a{float: left; line-height: 40px;padding: 0 10px;color: #fff}
.form-search-header{float: left;width: 100%; margin-top: 10px}
.form-search-header .hotkey{margin-top: 5px;float: left;width: 100%;font-style: italic;color: #c2c2c2;font-size: 12px}
.link-cart{ float: left; margin-top: 12px}
.link-cart a{ position: relative; display: block}
.link-cart i{ font-size: 30px; color: #9E9E9E}
.link-cart b{ background-color: #E90000; color: #fff; width: 20px; height: 20px; text-align: center; line-height: 20px; font-size: 10px; border-radius: 50%; position: absolute; top: 0; right: 0; margin-right: -10px; margin-top: -5px}
.hotline-head{float: right; margin-top: 10px; background: url(//sptvietnam.com/wp-content/themes/shopping/images/top_hotline2.png); width: 210px; height: 37px; position: relative}
.hotline-head a{position: absolute; top: 0; right: 0; margin-right: 3px; line-height: 37px; font-weight: 700; color: #fff; font-size: 17px} .icon-hot > a:after,.icon-new > a:after,.icon-sale > a:after{margin-left: 10px;color: #fff;padding: 3px 7px;font-size: 12px}
.icon-hot > a:after{content: 'Hot';background: #FF982A}
.icon-new > a:after{content: 'New';background: #00E58C}
.icon-sale > a:after{content: 'Sale';background: #E90000}
#logo{padding: 10px 0}
.logo{text-align: center}
#logoMobile{ position: absolute;left: 50%;top: 0;transform: translate(-50%, 0)}
#logoMobile img{max-height: 50px}
.services_head{float: left;width: 100%;margin: 0 0 15px}
.box-services{float: left;width:100%;cursor: pointer;text-align: left;border: 4px double #ddd;padding: 15px 10px}
.box-services .icon{float: left; margin-right: 5px}
.box-services i{font-size: 40px;color: #38578F}
.box-services .content-service h3{font-family: inherit;color: #38578F;line-height: 20px; margin: 0}
.site-title{text-indent: -9999px; position: absolute}
.container-main-menu .menu{float: left;width: 100%; margin-bottom: 0}
.container-main-menu .close-menu{display: none}
.container-main-menu ul li{float: left; position: relative}
.container-main-menu>ul>li{text-align: center; padding: 5px 0 0}
.container-main-menu>ul>li:hover{background-color: #eee}
.container-main-menu>ul>li>a{margin-bottom: 5px}
.wrap-search {height: 0;overflow: hidden;transition: all .25s ease-out;-webkit-transition: all .25s ease-out;background: #333;float: left;width: 100%}
.search-active {display: block;height: 45px!important;transition: all .25s ease-out;-webkit-transition: all .25s ease-out}
.wrap-search .input-group input[type="text"] {background: #333;border: none;outline: none;box-shadow: none;-webkit-box-shadow: none;color: #fff;font-size: 14px;padding: 0;border-radius: 0;height: 45px}
.wrap-search button {background-color: transparent;border: none;box-shadow: none}
.wrap-search button .fa {color: #999;font-size: 22px;margin-top: 10px;outline: none;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out}
.wrapper-menu{clear: both}
.wrapper-menu ul li.search input[type="text"],#searchform input[type="text"], #yith-s{border: medium none;line-height: 38px;float: left;padding: 0 0 0 10px;color: #333;width: 82%;float: left;border: 1px solid #c6c6c6; border-right: none; margin-bottom: 0}
.wrapper-menu ul li.search input[type="submit"],#searchform input[type="submit"], #yith-searchsubmit{background: #E90000;border: medium none;cursor: pointer;line-height: 40px;height: 40px;width: 18%;float: left;color: #fff}
.search-navigation{float: left; width: 82%}
.search-navigation input[type="search"]{ width: 100%!important}
.autocomplete-suggestions{margin-top: 39px}
.title-cate-pro:hover, .title-cate-pro:focus{color: #fff}
.container-main-menu ul li a{ color: #444; padding: 0 29px; display: block}
.container-main-menu ul li a i{ display: block; font-size: 28px; color: #444}
.container-main-menu ul li:hover > .sub-menu{display: block;visibility: visible;z-index: 9999;opacity: 1;-webkit-transform: scale(1, 1);transform: scale(1, 1);transition: transform 0.3s ease, opacity 0.2s ease .1s;-webkit-transition: -webkit-transform 0.3s ease, opacity 0.2s ease .1s}
.container-main-menu ul li .sub-menu{background-color: #eee; min-width:220px;opacity: 0;padding:0;position:absolute; border-top: 2px solid #E90000}
.container-main-menu ul li .sub-menu{-webkit-transform-origin: top;transform-origin: top;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-transform: scale(1, 0);transform: scale(1, 0);transition: transform 0.5s ease, opacity 0.2s ease;-webkit-transition: -webkit-transform 0.5s ease, opacity 0.2s ease}
.container-main-menu ul li .sub-menu li {margin:0;width: 100%; text-align: left}
.container-main-menu ul li .sub-menu li:hover {background-color: #f9f9f9}
.container-main-menu ul li .sub-menu li:hover>a{color: #E90000; padding-left: 35px}
.container-main-menu ul li .sub-menu li a{color: #444; line-height: 40px}
.container-main-menu ul li .sub-menu ul {left:220px;margin-top: -42px}
.hotline_menu{line-height: 40px}
.hotline_menu span.icon{ line-height: 40px;width: 40px;text-align: center;background-color: #D9534F;color: #fff;float: left}
.hotline_menu i{line-height: 40px; display: block}
.hotline_menu i{-webkit-animation: ew-circle 1s infinite ease-in-out;-moz-animation: ew-circle 1s infinite ease-in-out;-ms-animation: ew-circle 1s infinite ease-in-out;-o-animation: ew-circle 1s infinite ease-in-out;animation: ew-circle 1s infinite ease-in-out}
.hotline_menu span.text{ padding: 0 15px;color: #fff;font-size: 16px;line-height: 40px;float: left}
@-moz-keyframes ew-circle {
0% {transform: rotate(0) scale(1) skew(1deg)}
10% {transform: rotate(-25deg) scale(1) skew(1deg)}
20% {transform: rotate(25deg) scale(1) skew(1deg)}
30% {transform: rotate(-25deg) scale(1) skew(1deg)}
40% {transform: rotate(25deg) scale(1) skew(1deg)}
50% {transform: rotate(0) scale(1) skew(1deg)}
100% {transform: rotate(0) scale(1) skew(1deg)}
}
@-webkit-keyframes ew-circle {
0% {transform: rotate(0) scale(1) skew(1deg)}
10% {transform: rotate(-25deg) scale(1) skew(1deg)}
20% {transform: rotate(25deg) scale(1) skew(1deg)}
30% {transform: rotate(-25deg) scale(1) skew(1deg)}
40% {transform: rotate(25deg) scale(1) skew(1deg)}
50% {transform: rotate(0) scale(1) skew(1deg)}
100% {transform: rotate(0) scale(1) skew(1deg)}
}
@-o-keyframes ew-circle {
0% {transform: rotate(0) scale(1) skew(1deg)}
10% {transform: rotate(-25deg) scale(1) skew(1deg)}
20% {transform: rotate(25deg) scale(1) skew(1deg)}
30% {transform: rotate(-25deg) scale(1) skew(1deg)}
40% {transform: rotate(25deg) scale(1) skew(1deg)}
50% {transform: rotate(0) scale(1) skew(1deg)}
100% {transform: rotate(0) scale(1) skew(1deg)}
}
@keyframes ew-circle {
0% {transform: rotate(0) scale(1) skew(1deg)}
10% {transform: rotate(-25deg) scale(1) skew(1deg)}
20% {transform: rotate(25deg) scale(1) skew(1deg)}
30% {transform: rotate(-25deg) scale(1) skew(1deg)}
40% {transform: rotate(25deg) scale(1) skew(1deg)}
50% {transform: rotate(0) scale(1) skew(1deg)}
100% {transform: rotate(0) scale(1) skew(1deg)}
}
@keyframes blink{
to{visibility:hidden}
}
@-webkit-keyframes blink{
to{visibility:hidden}
}
@-webkit-keyframes fontbulger {
0% {-webkit-transform-origin: top;transform-origin: top;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-transform: scale(1, 0);transform: scale(1, 0);transition: transform 0s linear, opacity 0.2s linear;-webkit-transition: -webkit-transform 0s linear, opacity 0.2s linear}
100% {-webkit-transform-origin: top;transform-origin: top;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-transform: scale(1, 1);transform: scale(1, 1);transition: transform 0s linear, opacity 0.2s linear;-webkit-transition: -webkit-transform 0s linear, opacity 0.2s linear}
}
@-moz-keyframes fontbulger {
0% {-webkit-transform-origin: top;transform-origin: top;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-transform: scale(1, 0);transform: scale(1, 0);transition: transform 0s ease, opacity 0.2s ease;-webkit-transition: -webkit-transform 0s ease, opacity 0.2s ease}
100% {-webkit-transform-origin: top;transform-origin: top;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-transform: scale(1, 1);transform: scale(1, 1);transition: transform 0s ease, opacity 0.2s ease;-webkit-transition: -webkit-transform 0s ease, opacity 0.2s ease}
}
@-o-keyframes fontbulger {
0% {-webkit-transform-origin: top;transform-origin: top;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-transform: scale(1, 0);transform: scale(1, 0);transition: transform 0s ease, opacity 0.2s ease;-webkit-transition: -webkit-transform 0s ease, opacity 0.2s ease}
100% {-webkit-transform-origin: top;transform-origin: top;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-transform: scale(1, 1);transform: scale(1, 1);transition: transform 0s ease, opacity 0.2s ease;-webkit-transition: -webkit-transform 0s ease, opacity 0.2s ease}
}
@keyframes fontbulger {
0% {-webkit-transform-origin: top;transform-origin: top;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-transform: scale(1, 0);transform: scale(1, 0);transition: transform 0s ease, opacity 0.2s ease;-webkit-transition: -webkit-transform 0s ease, opacity 0.2s ease}
100% {-webkit-transform-origin: top;transform-origin: top;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-transform: scale(1, 1);transform: scale(1, 1);transition: transform 0s ease, opacity 0.2s ease;-webkit-transition: -webkit-transform 0s ease, opacity 0.2s ease}
}
.menu-scroll{display: none}
.menu-fixed{position: fixed;left: 0;right: 0; top:0; z-index: 999999;animation: fontbulger 0.5s;-webkit-animation: fontbulger 0.5s; border-bottom: 1px solid #ddd; display: block}
.menu-fixed{background-color: #333}
.menu-fixed .link-cart{margin-top: 5px}
.menu-fixed .link-cart i{color: #fff}
.menu-fixed .hotline-head{margin-top: 1px}
.form-search-fixed input[type="search"]{margin-top: 2px; border: none!important; line-height: 36px!important}
.form-search-fixed input[type="submit"]{margin-top: 2px; height: 36px!important; line-height: 36px!important}
.mega-menu-fixed{display: none}
#mega-menu-title{line-height: 40px; background-color: #E10017; color: #fff; padding: 0 15px; cursor: pointer}
.main-navigation{clear: both;display: block;float: left;width: 100%;border-radius: 0;margin-bottom: 0px;border: 0px; position: relative}
.mobile-wrapper{ background: #fff} .wapper-mobile{float: left; width: 100%}
.navbar-toggle{padding-left: 0}
.search-mobile{display: none}
.search-mobile a.icon-search{float: right}
.search-mobile i {font-size: 22px;color: #51B848;cursor: pointer}
.wapper-mobile {position: relative}
.off-canvas-toggle .icon-bar {background-color: #51B848} #off-canvas{background:#3c3c3c;transform: translate3d(-100%, 0, 0);-moz-transform: translate3d(-100%, 0, 0);-webkit-transform: translate3d(-100%, 0, 0);top: 0;bottom: 0;left: 0;height: 100%;overflow: hidden;position: fixed;visibility: hidden;z-index: -1;transition: transform .4s ease, visibility 0s ease .5s, z-index 0s ease .5s;-webkit-transition: -webkit-transform .4s ease, visibility 0s ease .5s, z-index 0s ease .5s}
body.mnopen #off-canvas{transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);overflow-scrolling: touch;overflow: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar;visibility: visible;z-index: 999999;transition: transform .4s ease, visibility 0s ease 0s, z-index 0s ease 0s;-webkit-transition: -webkit-transform .4s ease, visibility 0s ease 0s, z-index 0s ease 0s}
.off-canvas-inner{width:100%;background:#3c3c3c;color:#FFF}
.off-canvas-inner ul{float:left;width: 260px}
.off-canvas-inner ul li{float:left;width: 100%;border-top: solid 1px rgba(255,255,255,.1); position: relative}
.off-canvas-inner ul li:last-child{border-bottom: solid 1px rgba(255,255,255,.1)}
.off-canvas-inner ul li:hover{border-color: #212327}
.off-canvas-inner ul li.menu-item-has-children:hover{border-color: rgba(255,255,255,.1)}
.off-canvas-inner ul li a{padding: 9px 30px;margin: 0 auto;display: inline-block; color: #999} .off-canvas-inner ul li a .fa-times-circle{opacity: .3;color: #38578F;font-family: "FontAwesome";font-size: 28px;margin-right: 0!important}
.off-canvas-inner ul li a:hover .fa-times-circle{opacity: 1}
.off-canvas-inner ul li i.fa{margin-right: 10px}
.off-canvas-inner ul li .sub-menu li{line-height: normal}
.off-canvas-inner ul li .sub-menu li:last-child{border-bottom: 0px}
.off-canvas-inner ul li .sub-menu li a{padding-left: 40px}
.off-canvas-inner ul li .sub-menu li a:before{content: '-';display: inline-block;font-family: 'Fontawesome';color: #999;margin: 0 5px 0 0}
.off-canvas-inner .close-menu {text-align: center}
.off-canvas-inner li.search{display: none}
.home .mega-menu-title{padding-right: 0; position: relative; z-index: 2}
.title-cate-pro{line-height: 60px;display: block;padding: 0 20px;color: #fff; background-color: #E90000} .dcjq-vertical-mega-menu .menu li .non-mega{min-width: 220px}
.dcjq-vertical-mega-menu .menu li .sub-container .sub-menu .row{width: 100% ;margin: 0; background-color: #fff}
.dcjq-vertical-mega-menu .menu li .sub-container .sub-menu{ padding: 0!important}
.dcjq-vertical-mega-menu .menu li .sub-container .sub-menu li a:hover{background-color: transparent; color: #E90000!important}
.dcjq-vertical-mega-menu .menu li .sub-container .sub:before{ content: ''; height: 2px; background-color: #E90000; position: absolute; top: 0; width: 100%}
.dcjq-vertical-mega-menu .menu li .sub li.mega-hdr a.mega-hdr-a{margin: 0; padding: 0; border-bottom: 1px solid #ccc; height: auto !important} .dcjq-vertical-mega-menu .menu .sub-menu.sub{width: auto}
.dcjq-vertical-mega-menu .menu li a {display: block;padding: 0 0 0 15px;line-height: 39px;text-decoration: none}
.dcjq-vertical-mega-menu .menu > li:last-child a{border-bottom: none}
.dcjq-vertical-mega-menu .product-menu .menu{ border-left: 1px solid #EBEEF2}
.dcjq-vertical-mega-menu .menu .sub li a{padding: 0 0 0 20px;line-height: 40px; color: #000!important; background: url(//sptvietnam.com/wp-content/themes/shopping/images/arrow_black.png) no-repeat 5px 15px}
.dcjq-vertical-mega-menu .menu .sub li.mega-hdr li{margin: 0;padding: 0}
.dcjq-vertical-mega-menu .menu li .sub li.mega-hdr,.dcjq-vertical-mega-menu .menu li .sub-container.non-mega li{margin: 0 10px; padding: 0}
.dcjq-vertical-mega-menu .menu li a:hover{ background-color: #eee}
.dcjq-vertical-mega-menu .menu li a:hover, .dcjq-vertical-mega-menu .menu li.mega-hover a{color: #444;}
#main{margin-top: 15px; float: left;width: 100%}
.index_col_title{ text-align: center; position: relative}
.index_col_title h2{ margin: 0; line-height: 40px; text-transform: uppercase; color: #fff}
.index_col_title a{ line-height: 40px; text-transform: uppercase; color: #fff; display: block}
.index_col_title .readmore{position: absolute; background-color: #FD5353; right: 0; top: 0; margin-right: 15px; padding: 0 15px; line-height: 24px; margin-top: 8px; font-size: 14px; text-transform: inherit}
.index_col_title .readmore i{animation: 1.5s linear 0s normal none infinite pingtoright2; -webkit-animation: 1.5s linear 0s normal none infinite pingtoright2; margin-left: 10px}
.index_col_list li{ border-bottom: 1px dotted #ccc; position: relative}
.index_col_list li:last-child{ border-bottom: none}
.index_col_list li a{line-height: 40px}
.index_col_list li>a:hover{padding-left: 5px}
.index_col_list .three-level{ border-top: 1px dotted #ccc; background-color: rgba(232, 232, 232, 0.6)}
.index_col_list .three-level li{ padding-left: 10px}
.section-title-container .section-title{ align-items: center; display: flex; flex-flow: row wrap; justify-content: space-between; position: relative; width: 100%; margin-bottom: 30px}
.section-title-container .section-title b{background-color: currentcolor; display: block; flex: 1 1 0; height: 2px; opacity: 0.1}
.section-title-container .section-title .section-title-main{ border: 2px solid rgba(0, 0, 0, 0.1); font-size: 16px; padding: 0 20px; text-align: center; text-transform: uppercase; font-weight: 700; line-height: 40px;}
.second-level .has-children .three-level, #off-canvas li.menu-item-has-children .sub-menu{display: none}
.second-level .has-children::after, #off-canvas li.menu-item-has-children::after {content: '\f078'; position: absolute; top: 0; right: 10px; font: 1em/40px 'FontAwesome'; cursor: pointer; pointer-events: none; -webkit-transition: -webkit-transform .5s ease-in-out; -moz-transition: -moz-transform .5s ease-in-out; -o-transition: -o-transform .5s ease-in-out; transition: transform .5s ease-in-out}
.second-level .has-children.active::after, #off-canvas li.menu-item-has-children.active::after {-webkit-transform: rotate(540deg); -moz-transform: rotate(540deg); -ms-transform: rotate(540deg); -o-transform: rotate(540deg); transform: rotate(540deg)}
.term_another{cursor: pointer; text-align: center}
.img-cate{line-height: 0;display: block}
.img-cate img{width: 100%; height: auto; max-height: 494px}
.post-content{float: left;width: 100%; margin-top: 20px}
.sidebar .block-title,
.post-content .block-title, .widget-head .block-title{float: left;width: 100%; background-color: #E90000}
#owl-news{float: left;width: 100%}
.post-content .item-blog{margin-top: 15px}
.post-content .item-blog .blog-title{color: #333;font-weight: 700; margin-top: 5px; float: left; width: 100%; height: 44px; overflow: hidden;}
.post-content .item-blog .blog-exp{margin-top: 5px;color: #999;margin-bottom: 10px; float: left; width: 100%}
.post-content .item-blog .blog-more{padding: 7px 12px;background: #333;color: #fff;font-size: 11px}
.title-module{ color: #fff;text-align: left;margin: 0;text-transform: uppercase;line-height: 40px; position: relative}
.title-module a{ color: #fff}
.title-module i{line-height: 40px;width: 40px;float: left;text-align: center;background-color: #333;margin-right: 15px; position: relative}
.title-module i:after{content: ''; border: 5px solid transparent; border-left-color: #333; position: absolute; right: 0; top: 50%; margin-right: -10px; margin-top: -5px} .sidebar .block-title + div, .sidebar .block-title + ul, .sidebar .block-title + form{float: left; width: 100%; padding: 10px}
.sidebar .widget_nav_menu .wrapper-sb{padding: 0}
.sidebar .widget_nav_menu .wrapper-sb li{ line-height: 40px; border-bottom: 1px solid #ebeef2; padding: 0 10px}
.sidebar .widget{margin-bottom: 20px; float: left;width: 100%; border: 1px solid #ddd;background-color: #fff}
.menu-sp .block-title{margin-top: 0}
.menu-sp .title-module{float: none}
.menu-sp .title-module:after{border: none}
.widget-news-post .post{margin-bottom: 10px}
.widget-news-post .post:nth-child(4n+1){clear: both}
.widget_price_filter form{float: left;width: 100%}
.sidebar .ads a{  display: block;line-height: 0}
.list-news-sidebar li{float: left;width: 100%; margin: 0 0 10px 0}
.list-news-sidebar li:last-child{margin: 0}
.list-news-sidebar img{float: left;margin-right: 10px}
.news-title{color: #333;font-size: 16px}
.post-date i,.post-date span{color: rgba(136,136,136,1); font-size: 11px}
.support-online li+li{margin-top: 10px}
.support-online .title-sp{ color: #0188Cc; font-weight: 700; font-size: 12px}
.support-online .title-sp a{ color: #35BC7A; font-size: 16px; margin-left: 5px}
.widget_price_filter form{background-color: #fff}
.woocommerce-tabs .panel{border: none;box-shadow: none}
.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total{ padding: 10px;border-top: none}
.woocommerce .widget_price_filter button:hover{ background-color: #38578F; color: #fff}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{padding: 0; line-height: 40px}
.woocommerce table.shop_table input[type="submit"]:disabled{background-color: #909090; color: #fff}
.widget_shopping_cart .buttons{ background-color: #fff;padding: 0 10px 10px}
.ew_promotion_product{position: relative}
.ew_promotion_product .owl-carousel{position: inherit!important}
.slider-box-tab, .mega-menu2, .widget-head{ display: none}
.home .slider-box-tab, .home .mega-menu2, .home .widget-head{display: block}
.archive .mega-menu2, .single .mega-menu2, .page .mega-menu2, .search .mega-menu2, .error404 .mega-menu2, .mega-menu-fixed{ position: absolute; z-index: 9999; background-color: #fff; width: 262px; border: 1px solid #EBEEF2}
.archive .dcjq-vertical-mega-menu .menu li .sub-container,
.single .dcjq-vertical-mega-menu .menu li .sub-container,
.page .dcjq-vertical-mega-menu .menu li .sub-container,
.error404 .dcjq-vertical-mega-menu .menu li .sub-container,
.search .dcjq-vertical-mega-menu .menu li .sub-container{overflow: inherit!important;width: 100%!important;left: 260px!important; margin-top: -42px!important}
.archive .dcjq-vertical-mega-menu .menu li .sub-container .sub-menu .row,
.single .dcjq-vertical-mega-menu .menu li .sub-container .sub-menu .row,
.page .dcjq-vertical-mega-menu .menu li .sub-container .sub-menu .row,
.error404 .dcjq-vertical-mega-menu .menu li .sub-container .sub-menu .row,
.search .dcjq-vertical-mega-menu .menu li .sub-container .sub-menu .row{ border-top: 2px solid #E90000}
.home .mega-menu2{display: block!important; position: inherit; width: 100%}
.home .dcjq-vertical-mega-menu .menu li .sub-container{left: 275px!important}
.home #mega-menu-wrap .dcjq-vertical-mega-menu .menu li .sub-container{left: 260px!important}
#slider{margin-bottom: 15px}
#banner {margin-bottom: 15px}
.banner-page{margin-bottom: 20px}
#banner img, .banner-page img{width: 100%}
.widget-head .block-title{margin-bottom: 10px}
.product-countdown{padding: 0}
.product-countdown .title-product{margin: 10px 0; padding: 0!important}
.product-countdown .frame img{width: auto; margin: 0 auto}
.product-countdown .box{padding: 0 5px; border: 2px solid #51B848}
.product-countdown #productcountdown{position: inherit;margin: 10px 0 21px} .product-countdown .title-product{ height: 45px!important; float: left; width: 100%; overflow: hidden}
.product-countdown ins{ display: block}
.product-countdown ins .amount{ font-size: 22px}
.product-cate{float: left;width: 100%; overflow: hidden; margin-top: 30px}
.product-cate, .list-product-tab, .show-products{ padding: 0 15px}
.list-product,.list-product-tab{float: left;width: 100%}
.ew_partner{margin: 20px 0; float: left; width: 100%}
.list-product .title-module{margin-bottom: 0}
.product:nth-child(3n+1){clear: both}
.list-product-4col .product:nth-child(3n+1), .list-product-full .product:nth-child(3n+1){clear: inherit}
.list-product-4col .product:nth-child(4n+1), .list-product-full .product:nth-child(5n+1){clear: both}
.list-product-full .index_col_title h2, .list-product-4col .index_col_title h2{text-align: left; padding: 0 15px}
.list-product-full .index_col_title h2 a, .list-product-4col .index_col_title h2 a{display: inline-block}
.select-child{position: absolute; right: 0; top: 0; margin-right: 15px; margin-top: 5px}
.select-child .pro-subcat{height: 30px; min-width: 200px}
.promotion-products{float: left;width: 100%}
.promotion-products .owl-prev,.promotion-products .owl-next{top: 0!important;margin: 0!important;border-radius: 0!important;background-color: transparent!important;right: 0!important;left: inherit!important;font-size: 30px!important}
.promotion-products .owl-prev{margin-right: 25px!important}
.promotion-products .owl-carousel .owl-item{background: #fff}
.promotion-products .frame img{width: auto; margin: 0 auto}
.x8_product_module .nav-tabs{border-bottom: none; margin-bottom: 15px}
.x8_product_module .nav-tabs>li{margin-bottom: 0}
.x8_product_module .nav-tabs>li>a{position: relative;padding: 0 13px;text-transform: uppercase;font-family: 'Roboto Condensed', sans-serif;border-radius: 0;margin: 0;border: none!important; color: #333;line-height: 40px; background-color: transparent}
.x8_product_module .nav-tabs>li.active>a, .x8_product_module .nav-tabs>li>a:focus, .x8_product_module .nav-tabs>li>a:hover{color: #fff;background: #E90000}
.x8_product_module .nav-tabs>li.active:after{ position: absolute;content: '';border: 5px solid transparent;border-top-color: #268ABF;bottom: 0;margin-bottom: -10px;left: 50%;margin-left: -5px;z-index: 6}
.owl-theme .owl-controls {margin-top: 0}
.owl-theme .owl-controls .owl-nav .owl-prev, .owl-theme .owl-controls .owl-nav .owl-next {position: absolute;top: 50%;width: 40px;height: 40px;margin: -20px 0 0 0;padding: 0;opacity: 1;border-radius: 0;background: rgba(0, 0, 0, 0.5)}
.owl-theme .owl-controls .owl-nav .owl-prev, .owl-theme .owl-controls .owl-nav .owl-next {color: #fff;font-size: 20px;line-height: 40px}
.owl-theme .owl-controls .owl-nav .owl-prev {left: 0}
.owl-theme .owl-controls .owl-nav .owl-next {right: 0}
.owl-theme .owl-controls .owl-nav [class*=owl-]:hover{background: #000}
.box{text-align: center; padding: 3px 0;float: left;width: 100%;position: relative}
.box .frame {position: relative}
.box .product-overlay {transform: scale(0); position: absolute; top: 50%; margin-top: -20px; left: 50%; margin-left: -20px; width: 40px; height: 40px; background-color: rgba(0,0,0,0.6)}
.box:hover .product-overlay {transform: scale(1)}
.box .product-overlay i{ color: #fff; font-size: 20px; line-height: 40px}
.box .title-product{color:#333; font-weight: bold;display: block;padding: 5px 0;text-decoration: none; height: 40px; overflow: hidden; line-height: 18px; margin-bottom: 5px}
.price{ color: #e74847;font-size: 16px;font-weight: 700;padding: 5px 0; display: block}
.out-of-stock{background-color: red; color: #fff!important; padding: 0 20px; font-size: 16px!important; display: -webkit-inline-box; border-radius: 3px; margin: 10px 0; font-weight: 700}
.woocommerce-Reviews-title{display: none}
.woocommerce-variation-add-to-cart{padding: 10px 0}
.woocommerce-variation-add-to-cart .quantity{ float: left!important; width: 18%; margin: 0!important}
.woocommerce-variation-add-to-cart .quantity input{ line-height: 30px; padding: 0; width: 100%!important; background-color: #F2F2F2; border: 1px solid #ddd}
.woocommerce-variation-add-to-cart button[type="submit"]{ width: 80%!important; float: right!important}
.woocommerce-variation-add-to-cart button.wc-variation-selection-needed{ width: 100%!important}
.woocommerce-variation-add-to-cart.woocommerce-variation-add-to-cart-disabled .quantity{display: none!important}
.button[disabled]{color: #fff!important}
.woocommerce #review_form #respond p{margin: 5px 0 10px}
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before{ top: 5px; left: 0}
.woocommerce form .form-row input.input-text{line-height: 30px; padding: 0 5px}
.select2-container--default .select2-selection--single{ border-radius: 0; height: 34px}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 34px}
.woocommerce-order-details__title, .woocommerce-customer-details h2, .woocommerce-column__title{font-size: 18px!important}
.woocommerce table.shop_table th{text-transform: inherit}
.widget_layered_nav li, .widget_product_categories li{border-bottom: 1px dotted #ccc; padding-bottom: 4px}
.widget_layered_nav li:last-child, .widget_product_categories li:last-child{border-bottom: none}
.widget_layered_nav li a, .widget_product_categories li a{ padding-left: 30px!important; position: relative; line-height: 30px; display: inline-block}
.widget_layered_nav li a:before, .widget_product_categories li a:before{content: ''; font-size: 15px; color: #222; position: absolute; top: 7px; left: 0; width: 18px; height: 18px; border-radius: 3px; border: 1px solid #999; text-align: center}
.widget_layered_nav li:hover a:before,
.widget_product_categories li:hover>a:before,
.widget_layered_nav li a:active:before,
.widget_product_categories li a:active:before,
.widget_layered_nav li a:focus:before,
.widget_product_categories li a:focus:before,
.widget_layered_nav li.current-cat a:before,
.widget_product_categories li.current-cat>a:before,
.widget_product_categories li.current-cat-parent>a:before{content: '\f00c'!important; font-family: 'FontAwesome'!important; color: #ff0606; font-size: 15px; position: absolute; top: 7px; left: 0; border-color: #ff0606; line-height: 18px; text-align: center}
.widget_layered_nav li.current-cat:hover a:before{content: '\f00d'!important} .widget_product_categories ul.children{ padding-left: 15px; border-top: 1px dotted #ccc; padding-top: 4px; margin-top: 4px}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item--chosen a::before{border: none}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item--chosen:hover a::before{content: '\f00d'!important}
.price del .amount, .price .price-tax {color: #aab2bd;text-decoration: line-through;font-size: 13px;font-weight: normal}
.woocommerce span.onsale{ background: #E90000;padding: 0px 5px; line-height: 32px; color: #fff; position: absolute;text-align: center;top: 5px;left: 0; z-index: 1;  border-radius: 3px;min-height: inherit}
.woocommerce span.outofstock{ right: 0; left: inherit; background: #4FB147}
.woocommerce a.button:hover{ color: #fff;background-color: #E90000}
.products-nav{float: right}
.products-nav .woocommerce-result-count{margin: 5px 0 0}
.woocommerce .woocommerce-ordering select, .woocommerce-page .woocommerce-ordering select {border: 1px solid #F5F5F5;padding: 8px;outline: none}
.woocommerce #respond input#submit.loading:after, .woocommerce a.button.loading:after, .woocommerce button.button.loading:after, .woocommerce input.button.loading:after{  top: inherit!important}
.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message{padding: 5px 0 0 20px; background-color: #fff!important;  margin: 0 0 1em!important}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{font-weight: 300}
.woocommerce div.product{border: 1px solid #EBEEF2}
.single-product.woocommerce .woocommerce-notices-wrapper + div.product{border: none}
.woocommerce div.product .product_title{font-size: 24px;padding-bottom: 10px}
.woocommerce #reviews #comments h2{margin-bottom: 15px}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta{font-size: 14px}
.woocommerce #reviews h3{font-family: inherit;font-weight: 700;color: #38578F;margin-bottom: 10px;text-transform: uppercase}
.woocommerce a.button, .woocommerce button.button,
.woocommerce input.button,.woocommerce #respond input#submit,
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt,
.woocommerce button.button.alt, .woocommerce input.button.alt{ color: #fff;background-color: #333; border-radius: 0}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,
.woocommerce #respond input#submit:hover,.woocommerce input.button:hover{color:#fff;border-radius: 0;background-color: #E90000}
.pp_pic_holder .ppt,.pp_pic_holder .pp_description{display: none!important}
.woocommerce form .form-row label{font-weight: 300}
.woocommerce-billing-fields h3,#ship-to-different-address label,#order_review_heading, .woocommerce-additional-fields h3{  color: #333;text-transform: uppercase; font-weight: 700; font-size: 16px}
#order_review_heading{ margin: 15px 0}
.form-thank-you h2,.form-thank-you h3{ color: #333;text-transform: uppercase;font-weight: 700}
.form-thank-you h3{margin-bottom: 5px}
.form-thank-you h2{margin: 10px 0}
.myaccount_user a{color: #38578F}
.woocommerce-account .addresses .title h3 {float: left;text-transform: uppercase;margin: 5px 0;color: #38578F}
.woocommerce-account .addresses .title .edit, .woocommerce-account ul.digital-downloads li .count {float: right;font-style: italic;text-decoration: underline;font-weight: 300}
.woocommerce .order_details li,.woocommerce .order_details li strong{font-size: 14px}
.woocommerce .order_details{margin-top: 10px}
.cart_totals{margin-top: 20px}
.cart_totals h2{ color: #38578F;text-transform: uppercase}
.woocommerce-cart .cart-collaterals .cart_totals table{width: 100%;border: 1px solid #ddd;padding: 0 15px;margin-top: 47px}
.woocommerce .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cross-sells,
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{float: left;width: 100%}
.cart_totals th,.cart_totals td label{  font-weight: 300}
.woocommerce ul#shipping_method li{padding: 0;  text-indent: inherit}
.woocommerce p.stars a:hover{color: #FFC600}
.shop_table{margin-top: 10px}
.woocommerce table.my_account_orders{font-size: 14px}
.woocommerce-account h2{text-transform: uppercase;margin: 5px 0;color: #333; font-size: 16px}
.single-product div[itemprop="offers"] .price{ padding: 10px 0;border-bottom: none}
.single-product div[itemprop="offers"] .price .amount{ font-size: 22px}
.single-product .entry-summary .price span{font-size: 23px; color: #f05423}
.single-product .entry-summary .price del span{font-size: 13px; color: #aab2bd}
.amount, .contact-price{color: #e74847;font-weight: 700}
.contact-price{font-size: 16px; line-height: 32px}
del .amount{color: #aab2bd;font-weight: 300}
.woocommerce div.product form.cart .button{ line-height: 34px; border-radius: 0; padding: 0 15px; font-weight: 700; text-transform: uppercase; background-color: #E90000}
.woocommerce div.product form.cart div.quantity{line-height: 28px}
.woocommerce div.product form.cart, .woocommerce div.product p.cart{margin: 1em 0}
.group_table {border: none; width: 100%}
.group_table td{padding: 5px 15px 0 0}
.group_table .label{padding: 0!important}
.group_table .price{padding: 0 0 15px!important}
.group_table label a, .group_table .price .amount{ font-size: 16px!important}
.group_table tbody tr:nth-child(even){ background: none}
.detail-product .product_meta{float: left; width: 100%}
.detail-product .product_meta .sku_wrapper, .detail-product .product_meta .posted_in, .detail-product .tagged_as{display: block; margin-bottom: 10px}
.detail-product .amount{font-size: 30px!important}
.detail-product del .amount{font-size: 18px!important}
.detail-product [itemprop="description"]{margin-top: 15px}
.product_meta .posted_in a, .tagged_as a{ background-color: #E6E9ED; border-left: 2px solid #E90000; padding: 0 10px 0 7px; line-height: 25px; display: inline-block; position: relative; margin-bottom: 5px}
.product_meta .posted_in a:before, .tagged_as a:before{content: ''; width: 0; height: 0; border: 3px solid transparent; border-left-color: #E90000; position: absolute; left: 0; top: 0; margin-top: 3px}
.woocommerce div.product .woocommerce-product-rating{margin: 10px 0; float: left; width: 100%}
.woocommerce .star-rating span {color: #FFC600} .woocommerce-tabs{float: left; width: 100%; margin-top: 20px}
.woocommerce div.product .woocommerce-tabs ul.tabs{margin-bottom: 0; padding-left: 0}
.woocommerce div.product .woocommerce-tabs ul.tabs li{border-radius: 0;margin: 0; padding: 0}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{ color: #38578F}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{width: 100%;padding: .5em 1em}
.woocommerce div.product .woocommerce-tabs .panel{margin: 0 0 2em;border: 1px solid #ddd; border-top: none; border-radius: 0;padding: 15px}
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,.woocommerce div.product .woocommerce-tabs ul.tabs li:after{content: none}
.woocommerce #content div.product div.thumbnails a, .woocommerce div.product div.thumbnails a, .woocommerce-page #content div.product div.thumbnails a, .woocommerce-page div.product div.thumbnails a{margin-bottom: 0}
.woocommerce .thumbnails .owl-nav [class*=owl-]{opacity: 0; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; padding: 0px 5px; top: 50%; font-size: 15px; margin-top: -20px; width: auto; position: absolute}
.woocommerce .thumbnails:hover [class*=owl-]{opacity: 1}
.woocommerce .thumbnails{position:relative; z-index: 2; }
.woocommerce-page div.product div.images{width: 100%}
.woocommerce .thumbnails .owl-nav{display: block; height: auto; width: 100%; }
.woocommerce .thumbnails .owl-nav .owl-prev {left: -10px}
.woocommerce .thumbnails .owl-nav .owl-next {right: -10px}
.woocommerce .thumbnails .owl-dots .owl-dot {width: 16px; height: 6px; margin: 5px 5px; background:#ddd; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0; display: inline-block; }
.woocommerce .thumbnails .owl-dot.active{background:red}
.woocommerce .thumbnails .owl-dots {text-align: center}
.woocommerce div.product div.images img{width: auto; margin: 0 auto}
.woocommerce-page div.product div.thumbnails.columns-5 a{border: 1px solid #ddd; border-radius: 4px; padding: 6px 0 0;}
.woocommerce div.product form.cart .variations{margin-bottom: 0}
.woocommerce div.product form.cart .variations select{height: 40px}
.woocommerce div.product form.cart .variations td.label{padding: 9px 0; display: inline-block; text-align: left; line-height: inherit; margin-bottom: 10px}
.woocommerce-product-details__short-description li{list-style-type: inherit; list-style-position: inside}
.post-img{float: left; width: 100%}
label[for*="pa_"]{ color: #333; font-size: 14px; vertical-align: middle}
.variations td.value{padding: 0; position: relative}
.variations td.value .reset_variations{position: absolute; right: 0; bottom: 0; margin-bottom: 15px; color: red; font-size: 14px!important}
.comment-form-author label, .comment-form-email label{min-width: 60px}
.add-to-cart{padding-top: 10px}
.box a.button{ color: #fff;padding: 5px 12px; border-radius: 0; font-weight: 300; background: #333}
.box a.added_to_cart{ color: #38578F;font-size: 12px; display: none}
.box h3{font-family: inherit; margin-bottom: 0}
.content-main{float: left;width: 100%; position: relative}
.content-main .widget, .content-main .index_col_group{margin-bottom: 20px}
.content-main .list-product:last-child{margin-bottom: 0}
.content-main .title-module{ float: left;padding-left: 0; width: 100%}
.content-main .title-module span,.content-main .title-module a,
.post-content .block-title{line-height: 40px; color: #fff; font-size: 14px; float: left}
.post-content img{width: 100%}
.module-sharesocial > div{ float: left; margin-right: 4px}
.module-sharesocial > div.fb-btn{ margin-top: -2px} #policy .item_policy{background: #eee; border-bottom: 1px solid #fff; padding: 10px; font-size: 13px; color: #444;text-transform: uppercase;float: left;width: 100%}
#policy .item_policy.yahoo-sky a,#policy .item_policy.yahoo-sky div{float: left}
#policy .item_policy.yahoo-sky a.yahoo{float: left; margin-left: 10px}
#policy .item_policy.yahoo-sky a.yahoo img{width: 37px; height: 37px;}
#policy .item_policy.yahoo-sky a.skyper{float: left; margin-left: 18px}
#policy .item_policy.yahoo-sky a.skyper img{width: 75px; height: 37px}
#policy .item_policy.yahoo-sky div img{vertical-align: 0!important; margin: 0 10px!important}
#policy .item_policy.yahoo-sky .bg-hl{background: #51B848;color: #fff;border-radius: 5px;padding: 3px 5px;font-size: 12px;font-weight: 700; float: left;width: 100%}
#policy .item_policy.yahoo-sky .bg-hl a{font-size: 16px; color: #fff}
#policy .item_policy.yahoo-sky .bg-hl:before{content: '\f095 ';font-family: 'FontAwesome';float: left;font-size: 35px;margin-top: 13px;margin-right: 15px}
#policy .item_policy i{font-size: 37px;float: left;margin-right: 10px; width: 37px; text-align: center}
.blink{animation:blink 1s steps(5, start) infinite;-webkit-animation:blink 1s steps(5, start) infinite;font-size:24px;font-weight:bold;color:rgb(255, 255, 255);word-break:break-all}
.slider-product-img{text-align: center; width: 100%!important}
.slider-product-img .thumbnails{margin-top: 20px}
.flex-control-nav{margin-top: 15px!important}
#footer{ background-color: #333;color: #fff; padding-top: 40px; float: left;width: 100%; margin-top: 20px}
.footer h5{color: #51B848; font-size: 16px; padding-bottom: 10px; text-transform: uppercase; border-bottom: 1px dotted #fff; margin-bottom: 10px}
.box_footer{margin-bottom: 20px}
.box_footer li:before{content: "\f101";color: #fff;display: inline-block;font: normal normal normal 14px/1 FontAwesome; margin-right: 5px}
.box_footer p{ margin-bottom: 5px}
.box_footer p,.box_footer a, #copyright{color: #fff}
.box_footer a:hover{color: #fff}
#copyright{ background-color: #333; padding: 10px 0}
#copyright .social{ float: right}
#copyright .social li{float: left}
.copyright p{float: left}
.copyright a{color: #fff}
#footer .social li {width: 26px;height: 26px;border: 2px solid #FFF;float: left;margin-left: 10px;text-align: center;line-height: 22px;cursor: pointer}
#footer .social li i{color: #fff}
#footer .social .social-tw:hover {background-color: #55ACEE;border-color: #55ACEE}
#footer .social .social-fb:hover {background-color: #3b579d;border-color: #3b579d}
#footer .social .social-yt:hover {background-color: #DD2826;border-color: #DD2826}
#footer .social li {-webkit-transition: color .2s ease-in-out,background .2s ease-in-out,border .2s ease-in-out;-moz-transition: color .2s ease-in-out,background .2s ease-in-out,border .2s ease-in-out;-ms-transition: color .2s ease-in-out,background .2s ease-in-out,border .2s ease-in-out;-o-transition: color .2s ease-in-out,background .2s ease-in-out,border .2s ease-in-out;transition: color .2s ease-in-out,background .2s ease-in-out,border .2s ease-in-out;}
.woocommerce-breadcrumb{margin-bottom: 15px!important;color: #38578F!important}
.woocommerce-pagination{ float: right;margin: 10px auto 20px}
.news-item{text-align: left;border-bottom: 1px dotted #C0C0C0; padding: 15px 0}
.news-item:last-child{border-bottom: none}
.post-info{float: left;width: 100%}
ul.post-info li {display: inline-block;font-size: 11px;color: #E62534;margin-right: 10px}
ul.post-info li a{color: #E62534}
.content-news{float: left;width: 100%;background-color: #fff;padding: 15px}
.list-post{float: left;width: 100%;border: 1px solid #ddd;padding: 0 15px ;margin-top: 20px}
.home .list-post{margin-top: 0}
.entry-meta {float: left;width: 100%;margin-top: 10px}
.entry-meta .tag {background: #ededed;color: #333;padding: 1px 5px;display: inline-block;font-size: 12px;margin-right: 5px;font-family: 'Roboto Condensed', sans-serif;font-weight: 700}
.entry-meta .tag-links a {background: #ededed;color: #0054a6;padding: 1px 5px;margin: 0 5px 5px 0;text-align: left;font-size: 12px;display: inline-block}
.page .title-module,.single .title-module{  margin-bottom: 0}
.entry-content{  float: left;width: 100%;margin: 20px 0;border: 1px solid #ddd;padding: 15px;line-height: 24px}
.entry-content p{margin: 0 0 10px}
.entry-content ul,.entry-content ol{list-style-position: inside; padding-left: 15px}
.archive .entry-content{padding: 0; margin-top: 0}
.archive .entry-content .term-description{ background: #f6faff; padding: 15px}
.related-news{float: left;width: 100%; margin-top: 15px}
.title-cate{float: left;width: 100%;position: relative}
.title-cate, .entry-title, .archive-title{text-transform: uppercase; font-weight: 700; float: left}
.archive-title-parent{background-color: #E90000; width: 100%; line-height: 40px; padding: 0 15px}
.archive-title-parent a{color: #fff}
.entry-title span{font-size: 16px}
.title-cate:before, .title-cate:after{content: '';left: 0;height: 3px;position: absolute;bottom: -10px}
.title-cate:before{background: rgba(84, 84, 84, 0.4); width: 100%}
.title-cate:after{background: #51B848;width: 100px}
.title-cate span{font-size: 16px}
.product-grid-container{margin-bottom: 20px}
.product-grid-container .product-cate{margin-top: 15px}
.related-products{float: left; width: 100%; margin-bottom: 30px;margin-top: 20px}
.related-products .product:nth-child(3n+1), .randomsell .product:nth-child(3n+1), .upsells .product:nth-child(3n+1), .cross-sells .product:nth-child(3n+1){clear: inherit}
.related-products .product:nth-child(4n+1), .randomsell .product:nth-child(4n+1), .upsells .product:nth-child(4n+1), .cross-sells .product:nth-child(4n+1){clear: both}
.list-post-related{ margin: 20px 0}
.list-post-related img{width: 100%}
.list-post-related .news-title{ color: #333;text-transform: uppercase;font-weight: 700;font-size: 12px}
.list-post-related li{list-style: disc;list-style-position: inside}
.block-sidebar .news-title{font-size: 14px}
.wpcf7 {float: left;width: 100%}
.wpcf7 .fullname,.wpcf7 .email{float: left;width: 49%}
.wpcf7 .email{margin-left: 2%}
.wpcf7 input {padding: 8px;border: 1px solid #ebebeb;margin: 5px 0;  float: left;width: 100%;background: #F2F2F2}
.wpcf7 textarea{padding: 8px;border: 1px solid #ebebeb;margin: 5px 0;float: left;width: 100%;background: #F2F2F2; outline: none}
.wpcf7 .wpcf7-submit {cursor: pointer;color: white;border: none;width: 100px;background: #51B848;padding: 0;line-height: 40px;font-weight: 300}
.wpcf7-response-output, .wpcf7-display-none, .wpcf7-mail-sent-ok {clear: both;float: left}
.wpcf7 select {padding: 8px;border: 1px solid #ebebeb;margin: 5px 0;float: left;width: 100%;font: bold 12px Arial}
span.wpcf7-not-valid-tip{display: none}
input.wpcf7-not-valid{border: 1px solid red}
div.wpcf7-validation-errors{margin: 1em 0}
div.wpcf7 img.ajax-loader{margin-top: 15px}
.page-template-page-contact iframe{width: 100%} #productcountdown{float: left;width: 100%; position: absolute;bottom: 0}
.productcountdown{border: 1px solid #E0E0E0;float: left;width: 100%;background: #F5F5F5}
.productcountdown{ padding-left: 0!important; margin: 0!important}
.productcountdown li{float: left;padding: 2px 8px;border-right: 1px solid #E0E0E0; background: #E90000;width: 25%!important; list-style-type: none!important}
.productcountdown li p{margin-bottom: 0; color: #fff}
.productcountdown li.last{border-right: none}
.productcountdown li span{color: #fff; font-weight: 700}
.detail-product .productcountdown li{padding: 10px 8px}
.detail-product #productcountdown{position: inherit}
.detail-product .productcountdown li span,.detail-product .productcountdown li p{float: left}
.detail-product .productcountdown li p{margin-left: 5px}
.detail-product .price del, .detail-product .price ins{display: block; margin: 10px 0}
.detail-product form.cart{float: left; width: 100%}
.entry-content li, .single-product div[itemprop="description"] li{list-style: inherit; list-style-position: inside}
.product-attribute{ float: left; width: 100%; padding: 10px 0; font-weight: 700;}
.product-attribute span{font-weight: normal}
.woocommerce-checkout #payment ul.payment_methods li{list-style-type: none}
.woocommerce div.product div.images .flex-control-thumbs li{padding: 0 10px}
.randomsell{margin-bottom: 30px}
.product-type-variable p.price{display: none}
.hidden-widget .widget_price_filter, .hidden-widget .woocommerce-widget-layered-nav{display: none}
.scrollTo {width: 47px; height: 47px; display: block; text-align: center; line-height: 47px; right: 7%; z-index: 1; cursor: pointer; background: #dd2b31; position: fixed; bottom: 10%; opacity: 0; visibility: hidden; color: #fff; }
.scrollTo.show {opacity: 1; visibility: visible; display: block}
.ppocta-ft-fix {position: fixed; bottom: 5px; left: 10px; text-align: center; z-index: 9999}
#messengerButton {display: inline-block; margin-right: 10px; width: 50px; height: 50px; background: #4267B2; border-radius: 50%; box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.7); }
#messengerButton>a>i {background: url(//sptvietnam.com/wp-content/themes/shopping/images/messenger.png) center center no-repeat; background-size: 57%; width: 50px; height: 50px; display: inline-block; }
#zaloButton {display: inline-block; margin-right: 10px; width: 50px; height: 50px; background: #5AC5EF; border-radius: 50%; box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.7); }
#zaloButton>a>i {background: url(//sptvietnam.com/wp-content/themes/shopping/images/zalo.png) center center no-repeat; background-size: 57%; width: 50px; height: 50px; display: inline-block; }
#registerNowButton {display: inline-block; color: #fff; height: 50px; width: 50px; border-radius: 50%; margin-right: 10px; background: url(//sptvietnam.com/wp-content/themes/shopping/images/regbutton.png) center center no-repeat #ff0000; box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.7); text-decoration: none}
#callNowButton {display: inline-block; position: relative; border-radius: 50%; color: #fff; width: 50px; height: 50px; line-height: 50px; box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.7)}
#callNowButton a {display: block; text-decoration: none; outline: none; color: #fff; text-align: center}
#callNowButton i {border-radius: 50%; display: inline-block; width: 50px; height: 50px; background: url(//sptvietnam.com/wp-content/themes/shopping/images/callbutton.png) center center no-repeat #009900}
#callNowButton a.txt {position: absolute; top: -40px; left: calc(50% - 60px); background: #009900; width: 120px; max-width: 120px; line-height: 2; text-transform: uppercase; border-radius: 5px; font-size: 15px}
#callNowButton a.txt:after {position: absolute; bottom: -8px; left: 50px; content: ""; width: 0; height: 0; border-top: 8px solid #009900; border-left: 10px solid transparent; border-right: 10px solid transparent} .ew-alo-phone {position: fixed; left: 0; bottom: 4%; z-index: 9999}
.ew-alo-phone .call-text{margin-top: 50px; margin-left: 50px; padding: 0 15px 0 50px; background: #000; border-radius: 50px; line-height: 40px; font-size: 16px}
.ew-alo-phone .call-text a{color: #fff}
.ew-alo-ph-circle {width: 100px; height: 100px; top: 20px; left: 20px; position: absolute; background-color: transparent; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid rgba(30, 30, 30, 0.4); border: 2px solid #48A5D4 9; opacity: .1; -webkit-animation: ew-alo-circle-anim 1.2s infinite ease-in-out; -moz-animation: ew-alo-circle-anim 1.2s infinite ease-in-out; -ms-animation: ew-alo-circle-anim 1.2s infinite ease-in-out; -o-animation: ew-alo-circle-anim 1.2s infinite ease-in-out; animation: ew-alo-circle-anim 1.2s infinite ease-in-out; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50% }
.ew-alo-phone.ew-alo-active .ew-alo-ph-circle {-webkit-animation: ew-alo-circle-anim 1.1s infinite ease-in-out !important; -moz-animation: ew-alo-circle-anim 1.1s infinite ease-in-out !important; -ms-animation: ew-alo-circle-anim 1.1s infinite ease-in-out !important; -o-animation: ew-alo-circle-anim 1.1s infinite ease-in-out !important; animation: ew-alo-circle-anim 1.1s infinite ease-in-out !important }
.ew-alo-phone.ew-alo-static .ew-alo-ph-circle {-webkit-animation: ew-alo-circle-anim 2.2s infinite ease-in-out !important; -moz-animation: ew-alo-circle-anim 2.2s infinite ease-in-out !important; -ms-animation: ew-alo-circle-anim 2.2s infinite ease-in-out !important; -o-animation: ew-alo-circle-anim 2.2s infinite ease-in-out !important; animation: ew-alo-circle-anim 2.2s infinite ease-in-out !important }
.ew-alo-phone.ew-alo-hover .ew-alo-ph-circle, .ew-alo-phone:hover .ew-alo-ph-circle {border-color: #309ACF; opacity: .5 }
.ew-alo-phone.ew-alo-green.ew-alo-hover .ew-alo-ph-circle, .ew-alo-phone.ew-alo-green:hover .ew-alo-ph-circle {border-color: #FDAA38; border-color: #ffc272 9; opacity: .5 }
.ew-alo-phone.ew-alo-green .ew-alo-ph-circle {border-color: #309ACF; border-color: #48A5D4 9; opacity: .5 }
.ew-alo-phone.ew-alo-gray.ew-alo-hover .ew-alo-ph-circle, .ew-alo-phone.ew-alo-gray:hover .ew-alo-ph-circle {border-color: #ccc; opacity: .5 }
.ew-alo-phone.ew-alo-gray .ew-alo-ph-circle {border-color: #FDAA38; opacity: .5 }
.ew-alo-ph-circle-fill {width: 100px; height: 100px; top: 20px; left: 20px; position: absolute; background-color: #000; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; opacity: .1; -webkit-animation: ew-alo-circle-fill-anim 2.3s infinite ease-in-out; -moz-animation: ew-alo-circle-fill-anim 2.3s infinite ease-in-out; -ms-animation: ew-alo-circle-fill-anim 2.3s infinite ease-in-out; -o-animation: ew-alo-circle-fill-anim 2.3s infinite ease-in-out; animation: ew-alo-circle-fill-anim 2.3s infinite ease-in-out; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50% }
.ew-alo-phone.ew-alo-active .ew-alo-ph-circle-fill {-webkit-animation: ew-alo-circle-fill-anim 1.7s infinite ease-in-out !important; -moz-animation: ew-alo-circle-fill-anim 1.7s infinite ease-in-out !important; -ms-animation: ew-alo-circle-fill-anim 1.7s infinite ease-in-out !important; -o-animation: ew-alo-circle-fill-anim 1.7s infinite ease-in-out !important; animation: ew-alo-circle-fill-anim 1.7s infinite ease-in-out !important }
.ew-alo-phone.ew-alo-static .ew-alo-ph-circle-fill {-webkit-animation: ew-alo-circle-fill-anim 2.3s infinite ease-in-out !important; -moz-animation: ew-alo-circle-fill-anim 2.3s infinite ease-in-out !important; -ms-animation: ew-alo-circle-fill-anim 2.3s infinite ease-in-out !important; -o-animation: ew-alo-circle-fill-anim 2.3s infinite ease-in-out !important; animation: ew-alo-circle-fill-anim 2.3s infinite ease-in-out !important; opacity: 0 !important }
.ew-alo-phone.ew-alo-hover .ew-alo-ph-circle-fill, .ew-alo-phone:hover .ew-alo-ph-circle-fill {background-color: rgba(0, 175, 242, 0.5); background-color: #309ACF 9; opacity: .75 !important }
.ew-alo-phone.ew-alo-green.ew-alo-hover .ew-alo-ph-circle-fill, .ew-alo-phone.ew-alo-green:hover .ew-alo-ph-circle-fill {background-color: rgba(117, 235, 80, 0.5); background-color: #ffc272 9; opacity: .75 !important }
.ew-alo-phone.ew-alo-green .ew-alo-ph-circle-fill {background-color: rgba(0, 175, 242, 0.5); background-color: #a6e3fa 9; opacity: .75 !important }
.ew-alo-phone.ew-alo-gray.ew-alo-hover .ew-alo-ph-circle-fill, .ew-alo-phone.ew-alo-gray:hover .ew-alo-ph-circle-fill {background-color: rgba(204, 204, 204, 0.5); background-color: #ccc 9; opacity: .75 !important }
.ew-alo-phone.ew-alo-gray .ew-alo-ph-circle-fill {background-color: rgba(117, 235, 80, 0.5); opacity: .75 !important }
.ew-alo-ph-img-circle {width: 40px; height: 40px; top: 50px; left: 50px; position: absolute; background: rgba(30, 30, 30, 0.1) url(//sptvietnam.com/wp-content/themes/shopping/images/icon-phone.png) no-repeat center center; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; opacity: 1; -webkit-animation: ew-alo-circle-img-anim 1s infinite ease-in-out; -moz-animation: ew-alo-circle-img-anim 1s infinite ease-in-out; -ms-animation: ew-alo-circle-img-anim 1s infinite ease-in-out; -o-animation: ew-alo-circle-img-anim 1s infinite ease-in-out; animation: ew-alo-circle-img-anim 1s infinite ease-in-out; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50% }
.ew-alo-ph-img-circle{background-size: 30px 30px}
.ew-alo-phone.ew-alo-active .ew-alo-ph-img-circle {-webkit-animation: ew-alo-circle-img-anim 1s infinite ease-in-out !important; -moz-animation: ew-alo-circle-img-anim 1s infinite ease-in-out !important; -ms-animation: ew-alo-circle-img-anim 1s infinite ease-in-out !important; -o-animation: ew-alo-circle-img-anim 1s infinite ease-in-out !important; animation: ew-alo-circle-img-anim 1s infinite ease-in-out !important }
.ew-alo-phone.ew-alo-static .ew-alo-ph-img-circle {-webkit-animation: ew-alo-circle-img-anim 0s infinite ease-in-out !important; -moz-animation: ew-alo-circle-img-anim 0s infinite ease-in-out !important; -ms-animation: ew-alo-circle-img-anim 0s infinite ease-in-out !important; -o-animation: ew-alo-circle-img-anim 0s infinite ease-in-out !important; animation: ew-alo-circle-img-anim 0s infinite ease-in-out !important }
.ew-alo-phone.ew-alo-hover .ew-alo-ph-img-circle,
.ew-alo-phone:hover .ew-alo-ph-img-circle {background-color: #309ACF }
.ew-alo-phone.ew-alo-green.ew-alo-hover .ew-alo-ph-img-circle,
.ew-alo-phone.ew-alo-green:hover .ew-alo-ph-img-circle {background-color: #FDAA38}
.ew-alo-phone.ew-alo-green .ew-alo-ph-img-circle {background-color: #E90000}
.ew-alo-phone.ew-alo-gray.ew-alo-hover .ew-alo-ph-img-circle, .ew-alo-phone.ew-alo-gray:hover .ew-alo-ph-img-circle {background-color: #ccc }
.ew-alo-phone.ew-alo-gray .ew-alo-ph-img-circle {background-color: #FDAA38 }
@-moz-keyframes ew-alo-circle-anim {
0% {-moz-transform: rotate(0) scale(.5) skew(1deg); opacity: .1; -moz-opacity: .1; -webkit-opacity: .1; -o-opacity: .1 }
30% {-moz-transform: rotate(0) scale(.7) skew(1deg); opacity: .5; -moz-opacity: .5; -webkit-opacity: .5; -o-opacity: .5 }
100% {-moz-transform: rotate(0) scale(1) skew(1deg); opacity: .6; -moz-opacity: .6; -webkit-opacity: .6; -o-opacity: .1 }
}
@-webkit-keyframes ew-alo-circle-anim {
0% {-webkit-transform: rotate(0) scale(.5) skew(1deg); -webkit-opacity: .1 }
30% {-webkit-transform: rotate(0) scale(.7) skew(1deg); -webkit-opacity: .5 }
100% {-webkit-transform: rotate(0) scale(1) skew(1deg); -webkit-opacity: .1 }
}
@-o-keyframes ew-alo-circle-anim {
0% {-o-transform: rotate(0) kscale(.5) skew(1deg); -o-opacity: .1 }
30% {-o-transform: rotate(0) scale(.7) skew(1deg); -o-opacity: .5 }
100% {-o-transform: rotate(0) scale(1) skew(1deg); -o-opacity: .1 }
}
@-moz-keyframes ew-alo-circle-fill-anim {
0% {-moz-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
50% {-moz-transform: rotate(0) -moz-scale(1) skew(1deg); opacity: .2 }
100% {-moz-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
}
@-webkit-keyframes ew-alo-circle-fill-anim {
0% {-webkit-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
50% {-webkit-transform: rotate(0) scale(1) skew(1deg); opacity: .2 }
100% {-webkit-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
}
@-o-keyframes ew-alo-circle-fill-anim {
0% {-o-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
50% {-o-transform: rotate(0) scale(1) skew(1deg); opacity: .2 }
100% {-o-transform: rotate(0) scale(.7) skew(1deg); opacity: .2 }
}
@-moz-keyframes ew-alo-circle-img-anim {
0% {transform: rotate(0) scale(1) skew(1deg) }
10% {-moz-transform: rotate(-25deg) scale(1) skew(1deg) }
20% {-moz-transform: rotate(25deg) scale(1) skew(1deg) }
30% {-moz-transform: rotate(-25deg) scale(1) skew(1deg) }
40% {-moz-transform: rotate(25deg) scale(1) skew(1deg) }
50% {-moz-transform: rotate(0) scale(1) skew(1deg) }
100% {-moz-transform: rotate(0) scale(1) skew(1deg) }
}
@-webkit-keyframes ew-alo-circle-img-anim {
0% {-webkit-transform: rotate(0) scale(1) skew(1deg) }
10% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg) }
20% {-webkit-transform: rotate(25deg) scale(1) skew(1deg) }
30% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg) }
40% {-webkit-transform: rotate(25deg) scale(1) skew(1deg) }
50% {-webkit-transform: rotate(0) scale(1) skew(1deg) }
100% {-webkit-transform: rotate(0) scale(1) skew(1deg) }
}
@-o-keyframes ew-alo-circle-img-anim {
0% {-o-transform: rotate(0) scale(1) skew(1deg) }
10% {-o-transform: rotate(-25deg) scale(1) skew(1deg) }
20% {-o-transform: rotate(25deg) scale(1) skew(1deg) }
30% {-o-transform: rotate(-25deg) scale(1) skew(1deg) }
40% {-o-transform: rotate(25deg) scale(1) skew(1deg) }
50% {-o-transform: rotate(0) scale(1) skew(1deg) }
100% {-o-transform: rotate(0) scale(1) skew(1deg) }
} #someone-purchased{background:#fff;border:0;display:none; border-radius:0;bottom:20px;left:20px;top:auto !important;right:auto !important;padding: 5px;position:fixed; text-align:left;width:auto;z-index:99999;-webkit-box-shadow:0 0 4px 0 rgba(0,0,0,.4);-moz-box-shadow:0 0 4px 0 rgba(0,0,0,.4);box-shadow:0 0 4px 0 rgba(0,0,0,.4) }
#someone-purchased div img{cursor:pointer;float:left;max-height:85px; max-width:120px;width:auto}
#someone-purchased div p{color: #000;float:left;font-size:13px;margin:0 0 0 13px;width:auto;padding:10px 10px 0 0;line-height:20px}
#someone-purchased div p a{padding-right: 51px; color: #30c100; display:block;font-size:15px;font-weight:700}
#someone-purchased div p a:hover{color:#000}
#someone-purchased div p small{text-align: right; display:block;font-size:10px;margin-bottom:8px;}
.wp-pagenavi{margin-top: 20px}
.wp-pagenavi a, .wp-pagenavi span {line-height: 20px; padding: 6px 12px; margin: 0 5px 0 0; border: 1px solid #333; color: #333; background: #fff; display: inline-block }
.wp-pagenavi span.current, .wp-pagenavi a:hover {background: #333; color: #fff; border: 1px solid #333 }
@media screen and (max-width:767px){
#someone-purchased{bottom: 0 !important;left: 0 !important;top:auto !important;width:100%;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;max-width:auto !important;}
#someone-purchased div img{ max-width: 20%; max-height:auto;}
#someone-purchased div p{font-size:11px; width:70%}
#someone-purchased div p a{font-size:13px}
}
@keyframes nFadeIn {
from {opacity: 0;transform: translate3d(0, 100%, 0);}
to {opacity: 1;transform: none}
}
#someone-purchased.fade-in {opacity: 0; animation-name: nFadeIn; animation-duration: 1s;animation-fill-mode: both}
@media screen and (max-width:767px){
@keyframes nFadeIn {
from {opacity: 0;transform: translate3d(0, 100%, 0);}
to {opacity: 1;transform: none }
}
}
@keyframes nFadeOut {
from {opacity: 1;}
to {opacity: 0;transform: translate3d(0, 100%, 0);bottom:0;}
}
#someone-purchased.fade-out {opacity: 0; animation-name: nFadeOut; animation-duration: 1s;animation-fill-mode: both;}
@media screen and (max-width:767px){
@keyframes nFadeOut {
from {opacity: 1;}
to {opacity: 0;transform: translate3d(0, 100%, 0);bottom:0}
}
}
.ew-image-holder{position: relative; width: 100%; display: inline-block; vertical-align: top; background-repeat: no-repeat; background-position: center center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; overflow: hidden;}
.ew-image-holder:before{display: block; content: ""; width: 100%; padding-top: 66.6667%; background: none; box-shadow: none;}
.ew-image-holder:before{ padding: 0; height: 140px}
.thumb-left{float: left;margin-right: 10px}
.thumb-right{float: right;margin-left: 10px}
.list-news-sidebar .thumb-left{width: 60px}
.list-news-sidebar .thumb-left .ew-image-holder:before{height: 60px}  @media screen and (max-width: 1199px) {
.wapper-mobile {display: table}
.wapper-mobile > * {display: table-cell;float: none;vertical-align: middle}
.wapper-mobile .navbar-toggle{display: table-cell}
#main{margin-top: 0}
.product-countdown .box{border: none}
.index_col_group_left .no-padding-right{padding-right: 15px}
.list-product-full .product:nth-child(5n+1){clear: inherit}
.list-product-full .product:nth-child(4n+1){clear: both}
}
@media screen and (max-width: 1024px) {
.logo{ text-align: center}
.single-product .content-main,.list-post{margin-bottom: 30px}
.container-product-menu{display: none}
.wapper-desk{display: none}
.info-top{display: none}
} @media screen and (max-width: 991px) {
.navbar-toggle {display: block}
#logo .col-sm-6{width: 75%}
#logo .hidden-mobile{display: none}
.form-search-header{margin-top: 10px}
.box-services{margin-bottom: 15px}
.product:nth-child(3n+1){clear: inherit}
.product:nth-child(2n+1){clear: both}
.slider-product-img, .detail-product{margin-bottom: 15px}
.detail-product{clear: both}
.wrapper-menu .no-padding{padding: 0 15px}
.wrapper-menu .no-padding-right{ padding-right: 15px}
.wrapper-menu .no-padding-left{ padding-left: 15px}
.widget-head .product-countdown, .widget-head .product-countdown .box{padding: 0}
.product-countdown ins .amount{font-size: 16px}
.list-product-full .product:nth-child(2n+1), .list-product-full .product:nth-child(5n+1), .list-product-4col .product:nth-child(2n+1), .list-product-4col .product:nth-child(4n+1){clear: inherit}
.list-product-full .product:nth-child(3n+1){clear: both}
.list-product-4col .product:nth-child(3n+1){clear: both}
.related-products .product:nth-child(4n+1), .randomsell .product:nth-child(4n+1), .upsells .product:nth-child(4n+1), .cross-sells .product:nth-child(4n+1){clear: inherit}
.related-products .product:nth-child(2n+1), .randomsell .product:nth-child(2n+1), .upsells .product:nth-child(2n+1), .cross-sells .product:nth-child(2n+1){clear: inherit}
.related-products .product:nth-child(3n+1), .randomsell .product:nth-child(3n+1), .upsells .product:nth-child(3n+1), .cross-sells .product:nth-child(3n+1){clear: both}
} @media screen and (max-width: 767px) {
.products-nav{margin-top: 0; width: 100%}
.products-nav .woocommerce-ordering{ float: left; width: 100%;}
.products-nav .woocommerce-ordering select{ width: 100%; margin-top: 10px; border: 1px solid rgb(221, 221, 221);}
.woocommerce div.product .woocommerce-tabs ul.tabs li{width: 100%}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{border-left: 4px solid #38578F}
.widget-head #productcountdown{display: block}
.index_col_list, #productcountdown{display: none}
.index_col_group_left{padding-right: 15px}
.index_col_main{padding-left: 15px}
.related-products .product:nth-child(3n+1), .randomsell .product:nth-child(3n+1), .upsells .product:nth-child(3n+1), .cross-sells .product:nth-child(3n+1){clear: inherit}
.related-products .product:nth-child(2n+1), .randomsell .product:nth-child(2n+1), .upsells .product:nth-child(2n+1), .cross-sells .product:nth-child(2n+1){clear: both}
.list-product-full .product:nth-child(3n+1), .list-product-4col .product:nth-child(3n+1){clear: inherit}
.list-product-full .product:nth-child(2n+1), .list-product-4col .product:nth-child(2n+1){clear: both}
.widget-news-post .post:nth-child(2n+1){clear: both}
}
@media screen and (max-width: 480px) {
.wpcf7 .fullname, .wpcf7 .email{width: 100%}
.wpcf7 .email{margin-left: 0}
.x8_product_module .nav-tabs>li{width: 100%; text-align: center}
.post-content .item-blog .wp-post-image{width: auto; text-align: center; margin: 0 auto; float: none}
.select-child{display: none}
}
@media screen and (max-width: 390px) {
.box-services .icon {display: block;float: none;margin: 0px}
.box-services {text-align: center;min-height: 125px}
} .col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
position: relative;
min-height: 1px;
padding-right: 10px;
padding-left: 10px;
}
.col-xs-15 {
width: 20%;
float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
width: 20%;
float: left;
}
}
@media (min-width: 992px) {
.col-md-15 {
width: 20%;
float: left;
}
}
@media (min-width: 1200px) {
.col-lg-15 {
width: 20%;
float: left;
}
}