@charset "utf-8";
/* CSS Document */

div#backtop{display: none; position: fixed; bottom: 10px; right: 10px;
	background-color: #1479e1;
	border: 3px solid rgba(255,255,255,0.9);
	box-shadow: 0px 0px 3px #999;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	padding: 8px 10px;
	cursor: pointer;
	color: #fff;
	z-index: 2000;
}
div#backtop:hover{color: #f00; border: 3px solid #f00;}
div#loading{position: fixed; top: 50%; left: 50%; margin: -35px 0px 0px -35px;}
.form-control, .btn{ font-size: 13px;}

.d-flex {
	display: flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

.items-center {
	align-items: center;
}

.justify-between {
	justify-content: flex-start;
}

.justify-end {
	justify-content: flex-end;
}


/*++++++++++LAYOUT+++++++++++*/
div#wrapper { max-width: 1366px; margin: 0px auto; }
section#top-bar{ background-color: #0072ab; position: fixed; width: 100%; z-index: 9000 }
header#header {width: 100%; padding: 15px 0px 15px;}
header#header h1{height: 0px;width: 0px;margin:0;text-indent: -9999px;}
header#header #logo{margin: 0px;}
p#logo-small img{ max-height: 100px; }

ul.navbar-right{list-style: none;padding: 0px; margin: 0px; text-align: left; float: right;}
ul.navbar-right li{float: left; border-left: 1px solid rgba(255,255,255,0.3);}
ul.navbar-right li:first-child{border-left: 0px;}
ul.navbar-right > li > a{display: block; padding: 7px 10px; font-weight: 400; color: #fff;}
ul.navbar-right > li > a:hover{ color: #333; text-shadow: 1px 1px 0px rgba(255,255,255,0.3); }
ul.navbar-right li .dropdown-menu{min-width: auto;}
ul.navbar-right li .dropdown-menu li{width: 100%;}
ul.navbar-right li .dropdown-menu a{display: block;}
ul.navbar-right li .dropdown-menu img{float: left; margin-right: 5px;}
ul.navbar-right i{margin: 0px 5px;}
ul.navbar-right #total-cart{font-weight: 400; color: #ff0;}

ul.navbar-right ul{padding: 5px 0px;}
ul.navbar-right ul a{ font-size: 13px; font-weight: 400;padding: 5px 10px;}

div#search{width: 36px; height: 34px; border: 1px solid #ccc; overflow: hidden; float: right;}
div#search p{margin:0; text-align: right;}
div#search input, div#search button{border: 0px; background-color: #ebebeb; height: 32px; border-radius: 0px; box-shadow: none;}
div#search input{display: none;}
div#search button {color: #333}
div#search.open{width: 230px;}
div#search button:hover, div#search.open button{color: #333;}
div#search.open input{display: block !important; background-color: #ebebeb ; color: #333}
div#search.open button{display: block !important; }


div#page-wrapper{position: relative; padding: 15px 0px; z-index: 10;}

div#slideshow{position: relative;width: 100%; max-height: 500px; margin: 0px auto 15px; overflow: hidden;}
div#slideshow .slide img{width: 100%;max-height: 500px;margin: 0px auto;}
div#slideshow .bx-wrapper{margin:0;}
div#slideshow .bx-wrapper .bx-pager{padding:0;}
div#slideshow .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom: 0px;padding: 1% 0;}
div#slideshow .bx-wrapper .bx-pager.bx-default-pager a{height: 15px;width: 15px; border: 2px solid #fff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;background: #fff;}
div#slideshow .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{background: #f00 !important; border: 2px solid #fff !important;}

div.i-title, div.i-content{float: left; width: 100%;}
div.i-title{border-left: 5px solid #00989D;border-bottom: 1px solid #00989D; padding: 5px 0px 5px 20px;}
div.i-title h2, div.i-title h3{ margin: 0px; color: #00989D; font-size: 20px; font-weight: 600; text-transform: uppercase;}
div.i-content{margin-bottom: 30px;}
div.i-content.line{padding: 15px 0px; margin: 15px 0px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
div.detail{padding-top: 10px;}
div.detail table{width: 100% !important;}
div.detail img{max-width: 100% !important; height: auto !important;}

div#category{background: url('../images/bg_category.png') repeat;}

div.slick-slider.slick-index button{top: -30px; margin: 0px;}
div.slick-slider.slick-index .slick-prev{left: auto; right: 45px;}
div.slick-slider.slick-index .slick-next{right: 15px;}

body#product-site div.slick-slider button{top: -30px; margin: 0px;}
body#product-site div.slick-slider .slick-prev{left: auto; right: 45px;}
body#product-site div.slick-slider .slick-next{right: 15px;}

ul.list{list-style: none; margin: 15px 0px 0px; padding: 0;}
ul.list li{display: inline-block;margin: 0px 10px 10px 0px;}
ul.list a{display: block; padding: 5px 10px; color: #fff; font-size: 13px; background-color: #00989D; border-radius: 3px;}
ul.list a:hover{ background-color: #999;}

p#show-support{position:fixed;top:145px; right: 0px; z-index: 10; padding: 5px 2px;  border-radius: 5px 0 0 5px; background-color: #f2f2f2;}
p#show-support i{color: #3da348; font-size: 24px; cursor: pointer;}
div#support{ display: none;position:fixed; top:150px; right: 0px; z-index: 100; width: 250px; border: 5px solid rgba(255,255,255,0.5); border-radius: 5px;}
div#support h3{
	margin: 0px;
	padding: 10px;
	font-size: 17px;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	*transform: rotate(270deg) translate(0px, -120px);
	background-color: #3da348;
	*border-radius: 5px 5px 0px 0px;
}
div#support ul{float: left; width: 100%;list-style: none outside none;margin: 0;padding: 10px; background-color: #f2f2f2;border-radius: 0px 0px 5px 5px;}
div#support ul li {float: left; width: 100%; margin-bottom: 10px; }
div#support ul li img {height: auto;max-width: 100%;}
div#support ul li#hotline { background: url(../images/hotline.png) no-repeat left top;}
div#support ul li#hotline p {
    color: #f00;
    font-size: 20px;
    font-weight: bold;
	text-align: left;
    padding: 28px 0 0 45px;
}
div#support ul li p{margin-bottom: 5px;}
div#support ul li p.col-xs-3 {
	margin: 0px;
	padding: 0px 10px 10px 0px;
	text-align: center;
 }
 div#support ul li p.col-xs-9,
 div#support ul li p.col-xs-12{
	 padding: 0px;
 }

p#show-message-action-cart{position: fixed;top: 17%;right:0;width:150px;display: none; background-color: #CB182E;padding: 5px 10px; color: #fff;z-index: 9999;}
p#show-message-action-cart a{color: #ff0; text-decoration: underline;}

div#order-by{float: right; width: 320px;}
div#order-by .col-xs-4{line-height: 35px;}

div.i-title, div.i-content{float: left; width: 100%;}
div.i-title .btn-active{color: #0b74df; background: transparent; border-color: #0b74df;}
div.box-work{position: relative; padding-bottom: 15px; padding-top: 15px;
    transition: all .5s ease;
}
div.box-work .name{font-size: 14px; font-weight: 500; text-align: center; line-height: 1.4em; margin: 0px; padding: 10px 0px 5px; text-transform: uppercase;}
div.box-work .name a:hover{color: #f00;}

ul#accordion ,ul#accordion ul{width:100%;list-style: none; margin: 0px; padding: 0px;}
ul#accordion li{position: relative; margin: 0px; padding: 0px;}
ul#accordion > li:first-child{border-top-color: transparent;}
ul#accordion > li.active > a{color: #64a9cf !important;}
ul#accordion a{position: relative; display: block; padding: 9px 15px; color: #64a9cf; text-transform: uppercase; font-weight: 600; z-index: 1;}
ul#accordion li.active > a, ul#accordion li:hover > a{color: #f00;}
ul#accordion ul li.active > a, ul#accordion ul li:hover > a{color: #f00;}
ul#accordion ul ul li.active > a, ul#accordion ul ul li:hover > a{color: #f00;}

ul#accordion > li > i, ul#accordion > li > ul > li > i{position: absolute; width: 30px; height: 33px; right: 5px;top: 0px; line-height: 37px; z-index: 10; text-align: center; cursor: pointer;}
ul#accordion > li > i.fa-plus-square, ul#accordion > li > ul > li > i.fa-plus-square{z-index: 15;}
ul#accordion ul a{line-height: 1.3em; text-transform: none !important; color: #333;}
ul#accordion ul a:hover{color: #f00;}
ul#accordion ul a i{position: absolute; right: auto; left: 17px; top: 11px;}
ul#accordion ul ul a i{right: auto; left: 31px; top: 11px;}
ul#accordion ul a{padding-left: 30px;}
ul#accordion ul ul a{padding-left: 43px;}


div.box-product{position: relative;margin: 15px 0px;}
div.box-product .image{text-align: center; padding: 5px; border: 1px solid #ccc;}
div.box-product .image img{max-width: 100%; height: auto;}
div.box-product .name{font-size: 15px; font-weight: 600; line-height: 1.5em; padding: 15px 0px 5px; margin: 0px; text-align: center;}
div.box-product .price{font-size: 14px; font-weight: 500; text-align: center; margin: 0px;}
div.box-product .price b{font-weight: 600; color: #f00;}

div.box-product .icon{position: absolute;top: 20px;right: 5px;}
div.box-product .icon span{min-width: 50px;padding: 3px 5px;background-color: #f00;font-size: 13px;color: #fff;text-transform: uppercase;text-align: center;}
div.box-product .icon span.sale{background-color:#f00}

div.box-product .desc{position: absolute; display: none; bottom: 0px; left: 15px; right: 15px; padding: 0px 5px; font-size: 13px; background-color: #fff; border: 1px solid #ccc; border-top: 0px;
	transform: translateY(100%);
	-moz-transform: translateY(100%);
	-webkit-transform: translateY(100%);
	-o-transform: translateY(100%);
	-ms-transform: translateY(100%);
}
div.box-product:hover{z-index: 1;}
div.box-product:hover .image{border-bottom: 0px;}
div.box-product:hover .name, div.box-product:hover .price{ border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
div.box-product:hover .desc{display: block;}

div#product-images, div#product-content{}
div.product-img-large{position:relative;float: left;width: 100%;}
div.product-img-large img{display: none; max-width: 100%;height: auto;background-color: #fff; margin: 0px auto;border: 1px solid #ccc;}
div.product-img-large img.active{display: block;}
div.product-img-thumb{float: left;width: 100%;height:auto;padding: 0px 20px 10px;}
div.product-img-thumb p{position: relative;width: 100%;height: auto;margin:0;border: 1px solid #ccc;}
div.product-img-thumb p img{max-width: 100%;height: auto;}
div.product-img-thumb p:hover img, div.product-img-thumb p.active img{margin-top:0px;}
div.product-img-thumb p:hover, div.product-img-thumb p.active{border: 3px solid #1479df;}
div.product-img-thumb .slide{cursor: pointer;}
div.product-img-thumb .bx-viewport{border-right: none;padding-top:10px;}
div.product-img-thumb .bx-wrapper .bx-controls-direction a {}
div.product-img-thumb .bx-wrapper .bx-prev {left: -20px;}
div.product-img-thumb .bx-wrapper .bx-next {right: -20px;}

div#product-content{}
div#product-content .nav-tabs{border-bottom: 1px solid #fff;}
div#product-content img{max-width: 100% !important;height: auto !important;}
div#product-content div.attr-content{float: left;width: 100%;}
div#product-content div.attr-content h2{margin-top: 0px; font-size: 20px; font-weight: bold;}
div#product-content div.attr-content p{float: left;margin: 2px 0px;width: 100%;}
div#product-content div.attr-content p.clearfix{margin: 0;}
div#product-content div.attr-content p.attr-left{width: 35%; font-weight: 600;}
div#product-content div.attr-content p.attr-right{width: 65%; }
div#product-content div.attr-content.bg-f2 p.attr-left{width: 50%; }
div#product-content div.attr-content.bg-f2 p.attr-right{width: 50%; }
div#product-content div.attr-content p.attr-right input{float: left;width: 17%;padding: 4px 5px 4px 10px;margin-right: 10px;}
div#product-content div.attr-content p.attr-right a.active{color: #f00; text-decoration: underline;}
div#product-content div.attr-content.utilities{height: 39px;}
div#product-content div.attr-content .like{margin: 10px 0px;}

div#product-content .nav{margin-bottom: 10px; border-bottom: 2px solid #1479df;}
div#product-content .nav li a{padding: 5px 10px;}
div#product-content .nav li.active a, div#product-content .nav li a:hover{background-color: #1479df; color: #fff;}

div.box-news{position: relative;margin: 15px 0px; color: #666;}
div.box-news .image{text-align: center; padding: 5px; border: 1px solid #ccc;}
div.box-news .image:hover { border-color:#f00;}
div.box-news .image img{max-width: 100%; height: auto;}
div.box-news .date{margin-top: 5px;}
div.box-news .name{font-size: 13px; font-weight: 600; margin: 10px 0px 5px; text-align: left; text-transform: uppercase; line-height: 1.5em;}
div.box-news .desc{ text-align: justify; margin: 0px;}

input[name="quantity"]{width: 70px;}

div.paging{position: relative;width:100%;text-align: center;}
div.paging a,div.paging span{font-weight: 400;display: inline-block;width: 29px;height: 27px;border: 1px solid #ccc; line-height: 25px;
background:-moz-linear-gradient(100% 98% 95deg, #F2F2F2, #FFFFFF 100%);
background:-webkit-linear-gradient(100% 98% 95deg, #F2F2F2, #FFFFFF 100%);
background:-ms-linear-gradient(100% 98% 95deg, #F2F2F2, #FFFFFF 100%);
background:-o-linear-gradient(100% 98% 95deg, #F2F2F2, #FFFFFF 100%);
background: #fff;
}
div.paging span{background: #0072a9;color: #fff;}
div.paging a:hover{background: #0072a9;color: #fff;}
div.paging a i{line-height: 20px;}

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
  min-width: 100% !important;
}
.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] {width: 100% !important;}
.fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe span[style] {width: 100% !important;}

div.like{float: left; margin: 0px 5px;}
div#map-canvas{width:100%;height: 420px;border: 1px solid #ccc;}
div.breadcrumb span{color: #f00;}

ul.o-nav{list-style: none;margin: 0px;padding: 15px;}
ul.o-nav li{line-height: 15px;padding: 5px 0px;}
ul.o-nav li i{margin-right: 10px;}
ul.o-nav li a{color: #0e4783; font-weight: 600;}
ul.o-nav li a:hover{color: #f00;}

.btn-lg{ height: auto; border-radius: 0px;}

footer#footer{ background-color: #0072a9; color: #fff;}
footer#footer h2.title{font-size: 17px; font-weight: 600; text-transform: uppercase;}
footer#footer ul{list-style: none; padding: 0px; margin: 0px;}
footer#footer ul li{margin-bottom: 5px;}
footer#footer ul a{font-weight: 400; color: #fff;}
footer#footer ul a:hover{color: #ff0;}
footer#footer p#social a{margin-right: 7px;}

div#copy-right{border-top: 1px solid #f2f2f2;}
div#copy-right p{margin-top: 10px; text-align: center;}
nav#navbar-mobile{ display: none; background-color: #0072ab; }


.echbay-sms-messenger {
    text-align: center;
    width: 45px;
    position: fixed;
    bottom: 20px;
    left: 20px;
    display: none;
    z-index: 999
}

.echbay-sms-messenger.style-for-position-br {
    left: auto;
    right: 20px
}

.echbay-sms-messenger.style-for-position-tl {
    bottom: auto;
    top: 20px
}

.echbay-sms-messenger.style-for-position-tr {
    bottom: auto;
    left: auto;
    top: 20px;
    right: 20px
}

.echbay-sms-messenger.style-for-position-cr,
.echbay-sms-messenger.style-for-position-cl {
    bottom: auto;
    top: 50%;
    transform: translate(0, -50%)
}

.echbay-sms-messenger.style-for-position-cr {
    left: auto;
    right: 20px
}

.echbay-sms-messenger div {
    margin: 14px 0;
    background: #0084ff center no-repeat;
    background-size: 70%;
    border-radius: 50%;
    box-shadow: 0 3px 10px #888
}

.echbay-sms-messenger div:first-child {
    margin-top: 0
}

.echbay-sms-messenger div:last-child {
    margin-bottom: 0
}

.echbay-sms-messenger div.phonering-alo-alo {
    background-image: url(../images/call.png)
}

.echbay-sms-messenger div.phonering-alo-sms {
    background-image: url(../images/mail.png);
    background-color: #f60;
    background-size: 60%
}

.echbay-sms-messenger div.phonering-alo-messenger {
    background-image: url(../images/messenger.png);
    background-color: #e60f1e
}

.echbay-sms-messenger div.phonering-alo-zalo {
    background-image: url(../images/zalo.png);
}

.echbay-sms-messenger a {
    display: block;
    line-height: 45px;
    text-indent: -9999px
}

@media screen and (max-width:775px) {
    .echbay-sms-messenger {
        display: block !important;
        bottom: 10px;
        left: 1px
    }
}

.echbay-sms-messenger div.phonering-alo-zalo,
.echbay-sms-messenger div.phonering-alo-alo {
    background-color: red
}

.echbay-sms-messenger div.phonering-alo-sms {
    background-color: #f60
}

.echbay-sms-messenger div.phonering-alo-messenger {
    background-color: #0045db
}

.echbay-sms-messenger {
    width: 45px
}

.echbay-sms-messenger a {
    line-height: 45px
}

.echbay-sms-messenger {
    display: block
}


@media (min-width: 1200px){
	nav#navbar-top{width: 100%; background-color: #00989D; padding: 5px;}
	nav#navbar-top button#btn-menu{display: none;}
	nav#navbar-top p#logo-small{display: none !important;}
	nav#navbar-top ul{position: relative; width:100%;list-style: none; margin: 0px; padding: 0px;}
	nav#navbar-top ul li{float: left;}
	nav#navbar-top ul a{position: relative; display: block; padding: 5px 10px; font-size: 14px; color: #fff; font-weight: 600; text-transform: uppercase; z-index: 1; }
	nav#navbar-top > ul ul li{border: none;}
	nav#navbar-top > ul > li > ul{display: none; position: absolute; left: 250px; top: 0px; width: 905px; padding: 10px 0px; background-color: #fff; border: 1px solid #ccc;}
	nav#navbar-top > ul > li > ul > li > a{font-weight: 600;}
	nav#navbar-top > ul > li > ul > li > a > i{display: none;}
	nav#navbar-top > ul > li > ul > li > ul a{font-size: 14px; padding: 5px 10px 5px 20px;font-weight: 500;}
	nav#navbar-top > ul > li > ul > li > ul a i{margin-right: 10px;}

	nav#navbar-top ul li:hover > a:before{content: ''; display: none; position: absolute; border-left: 7px solid transparent ; border-right:7px solid transparent ; border-bottom: 7px solid #fff; bottom: -1px; left: 50%; margin-left: -7px}
	nav#navbar-top ul li:hover > a:after{content: ''; display: none; position: absolute; border-left: 6px solid transparent ; border-right:6px solid transparent ; border-bottom: 6px solid #1278e0; bottom: -2px; left: 50%; margin-left: -6px}
	
	nav#navbar-top > ul > li.active > a, nav#navbar-top > ul > li:hover > a{color: #333;}
	nav#navbar-top ul ul li a:before{border:0px !important;}nav#navbar-top ul ul li a:after{border:0px !important;}
	
	nav#navbar-top ul li:hover > ul{display: block; -webkit-animation-name: fadeInRightSmall;animation-name: fadeInRightSmall; min-height: 222px;}
	div#multi-search{margin-top: 7px; text-align: center;}
	div#multi-search label{margin-right: 20px;text-transform: uppercase;}
	div#multi-search input{width: 150px;}
	div#multi-search #f-cost, div#multi-search #t-cost{width: 120px;}
	div#multi-search #provider, div#multi-search #origin{width: 150px;}
	
	div#shopping-cart{margin: 30px 0px; padding: 30px 0px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
	div#shopping-cart p{margin: 0px;}
	div#shopping-cart i{font-size: 28px; color: #f00; margin-right: 10px;}
	div#shopping-cart span{color: #333; font-size: 20px;}
	div#shopping-cart a{float: right; line-height: 2.5em;}
	
	div#fanpage{min-height: 565px;}
	div#fanpage i{display: none;}
	div#fanpage h2{font-size: 25px;}
}

@media (max-width: 1199px){
	header#header{background-color: #f2f2f2;}
	header#header p#logo{display: none;}
	
	nav#navbar-mobile.mm-menu.mm-offcanvas.mm-opened{ display: block !important; }
	nav#navbar-mobile a{ color: #fff; }
	nav#navbar-top{position:relative; width: 100%;}
	nav#navbar-top button#btn-menu{float: right; margin: 7px 0px; padding: 6px 12px; border: 0px; color: #1278e0; background-color: #ccc; border-radius: 0px;}
	div#search{bottom: auto; top: 47px;}
	nav#navbar-top ul{display: none;}
	nav#navbar-top ul ,nav#navbar-top ul ul{position: relative; width:100%;list-style: none; margin: 0px; padding: 0px; z-index:100; background-color: #fff;}
	nav#navbar-top ul li{position: relative;border-top:1px solid #ccc;margin: 0px; padding: 0px;}
	nav#navbar-top ul li:first-child{border-top-color: transparent;}
	
	nav#navbar-top ul a{position: relative; display: block; padding: 8px 10px; font-weight: 600; z-index: 1;}
	nav#navbar-top ul li.active > a, nav#navbar-top ul li:hover > a{color: #fff; background-color: #666;}
	nav#navbar-top ul ul li.active > a, nav#navbar-top ul ul li:hover > a{color: #fff; background-color: #999;}
	nav#navbar-top ul ul ul li.active > a, nav#navbar-top ul ul ul li:hover > a{color: #fff; background-color: #ccc;}

	nav#navbar-top ul > li > i{position: absolute; width: 30px; height: 33px; right: 0px;top: 0px; line-height: 33px; z-index: 10; text-align: center; cursor: pointer;}
	nav#navbar-top ul ul a{line-height: 1.3em; text-transform: none;}
	nav#navbar-top ul ul a i{position: absolute; right: auto; left: 10px; top: 9px;}
	nav#navbar-top ul ul ul a i{right: auto; left: 20px; top: 9px;}
	nav#navbar-top ul ul a{padding-left: 20px;}
	nav#navbar-top ul ul ul a{padding-left: 30px;}

	div#multi-search{position: absolute; width: 268px; top: 7px; left: 50%; margin-left: -134px; text-align: center;z-index: 20px;}
	div#multi-search .form-inline .form-group {
	    display: inline-block;
	    width: auto;
	    vertical-align: middle;
	    margin-bottom: 0px; 
	}
	div#multi-search label{display: none;}
	div#multi-search .form-group.padr75, div#multi-search .form-group.padl75{display: none  !important;}
	/*div#multi-search{margin-top: 15px; background-color: #e2e2e2;padding: 15px; text-align: center;}
	div#multi-search label{display: none;}
	div#multi-search input{width: 110px;}
	div#multi-search #f-cost, div#multi-search #t-cost{width: 110px;}
	div#multi-search #provider, div#multi-search #origin{width: 130px;}*/
	
	div#shopping-cart{position:fixed;top:60px;right:-85px;z-index: 10; padding:5px 5px 5px 7px; background:#f2f2f2;cursor:pointer;font-weight:bold;color:#3da348;border-radius:5px 0px 0px 5px;
		-webkit-transition: all 1s ease-in-out;
		-moz-transition: all 1s ease-in-out;
		-o-transition: all 1s ease-in-out;
		transition: all 1s ease-in-out;
	}
	div#shopping-cart:hover{right:0px;}
	div#shopping-cart p{margin: 0px;}
	div#shopping-cart i{float: left; font-size:24px; margin-right: 6px;}
	div#shopping-cart span{display: none; color: #f00; font-size:17px;}
	div#shopping-cart a{float: left; color:#1479df; line-height: 2em;width: 80px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
	div#shopping-cart a:hover{color: #f00;}
	
	div#fanpage{position:fixed;top:105px; z-index: 9999; width: 280px; right:-280px;padding: 15px; background:#f2f2f2;
		-webkit-transition: all 1s ease-in-out;
		-moz-transition: all 1s ease-in-out;
		-o-transition: all 1s ease-in-out;
		transition: all 1s ease-in-out;
	}

	div#fanpage i{position: absolute; font-size:24px; color:#3da348; left: -35px; top: 0px; padding:5px 11px; background:#f2f2f2;cursor:pointer;border-radius:5px 0px 0px 5px;}
	div#fanpage h2{font-size: 25px; margin-top: 0px;}
	div#fanpage:hover{right:0px;}
	div#product-review{display: none;}
	div#product-review .slick-prev{top: 50%;left: 10px;margin-top: -15px; margin-left: 0px;height: 30px;}
	div#product-review .slick-next{top: 50%;left: auto; bottom: auto;right: 10px;margin-top: -15px; margin-right: 0px;height: 30px;}
	div#product-review .slick-prev:before{content: '\f137'; font-family: fontawesome;color: #333; font-size: 30px;}
	div#product-review .slick-next:before{content: '\f138'; font-family: fontawesome;color: #333; font-size: 30px;}
}

@media (min-width:992px){
	div#info{float: right;}
	div.box-product.col-md-4:nth-child(3n+1){clear: both;}
	div.box-news.col-md-4:nth-child(3n+1){clear: both;}
	footer#footer .col-md-4{width: 37%;}
	footer#footer .col-md-3{width: 21%;}
}

@media (max-width:991px){
	footer#footer .col-sm-6:nth-child(2n+1){clear: both;}
}

@media (min-width:768px) and (max-width:991px){
	div.box-product.col-sm-4:nth-child(3n+1){clear: both;}
	div.box-news.col-sm-4:nth-child(3n+1){clear: both;}
}

@media (min-width:481px) and (max-width: 767px){
	div.box-product.col-xs-6:nth-child(2n+1){clear: both;}
	div.box-news.col-xs-6:nth-child(2n+1){clear: both;}
}

@media (max-width: 767px){
	h1, h2 {font-size: 22px;}
	ul.navbar-right span{display: none;}
	ul.navbar-right li .dropdown-menu{left: auto; right: 0px;min-width: 115px;}
	/*div#multi-search label{display: block;}
	div#multi-search input{width: 100%;}
	div#multi-search .padr75{display: none; float: left; width: 50%; padding-right: 7.5px;}
	div#multi-search .padl75{display: none; float: right; width: 50%; padding-left: 7.5px;}
	div#multi-search #f-cost, div#multi-search #t-cost{width: 100%;}
	div#multi-search #provider, div#multi-search #origin{width: 100%;}*/
}

@media (max-width: 530px){
	div#multi-search button i.fa-search{display: block;}
	div#multi-search button span{display: none;}
	ul.navbar-right span{display: none;}
	/*ul.navbar-right i.fa-language{font-size: 25px;}*/
	ul.navbar-right li .dropdown-menu{left: auto; right: 0px;min-width: 115px;}
	ul.o-nav{padding: 10px;}
}

@media (max-width: 480px){
	div.box-product.col-xs-6:nth-child(2n+1){clear: both;}
	/*div.box-product{float: none; width: 100%; max-width: 350px; margin: 15px auto 0px;}*/
	div.box-news{float: none; width: 100%; max-width: 350px; margin: 15px auto 0px;}
	footer#footer .col-xs-6{width: 100%;}
	footer#footer .title{text-align: center;}
}

@media (max-width: 420px){
	ul.navbar-right > li > a{padding: 7px 5px;}
}

@media (max-width: 400px){
	div.box-work{width: 100%;}
	div.grid .grid-item{width: 100%;text-align: center;}
}


@media (max-width: 349px){
	/*div.box-product{width: 100%; }*/
}


/*==============MODAL================*/

.modal-content{overflow: hidden;}
.modal-content img{max-width: 100%; height: auto;}
.modal-header{background-color: #3DA347;padding: 10px;}
.modal-header h4{color: #fff;text-transform: uppercase;}
.modal-footer{padding: 10px;margin:0px;}

/*======================CSS3================*/


.tranSlateTop {
	animation:tranSlateTop 1s infinite;
	-webkit-animation: tranSlateTop 1s infinite;
	-moz-animation: tranSlateTop 1s infinite;
	-o-animation: tranSlateTop 1s infinite;
}
@-webkit-keyframes tranSlateTop {
	from{ -webkit-transform: rotate(270deg) translateX(0px);}
	50%{-webkit-transform: rotate(270deg) translateX(5px);}
	to{-webkit-transform: rotate(270deg) translateX(0px);}
}
@-moz-keyframes tranSlateTop {
	from{ -moz-transform: rotate(270deg) translateX(0px);}
	50%{-moz-transform: rotate(270deg) translateX(5px);}
	to{-moz-transform: rotate(270deg) translateX(0px);}
}
@-o-keyframes tranSlateTop {
	from{ -o-transform: rotate(270deg) translateX(0px);}
	50%{-o-transform: rotate(270deg) translateX(5px);}
	to{-o-transform: rotate(270deg) translateX(0px);}
}

::-webkit-input-placeholder {color:#999;}
:-moz-placeholder {color:#999;}
::-moz-placeholder {color:#999;}
:-ms-input-placeholder {color:#999;}
.transitionAll{transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;}
.transitionAll_1s{transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; -webkit-transition:all 1s ease-in-out;}