body{background: #fff;font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;font-size:15px;}
.price-form-cart{margin-bottom: 12px;}
.price-form-cart b{color: red;font-size: 14px;font-weight: normal;}
.quantity-input input[type='text']{text-align: center;border: 1px solid #ccc;}
.bg-white{background: #FFF}
.border-top{border-top: 1px solid #DDD}
.margin-bottom{margin-bottom: 10px}
.removeCartItem{}
.adsHolder img{max-width: 100%}
.adsContent{text-align: left;}
.adsContent h2{font-weight:bold;font-size: 19px;color: #09c;margin-bottom: 5px !important}
.no-border-bg{border: none !important; background: none !important;padding: 0 6px !important}
.fa-face-red{color: red}
.fa-face-green{color: green}
.fa-face-blue{color: blue}
.fa-face-gray{color: gray}
.fa-face-pink{color: pink}
.fa-face-coral{color: coral}
.fa-face-crimson{color: crimson}
.fa-face-chocolate{color: chocolate}
.fa-face-deeppink{color: deeppink}
.fa-face-white{color: white}
.fa-normal{color:#a4a1a1;}
.title-1{font-size: 22px !important}
.title-2{font-size: 20px !important}
.title-3{font-size: 18px !important}
.title-4{font-size: 16px !important}
.title-padding{padding:10px;}
.cart-number-input{width:50px !important; text-align: center;}
.form-group-cart{width: 135px;}
#cover_preview,.notcurrent{padding-top:240px;padding-bottom:0;width:100%}
.carts-list{background: #FFF;}
.cart-item{padding: 10px;border-bottom: 1px solid #DDD}
.cart-image{width: 25%;float: left;margin-right: 1%}
.cart-content{width: 74%;float: left}
.cart-price{width: 60%;float: left;}
.cart-update-qty{width: 38%; float: right;}
.form-group-cart{float: right}
.total-cart,.btn-update-cart{padding: 10px}
.price{color: red;font-size: 15px;font-weight: bold;}
.left{float: left;}
.right{float: right}
.certification{position: absolute;color: #e3e30f;top: -4px;right: -4px;}
.margin-right-20{margin-right: 20px}
.img-auto-max-width{max-width:100%;margin:auto}
.project-home-item{height:120px;width:185px}
.form-control-ui{
    height: 34px;
    margin-right: 10px;
    padding: 6px 12px;
    background-color: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.block{display: block}
.cat{
    background: url(../images/category.png) top left no-repeat;
    width: 26px;
    height: 20px;
    display: inline-block;
    font-size: inherit;
    text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	position: relative;
	top: 3px;
}
.cat-agr{background-position: 0 -24px}
.cat-tran{background-position: 0 0}
.cat-tex{background-position: 0 -50px}
.cat-elec{background-position: 0 -78px}
.cat-tel{background-position: 0 -105px}
.cat-hel{background-position: 0 -131px}
.cat-con{background-position: 0 -156px}
.cat-med{background-position: 0 -181px}
.cat-han{background-position: 0 -207px}
.cat-other{}
.overlay-bg{background:rgba(0, 0, 0, 0.31);
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 10px;
z-index: 998;
display: none;
-webkit-overflow-scrolling: touch;
outline: 0;
overflow-y: auto;}
.date{font-size: 12px; font-style: italic;}
.category-home{list-style:none;padding-left:0;margin:0;font-size: 17px;z-index: 999;}
.category-home.sh{background:#F1F0F1;left: -1px;position: absolute;}
.category-home.sh li{border-bottom: 1px dashed #CCC;padding: 5px 6px;line-height: 18px;}
.category-home li{border-bottom: 1px solid #DDD;padding: 5px;}
.category-home li:hover{background:#16a20c }
.category-home li:hover a,
.category-home a:hover{color: #FFF}
.category-home li:last-child{border-bottom: none}
.category-home li.off{display: none}
.category-home li.more-category{}
.category-home a,.most-comment a{color: #888}
.most-comment a:hover{color:#16a20c;}
.most-comment{list-style:none;padding-left:0;margin:0}
.bg-head-home{background-color: #fff !important}
.bg-head-home h1,.bg-head-home h2{color: #385336;}
.bg-head-home h1 *,.bg-head-home h2 *{color: #385336;}
.nopadding-all{padding: 0 !important}
.update-item{margin-bottom:10px }
.bg-title{background: #d8dadb !important}
.nav-top ul li a{line-height: 32px !important}
.navbar-collapse{padding: 0 !important}
.ul-header-cu,.ul-header-ci{padding: 0;margin: 0}
.ul-header-cu li{list-style-type: none;line-height: 50px;display: inline;}
.ul-header-h{list-style:none;padding-left:0}
.ul-header-h li{display: inline;margin-right: 33px}
.ul-header-ci li{list-style: none;}
.navbar{border: none !important}
.border-arrow-top{
	position: relative;
	
}

.header-contact-info {
    float: right;
    position: relative;
    margin: 0px;
    background:#ec555a;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
}
.contact-info {
    height: 38px;
    line-height: 38px;
    padding: 0px 15px 0px 0px;
    color:#FFF;
    font-size: 18px;
    overflow: hidden;
    position: relative;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    vertical-align: auto;
    zoom: 1;
    display: inline;
}
.icon-phone {
    background: none;
    width: 50px;
    height: 38px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
}
.icon-phone .fa{
	  display: block;
    padding: 8px 0 0 15px;
    font-size: 22px;
    color: #fff;    
}
.aaaa{
  -webkit-animation: ember-hotline-001 2s infinite ease-in-out;
    -moz-animation: ember-hotline-001 2s infinite ease-in-out;
    -ms-animation: ember-hotline-001 2s infinite ease-in-out;
    -o-animation: ember-hotline-001 2s infinite ease-in-out;
    animation: ember-hotline-001 2s 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%;
    transform: translate(0, 0);
}
.contact-info > strong  a{
    color: white;
    font-size: 16px;
    text-decoration: none;
}
.hotline-phone-ring-wrap {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 999999;
}
.hotline-phone-ring {
  position: relative;
  visibility: visible;
  background-color: transparent;
  width: 110px;
  height: 93px;
  cursor: pointer;
  z-index: 11;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transition: visibility .5s;
  left: 0;
  bottom: 0;
  display: block;
}
.hotline-phone-ring-circle {
    width: 85px;
  height: 85px;
  top: 10px;
  left: 10px;
  position: absolute;
  background-color: transparent;
  border-radius: 100%;
  border: 2px solid #e60808;
  -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
  animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
  transition: all .5s;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  opacity: 0.5;
}
.hotline-phone-ring-circle-fill {
    width: 55px;
  height: 55px;
  top: 25px;
  left: 25px;
  position: absolute;
  background-color: rgba(230, 8, 8, 0.7);
  border-radius: 100%;
  border: 2px solid transparent;
  -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
  animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
  transition: all .5s;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.hotline-phone-ring-img-circle {
    background-color: #e60808;
    width: 33px;
  height: 33px;
  top: 37px;
  left: 37px;
  position: absolute;
  background-size: 20px;
  border-radius: 100%;
  border: 2px solid transparent;
  -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
  animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hotline-phone-ring-img-circle .pps-btn-img {
    display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.hotline-phone-ring-img-circle .pps-btn-img img {
    width: 20px;
    height: 20px;
}
.hotline-bar {
  position: absolute;
  background: rgba(230, 8, 8, 0.75);
  height: 40px;
  width: 180px;
  line-height: 40px;
  border-radius: 3px;
  padding: 0 10px;
  background-size: 100%;
  cursor: pointer;
  transition: all 0.8s;
  -webkit-transition: all 0.8s;
  z-index: 9;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.1);
  border-radius: 50px !important;
  /* width: 175px !important; */
  left: 33px;
  bottom: 21px;
}
.hotline-bar > a {
  color: #fff;
  text-decoration: none;
  font-size: 15px;
  font-weight: bold;
  text-indent: 50px;
  display: block;
  letter-spacing: 1px;
  line-height: 40px;
  font-family: Arial;
}
.hotline-bar > a:hover,
.hotline-bar > a:active {
  color: #fff;
}
.box_fixRight {
    position: fixed;
    bottom: 150px;
    right: -119px;
    width: auto;
    transition: all 0.2s ease-in-out 0s;
    z-index: 999;
}
.box_fixRight .box_content {
    background: #fff;
    padding: 10px;
    box-shadow: 10px 0px 30px #888888;
    border-radius: 10px 0 0 10px;
}
.box_fixRight .box_content .item {
    display: block;
    padding: 13px 10px 13px 35px;
    color: #111;
}
.box_fixRight .box_content .item:hover{color:#184b9b}
.box_fixRight .box_content .item.item_1 {
    background: url(../images/zalo.png) no-repeat left;
}
.box_fixRight .box_content .item.item_2 {
    background: url(../images/messenger.png) no-repeat left;
}

.box_fixRight:hover {
    right: 0;
    transition: all 0.2s ease-in-out 0s;
}
.top-head-phone {
    font-size: 15px;
}
@media (max-width: 549px){
.box_fixRight{display:none}
}
@-webkit-keyframes phonering-alo-circle-anim {
  0% {
    -webkit-transform: rotate(0) scale(0.5) skew(1deg);
    -webkit-opacity: 0.1;
  }
  30% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    -webkit-opacity: 0.5;
  }
  100% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
    -webkit-opacity: 0.1;
  }
}
@-webkit-keyframes phonering-alo-circle-fill-anim {
  0% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    opacity: 0.6;
  }
  50% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
    opacity: 0.6;
  }
  100% {
    -webkit-transform: rotate(0) scale(0.7) skew(1deg);
    opacity: 0.6;
  }
}
@-webkit-keyframes phonering-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);
  }
}

@-moz-keyframes ember-hotline-001 {
    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 ember-hotline-001 {
    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 ember-hotline-001 {
    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);
    }
}
a{color: #22363c}
.logo{float: left; margin: 5px 0}
.logo img{height: 90px;margin-left: 10px;}
.top-header{background: url(../images/bg_header.jpg); background-size: cover;}
.top-header a{color: #FFF;}
.top-header a:hover{color:#eee;background: transparent;}
.col-ui-2,.col-ui-8{float: left}
.col-ui-2{width: 20%;}
.col-ui-8{width: 80%;}
.border-bottom{padding: 5px 0;border-bottom: 1px solid #DDD;margin-bottom: 10px }
.hotline-show{font-size: 18px;}
.load-more-comment-in{text-align: center;}
.red-color{color:red;}
.quantityCart{
	margin: 3px 0 0 0;
	width: 100px;
	float: left;
}
.quantityCart #quantity{width: 50px;
	text-align: center;
	background: -moz-linear-gradient(center top, #ededed 0%, #f6f6f6 14%, #fff 52%) repeat scroll 0 0 rgba(0,0,0,0);
	border: 1px solid #ccc !important;
	border-radius: 2px !important;
	float: left;
	font-size: 16px !important;
	font-weight: bold !important;
	height: 30px !important;
	margin-left: 1px !important;
	padding: 0 !important;
}
.quantityCart .arrowQ {
    float: left;
} 
.quantityCart .arrowQ  a{
	background: url("../images/ico-product-page.png") no-repeat scroll left;
	width:18px;
	height:16px;
	display:block;
}
.quantityCart .arrowQ .upQ{
	background-position:0 -220px;
}
.quantityCart .arrowQ .upQ:hover{
	background-position:0 -280px;
}
.quantityCart .arrowQ .downQ{
	
	background-position:0 -236px;
}
.quantityCart .arrowQ .downQ:hover{
	background-position:0 -296px;
}
.menu-main{
  overflow: hidden;
  background: linear-gradient(#1d5884,#10334f);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: 2px solid #1e1c44c4;
}
.menu-main .navbar-nav > li{-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-ms-transition: all 0.8s;
-o-transition: all 0.8s;
transition: all 0.8s; }
.menu-main .navbar-nav > li:hover{background: #152630}
.menu-main img.home-img{height: 32px;margin-left: 25px;position: absolute;top: 3px}
.menu-main a{color:#fff;font-size: 16px}
.footer a{color: #888;}
.menu-main a:hover{color:#dfd4d4;}
.footer a:hover{color:#999;}
.crumb ul{padding: 0;margin: 0}
.crumb ul li{list-style-type: none;display: inline;margin-right: 8px; background: url('../images/next.png') no-repeat scroll right center;padding-right:14px;}
.crumb ul li:last-child{background: none}
.crumb ul li a{color:#555; font-size: 12px}
.crumb ul li a:hover{color:#09c;}
.image-product-grid{vertical-align: middle;display: inline-block;height: 100%;position: relative;}
.out-img-product-grid .view-fast{position: absolute;
bottom: -10px;
z-index: 9999;
width: 100%;
height: 20px;
left: 0;
background:#dcf2d4;
line-height: 20px;
opacity: 0.7;display: none}
.overlay {
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 0;
  background-color: #008CBA;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}
.out-img-product-grid:hover .overlay {
  height: 20%;
}
.text {
  color: white;
  font-size: 14px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;line-height: 25px;
}
.text a{color: #FFF;}
.out-img-product-grid{padding-top: 10px; height:180px;text-align: center;line-height: 170px;position: relative;}
.name-price-product-grid{padding:10px;height: 85px}
.img-product-responsive{max-height: 100%; max-width: 100%}
.product-name-grid{height: 38px;margin-bottom: 5px;overflow: hidden;}
.product-name-grid a{font-size: 16px;}
.product-title{font-size: 17px;line-height: 18px;height: 36px;overflow: hidden;}
.footer p{margin-bottom: 4px }
.item-post{border-bottom: 1px solid #DDD; margin-bottom: 10px  }
.ul-social{list-style:none;padding-left:0}
.ul-social li{display: inline-block;width:30px;margin-right: 10px}
.ul-social li a{font-size: 30px}
.ul-social li a:hover{opacity: 0.6}
.search-item-home{display: flex;}
.search-item-home .item-search{display: flex;width: 12.5%;padding:5px;}
.search-item-home .item-search div{text-align: center;width: 100%;border-radius: 5px;transition: .5s ease;}
.search-item-home .item-search div:hover{opacity: 0.4}
.mt-3{margin-top: 15px}


.welcome-content {
    float: left;
    display: inline;
    width: 100%;
}
.wc-table {
    display: inline-block;
    text-align: center;
    padding: 0;
    margin: 0;
    list-style: none;
}
.wc-table li {
    float: left;
    width: 25%;
    padding-top:10px;
}
.single-wc-content {
    float: left;
    display: inline;
    width: 100%;
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.single-wc-content span {
    border-radius: 100%;
    display: inline-block;
    font-size: 50px;
    height: 117px;
    line-height: 117px;
    text-align: center;
    width: 117px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.single-wc-content span {
    border: 1px solid #17476c;
    color: #17476c;
}
.single-wc-content .wc-tittle {
    color: #525252;
    text-transform: uppercase;
    font-size: 18px;
    border-bottom: 1px solid #bbbbbb;
    margin-top: 32px;
    padding-bottom: 17px;
}
.single-wc-content p {
    color: #24232d;
    font-size: 15px;
    padding: 12px;
}
.single-wc-content:hover .wc-icon{
  color: #fff;background-color: #17476c;
}
.single-wc-content:hover .wc-tittle{
  padding-bottom: 16px;
  border-bottom: 2px solid #17476c; 
}
.welcome-content a{cursor: pointer;font-weight: bold;}
.welcome-content a:hover{text-decoration: none;}
.phone-contact-call{color: #900}
.image-placeholder-grid{
  box-shadow: 0px 3px 20px 0 rgba(225, 223, 223, 0.08);
  box-sizing: border-box;
  margin-top: 5px;
  margin-bottom: 5px;
  background:#fff;
  overflow: hidden;
  position: relative;
  transition: transform 0.3s, box-shadow 0.3s;
  border-top:2px solid #d60a14;
  border-radius: 6px;
}
.image-placeholder-grid:hover{
  box-shadow: 5px 9px 23px 6px rgba(38, 10, 10, 0.21);
  transform: translateY(-5px);
}
.image-placeholder{
  transition: transform 0.3s, box-shadow 0.3s;
   box-shadow: 0px 3px 20px 0 rgba(225, 223, 223, 0.08);
  box-sizing: border-box;
}
.image-placeholder:hover{
  box-shadow: 5px 9px 23px 6px rgba(38, 10, 10, 0.21);
  transform: translateY(-5px);
}
.out-img-slide-grid{height: 135px;position: relative; text-align: center;}
.image-slide-grid{height: 100px;line-height: 100px}
.name-slide{text-align: center;height: 30px;line-height: 30px;padding-top: 5px}
.search-item-home a{padding: 5px;color:#FFF;
    display: flex;
flex-direction: column;
-moz-box-align: center;
align-items: center;
-moz-box-pack: center;
justify-content: center;
height: 100%;}
.pace{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pace-inactive{display:none}.pace .pace-progress{background:#fff;position:fixed;z-index:2000;top:0;right:100%;width:100%;height:2px}.pace .pace-progress-inner{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #fff,0 0 15px #fff;-webkit-transform:rotate(4deg) translate(0,-4px);-moz-transform:rotate(4deg) translate(0,-4px);-ms-transform:rotate(4deg) translate(0,-4px);-o-transform:rotate(4deg) translate(0,-4px);transform:rotate(4deg) translate(0,-4px)}.pace .pace-activity{display:block;position:fixed;z-index:2000;top:20px;right:15px;width:20px;height:20px;border:3px solid transparent;border-top-color:#fff;border-left-color:#fff;border-radius:10px;-webkit-animation:pace-spinner .4s linear infinite;-moz-animation:pace-spinner .4s linear infinite;-ms-animation:pace-spinner .4s linear infinite;-o-animation:pace-spinner .4s linear infinite;animation:pace-spinner .4s linear infinite}@-webkit-keyframes pace-spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes pace-spinner{0%{-moz-transform:rotate(0);transform:rotate(0)}100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes pace-spinner{0%{-o-transform:rotate(0);transform:rotate(0)}100%{-o-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-keyframes pace-spinner{0%{-ms-transform:rotate(0);transform:rotate(0)}100%{-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes pace-spinner{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.h1,.h2,.h3,.h4,.h5,.h6,a,body,button,h1,h2,h3,h4,h5,h6,input,select,textarea{font-weight:300}.float-right,.list-group-item>a>.badge{float:right}.cross-link,.photo-meta-data{position:relative;z-index:9999}ul.list,ul.list ul{list-style:none}.ps-container.ps-in-scrolling,.ps-container:hover.ps-in-scrolling{pointer-events:none}body{overflow-y:scroll}body>.first-child{padding-top:80px}body>.margin-it{height:115px;margin-bottom:20px;background:#eee}a:active,a:focus,a:link{outline:0;text-decoration:none}.relative{position:relative}.absolute{position:absolute}.nomargin{margin-top:0!important;margin-bottom:0!important}.nopadding{padding-top:0!important;padding-bottom:0!important}.noborder{border:none!important}.bordered{border:1px solid #ddd}.jumbotron.slider-padding{padding:0;margin-top:60px}.jumbotron.errorpadding img{margin-bottom:15px}.jumbotron.text-center img{display:block;margin:0 auto}#map{height:400px}.carouselpadding{margin-top:45px}.carousel-inner>.item>a>img{margin:0 auto!important;width:100%}.carouselpadding .carousel{margin-bottom:20px}.carousel-caption h3,.carousel-caption p{display:inline!important;padding:2px 10px}.carousel-caption h3{margin-bottom:0!important}.carousel-caption p{font-size:16px!important}.navbar-brand{padding:0;margin-right:30px}#comments_holder{margin-top:0}.rounded{-webkit-border-radius:3px;border-radius:3px;overflow:hidden}.rounded-top{-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;overflow:hidden}.rounded-bottom{-webkit-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;overflow:hidden}.btn-lg,.btn-sm,.btn-xs{display:inline-block}.row .h1,.row .h2,.row .h3,.row h1,.row h2,.row h3{margin-bottom:15px}.row-xs{clear:both}.meta{font-size:.8em}.comment-text,.photo-meta-data span{font-size:13px}.text-right{text-align:right}.text-left{text-align:left}.float-left{float:left}.stripViewer{position:relative;overflow:hidden;width:100%;height:285px}.stripViewer .panelContainer{position:relative;left:0;top:0}.stripViewer .panelContainer .panel{float:left;width:100%;height:100%;position:relative}.stripNav,.stripNavL,.stripNavR{display:none}.nav-thumb{border:1px solid #000;margin-right:10px}#movers-row{margin:-43px 0 0 62px}#movers-row div{width:20%;float:left}#movers-row div a.cross-link{float:right}.photo-meta-data{background:url(images/transpBlack.png);padding:10px;height:30px;margin-top:-50px;color:#fff}.cross-link{display:block;width:62px;margin-top:-14px;padding-top:15px}.active-thumb{background:url(images/icon-uparrowsmallwhite.png) top center no-repeat}
.footer{background:#ddd;margin-top:20px;padding-bottom: 50px}.text-shadow,.text-shadow a{text-shadow:0 0 3px #000;color:#fff}.middle{line-height:600px;display:table;width:100%}.middle .mejs-container,.middle>span.img{display:table-cell;vertical-align:middle}.image-placeholder{margin-top:5px;margin-bottom:5px;background:#fff;border:1px solid #ddd;border-radius:3px;-webkit-border-radius:3px;overflow:hidden}.letter-placeholder{margin-top:5px;margin-bottom:5px;background:url(../images/envelope.jpg);border:1px solid #ccc;border-radius:3px;-webkit-border-radius:3px;overflow:hidden;margin-bottom:8px}.letter-placeholder .blog_article{background:#fff;margin:8px;padding:10px}.article_cover{height:120px}.gif_play{width:100%;height:100%;background:url(../images/play.png) center center no-repeat;position:absolute;z-index:2}
.navbar-custom{margin-bottom:0;background:#f0f0f0;border-bottom:none;text-transform:uppercase}.navbar-custom .nav li a:active,.navbar-custom .nav li a:focus,.navbar-custom .nav li a:hover{background-color:transparent;outline:0}.navbar-custom .navbar-form{-webkit-transition:all .5s linear;-moz-transition:all .5s linear;transition:all .5s linear;color:#333;padding:24px 10px}.navbar-custom .nav li a{color:#fff;font-weight:700}.navbar-custom .nav li .dropdown-menu a,.navbar-custom .nav li.active .dropdown-menu a{font-weight:400;text-transform:capitalize;color:inherit}.navbar-custom .nav li a:hover{color:#eee}.navbar-custom .nav li.active{outline:0}.navbar-custom .nav li.active a{color:#ddf;font-weight:700}.navbar-custom .nav li.active a:hover{color:#eee}.navbar-custom .nav li .dropdown-menu li a:hover{color:#4eb2cf}.navbar-custom .nav .dropdown-menu.notifications{width:320px;padding:0;text-transform:none!important;background:#fff}.navbar-custom .notifications.loading{background:url(../images/preloader.gif) center center no-repeat #fff!important}.navbar-custom .nav .dropdown-menu.notifications .notifications-area{min-width:320px}.notifications-area small{text-transform:none!important}.navbar-custom .nav .dropdown-menu.notifications a{padding:0;margin:0}.navbar-custom .nav .dropdown-menu.notifications .notifications-footer a{display:block;padding:8px;text-align:center;border-top:1px solid #aaa;color:#333;font-weight:bold;border-radius:0 0 3px 3px;-webkit-border-radius:0 0 3px 3px;background:#fff}.navbar-custom .nav .dropdown-menu.notifications .notifications-footer a:hover{font-style:none}.blog_article img{max-width:100%}.comment-text{text-align:left}div.separator{display:flex;align-items:center;text-align:center;padding:20px 0;color:#ddd;text-transform:uppercase}.ps-container.ps-active-x>.ps-scrollbar-x-rail,.ps-container.ps-active-y>.ps-scrollbar-y-rail,ul.list li a{display:block}.separator::after,div.separator::before{content:'';flex:1;border-bottom:1px solid #ddd}div.separator::before{margin-right:.25em}div.separator::after{margin-left:.25em}#youtubeFrame,.fb-page,.preloader{background-image:url(../images/preloader.gif);background-repeat:no-repeat;background-position:center center}ul.list{padding:0;margin:0}ul.list li a{padding:5px 0}.bg-dark{background-color:#222}textarea{-moz-box-sizing:border-box;box-sizing:border-box;resize:none}.ps-container{-ms-touch-action:none;overflow:hidden!important}.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail{background-color:#eee;opacity:.9}.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x{background-color:#999}.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail{background-color:#eee;opacity:.9}.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:#999}.ps-container>.ps-scrollbar-x-rail{display:none;position:absolute;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;opacity:0;-webkit-transition:background-color .2s linear,opacity .2s linear;-moz-transition:background-color .2s linear,opacity .2s linear;-o-transition:background-color .2s linear,opacity .2s linear;transition:background-color .2s linear,opacity .2s linear;bottom:3px;height:8px}.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x,.ps-container>.ps-scrollbar-y-rail{-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;position:absolute}.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x{background-color:#aaa;border-radius:4px;-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;-o-transition:background-color .2s linear;transition:background-color .2s linear;bottom:0;height:8px}.ps-container>.ps-scrollbar-y-rail{display:none;border-radius:4px;opacity:0;-webkit-transition:background-color .2s linear,opacity .2s linear;-moz-transition:background-color .2s linear,opacity .2s linear;-o-transition:background-color .2s linear,opacity .2s linear;transition:background-color .2s linear,opacity .2s linear;right:3px;width:8px}.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y{position:absolute;background-color:#aaa;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;-o-transition:background-color .2s linear;transition:background-color .2s linear;right:0;width:8px}.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail{background-color:#eee;opacity:.9}.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x{background-color:#999}.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail{background-color:#eee;opacity:.9}.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:#999}.ps-container:hover>.ps-scrollbar-x-rail,.ps-container:hover>.ps-scrollbar-y-rail{opacity:.6}.ps-container:hover>.ps-scrollbar-x-rail:hover{background-color:#eee;opacity:.9}.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x{background-color:#999}.ps-container:hover>.ps-scrollbar-y-rail:hover{background-color:#eee;opacity:.9}.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y{background-color:#999}.userImage{position:absolute;bottom:-155px;width:100%;margin:auto;left:0;right:0}.text-right-sm{text-align:right}.table>tbody:first-child>tr>th{border-top:none}@media (min-width:768px){.gap-sm{height:33px}.image-placeholder-sm{margin-bottom:10px;background:#fff;border:1px solid #ddd;border-radius:2px;-webkit-border-radius:2px;overflow:hidden}.rounded-sm{-webkit-border-radius:3px;border-radius:3px;overflow:hidden}.first.image-placeholder img.img-responsive{border-radius:2px 2px 0 0}.nogap_ltr{padding:0 0 0 0}.nomargin_sm{margin-top:0;margin-bottom:0}.content-wrapper>.jumbotron{margin-bottom:20px}}
.titleHeader{
  background: #133b5a;
  color:#fff;
  padding: 5px;
}
.BoxCategoryLeft{
  border: 1px solid #DDD;
  border-top: none;
  margin-bottom: 15px;
}
.UlListLeft{
  margin: 0;
  padding: 0;
  list-style: none;
}
.UlListLeft li{
  padding: 5px;
  border-bottom: 1px solid #DDD;
}
.UlListLeft li:hover{background: #eee}
.UlListLeft li:last-child{border-bottom: none;}
.UlListLeft li h5{margin: 0;}
.CartMobileLink{
  line-height: 50px;
  color: #555;position: relative;
  top: 3px;
}
.CartMobileLink i{position: relative;top: 2px;font-size: 26px}
.LogoMobile{margin-left:10px;}
.LogoMobile img{width: 45px;position: relative;top: -1px}
.noPaddingLR{padding-left: 0;padding-right: 0}
.form-search-mobile{
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  background-color: #fff;
  border: none;
  border-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.bg-white-destop{background: #fff;}
.fixBottom{
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 70px;
  background: #FFF;
  z-index: 1000;
  box-shadow: 0 -4px 8px 0 rgba(0,0,0,.2);
  border-top: 1px solid #eaeaea;
}
.fixBottom ul{
  display: flex;
  list-style: none;
  padding: 5px 0 0 0;
  margin: 0;
}
.fixBottom ul li{text-align: center;width: 25%;}
.fixBottom ul li img{margin: auto;display: block;}
@media (max-width:980px){ 
  
}
@media (max-width:880px){ 
 
}
@media (max-width:800px){ 
 
}
@media (max-width: 768px) {
  .hotline-bar {
    display: none;
  }
  .hotline-phone-ring-wrap{right: 1px;bottom: 10px;left: auto;}
  .footer{padding-bottom: 0}
}
@media (min-width: 668px) {
  .wc-table li{width: 25%}
  .fixBottom{display: none}
}
@media (max-width:767px){	
  .footer{margin-bottom: 70px}
	.image-placeholder,.letter-placeholder{margin-top:3px;margin-bottom:3px;margin-top:6px}
	.userImage{bottom:-10px}
	.text-center-xs{text-align:center}
	.content-wrapper>.jumbotron{padding:0;margin:0}
	.article_cover{height:100px}
	.nomargin-xs{margin-top:0;margin-bottom:0}
	.nopadding-xs{padding:0!important}
	#cover_preview,.notcurrent{padding-top:315px;}
    #page-content{margin-top: 50px}
    .out-img-product-grid:hover .overlay {
      height: 0 !important;
    }
  .item-project {width: 100%;margin-bottom: 5px}
  .paddingMobile{margin:0;}
  .col-sm-3{width: 33.33%;float: left;}
}
@media (max-width:668px){
  .image-placeholder-grid{border-top: none}
	.cart-content{width: 73%;padding-left: 1%}
	.cart-price{width: 100%;}
	.cart-update-qty{width: 98%;float: left;margin-left: -6px }
	.cart-item{padding: 10px 0;}
	.form-group-cart{float: left;}
  .project-home-item{height:auto;width:100%}
  .col-sm-3{width: 50%}
  .col-sm-3{float: left;margin:0;}
  .bg-white-destop{background: #f1f0f1}
  .wc-table li{background: #FFF}
  .update-item{margin-bottom:5px;}
}
@media (max-width:560px){
  .wc-table li{width: 50%}
  .hotline-phone-ring-wrap{display: none}
  .row-xs{margin:0;}
}
@media (max-width:440px){
  .wc-table li{width: 100%;margin-bottom: 10px;border-radius: 6px;}
}
@media (max-width:400px){
  .nopaddingall{padding-right: 0}
}
@media (max-width:370px){
  .LogoMobile img{width: 42px}
}
@media (max-width:350px){
  .header-mobile .col-xs-3{width: 29%}
  .header-mobile .col-xs-7{width: 53.33%}
}