body{
    margin: 0 auto;
    width: 100%;
  /*  max-width: 1170px;*/
    padding: 0;
    font: 14px Arial;
}
a{text-decoration: none}
a:hover, a:visited{text-decoration: none}
img{border: 0;vertical-align: middle;}
.clear{clear:both}
.radius3{
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px; 
}
.certifi-attvstp img{width:100%} 
.radius5{
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px; 
}
.radius10{
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px; 
}
.radius15{
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px; 
}
.pull-left{float: left}
.pull-right{float: right}
.container, .container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
}
/*Header*/
.top-bar{
    height: 44px;
    line-height: 44px;
    background-color: #0854a2;
    padding: 0 17px;
    color: #fff;
}
.top-bar a{
    font-size: 13px;
    color: #fff;
}
.top-banner{
    margin: 15px auto;
}
.banner-tab-content img{width:100%} 
.banner-centet-content a:nth-child(1){margin-left: 10px; text-align: right;}
.product-img{height: 200px; overflow: hidden;display: list-item;}
.pro-name{ height: 50px; overflow: hidden; margin-top: 0; }
.top-banner-left, .top-banner-bg, .top-banner-cart{float: left;min-height: 1px}
.top-banner-left{width: 25.3%;padding: 0 2px;}
.top-banner-left p{text-transform:uppercase;}
.top-banner-bg{
  /*  height: 120px;*/

    width: 55.1%;
}
.top-banner-cart{
    width: 19.6%;
}
.lang { text-align:right;margin-bottom:13px;  }
.top-banner-cart .btn-cart{
    width: 80px;
    margin: 13px auto;
    font-size: 1.1em;
     float: right;
    color: #fff;
    background-color: #00adef;
    text-align: center;
    height: 39px;
}
.hot-phone{color: #eb1d27;
    font-size: 23px;
    font-weight: bold;
    float: right;
    text-align: right; width:100%; }
.glyphicon-shopping-cart::before{ font-size: 30px }
.btn-cart > span{
    float:left;
    line-height: 42px;
    margin-left: 5px;
    top: 0;
}
/* End Header */

/* Menu */
.navbar-default{}
.site-menu{
    background: #076737;
}
.navbar{
    min-height: 42px;
    margin-bottom: 0;
    border-radius: 0;
    background: #076737; border:0px; 
}
.navbar-default .navbar-nav > li{
    border-right: solid 1px #c2d1d9;
}
.navbar-default .navbar-nav > li:last-child{
    border-right: none;
}
.navbar-default .navbar-nav > li:hover > ul{
    display: block;
}
.navbar-default .navbar-nav li a{
    color:#fff;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    padding: 11px 14px;
}
.navbar-nav>li>.dropdown-menu li a{  font-weight: 500;
}
.navbar-nav>li>.dropdown-menu{
    background: #1991ce; border:1px solid #1991ce; border-top: 0px;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
    background-color: #f51923;
    color: #fff;
}
.navbar-default .navbar-nav>li>a:hover{
    background-color:#f51923;
    color:#fff;
}
.navbar-default .navbar-nav>.home, .navbar-default .navbar-nav>.home>a{
    height: 42px;
}
.navbar-default .navbar-nav>.home span{line-height: 21px;top:0}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .dropdown-menu>li>a:hover{
    background-color:#00adef;
    color:#fff;
}
.navbar-collapse{
    padding: 0;
}
.navbar-form{
    margin: 4px 0;
}
.navbar-right{margin-right: 1%}
.searching-form .form-group{position: relative}
.searching-form .searching{padding: 6px 14px}
.searching-form .search-btn{
    position: absolute;
    top: 10px;
    right: 5%;
    font-size: 1.1em;
    color: #999;
}
.search-form {
    width: 34px;
    height: 34px;
    margin-top: 5px;
    outline: 0!important;
    position: relative;
}
.search-form .form-control {
    border-radius: 50%;
    position: absolute;
    right: 0;
    text-indent: -9999px;
    transition: all .5s;
    -moz-transition: all.5s;
    -webkit-transition: all .5s;
}
.search-form .glyphicon-search {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 15px;
    color: #ccc;
}
.search-form .form-control.active, .search-form .form-control:focus{
    width: 220px;
    border-radius: 50px;
    box-shadow: none;
    border-color: #ccc;
    outline: 0!important;
    text-indent: 0;
}
/* End Menu */
.side-left, .side-right,.side-img-prouct,.side-right-product{float:left;min-height: 1px}
.side-left{ width: 22%}
.banner .side-left{width: 28.0%}
.banner .side-right{width: 72%}
#main-page .side-left{ width: 22%}
#main-page #main-page-home{width:76%;  margin-left: 20px;}
#main-page .side-right{width: 60%}
.side-img-prouct {width: 40.0%}
.side-right-product{width: 59%} 
.detail-product img { width: 100%; }
.side-right {width: 60%}
.col-rght {width: 18%; float: right;}
.col-rght-inner { padding-left: 10px; }
.catalog{
    margin: 0 12px;
}
#main-page .side-left .catalog{
    margin: 0 12px 15px 0;
    margin-left: 0px;width: 100%;
}
.catalog-page .catalog{margin-top: 10px; margin-bottom: 10px}

 .box_in_product {

    border: 1px #ffe7ad solid;

    border-radius: 5px;

    background: #fff8e8;

    padding: 1px;
    font-size: 13px;

}

  .box_in_product ul

  {

      padding-left:10px;

      padding-right:10px;

      padding-top:10px;



  }

    

.box_in_product ul > li

    {

  list-style:none;

    background-image: url(../images/htdm.png);

    background-repeat: no-repeat;

  height:70px;

  padding-left:65px;

    }

.box_in_product  ul > li.b1 {
    background-position: 0 0;
    padding-top: 15px;
}

.box_in_product  ul > li.b2 {

    background-position: 0 -78px;
    padding-top: 14px;

}

.box_in_product  ul > li.b3

    {

           background-position: 0 -155px;

    padding-top: 12px;

    }

.box_in_product ul > li.b4

    {

          background-position: 0 -234px;

    padding-top: 10px;

    }

.box_hotline {

    background-color: #ffb400;

    position: relative;

    height: 44px;

    line-height: 44px;

    font-weight: 700;

    font-size: 13px;

    color: #FFF;

    padding-left: 10px;

}

.box_hotline:after{

    content: '';
    background: url(../images/phone_detail.png);
            width: 46px;
    height: 48px;
    position: absolute;
    top: -20px;
    right: 10px;
}

