/*
    Created on : 09/09/2019 10:00:00
    Author     : Quoc Buu Group
    Web        : www.quocbuugroup.com
    Hotline    : 0937.587.087
*/

@font-face {
  font-family: 'Roboto-Regular';
  src: url('/public/fonts/Roboto-Regular/Roboto-Regular.eot?#iefix') format('embedded-opentype'),  
       url('/public/fonts/Roboto-Regular/Roboto-Regular.woff') format('woff'), 
       url('/public/fonts/Roboto-Regular/Roboto-Regular.ttf')  format('truetype'), 
       url('/public/fonts/Roboto-Regular/Roboto-Regular.svg#Roboto-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto-Bold';
  src: url('/public/fonts/Roboto-Bold/Roboto-Bold.eot?#iefix') format('embedded-opentype'),  
       url('/public/fonts/Roboto-Bold/Roboto-Bold.woff') format('woff'), 
       url('/public/fonts/Roboto-Bold/Roboto-Bold.ttf')  format('truetype'), 
       url('/public/fonts/Roboto-Bold/Roboto-Bold.svg#Roboto-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'Helvetica-Neue';
    src: url('/public/fonts/HelveticaNeue/HelveticaNeue.eot');
    src: url('/public/fonts/HelveticaNeue/HelveticaNeue.eot?#iefix') format('embedded-opentype'),
        url('/public/fonts/HelveticaNeue/HelveticaNeue.woff2') format('woff2'),
        url('/public/fonts/HelveticaNeue/HelveticaNeue.woff') format('woff'),
        url('/public/fonts/HelveticaNeue/HelveticaNeue.ttf') format('truetype'),
        url('/public/fonts/HelveticaNeue/HelveticaNeue.svg#HelveticaNeue') format('svg');
    font-weight: normal;
    font-style: normal;
}




div:hover, h1:hover, h2:hover, h3:hover, p:hover, a:hover, b:hover, span:hover, i:hover{
  transition: 0.5s;  
  text-decoration: none;
}


select{
    width: auto;
    height: 30px;
    padding: 5px 6px;
    border: 1px solid #ccc;
    background: url(../../../public/images/dow_arr.png) no-repeat right #FFF;
    background-position: 95% 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    color: #444;
}
.text_align_center{text-align: center;}
.color_red{color: red;}
.color_green{color: green;}
.color_blue{color: blue;}
.display_none{display: none;}
.schema_wrap{display: none;}






h1.blogitem{
  text-transform: uppercase;
  font-size: 22px;
  font-weight: 500;
  margin-top: 5px;
}


h2.h_title{
  font-size: 22px;
  font-weight: 400;
  color: #666;
}



h4.h_title_h4{
  padding: 30px 0 0px 0;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 400;
    min-height: 70px;
}
h5.h_title_h5{
  text-align: center;
  text-transform: uppercase;
}
.p_home_smallDescription{
  text-align: center;
  height: 72px;
  overflow: hidden;
}

.logo img{
  width: 120px;
  margin-top: -10px;
}
.product-info-heading{
  margin-bottom: 20px;
}

.pInfoH1{
  text-transform: uppercase;
  font-size: 18px;
}


/*news -----------------------------------------*/
.news_cat_h2{
    color: #777;
    font-size: 20px;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    height: 21px;
    overflow: hidden;
}
.news_cat_h3 {
    font-size: 16px;
    margin-top: 0;
    font-weight: 300;
    height: 50px;
    margin-bottom: 0;
    overflow: hidden;
}
.sDetailDes{
  width: 100%;
  position: relative;
}
/*news -----------------------------------------*/




/*cart------------------------------------------*/
.f_message_wrap{
    position: fixed;
    top: 0;
    right: 0;
    z-index: 99999;
    height: 100%;
    display: none;
    background-color: rgba(0,0,0,0.6);
    padding: 10px 60px 10px 20px;
    width: 100%;
    text-align: center;
}
.f_message{
    text-align: center;
    background-color: #FFF;
    color: #000;
    max-width: 500px;
    margin: 15% auto;
    padding: 15px;
    border-radius: 3px;
    border: solid 2px #337ab7;
}
.f_message_error{
  color: #FF0000;
}
.payment_note2 {
    color: #b2b2b2;
    font-weight: 400;
    font-size: 12px;
}


.payment_list{display: none;}
.payment_bank {
    border: solid 1px #258c03;
    padding: 10px;
}
.payment_bank b {
    color: #258c03;
}
/*cart------------------------------------------*/



/*footer---------------------------------------*/
h5.boxed-content-title{cursor: pointer;}
h5.boxed-content-title:hover{color: #337ab7;}
.feedBack_wrap h4{
  text-transform: uppercase;
  font-weight: 700;
  font-size: 24px;
  padding-top: 7px;
}
.feedBack_wrap .modal-header .close{
    position: absolute;
    right: 15px;
    top: 20px;
    color: #FF0000;
    opacity: 1;
    font-size: 30px;
}
.feedBack_wrap .f_note{
  font-size: 13px;
  color: blue;
  font-weight: 300;
}
.bct{
  width: 100%;
  position: relative;
  text-align: center;
  margin-top: 10px;
}
.bct a img{
  max-width: 100%;
}
.fkFanpage{
  width: 100%;
  position: relative;
  text-align: center;
  margin-top: 10px;
}
.fkFanpage iframe {  
  display: block;  
  width: 100vw;
  max-width: 100%;
}
.designBy{
  width: 100%;
  position: relative;
  font-size: 12px;
  margin-top: 5px;
}
.designBy a{
  color: #7fa859;
}
/*footer---------------------------------------*/



#bttop {
    cursor: pointer;
    display: none;
    position: fixed;
    right: 10px;
    bottom: 95px;
    width: 40px;
    height: 40px;
    background-color: #FF0000;
    z-index: 100;
}
#bttop::after {
    content: '\f106';
    font-family: 'Font Awesome 5 Free';
    color: #FFF;
    font-weight: 900;
    position: absolute;
    top: 7px;
    right: 14px;
    font-size: 18px;
}
#bttop:hover {
    background-color: #FF0000;
}

