/*
Theme Name:		Thanh Hóa: Siêu thị
Theme URI:		http://x8media.vn
Author:			X8Media Team
Author URI:		http://x8media.vn
Description:            
Version:		1.0
Text Domain:            x8theme
*/

.video-thumbnail,body{position:relative}.menu-toggle li a,.nav-tabs>li>a,.sidebar-header,.uppercase{text-transform:uppercase}body{font-family:Roboto,Arial,sans-serif;color:#fff;overflow-x:hidden}section{margin-bottom:30px}a:active,a:focus,a:hover,a:link,a:visited{text-decoration:none;outline:0!important;color:#999}#sb-video,.arrow,.custom-ctrl,.gallery *,.has-sub::after,.mask,.top-search,a{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}img{max-width:100%;height:auto}.gallery *{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}.owl-theme .owl-controls{margin:0}.video-thumbnail img{width:100%}.video-thumbnail .mask{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.75);opacity:0}.custom-ctrl,.video-thumbnail .mask span{top:50%;text-align:center;position:absolute;cursor:pointer}.video-thumbnail .mask span{font-size:40px;margin-top:-20px;left:50%;margin-left:-20px;display:block;width:40px}.video-thumbnail:hover .mask{opacity:1}.video-thumbnail .video-title{line-height:24px;text-indent:10px}.time-stamp{font-size:12px;color:#999}.time-stamp .fa{margin-right:8px}.breadcrumb-container{margin-bottom:30px;padding:30px 0;background:#eee;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.breadcrumb-container .page-title h1{font-size:20px;font-weight:700;color:#333;line-height:24px}.breadcrumb{padding:0;margin:0;border-radius:0;background-color:transparent;font-size:14px;line-height:24px;color:#ccc}.breadcrumb_last{color:#777}.wp-pagenavi{margin:20px 0;border-radius:0;display:block;text-align:center}.wp-pagenavi>a,.wp-pagenavi>span{display:inline-block;font:16px/36px Roboto,sans-serif;color:#999;padding:0 15px;border:1px solid #ccc;float:none;margin:3px}.btn-filter,.nav-tabs>li{margin-right:30px}.wp-pagenavi a:hover,.wp-pagenavi>.current{background-color:#32b22a;border-color:#32b22a;color:#fff}.owl-carousel .owl-item img{transform-style:flat}.owl-theme .owl-dots .owl-dot span,.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#32a22b}.owl-theme .owl-dots .owl-dot span{opacity:.5}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{opacity:1}.custom-ctrl{font-size:30px;z-index:99;color:#fff}.custom-ctrl:hover{color:#32a22b;background:rgba(0,0,0,.9)}.home_sl-ctrl.prev{left:-60px}.home_sl-ctrl.next{right:-60px}.home_sl-ctrl{line-height:60px;margin-top:-30px;width:60px;background:rgba(0,0,0,.7);border-radius:5px}#home-slider .owl-controls{position:absolute;right:100px;bottom:10px}#home-slider-container:hover .prev{left:60px}#home-slider-container:hover .next{right:60px}.market-ctrl.prev,.partner-ctrl.prev{left:-40px}.market-ctrl.next,.partner-ctrl.next{right:-40px}.market-ctrl,.partner-ctrl{line-height:40px;margin-top:-20px;width:40px;background:rgba(0,0,0,.4);border-radius:3px}#partner-slider-container{overflow:hidden}#market-system-slider-container:hover .prev,#partner-slider-container:hover .prev{left:40px}#market-system-slider-container:hover .next,#partner-slider-container:hover .next{right:40px}.nav-tabs{border-top:1px solid #ddd;margin-bottom:30px}.nav-tabs>li>a{border-radius:0;border:none;border-bottom:5px solid transparent;padding:5px 0 3px;font:700 16px/36px Roboto,Arial,sans-serif;color:#222}.page-footer address h6,a.slogan{font-weight:700}.nav-tabs>li>a:focus,.nav-tabs>li>a:hover{background-color:transparent}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{border:none;border-bottom:5px solid #32a22b;color:#32a22b}.product-filter{border-bottom:1px solid rgba(0,0,0,.3);margin-bottom:30px}.btn-filter{padding:0 10px;height:50px;line-height:50px;margin-bottom:-1px;border:none;border-radius:0;color:#999}.btn-filter.active,.btn-filter:active{color:#32a22b}.page-header{margin:0;padding:0;border:none;position:relative;z-index:999}.logo,a.slogan{margin-right:20px}#top-nav{background:#32a22b;padding-top:20px}#top-nav .searchform,.logo,a.slogan{display:inline-block;vertical-align:middle;margin-bottom:20px}.logo img{height:80px}a.slogan{font-size:32px;color:#f93;line-height:40px;text-shadow:0 0 24px rgba(0,0,0,.24),0 0 2px rgba(139,111,45,.75);padding:20px 0}#top-nav .searchform{position:relative;float:right;margin-top:20px}.top-search-input,.top-search-submit{border:none;height:40px;line-height:40px}.top-search-input{width:100%;border:1px solid #ccc;border-radius:5px;padding:0 20px;color:#999}#top-nav .top-search-input{width:210px;border:0}.top-search-submit{position:absolute;top: 0;right:0;background:#f93;border-radius:0 5px 5px 0;width:40px;color:#fff}a.subscribe-btn{background-color:#32a22b;border:2px solid #1e9117;color:#fff;height:55px;display:block;float:right;width:210px;line-height:50px;text-align:right;padding:0 10px;position:relative;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-image:-webkit-linear-gradient(bottom,#32a22b,#1a8114);background-image:-moz-linear-gradient(bottom,#32a22b,#1a8114);background-image:-ms-linear-gradient(bottom,#32a22b,#1a8114);background-image:-o-linear-gradient(bottom,#32a22b,#1a8114);background-image:linear-gradient(to top,#32a22b,#1a8114)}a.subscribe-btn::before{content:'';position:absolute;top:10px;left:15px;background:url(images/sub.png) no-repeat;height:31px;width:34px}#menu-main-menu .menu-item{display:inline-block;vertical-align:middle;position:relative}#menu-main-menu .menu-item a{display:block}#main-menu{font-size:16px;padding:25px 15px}#main-menu .menu{float:left}#main-menu .menu .menu-item>a{color:#666;padding:18px 0;margin-right:20px;border-bottom:2px solid transparent;line-height:17px}#main-menu .menu .menu-item.current-menu-item>a,#main-menu .menu .menu-item.current-menu-item>a:hover{border-bottom:2px solid #32a22b}#main-menu .menu .menu-item.has-sub>a:hover{border-color:transparent}#main-menu .menu .menu-item>a.logo{border:none}#main-menu-show{padding:20px;background-color:#256a34;margin:0;border-radius:0;font-size:12px;float:left}#main-menu .menu .has-sub:hover>.sub-menu{display:block;visibility:visible;z-index:9999;opacity:1;-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1);-webkit-transition:-webkit-transform .3s ease,opacity .2s ease .1s;-moz-transition:-moz-transform .3s ease,opacity .2s ease .1s;-o-transition:-o-transform .3s ease,opacity .2s ease .1s;transition:transform .3s ease,opacity .2s ease .1s}#main-menu .menu .sub-menu{background:rgba(50,162,43,.75);min-width:200px;opacity:0;padding:0;position:absolute;margin-top:-2px;border-top:2px solid #32b22a;-webkit-transform-origin:top;-moz-transform-origin:top;-ms-transform-origin:top;-o-transform-origin:top;transform-origin:top;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-ms-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0);-webkit-transition:-webkit-transform .5s ease,opacity .2s ease;-moz-transition:-moz-transform .5s ease,opacity .2s ease;-o-transition:-o-transform .5s ease,opacity .2s ease;transition:transform .5s ease,opacity .2s ease}#main-menu .menu .sub-menu .sub-item{text-align:left;padding:0 15px;margin:0;width:100%;position:relative;-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;transition:.2s}#main-menu .menu .sub-menu .sub-item:hover{background:rgba(255,153,51,.75)}#main-menu .menu .sub-menu .sub-item a{line-height:40px;color:#fff}#main-menu .menu .sub-menu .sub-menu{left:200px;top:0;margin-top:0;-webkit-transform-origin:left;-moz-transform-origin:left;-ms-transform-origin:left;-o-transform-origin:left;transform-origin:left;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-ms-transform:scale(0,1);-o-transform:scale(0,1);transform:scale(0,1);-webkit-transition:-webkit-transform .5s ease,opacity .2s ease;-moz-transition:-moz-transform .5s ease,opacity .2s ease;-o-transition:-o-transform .5s ease,opacity .2s ease;transition:transform .5s ease,opacity .2s ease}.page-footer{font-size:14px;padding-top:24px;padding-bottom:10px;background:#222}.page-footer .logo{margin:17px 28px 17px 0;line-height:1}.copyright,.page-footer address *{line-height:24px}.page-footer address p,address a{color:#999}.page-footer address a:hover{color:#fff}.copyright{border-top:1px solid rgba(255,255,255,.1);font-size:12px;padding-top:10px;text-align:right}.navbar-toggle .icon-bar{background:#fff}body.mnopen #off-canvas{z-index:9999;visibility:visible;overflow:auto;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:-webkit-transform .4s ease,visibility 0s ease 0s,z-index 0s ease 0s;-moz-transition:-moz-transform .4s ease,visibility 0s ease .5s,z-index 0s ease 0s;-o-transition:-o-transform .4s ease,visibility 0s ease .5s,z-index 0s ease 0s;transition:transform .4s ease,visibility 0s ease 0s,z-index 0s ease 0s}#market-system-slider-container,#off-canvas,.gallery{overflow:hidden}#off-canvas{background:#222;top:0;bottom:0;left:0;height:100%;position:fixed;visibility:hidden;z-index:-1;-webkit-transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);-o-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);-webkit-transition:-webkit-transform .4s ease,visibility 0s ease .5s,z-index 0s ease .5s;-moz-transition:-moz-transform .4s ease,visibility 0s ease .5s,z-index 0s ease .5s;-o-transition:-o-transform .4s ease,visibility 0s ease .5s,z-index 0s ease .5s;transition:transform .4s ease,visibility 0s ease .5s,z-index 0s ease .5s}.menu-toggle{width:320px;text-align:initial;font-family:Roboto,Arial,sans-serif}.arrow,.menu-toggle .close-menu,.sidebar-header{text-align:center}.menu-toggle>li:first-child{border-top:none}.menu-toggle>li:last-child{border-bottom:none}.menu-toggle li{border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(0,0,0,.1);position:relative}.menu-toggle li.has-sub::after{content:'\f078';position:absolute;font:16px/46px FontAwesome;top:0;right:20px;pointer-events:none}.menu-toggle li.has-sub.active::after{-webkit-transform:rotate(540deg);-moz-transform:rotate(540deg);-ms-transform:rotate(540deg);-o-transform:rotate(540deg);transform:rotate(540deg)}.menu-toggle li a{padding:1em;margin:0;display:inline-block;color:#f2f2f2;font-size:12px;line-height:20px;border-left:3px solid transparent}.menu-toggle li.active>a,.menu-toggle li:hover>a{border-color:#32a22b}.menu-toggle li .sub-menu{display:none}.menu-toggle li .sub-menu li:last-child{border-bottom:0}.menu-toggle>li>.sub-menu>li>a{padding-left:20px}.menu-toggle>li>.sub-menu>li>.sub-menu>li>a{padding-left:30px}.menu-toggle li .sub-menu li a:before{content:'-';display:inline-block;font-family:FontAwesome;color:#999;margin:0 5px 0 0}.menu-toggle .close-menu a{border:none}.menu-toggle .close-menu a i{color:#32a22b;font-size:28px}.sidebar-block{margin-bottom:30px}.sidebar-header{font:700 16px/42px Roboto,sans-serif;background:#32a22b;height:42px}.sidebar-body{font-size:14px}.sb-news-list.top-news{padding-top:30px}.sb-news-list.top-news .news-thumbnail img{min-height:65px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.sb-news-list.top-news .news-title{text-transform:initial;line-height:20px;font-size:15px;margin-top:-5px}.sb-news-list.top-news .news-tine-stamp{margin-bottom:0}#sb-video{position:static}.news-category .category{position:relative;border-bottom:1px solid rgba(153,153,153,.2);padding:5px 0}.news-category .category a{font-size:16px;line-height:30px;padding-left:30px;display:inline-block;color:#333}.news-category .category a:hover,.news-category .category.open>a{color:#32a22b}.news-category .category .sub-categoty a{font-size:12px;text-indent:unset;line-height:20px;padding-top:8px;padding-bottom:8px}.news-category .category.has-sub{cursor:pointer}.news-category .category.open .arrow{color:#32a22b;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.news-sub-category{display:none}.sub-categoty{border-top:1px solid #eaeaea}.sub-categoty a{text-indent:15px}.arrow{color:#333;position:absolute;left:0;top:0;width:30px;line-height:40px}#home-page.content{padding:0}#home-slider-container{position:relative;overflow:hidden}#home-news-tab-content .thumbnail{padding:0;border:none;margin-bottom:30px}#home-news-tab-content .thumbnail .caption{padding-left:0;padding-right:0;text-align:justify}#home-news-tab-content .thumbnail .caption h3{font:700 18px/26px Roboto,Arial,sans-serif}#home-news-tab-content .thumbnail .caption h3 a{color:#222}#home-news-tab-content .thumbnail .caption p{font-size:14px;line-height:24px;color:#999}#home-product-nav-tab{margin-bottom:0}#home-product .thumbnail{border:0;border-radius:0;padding:0;text-align:center}#home-product .thumbnail .caption{padding-left:0;padding-right:0}#home-product .thumbnail .caption a{color:#222;font-weight:400}.block-title,.post-content .post-summary{font-weight:700}#about{background:#eaeaea;padding:50px 0}.block-title{height:50px;line-height:50px;background:#32a22b;text-align:center;font-size:18px;text-transform:uppercase}.block-row{height:70px;padding:0 20px;line-height:70px;border:1px solid #c3c3c3;border-top:none;font-size:16px}.news-content .news-summary,.news-content .news-title,.post-content{text-align:justify;line-height:24px}.block-row.text-center a{display:block;height:70px;padding:10px}.news-content,.news-thumbnail{margin-bottom:30px}.news-content>*{font-size:14px;color:#999;margin-bottom:10px}.news-content .news-title{text-transform:uppercase;font-size:16px}.news-content .news-title a{color:#333}.news-content .news-time-stamp{font-size:12px;margin-bottom:20px}.post-header,.post-title{margin-bottom:10px}.news-content .news-time-stamp .fa{margin-right:8px}.news-content .news-time-stamp .fa.fa-clock-o{margin-left:15px}.news-content .see-more{font-style:italic;width:100%;display:block;text-decoration:underline}.news-content a:hover{color:#f93}.post-title{color:#333;font-size:24px}.post-content{color:#666;margin-bottom:30px;font-size:14px}.post-content img{margin:0 auto 10px}.post-content .photo-caption{text-align:center;font:700 13px/20px Roboto,sans-serif;color:#333;margin-bottom:10px}.post-content p{margin-bottom:20px}.share-post{margin-bottom:30px;border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;text-align:right;font-size:18px}.share-post [class*=share-]{line-height:30px;display:inline-block;text-align:center}.share-post [class*=share-] a{display:block;width:30px;color:#666}.share-post [class*=share-]:hover a{color:#fff}.share-post .share-fb a:hover{background:#3b5998}.share-post .share-tw a:hover{background:#1da1f2}.share-post .share-gp a:hover{background:#d73d32}.share-post .share-pt a:hover{background:#2d6599}.related-post-header{border-bottom:1px solid #32b22a;font-size:16px;font-weight:700;color:#32b22a;margin-bottom:10px}.related-post-header span{line-height:24px;padding-bottom:10px;display:inline-block}.related-post-list{list-style:square inside;color:#32a22b;font-size:14px}.related-post-list li{margin-bottom:5px}.related-post-list a{margin-right:15px;color:#666;line-height:24px}.related-post-list a:hover{color:#f93}.gallery{margin-bottom:30px}.gallery:hover .mask .expand-button{top:50%}.gallery:hover .mask .caption{bottom:0}.gallery .thumbnail{margin:0;padding:0;border:none}.contact-info,address{margin-bottom:30px}.gallery .thumbnail img{width:100%}.gallery .mask .expand-button{font-size:18px;border:3px solid #fff;padding:10px;border-radius:50%;position:absolute;top:-50%;margin-top:-22px;left:50%;margin-left:-22px;cursor:pointer;background:rgba(0,0,0,.5);box-shadow:-2px 2px 10px #000}.gallery .mask .caption{background:rgba(0,0,0,.6);position:absolute;left:15px;right:15px;line-height:24px;padding:6px 12px;font-size:13px;bottom:-50%}.gallery .mask .caption .gallery-title{font-weight:700;text-transform:uppercase}.gallery .mask .caption .gallery-title small{line-height:24px;font-size:13px;text-transform:initial;color:#fff}.market-caption,address p{line-height:30px}.market{position:relative}.market-caption{position:absolute;left:0;right:0;bottom:0;background-color:#32a22b;text-align:center;height:30px}.market-caption a{color:#fff}address,address a{color:#999}#contact-container{padding-bottom:30px}address{font-size:14px}address h6{color:#32b22a;font-size:18px;margin-bottom:10px;font-weight:400}address p .fa{margin-right:20px}.contact-form{margin-bottom:30px}.contact-form .sb-input{width:100%;margin-bottom:20px;padding:0 0 0 10px;color:#333;border:2px solid #eaeaea;font-size:14px}.contact-form input.sb-input{line-height:46px;height:50px}.contact-form textarea.sb-input{resize:vertical;overflow:auto;padding:10px;max-height:120px}.contact-form button{font:16px/30px Roboto,sans-serif;padding:10px 25px;background:#32b22a;border:none}div.wpcf7-response-output{clear:both;color:#666;font-size:12px!important;border:0;display:none!important}.wpcf7-not-valid-tip{font-size:12px!important;margin-bottom:16px}#map{margin-bottom:30px}#market-location-map{width:100%;height:450px}.info_content{color:#666}.info_content h3{font-weight:700;font-size:15px;margin-bottom:10px;color:#333}.info_content p{line-height:20px}.department-name{font-size:16px;margin-bottom:10px;color:#32a22b}@media screen and (max-width:1199px){#top-nav .searchform,.logo,a.slogan{margin-bottom:0}#top-nav{text-align:center}}@media screen and (max-width:991px){#top-nav .searchform,.logo,a.slogan{margin-right:0}.navbar-toggle{display:block}#home-news-tab-content .tab-pane .item:last-child,#top-nav .searchform,.menu{display:none}#sb-video{position:absolute}}@media screen and (max-width:767px){.news-thumbnail img{margin-right:auto;margin-left:auto}.home_sl-control{display:none}#sb-video{position:initial}}@media screen and (max-width:600px){.nav-tabs>li{width:100%}.page-footer .logo{width:100%;text-align:center;margin:20px 0 40px}.copyright,.page-footer address{margin-bottom:20px;text-align:center}}@media screen and (max-width:420px){.page-footer{font-size:12px}}