.box_hotline a{color:#fff}

.catalog-title{
    margin: 0;
    font: bold 1.2em Arial;
    color: #fff;
    background: #1991d0;
    text-align: center;
    padding: 15px 0; border-radius: 15px 15px 0 0;
}
.catalog-title-product {
    margin: 0;
    font: bold 1.2em Arial;
    color: #fff;
    background: #1991d0;
    text-align: left;
    padding: 9px 0; border-radius: 0; font-size: 13px; padding-left: 10px;
}
.catalog-title-product a{ color: #fff;}
h3.catalog-title::before {
    background-image: url("../images/ic-nav-category.png");
    content: "";
0    width: 17px; height: 14px;
}
.catalog-list{
    list-style: none;
    padding: 0;
}
.catalog-list li{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*.catalog-list li:nth-child(odd){background-color: #252525}
.catalog-list li:nth-child(even){background-color: #252525}*/
.catalog-list li a{border-bottom: 1px solid #363636;
    color: rgb(51, 55, 69);
 padding-top: 10px;
padding-right: 25px;
padding-bottom: 10px;
padding-left: 10px;   
   /* font-weight: bold;*/
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    width: 100%;
  border-color: rgb(228, 228, 228);
    display: block;
    font-size: 14px;
}
.catalog-list .sub li{padding-left:0px}
.catalog-list .sub li a i{ margin-right: 5px; }

.catalog-list li a:hover{ background-color: #ee1d23
}
.catalog-list li a:hover{padding-left: 10px;}
.catalog-list ul{list-style: none;margin: 0;padding: 0}
.catalog-list ul li{margin: 0;padding-left: 10px}
/*.catalog-list ul li:nth-child(even){background-color: #eee}
.catalog-list ul li:nth-child(odd){background-color: #d1d1d6}
*/
.sub_child_left{
    display: none;position: absolute;
    width:250px; left:245px; top:0px;
    background: #252525 none repeat scroll 0 0;
    padding:0px;z-index: 2147483647;
}
.sub_child_left li{}
#subleft.sub_child_left li a{ color: #fff;
    display: block;
    font-size: 13px;
    font-weight: 500;
    padding: 13px 0 12px 4px;
    text-transform: inherit;
    transition: all 0.5s ease 0s;
    width: 100%;}
.sub_child  {
    display: none;position: absolute;
    width:200px; left:156px; top:0px;
    
    padding:0px;
}
.catalog-list {
    position: relative;
}
.sub_child  li{ float:left; width:100%;}
.sub_child  li a{ font-size:13px;
    border-bottom: 1px solid #363636;
    float: left;
    font-size: 13px !important;
    font-weight: 500 !important;
    padding: 7px !important;
    text-transform: inherit !important;
    width: 100%;
}
.sub_child  li a:hover{  background: #fff; color: #01a451}
#mainSub  li:hover > ul, .catalog-list li:hover >ul {
    display: block;

}
/* Banner */
.banner{
    margin: 0px 0;
    padding: 0;
}
.boxes{
    margin: 27px 10px 17px;
}
.service-items{
    display: block;
    width: 110px; 
    height: 110px;border-radius: 56px;
    background-color: #1991d0;
}
.service-items img{height: auto;width: 70px !important;margin: 0 auto;position: relative;top:3px}
.service-items p{
   bottom: 5px;
    left: 0;
    margin: auto;
    padding: 5px;
    position: relative;
    right: 0;
    text-align: center;
    top: -12px;
}
.service-items a{
    color: #fff;
    font-size: 14px;
    letter-spacing: -0.65px;
}
.service-items a:hover{color:#ddd}
/* End Banner */
.line{
    width: 100%;
    height: 1px;
    border: 1px dotted #ee1d23;
    clear:both;
}
/* Product  Box */
.product-box{margin-top: 18px; margin-bottom: 10px;   }
.list_product .item-product{ margin-top:15px;}
.product-box-heading{position: relative}
.product-box-title{
    color: #fff;
    font: bold 18px Arial;
    text-transform: uppercase;
    position: relative;
    text-align: center;
    background: #fff;
    z-index: 9;
    width:100%;
    max-width: 280px;
    margin: auto;
    background: #1991d0;
    padding: 10px;
    border-radius: 5px;
}
.half-line{
    width: 100%;
    height: 1px;
    border:dashed 1px #076737;
    position: absolute;
    top: 20px;
    z-index: 1;
}

.products-content-list .pro-loop .product-block{
    border-radius:3px;
    -webkit-border-radius:3px;
    /*margin-bottom:30px;*/
    position:relative;
    height: 454px !important;
}

.pro-loop .product-block .box-shadow:hover  {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0px;
    right: 0px;
    -webkit-box-shadow: 0px 0px 5px 1px #aaa;
    -moz-box-shadow: 0px 0px 5px 1px #aaa;
    box-shadow: 0px 0px 5px 1px #aaa;
    border-radius: 5px;
}
.pro-loop .product-img {
    text-align: center;
}
.pro-loop .product-detail {
    padding: 25px 30px 30px 30px;
}

.btn-addtcart, .btn-view {
    padding: 8px 30px;
    background: #1072a5;
    color: white;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    display: table;
    text-transform: uppercase;
    clear:both;
    width: 100%;
    box-shadow: inset 0 -3px 0 0 #014925;
    font-size: 16px;
    font-weight: 400;
}
.btn-view:hover, .btn-view:focus, .btn-view:active, .btn-addtcart:hover, .btn-addtcart:focus, .btn-addtcart:active{
    color: #fff;
    background-color: #333;
    box-shadow: none;
}
#buy-now:hover, .buy-now-stick:hover , #add-to-cart:hover, .shadow-effect:hover{
    /*background:#80bd01;
    webkit-box-shadow: 2px 2px 0px 0px  #8d8e8d;
    -moz-box-shadow: 2px 2px 0px 0px  #8d8e8d;
    box-shadow:2px 2px 0px 0px  #8d8e8d;*/
    background-color: #333;
    color:white;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
}
/*=========== custom style ===============*/


/** tb custom */

.tb-btn-style-1 {
    background-color: #076737 !important; 
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;  
}
.tb-btn-style-1:hover {
    background-color: #014925 !important;
}

.tb-zoom-1{
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;  
}

.tb-zoom-1:hover {
    transform: scale(1.06);
    -moz-transform: scale(1.06);
    -webkit-transform: scale(1.06);
    -ms-transform: scale(1.06);
    -o-transform: scale(1.06);  
}

/** end tb custom */
.b-0{border: 0;}
.b-l-0{border-left: 0;}
.b-r-0{border-right: 0;}
.b-t-0{border-top: 0;}
.b-b-0{border-bottom: 0;}
.b-1{border: 1px dashed #014925;}
.b-l-1{border-left: 1px solid #eee;}
.b-r-1{border-right: 1px solid #eee;}
.b-t-1{border-top: 1px solid #eee;}
.b-b-1{border-bottom: 1px solid #eee;}
.dis_block{display: block; font-weight: normal; padding-bottom: 5px; color: #333;} .dis_inline{display: inline-block; }
.posi_relative{position: relative; margin-bottom: 15px;} 

.btn:hover, .btn:active, .btn:focus{
    outline: none;
}


.btn-slider-product button {
    background: #fff;
    padding: 3px 0px;
    color: #333;
    margin: 0;
    border-radius: 0;
    border: 0;
    position: absolute;
    top: calc(50% - 15px);
    cursor: pointer;
    z-index: 1;
    font-size: 25px;
}
.btn-slider-product button.prev.prev1,
.btn-slider-product button.prev.prev2,
.btn-slider-product button.prev.prev3,
.btn-slider-product button.prev.prev4{
    left: 15px;
}
.btn-slider-product button.next.next1,
.btn-slider-product button.next.next2,
.btn-slider-product button.next.next3,
.btn-slider-product button.next.next4{
    right: 15px;
}
.btn-slider-product button:hover{
    color: #7dc35c;
}

.tab-content{

    min-height: 100px;
}
.tab-content.product-list-tabcontent{
    padding:0;
}
.product-detail h3.pro-name a {
    color: #1991d0;
    font-size: 14px;
    text-transform: capitalize;
    display: block;
    margin-bottom:5px;
    font-weight: bold; line-height:23px;
}
.product-detail h3.pro-name a>strong{
    color:#333;
    font-weight: normal;
}
.product-detail .pro-price {
    color: #f00000;
    font-weight: 700;
    margin-bottom:10px;
    font-size:15px;
    float:left;
    padding-right:10px;
}
.product-detail del{
    color: #131313;padding-left: 10px;
}
.product-detail .pro-price-del{
    display:inline-block;
}
.rate {
    display: block;
    clear: both;
    margin-bottom: 10px;
}
.rate .fa-star {
    color: #f9ca1e;
}
.rate .fa-star-o {
    color: #cdcdcd;
}
.min_detail{
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 15px;
}

.products-content-list .pro-loop .product-block{
    border-radius:3px;
    -webkit-border-radius:3px;
    /*margin-bottom:30px;*/
    position:relative;
    height: 454px !important;
}

.pro-loop .product-block .box-shadow:hover  {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0px;
    right: 0px;
    -webkit-box-shadow: 0px 0px 5px 1px #aaa;
    -moz-box-shadow: 0px 0px 5px 1px #aaa;
    box-shadow: 0px 0px 5px 1px #aaa;
    border-radius: 5px;
}
.pro-loop .product-img {
    text-align: center;
}
.pro-loop .product-detail {
    padding: 10px 30px;
}
.list_product .pro-loop .product-img img{

max-height:170px; overflow:hidden; }
.product-grid{padding: 10px 12px;}

.product-image{padding: 10px;}
.product-items .product-name{padding: 0;margin: 0;font:bold 0.9em aria0;text-align: center}
.product-name a{color: #464646;}
.product-price{text-align: center;color:#c60019;font:bold 1.2em Arial;margin-top: 10px}
.product-desc{color:#464646;text-align: center;font-size: 0.9em}
.side-left-product .product-desc{margin-bottom: 14px}

.product-btn-more, .product-btn-more {
    padding: 8px 30px;
    background: #5abe1e;
    color: white;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    display: table;
    text-transform: uppercase;
    clear:both;
    width: 100%;
    box-shadow: inset 0 -3px 0 0 #52aa20;
    font-size: 16px;
    font-weight: 400;
}
.product-btn-more:hover, .product-btn-more:focus, .product-btn-more:active, ..product-btn-more:hover, ..product-btn-more:focus, ..product-btn-more:active{
    color: #fff;
    background-color: #333;
    box-shadow: none;
}
#buy-now:hover, .buy-now-stick:hover , .product-btn-more:hover, .shadow-effect:hover{
    /*background:#80bd01;
    webkit-box-shadow: 2px 2px 0px 0px  #8d8e8d;
    -moz-box-shadow: 2px 2px 0px 0px  #8d8e8d;
    box-shadow:2px 2px 0px 0px  #8d8e8d;*/
    background-color: #333;
    color:white;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
}


/*.product-btn-more{background-color: #0854a2;color: #fff;padding: 12px 18px;border: 0;margin: 10px auto;text-align: center;width: 102px;display: block;}
.product-btn-more:hover{color:#eee}*/
.products .owl-prev, .products .owl-next, .side-left-product .owl-prev, .side-left-product .owl-next {
    cursor: pointer;
    position: absolute;
    width: 50px;
    height: 50px;
    top: 42%;
    text-indent: -9999px;
}
.video-grid .owl-prev, .video-grid .owl-next {
    cursor: pointer;
    position: absolute;
    width: 40px;
    height: 50px;
    top: 38%;
    text-indent: -9999px;
}
.products .owl-prev, .video-grid .owl-prev {
    background: url(../images/prev.png) center no-repeat;
    left: 5px;
}
.products .owl-next, .video-grid .owl-next {
    background: url(../images/next.png) center no-repeat;
    right: 5px;
}
.side-left-product .owl-prev{
    background: url(../images/prev.png) center no-repeat;
    left: 5px;
    width: 50px;
    height: 50px;
}
.side-left-product .owl-next{
    background: url(../images/next.png) center no-repeat;
    right: 5px;
    width: 40px;
    height: 50px;
}
/* End Product box*/
.product-catalog{margin: 10px 0}
.product-catalog-heading{color:#0854a2;font-weight: bold;padding-left: 15px; background: #2f549b url(../images/catalog-arrow.jpg) no-repeat;height: 44px;line-height: 44px;width: 100%}
.product-catalog-banner{margin: 10px 0}
/* Video */
.home-video{margin: 10px 0;}
.video-grid{padding: 15px 20px}
/* End Video*/

/* Review */
.home-review{margin: 15px 0}
.side-left-sd, .side-right-sd{float:left;min-height: 1px}
.side-left-sd{width: 65.4%;margin-right: 1.6%}
.side-right-sd{width: 33%}
.reviewers{padding: 18px 50px;border:solid 1px #0854a2}
.reviewer{width: 49%;display: inline-table;margin-bottom: 15px}
.reviewer > * {display: inline-table;vertical-align: middle}
.reviewer-img{width: 40%;}
.reviewer-feedback{width: 58%;margin-left: 2%}
.product-advisor{padding: 20px 20px 0;border:solid 1px #0854a2}
.product-advisor label{color:#0854a2;font-weight: normal}
.product-advisor-submit{
    background-color: #f51923;
    color: #fff;
    padding: 6px 18px;
    border: 0;
    margin: 10px 0;
    text-align: center;
    width: 102px;
    display: block;
}
.product-advisor input.form-control{height: 33px;line-height: 33px;}
.product-advisor .form-control{border-color: #999;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0}
/* End Review */
/* Partner */
.partners{ background:#f6f6f6; margin:15px auto 0; 
    padding:20px 0 ;
}
.partners .container{  }
.partner-heading, .partner-list{float: left}
.partner-heading{
    width: 3.75%;
}
.partner-list{width: 96.25%;border: solid 1px #eee}
.partners h3{  border-left: 4px solid #1991d0;
    color: #ee1d23;
    font-size: 18px;
    font-weight: bold;
    padding: 5px 10px;
    text-transform: uppercase; } 
#partners img{ width:250px; }
/* End Partner */
/* Home news */
.home-news{margin: 20px 0}
.side-left-news, .side-right-news{padding: 15px 5px;border:solid 1px #0854a2}
.main-news, .sub-news{float: left}
.main-news{width: 47.7%;margin-right: 1.9%}
.sub-news{width: 50.2%}
.news-title{color: #0854a2;font:bold 0.9em arial;margin-bottom: 15px}
.news-desc{color:#464646;font-size: 0.9em}
.sub-news-items{margin: 20px 0}
.sub-news-items:first-child{margin-top: 0;}
.sub-news-items .news-img, .sub-news-items .news-info{float:left}
.sub-news-items .news-img{width: 33%;margin-right: 2%}
.sub-news-items .news-info{width: 65%}
.sub-news-items .news-title{margin: 0 0 15px}
.sub-news-items .news-desc{max-height: 43px;overflow: hidden;text-overflow: ellipsis;}
/* End Home news */
/* Footer */
.footer{margin-top:0px; background: #131313; padding:20px; color:#fff;}
.footer-top{background-color: #eaeaeb;padding: 7px 0 14px 52px;border-bottom: solid 2px #dccfdc;

}
.footer-top-grid:first-child{margin-left: 0}
.footer-top-grid{width: 30.33%;float:left;margin: 0 1.5%}
.footer-top-grid:last-child{margin-right: 0}
.footer-topgrid-heading{margin: 18px 0;font:bold 1.1em arial;color:#333}
.footer-blocks{padding: 0}
.footer-top-link{margin: 5px 0}
.footer-top-link a{color: #494949;}
.footer-top-link a:hover{color: #0854a2}
.footer-top .embed-responsive-16by9 {
    padding-bottom: 66.25%;
}
.footer-bottom{padding: 7px 0 14px 52px;}
.footer-bottom-grid{width: 31.33%;float:left;}
.footer-bottomgrid-heading{font:bold 1.1em arial;color:#333;margin-bottom: 18px}
.footer-address{margin: 6px 0; line-height: 22px; }
.footer-address p{margin: 2px 0;font-size: 0.85em}
.footer-brand p{margin: 3px 0;font-size: 1.1em}
.black{color:#000}
.footer-license{color: #333;padding: 12px 53px}
.footercopyright{ background: #2a2a2a none repeat scroll 0 0; margin:0;  float: left; width:100%;
color: #fff;  text-align: center; padding:10px 0;} 
.footercopyright span{} 
/* End Footer */
.product-catalog-grid-2{padding: 0 10px}
.product-catalog-grid-2 .product-items{margin: 10px 0 20px}
.filter-box{
    background-color: #f2f2f2;
    padding: 23px 8%;
}
#main-page { margin-top: 15px;} 
.search-box{padding: 23px 8%;}
.searching-heading{font-size: 1.1em;margin: 0}
.catalog .checkbox{margin: 10px 0 10px 30px}
.catalog .checkbox input[type=checkbox]{margin-top: 2px}
.search-box .searching-form .searching{border-color: #333;width: 100%;min-width: 120px}
.search-box .form-group{margin: 15px 0 15px 30px;}
.catalog-news-grid{border:solid 1px #eee;padding: 10px 0px}

#block-news .agriculture-img{ display: inherit;width: 100%;
}
.blocl_header_catnews {display: inline-block;
    margin-bottom: 15px;}
.blocl_header_catnews .agriculture-more{
    padding: 10px 25px;font-size: 16px; color: #f51923;border: 1px dashed #f51923;
 } 
.detail-news .detail-title{ padding:0 0 15px; font-size: 19px; color: #1991ce }
.feature_image{ text-align: center; }
#block-news .agriculture-caption{ padding: 0px; text-align: center;} 
#block-news  h3{margin:5px; text-align: justify;}
#block-news .agriculture-item{ margin-bottom: 20px;border-bottom: 2px #eee dashed;padding: 4px;}
#block-news .agriculture-item:child-last{ border-bottom:0px;}  
#block-news .title-blog{ margin-top: 10px;} 
.catalog-news{margin-bottom: 10px}
.catalog-news-title{margin: 0 0 12px;}
.catalog-news-title a{color:#494949;font-weight: bold;}
.catalog-news-item > *{float: left;width: 49%;margin-right: 2%}
.catalog-news-item > p{margin-right: 0; font-size: 0.9em}
.row-breadcrumb { border-bottom: solid 1px #eee;background-color: #f5f5f5;} 
.breadcrumb{border-radius: 0;margin-bottom: 0}
.breadcrumb>li+li:before{content: ">"}
.hotline-box{padding-left:10%;font-size: 1.2em }
.hotline-box a{color:#c60019;font-weight: bold}
.hotline-box p:nth-child(2){margin-bottom: 2px}
.top-view{padding: 10px 2%;border:solid 1px #eee}
.detail-title{color:#494949;font:bold 1.2em arial;margin: 5px 0;padding: 0 5px}
.detail-desc{font-style: italic;color:#494949;font-size: 1.1em;padding: 0 5px}
.detail-content, .detail-content p{color:#494949;font:1em arial;line-height: 20px;text-align: justify;padding: 0 5px}
.detail-content img, .detail-content iframe, .detail-content table{max-width: 100% !important;height: auto}
.related-news{padding: 10px 0px;border-top:solid 3px #337ab7; margin-top: 50px;}
.related-news-heading{color:#494949;font:bold 1.1em arial;text-transform: uppercase;}
.related-news-list{list-style: none;padding-left: 15px;}
.related-news-list li a:before{content: "- "}

.detail-news{padding: 10px;
    background: #f6f6f6; border-top: 3px solid #1991ce;
}
.related-news-list li a{color:#494949;font-size: 1.1em; padding: 3px 0;display: block}
.detail-product{min-height: 350px;padding: 0 10px}

#itemviewvideo{ 
    text-align:center;
    position: relative; display:list-item;
 }
#itemviewvideo img.img_background{ 
max-height:197px;
 }
 .icon-play{ width:50px !important;top:40%; left:40%; position:absolute;  }
#slider1 {
    margin-left:20px;
    margin-right:20px;
    height:120px;
    position:relative;
}
#slider1>div{border: 0}
.thumbelina-but, .thumbelina-but.disabled, .thumbelina-but.disabled:hover{
    background-color: #fff;
    box-shadow: none;
}
.thumbelina-but.left img, .thumbelina-but.right img{
    position: absolute;
    top: 0;
    left: 0;
    margin: auto;
    bottom: 0;
    right: 0;
}
#product-detail hr{ margin: 10px 0;} 
.product-detail-title{color:#1991d0;font:bold 1.5em Arial;margin-top: 0}
.product-origin{background-color: #bdbfc1;padding: 5px 0 10px;color:#000;font-weight: bold}
.product-origin p{padding-left: 15px;margin-bottom: 0}
.product-detail-box{min-height: 1px;border: solid 1px #e5e6e7;margin:10px 0;padding: 8px;}
.product-detail-l{width: 64%;float: left;min-height: 1px;margin-right: 1%}
.product-detail-r{width: 34%;float: right;min-height: 1px;}
.product-rows{margin-bottom: 5px;font:15px Arial;color:#231f20}
.product-rows .price{font-size: 25px;
    color: #ed1c24;
    margin-left: 10px;
    position: relative;
    top: 4px;}
.arrow-b{
    background: url(../images/arrow-b.png) no-repeat;
    display: inline-block;
    width: 11px;
    height: 13px;
    position: relative;
    top: 1px;
    margin-right: 10px;
}
.currency{position: relative;top:-6px}
.product-rows .price .currency{color: #ed1c24;font-weight: bold;top: -15px;font-size: 15px}
.product-rows .vat{font-size: 12px;
    margin-left: 147px;margin-top: 5px}
.boxes-color, .boxes-size{width: 36px;height: 36px;display: inline-block;margin-right: 16px;margin-top: 10px;text-align: center;line-height: 36px}
.boxes-size{border:solid 1px #999;margin-bottom: 22px}
.size-table{color:#fff; background-color: #23527c;padding: 9px 5px}
.size-table:hover{color:#fff}
.arrow-1{
    background: url(../images/arrow-1.jpg) no-repeat;
    display: inline-block;
    width: 20px;
    height: 21px;
    border-radius: 50%;
    position: relative;
    top: 5px;
    margin-right: 10px;
}
.product-detail-policy{margin-bottom: 90px;}
.product-detail-policy p{color:#bababb;font:11px Arial}
.product-detail-policy p span{position: relative;top: -14px}
.cam-ket, .giao-hang, .nhan-hang{
    background: url(../images/cam-ket-ico.jpg) no-repeat;
    display: inline-block;
    width: 39px;
    height: 37px;
    position: relative;
    top: 1px;
    margin-right: 10px;
}
.nhan-hang{background: url(../images/nhan-hang-ico.jpg) no-repeat;}
.giao-hang{background: url(../images/giao-hang-ico.jpg) no-repeat;}
.buy{font-size:18px;background-color: #c60019;color:#fff;border:0;
    -webkit-box-shadow: 2px 2px 1px 0px rgba(168,18,18,1);line-height: 30px;
-moz-box-shadow: 2px 2px 1px 0px rgba(168,18,18,1);
box-shadow: 2px 2px 1px 0px rgba(168,18,18,1);
height: 38px;
    line-height: 28px;
    display: inline-block;
}
#product-detail .glyphicon-shopping-cart::before{ font-size:26px }

.buy .glyphicon{width:40px;
    line-height: unset;
    /*top:-1px;line-height: 42px;height: 42px;*/

    border-right:1px solid #e5e6e7}
.hotline{margin: 10px 25px 10px 0;text-align: right;} .hotline a{color:#ed1c24;font-size: 18px;}
.notice{color:#ed1c24;text-align: center;font:bold 24px Arial}
.product-detail-sharing{ 
display: inline-block;
    margin-top: 10px;
    text-align: right;
}
.product-detail-sharing > *{float:right}
.sharing-text{position: relative;top:10px;margin-right: 15px;font:bold 15px Arial}
.product-detail-sharing .at-share-btn{
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.tbl-size thead th, .tbl-size tbody td{height: 30px; text-align: center}
.product-tabs{margin: 10px 0}
.nav-tabs>li>a{
    background-color: #e2e7ec;
    color:#0854a2;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    margin-right: 15px;
    font-size: 1.2em;
    border: 0;
    border-bottom-color:transparent;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
    background-color: #fff;
    color:#0854a2;
    border: solid 1px #0854a2;
    border-bottom-color:#fff;
}
.tab-content>.tab-pane{padding: 0px 0%;margin-top: -1px;}
.tab-content>.tab-pane{border-top: solid 0px #0854a2;} 

.product-tabs h5::before {
    border-bottom: 4px solid #b7530f;
    bottom: -2px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 160px;
}
.product-tabs h5 {
    border-bottom: 1px solid #e6e6e6;
    color: #b7530f;
    font-family: "Roboto Condensed",sans-serif;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px;
    padding-bottom: 10px;
    position: relative;
    text-transform: uppercase;
}

.payment-wrapper{margin: 10px 5%;min-height: 1px;border:solid 1px #999}
.payment-heading{margin: 0;padding:20px 3%;font-size: 1.5em;border-bottom: solid 1px #999}
.payment-detail-title{color:#000;font:bold 1.4em arial;text-align: center}
.payment-form .form-control{margin: 5px 0;}
.payment-notice{font-size: 1.1em;margin: 20px 0}
.payment-notice p:first-child{font-weight: bold}
.payment-notice strong{color:#c60019;font-size: 1.2em;font-weight: bold}
.payment-product-box{background-color: #edeae9;min-height: 1px;padding: 8px 12px}
.detail-product-title{font-size: 1.1em;margin: 0;padding: 0}
.detail-product-title a{color:#000;font:bold 1.1em arial;}
.detail-product-price, .detail-product-quantity, .detail-product-summary{font-size: 1.1em;color: #464646}

.detail-product-quantity button{background-color:#1991d0;color: #fff;height: 38px;padding: 0 15px;border:0;margin: 0px 0}
.detail-product-quantity input{width: 38px;height: 38px;text-align: center}
.detail-product-summary{margin: 20px 0; border-top: solid 1px #999;padding-top: 10px}
.detail-product-img{display: table-cell;vertical-align: middle;height: 284px;}
.payment-accept{
    background-color: #c60019;
    color:#fff;
    padding: 10px 0;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    display: block;
    width: 30%;
    text-align: center;
    margin-bottom: 25px;
    font:bold 1.4em arial;
    min-width: 180px;
}
.hotline-pro p {
    color: #616160;
    font-size: 16px;
    font-weight: 700; margin-top: 10px; padding-top: 10px;
    border-top: 1px dotted #ccc;
}
.hotline-pro  img{ float: left;padding-top: 13px;} 
.hotline-pro p a{color: #616160; line-height: 34px; padding-left: 10px} 
.payment-accept:hover{color:#fff}
.contact-form{margin: 10px auto 30px}
.contact-company{font:bold 1.4em arial;}
.contact-info{color:#464646;margin: 10px 0}
.contact-transit{margin: 25px auto;padding: 0 5%}
.list_order_cart {
    display: none;
}
.payment-accept{cursor: pointer;}
@media(max-width: 991px){
    .catalog-title{font-size: 0.9em}
    .catalog-list li a{font-size: 0.7em;padding-left: 5px}
    .reviewers{padding: 14px 20px;}
    .sub-news{width: 100%;float: none}
    .footer-top, .footer-bottom, .footer-license{padding-left: 10px;padding-right: 10px}
    .partner-list{width: 100%;}
    .main-news, .sub-news{width: 98%}
    .catalog{margin-left: 0}
	.bg_header,#header_phone{display: inline;    width: 100%;}
	.bg_header{float:left}
	#header_phone .container{ padding-top:0px;}
	#header_phone{height:auto !important;}
	.logo-mobile img{max-width:60px;}
	#main-page #main-page-home{ margin:0px}
	#slide-banner{float:left; width:100%;}
}
@media (max-width: 767px){
    .top-banner{margin: 0 auto}
    .top-banner-left{width: 38%}
    .top-banner-left img{min-width: 220px}
    .top-banner-cart{float: right;width: auto}
    .top-banner-cart .btn-cart{margin: 30px auto}
    .btn-cart > span{float: none;text-align: center}
    .navbar-nav{margin: 0;}
    .container-fluid>.navbar-collapse, .container-fluid>.navbar-header{margin-right: 0;margin-left: 0}
    .navbar-default .navbar-nav > li{border-right: none;}
    .side-right{width: 100%;}
    .side-left-sd, .side-right-sd, .sub-news{width: 100%}
    .side-left-news .sub-news-items:first-child{margin-top: 20px}
    .reviewer{width: 98%}
    .navbar-default .navbar-nav .open .dropdown-menu>li>a, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color: #fff}
    .side-right-sd{margin-top: 10px}
    .nav-tabs>li>a{margin-right: 1px}
    .site-menu,.header{ display: none; }
    .contact-transit > div{width: 100%;float:none}
    #lang-mobile{    text-align: center;
    line-height: 33px; }
    #m_menu{ margin-right:25px} 
    .buy{ margin-top: 10px}
    #btbbuy{ padding-left: 0px;}
    .product-box{ padding-left: 0;}
    .product-tabs{ padding: 10px; }
    .payment-info, .payment-product{width: 100%}
    .contact-transit > div{width: 100%;float:none}
    
  .table-responsive{overflow-x:scroll;}
  #list_order_cart_pc{display:none;}
  .list_order_cart{display:block;} 
  .payment-heading{ margin-top:10px; }
	.item-product{width:33%;}
	
.footer-first ul li{width:100% !important;}	
.footer-second h3 a{font-size: 13px;
color:#00adef;
text-transform: uppercase;
font-weight: bold;}	
.footer-second a{float:left; width:100%; color:#333; padding:4px;}	

}
@media (max-width: 736px){
.row-breadcrumb{ float: left;width:100%; line-height: 22px;}
    .product-detail-l, .product-detail-r,.side-right-product{float:none;width: 100%}
    .hotline{text-align: left}
    .side-img-prouct,#main-page .side-right{width: 100% !important; display: inline-block !important; }
}
@media (max-width: 640px){
    .footer-top-grid, .footer-bottom-grid{width: 100%;float: none;margin-bottom: 10px}
	.item-product{width:47%;}
}
@media (max-width: 580px){
    .top-banner-cart .btn-cart{margin: 18px auto}
    .payment-product-box > div{width: 100%;float:none}
    .detail-product-img{height: auto;width: 120px;margin: auto;display: block}
	.item-product{width:47%;}
}
@media (max-width: 440px){.item-product{width:90%;}
}
/*blog agriculture*/

#blog-agriculture{margin: 30px auto; background: #efefef; background: #ffffff; }
.agriculture-title {
    background: #efefef;
    background: #ffffff; 
}
.agriculture-title h2 a{
    font-size: 24px;
    font-weight: 500;
    color:#333;
    line-height: 32px;
}
.agriculture-more{
    color: #439DFE;
    color: #777;
    cursor: pointer;
    font-size: 14px;
    text-transform: lowercase;
    text-decoration: none;
    font-weight: 300;
    border: 1px dashed #ccc;
    padding: 5px 15px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    text-transform : uppercase;
}
.agriculture-more:hover {
    margin-left : 50px;
}
.agriculture-first-img, .agriculture-img {
    display: block;
    background-repeat:no-repeat;
    background-size: cover;
    background-position: center center;
}
.agriculture-first-img{
    height: 414px;
    width: 100%;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    overflow: hidden;
}
.agriculture-img {
    width:170px;
    height:118px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}
.agriculture-first-caption {
    padding: 15px;
    position: absolute;
    bottom: 0;
    width: 100%;
    border-radius: 3px;
    -moz-border-radius: 3px; /*Firefox*/
    -webkit-border-radius: 3px;  /*Chrome và Safary*/
    //background: rgba(0, 0, 0, 0.5);
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)),to(rgba(0, 0, 0, 0.6)));
    background-image: -moz-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 95%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000, endColorstr=#B2000000);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000, endColorstr=#B2000000);
}
.title-agriculture a {
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
}
.agriculture-first-caption h3.title-agriculture a {
    /*font-size: 16px;
    text-transform: capitalize;
    color: white;
    font-weight: normal;*/
    font-size: 24px;
    line-height: 1.5;
    text-transform: capitalize;
    color: white;
    font-weight: normal;
    margin-left: 9px;
    display: inline-block;
}
.agriculture-first-caption h3.title-agriculture {
    font-size: 20px;
}
.agriculture-first-caption .title-blog {
    position: absolute;
    left: 10px; left: 26px;
    bottom: 60px; bottom: 98px;
    text-align: right;
    background: #EC4A26;
    display: table;
    max-width: 60%;
    color: #fff;
    padding: 6px 15px;
    font-weight: 300;
    border-radius: 4px;
    -webkit-border-radius: 3px;
    font-size: 13px; font-size : 16px;
    text-transform: none;
}

.agriculture-item:last-child {
    margin: 0;
}
.agriculture-item .agriculture-img,.agriculture-item .agriculture-caption {
    display: table-cell;
    vertical-align: top;
}
.agriculture-item .agriculture-caption .text-uppercase{
    color: #777;
    font-weight: 300;
    text-transform: none;
    font-size: 13px;
}
.agriculture-item .agriculture-caption .title-blog{
    /*color:#5abe1e*/
    color: #EC4A26;
    border: solid 1px #EC4A26; 
    //font-weight: 500;
    display: inline-block;
    //background: #EC4A26;
    padding: 6px 15px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 13px;
}


/*blog agriculture*/
#blog-agriculture{

padding: 10px 0px;
}    
#blog-agriculture{margin: 30px auto;
padding-left: 3px; background:#f4f4f4 url(../images/home_hosting_section_2.png) repeat-x bottom;  }
.agriculture-title {
    background:transparent;
  
}
.agriculture-title h2 a{
    font-size: 24px;
    font-weight: 500;
    color:#333;
    line-height: 32px;
}
.agriculture-more{
   
    color: #1991d0;
    cursor: pointer;
    font-size: 16px;
    text-transform: lowercase;
    text-decoration: none;
    font-weight: 600;
    border: 1px dashed #ff0000;
    padding: 5px 15px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    text-transform : uppercase;
}
.agriculture-more:hover {
    margin-left : 50px;
}
.agriculture-first-img, .agriculture-img {
    display: block;
    background-repeat:no-repeat;
    background-size: cover;
    background-position: center center;
}
.agriculture-first-img{
    height: 350px;
    width: 100%;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    overflow: hidden;
}
.agriculture-img {
    width:140px;
    height:100px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}
.agriculture-first-caption {
    padding: 15px;
    position: absolute;
    bottom: 0;
    width: 100%;
    border-radius: 3px;
    -moz-border-radius: 3px; /*Firefox*/
    -webkit-border-radius: 3px;  /*Chrome và Safary*/
    //background: rgba(0, 0, 0, 0.5);
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)),to(rgba(0, 0, 0, 0.6)));
    background-image: -moz-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 95%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000, endColorstr=#B2000000);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000, endColorstr=#B2000000);
}
.title-agriculture a {
    font-size: 14px; padding-top: 10px;    display: inline-block;
    font-weight: 500;
    text-transform: capitalize;
}
.agriculture-first-caption h3.title-agriculture a {
    /*font-size: 16px;
    text-transform: capitalize;
    color: white;
    font-weight: normal;*/
    font-size: 24px;
    line-height: 1.5;
    text-transform: capitalize;
    color: white;
    font-weight: normal;
    margin-left: 9px;
    display: inline-block;
}
.agriculture-first-caption h3.title-agriculture {
    font-size: 20px;
}
.agriculture-first-caption .title-blog {
    position: absolute;
    left: 10px; left: 26px;
    bottom: 60px; bottom: 98px;
    text-align: right;
    background: #EC4A26;
    display: table;
    max-width: 60%;
    color: #fff;
    padding: 6px 15px;
    font-weight: 300;
    border-radius: 4px;
    -webkit-border-radius: 3px;
    font-size: 13px; font-size : 16px;
    text-transform: none;
}

.agriculture-item:last-child {
    margin: 0;
}
.agriculture-item .agriculture-img,.agriculture-item .agriculture-caption {
    display: table-cell;
    vertical-align: top;
}
.agriculture-item .agriculture-caption .text-uppercase{
    color: #777;
    font-weight: 300;
    text-transform: none;
    font-size: 13px;
}
.agriculture-item .agriculture-caption .title-blog{
    /*color:#5abe1e*/
    color: #014925;
    border: solid 1px #014925; 
    font-weight: 600;
    display: inline-block;
 
    padding: 6px 15px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 13px;
}
.header-container .top-link .welcome-msg {
    float: right;
    line-height: 40px;
    padding-right: 30px;
}
.header-container .top-link .social-header {
    float: right;
    margin: 0;
    background: #f6f6f6;
    padding: 6px 15px;
}
.header-container .top-link .social-header a {
    font-size: 14px;
    color: #5c5c5c;
    border: 1px solid #5c5c5c;
    border-radius: 100%;
    width: 29px;
    height: 29px;
    line-height: 29px;
    text-align: center;
    padding-left: 5px;
}
.header-container .top-link .social-header li {
    margin-left: 20px;
    float: left;
}
.header-container .top-link .social-header a:hover {
    border-color: #0094ee;
    background: #0094ee;
    color: #fff;
}
.video-cate-body .itemlist-video{ 
  margin-bottom:10px;height: 200px;
}
.video-cate-body #itemviewvideo{ 
    display:table-cell !important;
 }
 .title-video{ color:#1991d0; font-size:14px;   padding-top: 7px; }
 .video-cate-body #itemviewvideo .icon-play{ 
     top: 28% !important;
 }
 #ads-fullcenter { height: 270px; } 
 #ads-fullcenter div img{ max-height:240px; } 
 #message {
    display: none;
}
.social-header {
    float: right;
}
.social-header li {
    display: inline-block;
}
.social-header li a {
    font-size: 16px;
    color: #fff;
    height: 42px;
    line-height: 42px;
    width: 42px;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 100%;
    margin-right: 10px;
    padding-left: 5px;
}
.social-header li a:hover {
    color: #ee1d23;
    border-color: #ee1d23;
}
.social-header li:last-child a {
    margin-right: 0;
}
.center{ text-align: center; }
.logo-mobile{ margin: 5px;} 
.list-page-news .agriculture-item{ border-bottom: 1px dotted #ccc; padding-bottom: 15px;
margin-bottom:15px;} 
.list-page-news .agriculture-caption{ width:82%} 
.list-page-news h3{ padding: 5px 0; margin:0px; } 
.list-page-news h3 a{font-size: 18px; }
.news-date { text-align: right; padding: 7px 0; color: #ccc} 
.news-desc{font-size:15px;line-height: 27px;} 

.pos-t-0{top: 0; } .pos-t-10{top: 10%; } .pos-t-20{top: 20%; } .pos-t-30{top: 30%; } .pos-b-0{top: 0; }
 .pos-b-10{bottom: 10%; } .pos-b-20{bottom: 20%; } .pos-b-30{bottom: 30%; } .pos-l-0{left: 0; } 
 .pos-l-10{left: 10%; } .pos-l-20{left: 20%; } .pos-l-30{left: 30%; } .pos-r-0{right: 0; }
 .pos-r-10{right: 10%; } .pos-r-20{right: 20%; } .pos-r-30{right: 30%; } 
 .pos-l-ini{ left:initial !important; }.pos-r-ini{ right:initial !important; }
 .pos-t-ini{ top:initial !important; }.pos-b-ini{ bottom:initial !important; }
.p-l-0{padding-left: 0; } .p-l-5{padding-left: 5px; } .p-l-10{padding-left: 10px; } 
.p-l-15{padding-left: 15px; } .p-l-20{padding-left: 20px; } .p-l-25{padding-left: 25px; }
 .p-l-30{padding-left: 30px; } .p-r-0{padding-right: 0; } .p-r-5{padding-right: 5px; }
  .p-r-10{padding-right: 10px; } .p-r-15{padding-right: 15px; } .p-r-20{padding-right: 20px; } 
  .p-r-25{padding-right: 25px; } .p-r-30{padding-right: 30px; } .p-t-0{padding-top: 0; } 
  .p-t-5{padding-top: 5px; } .p-t-10{padding-top: 10px; } .p-t-15{padding-top: 15px; } 
  .p-t-20{padding-top: 20px; } .p-t-25{padding-top: 25px; } .p-t-30{padding-top: 30px; } 
  .p-b-0{padding-top: 0; } .p-b-5{padding-bottom: 5px; } .p-b-10{padding-bottom: 10px; } 
  .p-b-15{padding-bottom: 15px; } .p-b-20{padding-bottom: 20px; } .p-b-25{padding-bottom: 25px; }
   .p-b-30{padding-bottom: 30px; }
.pull-left.blog-title{ margin: 0; }
.no-padding{padding: 0px;}
.no-padding-left{ padding-left:0px;} 
.no-padding-right{ padding-right:0px;} 

#showmsg{ }
#showmsg li{list-style: none; padding: 5px 0}
#showmsg  ul{ padding: 8px; top:0px;}
.has-error { border:1px solid #a94442 !important;}
.listerror{
    background:#a94442; border-radius:5px; padding:10px; right:0;
 position: fixed;
  z-index: 99999999999; color:#fff; font-size:14px; 
}
.listesuccess{background:#86b817; border-radius:5px; padding:10px; right:0;
   position: fixed;
  z-index: 99999999999; color:#fff; font-size:14px; 
}
.totalitem{ 
 color: yellow;
    font-size: 23px;
     }
.btn-cart a{ color: #fff; }
.btn-cart .glyphicon{top: 5px; }

/*===================================================================*/

.bg_header{
    background: #000;
    padding: 15px 0px;
    border-bottom: 1px solid #1d1d1d;
}
.icon_info_top{
    max-width: 18px;
    margin-right: 3px;
}
.list_info_top li{
    float: left;
    font-size: 14px;list-style:none;
    color: #fff;
    padding-right: 20px;
}
.list_info_top li a{
    font-size: 14px;
    color: #fff;
}
.list_info_top li a:hover{
    color: #ff2527;
}
.list_menu_top li{
    float:left;list-style:none;
}
.list_menu_top li a{
    font-size: 13px;
    color: #777777;
    position: relative;
    display: inline-block;
    padding-left: 14px;
}
.list_menu_top li a:hover{
    color: #ff2527;
}
.list_menu_top li a:before{
    content: "\f111";
    font: normal normal normal 8px/1 fontawesome;
    position: absolute;
    top: 4px;
    left: 5px;
    color: #ff2527;
}
.list_menu_top li:first-child a:before{
    content: "" !important;
}
.drop_input_search{
    position: absolute;
    z-index: 20 !important;
}
.group_search{
    position: relative;
    z-index: 50;
    border: 2px solid #00adef;
    border-radius: 30px;
    background: #00adef;
    max-width: 625px;
    margin: 20px auto auto;
}
.icon_bg{
    height: 50px;
    border: 0;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    padding-left: 30px;
}
.open>.dropdown-toggle.bg_cate_search{
    background-image: url("../img/icon_search_cate.png");
}
.bg_cate_search{
    background: #fff url("../img/icon_search_cate.png") no-repeat right top;
    padding-right: 42px;
    height: 50px;
    border: 0;
    border-radius: 0;
}
.bg_cate_search:hover,
.bg_cate_search:focus,
.bg_cate_search.focus,
.bg_cate_search.active{
    background-color: #fff !important;
    border-color: #fff !important;
}
.butt_search{
    height: 50px;
    width: 70px;
    border: 0;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    background: #00adef;
}
.butt_search:before{
    content: "\f002";
    font: normal normal normal 16px/1 fontawesome;
    color: #fff;
}
.butt_search:hover,
.butt_search.focus,
.butt_search.focus,
.butt_search:active{
    background-color: #00adef !important;
    border-color: #fff !important;
}
.butt_search:focus, .butt_search:active:focus{
     outline: 0;
}
.z_butt_search{
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    background: #00adef;
}
.footer-third{padding:30px 0;} 
.footer-third .customer .title , .footer-third .policy .title {
    color: black;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 10px;
    padding: 0;
    text-transform: uppercase;
}
.footer-third .customer a, .footer-third .policy a {
    color: #333;
    display: block;
    font-size: 13px; line-height:22px;
}

.footer-first {
    display: block;
}

.footer-first {
    background-color: #00adef;
    height: 50px;
  
}
.footer-first ul {
    margin: 0;
    padding: 0;
}
.footer-first ul li {
    list-style: none;
    width: 16%;
    display: block;
    float: left;
    line-height: 50px;
    position: relative;
}
.footer-first ul li.active:after {
    bottom: 0;
    left: 30%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: white;
    border-width: 8px;
    margin-left: -30px;
}
.footer-first ul li a {
    display: block;font-size:12px;;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
}

.footer-second {
    background-color: white;
    border-bottom: 1px solid #ccc;
    margin: 0;
    padding: 5px 0 15px;
}
.footer-second ul {
    width: 100%;
    padding: 0 0 0 3%;
    margin: 0;
}
.footer-second ul li {
    line-height: 30px;
    height: 30px;
    width: 100%;
    list-style: none;
}
.footer-second ul {
        float: left;
        padding-left: 0;
        width: 16%;
    }
    .footer-second ul li a {
        padding-left: 0;
    }
.footer-second ul li a {
    display: block;
    font-size: 13px;
    color: #333;
}
.footer-second ul li a:hover {
    color: #1d7ec3;
    font-style: italic;
}
.products-detail,.products-detail h3,.products-detail h2 { font-size: 14px !important }

.service-support{ padding:10px 0; }
.sp3_khungtrang {
    z-index: 999;
    background-color: #cfe5f8;
    border-radius: 20px;
    float: left;
    margin-left:0%;
    margin-top: 15px;
    position: relative;
    width: 100%;
    margin-bottom:10px;
}

.sp3_cot1 img {
    border-radius: 50%;
    height: 105px;
    margin-left: 30px;
    margin-top: -75px;
    width: 105px;
}
.sp3_anhdaidien1 {
}
.sp3_tit_hn {
    color: #6caf15;
    font-size: 14px;
    font-style: italic;
    margin-top: 20px;
}
.sp3_tit_dn {
    color: #6caf15;
    font-size: 13px;
    font-style: italic;
    padding-right:5px;
    margin-top: 10px;
}
.sp3_sdt {
    color: #3e3e3e;
    font-size: 16px;
    font-weight: normal;
    margin-top: 5px;
}
.sp3_call {
    margin-top: 5px;
}
.sp3_linedot {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #eeeeee;
    border-image: none;
    border-style: solid solid dotted;
    border-width: 1px;
    margin-top: 10px;
    width: 70%;
}
.sp3_linegray {
    float: left;
    margin-left: 0%;
}

.sp3_cot2 {
    float: left;
    margin-left: 3%;
    width: 100%;
}
.sp3_cot2 .sp3_anhdaidien1 img {
    border-radius: 50%;
    height: 105px;
    margin-left: 0;
    margin-top: -75px;
    width: 105px;
}

@media screen and (max-width: 980px) {
.sp3_khungtrang {
    margin-left: 1%;
    width: 98%;
}
}
@media screen and (max-width: 800px) {
.sp3_cot1 {
    float: left;
    margin-left: 10%;
    width: 40%;
}
.sp3_cot2 {
    float: left;
    margin-left: 6%;
    width: 40%;
}
.sp3_cot3 img {
    display: none;
}
.sp3_cot3 {
    margin-left: 6%;
    margin-top: -10px;
}
}
@media screen and (max-width: 639px) {
.sp3_cot1 img {
    margin-left: 30%;
}
.sp3_cot1 {
    float: left;
    margin-left: 10%;
    width: 80%;
}
.sp3_cot2 img {
    display: none;
}
.sp3_cot3 img {
    display: none;
}
.sp3_cot2 {
    margin-left: 10%;
    margin-top: -10px;
    width: 100%;
}
.sp3_cot3 {
    margin-left: 10%;
    margin-top: -10px;
    width: 100%;
}
.sp3_linegray {
    display: none;
}
.support {
    margin-top: -80px;
    padding-bottom: 150px;
    position:relative;
    z-index:-9;
}
}
@media screen and (max-width: 360px) {
.sp3_cot1 img {
    margin-left: 20%;
}
.support {
    margin-top: -80px;
    padding-bottom: 200px;
}
}
.sp3_khungtrang .ico_tel {
    background: url(../images/t-icontel.png) no-repeat center;
    width: 13px;
    height: 17px;
    float: left;
    margin-right: 7px;
}




.phonering-alo-phone {position:fixed;visibility:hidden;background-color:transparent;width:200px;height:200px;
cursor:pointer;z-index:200000!important;right:150px;bottom:-50px;left:-50px;display:block;
-webkit-backface-visibility:hidden;
-webkit-transform:translateZ(0);
transition:visibility .5s;
}
.phonering-alo-phone.phonering-alo-show {visibility:visible}
.phonering-alo-phone.phonering-alo-static {opacity:.6}
.phonering-alo-phone.phonering-alo-hover,.phonering-alo-phone:hover {opacity:1}
.phonering-alo-ph-circle {width:180px;height:180px;top:-10px;left:20px;position:absolute;
background-color:transparent;border-radius:100%;border:2px solid rgba(30,30,30,0.4);
opacity:.1;
-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%
}
.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle {
   -webkit-animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important;
   animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important
}
.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle {
   -webkit-animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important;
   animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important
}
.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone:hover .phonering-alo-ph-circle {
   border-color:#00aff2;
   opacity:.5
}
.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle {
   border-color:#ec1d25;
   opacity:.5
}
.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle {
   border-color:#00aff2;
   opacity:.5
}
.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle {
   border-color:#ccc;
   opacity:.5
}
.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle {
   border-color:#75eb50;
   opacity:.5
}
.phonering-alo-ph-circle-fill {width:120px;height:120px;top:20px;left:50px;position:absolute;background-color:#000;
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%
}
.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle-fill {
   -webkit-animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important;
   animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important
}
.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle-fill {
   -webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;
   animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;
   opacity:0!important
}
.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone:hover .phonering-alo-ph-circle-fill {
   background-color:rgba(39,45,107,0.5);
   opacity:.75!important
}
.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle-fill {
   background-color:rgba(39,45,107,0.5);
   opacity:.75!important
}
.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle-fill {
   background-color:rgba(0,175,242,0.5);
}
.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle-fill {
   background-color:rgba(204,204,204,0.5);
   opacity:.75!important
}
.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle-fill {
   background-color:rgba(117,235,80,0.5);
   opacity:.75!important
}
.phonering-alo-ph-img-circle {
   width:80px;
   height:80px;
   top:40px;
   left:70px;
   position:absolute;
   background:rgba(30,30,30,0.1) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==) no-repeat center center;
   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%
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-img-circle {
   -webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important;
   animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-img-circle {
   -webkit-animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important;
   animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone:hover .phonering-alo-ph-img-circle {
   background-color:#00aff2;
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-img-circle {
   background-color:#272d6b;
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-img-circle {
   background-color:#d30633;
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-img-circle {
   background-color:#ccc;
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-img-circle {
   background-color:#75eb50
}

@-webkit-keyframes phonering-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
   }
}

@-webkit-keyframes phonering-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
   }
}

@-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)
   }
}

@-webkit-keyframes phonering-alo-circle-anim {
   0% {
       -webkit-transform:rotate(0) scale(.5) skew(1deg);
               transform:rotate(0) scale(.5) skew(1deg);
       opacity:.1
   }

   30% {
       -webkit-transform:rotate(0) scale(.7) skew(1deg);
               transform:rotate(0) scale(.7) skew(1deg);
       opacity:.5
   }

   100% {
       -webkit-transform:rotate(0) scale(1) skew(1deg);
               transform:rotate(0) scale(1) skew(1deg);
       opacity:.1
   }
}

@keyframes phonering-alo-circle-anim {
   0% {
       -webkit-transform:rotate(0) scale(.5) skew(1deg);
               transform:rotate(0) scale(.5) skew(1deg);
       opacity:.1
   }

   30% {
       -webkit-transform:rotate(0) scale(.7) skew(1deg);
               transform:rotate(0) scale(.7) skew(1deg);
       opacity:.5
   }

   100% {
       -webkit-transform:rotate(0) scale(1) skew(1deg);
               transform:rotate(0) scale(1) skew(1deg);
       opacity:.1
   }
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
   0% {
       -webkit-transform:rotate(0) scale(.7) skew(1deg);
               transform:rotate(0) scale(.7) skew(1deg);
       opacity:.2
   }

   50% {
       -webkit-transform:rotate(0) scale(1) skew(1deg);
               transform:rotate(0) scale(1) skew(1deg);
       opacity:.2
   }

   100% {
       -webkit-transform:rotate(0) scale(.7) skew(1deg);
               transform:rotate(0) scale(.7) skew(1deg);
       opacity:.2
   }
}

@keyframes phonering-alo-circle-fill-anim {
   0% {
       -webkit-transform:rotate(0) scale(.7) skew(1deg);
               transform:rotate(0) scale(.7) skew(1deg);
       opacity:.2
   }

   50% {
       -webkit-transform:rotate(0) scale(1) skew(1deg);
               transform:rotate(0) scale(1) skew(1deg);
       opacity:.2
   }

   100% {
       -webkit-transform:rotate(0) scale(.7) skew(1deg);
               transform:rotate(0) scale(.7) skew(1deg);
       opacity:.2
   }
}

@-webkit-keyframes phonering-alo-circle-img-anim {
   0% {
       -webkit-transform:rotate(0) scale(1) skew(1deg);
               transform:rotate(0) scale(1) skew(1deg)
   }

   10% {
       -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
               transform:rotate(-25deg) scale(1) skew(1deg)
   }

   20% {
       -webkit-transform:rotate(25deg) scale(1) skew(1deg);
               transform:rotate(25deg) scale(1) skew(1deg)
   }

   30% {
       -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
               transform:rotate(-25deg) scale(1) skew(1deg)
   }

   40% {
       -webkit-transform:rotate(25deg) scale(1) skew(1deg);
               transform:rotate(25deg) scale(1) skew(1deg)
   }

   50% {
       -webkit-transform:rotate(0) scale(1) skew(1deg);
               transform:rotate(0) scale(1) skew(1deg)
   }

   100% {
       -webkit-transform:rotate(0) scale(1) skew(1deg);
               transform:rotate(0) scale(1) skew(1deg)
   }
}

@keyframes phonering-alo-circle-img-anim {
   0% {
       -webkit-transform:rotate(0) scale(1) skew(1deg);
               transform:rotate(0) scale(1) skew(1deg)
   }

   10% {
       -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
               transform:rotate(-25deg) scale(1) skew(1deg)
   }

   20% {
       -webkit-transform:rotate(25deg) scale(1) skew(1deg);
               transform:rotate(25deg) scale(1) skew(1deg)
   }

   30% {
       -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
               transform:rotate(-25deg) scale(1) skew(1deg)
   }

   40% {
       -webkit-transform:rotate(25deg) scale(1) skew(1deg);
               transform:rotate(25deg) scale(1) skew(1deg)
   }

   50% {
       -webkit-transform:rotate(0) scale(1) skew(1deg);
               transform:rotate(0) scale(1) skew(1deg)
   }

   100% {
       -webkit-transform:rotate(0) scale(1) skew(1deg);
               transform:rotate(0) scale(1) skew(1deg)
   }
}