.pitem .home_product_child4{width: 100%;}
.pitem .home_product_child4 a{
    display: inline-block;
    width: 24%;
    margin-bottom: 3px;
}
.pitem .home_product_child4 a img{width: 100%;}

.text-transform-uppercase{text-transform: uppercase;}

.product_detail{
  position: relative;
}
.product_detail img{
  max-width: 100%;
}

.pHotline{
  font-size: 15px;
  color: #FF0000;
}

.product-info table{ 
  margin-bottom: 0;
}
.news_detail_wrap img{
  max-width: 100%;
}

.banner_home{
  text-align: center;
}
.banner_home img{
  width: 100%;
  max-width: 580px;
}

.banner_home a span{
	    color: #337ab7;
    font-weight: 500;
    display: block;
    padding: 15px;
    font-size: 16px;
}






@media (max-width: 770px) {
  body{
    overflow-x: hidden;
  }
  .body-content{padding-top: 0px !important;}
  .row {
    margin-right: -1px;
    margin-left: -1px;
  }
  .container-fluid .col-sm-12.home_slide{padding-right: 0; padding-left: 0}
  .banner-home3-colection-top .img-responsive{width: 100%;}  
  .pitem a img{
    margin-bottom: 5px;
  }
  .pitem .pull-left{
    min-height: 70px;
  }
  .pitem .price{text-align: left;}
  .news-item-box .img-responsive{width: 100%;}
  .news-item-box .p_home_smallDescription{height: initial; padding: 5px 0;}
  .pitem a img{width: 100%;}
  .pitem .pull-left.p_cat_smallImage{min-height: auto;}
  .product-info .img-responsive{width: 100%;}
  .product-info hr{margin-top: 0px;}
  .breadcrumb>li{display: block;}
  .pitem .home_product_child4 a{width: 23%;}
  .logo img{
    width: 80px;
    margin-top: 0;
  }

  .product_detail img {
      max-width: 100%;
      height: auto !important;
  }
  .news_detail_wrap img{
    max-width: 100%;
    height: auto !important;
  }
  .bct{
    text-align: left;
    margin-bottom: 5px;
  }
  .fkFanpage{
    margin-bottom: 15px;
  }
  .sDetailDes img{
      max-width: 100%;
      height: auto !important;
  }
}

@media (max-width: 600px) {
  iframe {    
    width: 100%;    
    max-width: 100%;
    max-height: 300px;
  }
}

@media (max-width: 450px) {
  .propensity_list{
    display: block;
    width: 100%;
    position: relative;
    clear: both;
  }
  h4.h_title_h4 {
    padding: 10px 0 5px 0;
  }
  .product_detail{
    overflow-x: hidden;
  }
}