@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700');

body{
    font-family: 'Roboto';
}
/*Start top header*/
#top-header {
    width: 100%;
    background: #0088cc;
    height: 28px;
}
#top-header .icon-social a {
    color: white;
    margin-left: 10px;
    font-size: 18px;
    line-height: 30px;
}
/*End top header*/
/*ddsmothmenu add by trongnq*/
#smoothmenu1 .box_search {
    position: relative;
    float: right;
    margin-top: 3px;
}
.fix-width {
    width: 1000px;
    margin: 0 auto;
}
#smoothmenu1 .box_search input {
    margin-bottom: 0;
    padding: 2px 0;
    font-size: 13px;
    text-indent: 5px;
    width: 160px;
}
#smoothmenu1 .box_search .icon_s {
    position: absolute;
    top: 5px;
    right: 0;
}
#smoothmenu1 ul li a {
    padding: 0 10px;
    font-family: Roboto;
}
/*end menu*/
/*Start Header style*/
#header {
    width: 100%;
    background: url(../images/bg-header.png) no-repeat top right;
}
#header .hotline span {
    color: #004d73;
    font-size: 180%;
    display: block;
    height: 40px;
    border: 2px solid #004d73;
    border-radius: 5px;
    font-weight: bold;
    text-align: center;
    line-height: 40px;
    margin: 30px 0;
    width: 100%;
    max-width: 355px;
}
#header .hotline span:before {
    content: "HOTLINE : ";
}
#header .logo img {
    width: 159px;
    margin: 0px auto;
    margin-top: 24px;
}
#header .search-sub {
    margin: 30px 0;
    border: 2px solid #004d73;
    border-radius: 4px;
}
#header .search-sub form{
    position: relative;
}
#header .search-sub input {
    width: 100%;
    height: 36px;
    border: none;
    padding: 10px;
    background: none;
}
#header .search-sub button {
    background: #004d73;
    border: none;
    height: 36px;
    width: 36px;
    margin-right: -1px;
    position: absolute;
    top: 0;
    right: 0;
}
#header .search-sub button i{
	font-size: 20px;
	color: white;
}
#header .mainmenu{
    text-align: center;
    margin-bottom: 15px;
}
#header .mainmenu ul li {
    display: inline;
    list-style: none;
    margin: 0 23px;
}
#header .mainmenu ul li a {
    background: #0088cc;
    color: white;
    padding: 5px 15px;
    display: inline-block;
    border-radius: 14px;
}
/*End header*/

/*Start slider*/
#slider{
    position: relative;
}
#slider .icon-slider {
    width: 66px;
    position: fixed;
    top: 45%;
    bottom: 0;
    margin: auto;
    right: 63px;
    z-index: 999;
}
#slider .icon-slider>a {
    margin-bottom: 10px;
    display: inline-block;
}
/*End slider*/
/*banner*/
#slider2 img{
    width: 100%;
}
/*end banner*/
/*Start Down slider*/
#down-slider{
    text-align: center;
    margin: 35px 0;
}
#down-slider .title {
    font-size: 36px;
    text-transform: uppercase;
    color: #737373;
    font-weight: bold;
}
#down-slider p{
    font-size: 18px;
    margin-bottom: 0;
}
/*End Down slider*/

/*Start product*/
#product {
    height: auto;
    background: url(../images/bg-product.png) repeat-y;
    background-size: 100%;
    position: relative;
}
#product .left img {
    width: 25%;
    height: auto;
}
#product .icon-vitamin {
    position: absolute;
    top: 6%;
    left: 6%;
}
#product .icon-locnhung {
    position: absolute;
    top: 19%;
    left: 12%;
    width: 23% !important;
}
#product .icon-huongphu {
    position: absolute;
    top: 43%;
    width: 18% !important;
    left: 11%;
}
#product .icon-thucdia {
    position: absolute;
    top: 73%;
    left: 7%;
    width: 28% !important;
}


#product .icon-maudon {
    position: absolute;
    top: 6%;
    right: 9%;
}
#product .icon-hoaison {
    position: absolute;
    top: 20%;
    left: 65%;
    width: 23% !important;
}
#product .icon-mamdau {
    position: absolute;
    top: 40%;
    width: 18% !important;
    left: 68%;
}
#product .icon-ichmau {
    position: absolute;
    top: 73%;
    left: 62%;
}
#product .right img {
    width: 25%;
    height: auto;
}
#product .center{
    width: 33%;
    margin: 6% auto;
}
/*#product .btn-dangky{
    background: url(../images/bg-dathang.png);
    width: 260px;
    height:70px;
}*/
/*End product*/


/*Start Style công dụng SP*/
#congdungsp .title {
    font-size: 36px;
    font-weight: bold;
    text-transform: uppercase;
    color: #686464;
    text-align: center;
    margin: 30px 0;
}
#congdungsp img {
    border-radius: 50%;
    width: 85%;
    border: 3px solid #22628a;
}
#congdungsp .title2 {
    font-size: 24px;
    color: #0e89b8;
    min-height: 52px;
}
#congdungsp .sapo {
    font-size: 18px;
    font-style: italic;
    color: #000;
    margin-top: 27px;
}
.btn-dangky {
    background: url(../images/bg-dathang.png) no-repeat;
    width: 260px;
    height: 78px;
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    line-height: 78px;
    text-align: center;
    margin: 20px auto;
    display: block;
}
.btn-dangky:hover ,.btn-dangky:active , .btn-dangky:focus{
    text-decoration: none;
    color: white;
}
/*End Style công dụng SP*/


/*Start style bác sĩ đánh giá*/
#bacsidanhgia .title {
    font-size: 36px;
    font-weight: bold;
    text-transform: uppercase;
    color: #686464;
    text-align: center;
    margin: 30px 0;
}
#bacsidanhgia .main {
    border: 3px solid #0088cc;
    border-radius: 5px;
    padding-bottom: 40px;
}
#bacsidanhgia .title2 {
    font-size: 18px;
    margin: 4px;
    color: #000;
    margin-top: 20px;
}
#bacsidanhgia .sapo {
    font-size: 14px;
    font-style: italic;
    margin-top: 15px;
}
/*End style bác sĩ đánh giá*/

/*Start Style cảm nhận khách hàng*/
#camnhankh {
    background: #87c3db;
    background-size: 100%;
    margin-top: 15px;
}
#camnhankh .title {
    font-size: 36px;
    font-weight: bold;
    text-transform: uppercase;
    color: #686464;
    text-align: center;
    margin: 30px 0;
}
.img-camnhankh {
    width: 252px;
    height: 252px;
    border-radius: 50%;
    border: 6px solid #fff;
    object-fit: cover;
}

#camnhankh .text {
    right: 0;
    left: 0;
    position: static;
    text-align: left;
}
#camnhankh .text i{
    font-size: 35px;
    color: #0e4c73;
}
#camnhankh .text p{
    font-size: 20px;
    font-style: italic;
    color: #000;
}
#camnhankh .carousel-indicators li{
    width: 15px;
    height: 15px;
}
#camnhankh .carousel-indicators .active{
    color: #686464 !important;
}
#camnhankh .carousel-indicators {
    left: 50.5%;
    bottom: -12px;
}
#camnhankh .text .name-kh {
    color: red;
}
#camnhankh .text .name-kh h3 {
    margin-bottom: 0px;
}
#camnhankh .text .name-kh p {
    color: red;
    font-size: 14px;
    margin-top: 0;
}
/*End Style cảm nhận khách hàng*/

/*Start style báo chí nói về chúng tôi*/
#baochi-said {
    padding-bottom: 30px;
}
#baochi-said img {
    margin: auto;
}
#baochi-said .title {
    font-size: 36px;
    font-weight: bold;
    text-transform: uppercase;
    color: #686464;
    text-align: center;
    margin: 30px 0;
}
#baochi-said .link{
    display: block;
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    text-decoration: underline;
    color: #0e89b8;
    margin-top: 15px;
    cursor: pointer;
}
/*End style báo chí nói về chúng tôi*/

#introcompany .title {
    font-size: 36px;
    font-weight: bold;
    text-transform: uppercase;
    color: #686464;
    text-align: center;
    margin: 30px 0;
}
#introcompany {
    background: #87c3db;
    background-size: 100%;
}
#introcompany .text{
    font-size: 21px;
    font-style: italic;
    color: #000;
}
#introcompany .list-images {
    text-align: right;
}
#introcompany .list-images img {
    text-align: right;
    margin-left: 33px;
}
#httuvan .list-info-ht {
    padding: 0;
}
#httuvan .title {
    font-size: 36px;
    font-weight: bold;
    text-transform: uppercase;
    color: #686464;
    text-align: center;
    margin: 30px 0;
}
#httuvan .list-info-ht li {
    height: 64px;
    line-height: 64px;
    list-style: none;
    background: url(../images/icon-mangxh.png) no-repeat left center;
    padding-left: 80px;
    font-size: 162%;
    font-style: italic;
    margin-bottom: 10px;
    cursor: pointer;
}
#httuvan .list-info-ht li a{
    color: #333;
    text-decoration: none;
}
#httuvan .list-info-ht li a:hover{
    text-decoration: none;
}
#httuvan .list-info-ht .icon-web {
    background-position-y: 2px;
}
#httuvan .list-info-ht .icon-fb {
    background-position-y: -65px;
}
#httuvan .list-info-ht .icon.-phone {
    background-position-y: -136px !important;
}

#box-huongdanmuahang {
    background: #0088cc;
    padding: 20px 0;
}
#box-huongdanmuahang .title {
    font-size: 36px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    margin: 30px 0;
}
#box-huongdanmuahang .left {
    margin-top: 30px;
}
#box-huongdanmuahang .left .img1{
    float: left;
}
#box-huongdanmuahang .left .text{
    width: 110px;
    float: left;
    text-transform: uppercase;
    font-weight: bold;
    color: white;
    margin-top: 29px;
}
#box-huongdanmuahang .left .img2{
    margin-top: 34px;
}
#box-huongdanmuahang .right{
    text-align: center;
    border-left: 2px solid #b3dcf0;
}
#box-huongdanmuahang .right p {
    font-size: 18px;
    font-weight: bold;
    text-decoration: underline;
    color: #fff;
}
#box-register {
    margin: 100px 0;
    margin-bottom: 10px;
}
#box-register .form-dk {
    background: #0088cc;
    border-radius: 5px;
    width: 100%;
    max-width: 620px;
    margin: 0 auto;
    padding: 80px;
}
.form-dk p {
    color: white;
}
#box-register .form-dk input{
    margin-bottom: 15px;
}
.Tongtien {
    color: white;
    font-weight: bold;
    font-size: 26px;
}
.container-form {
    position: relative;
}
.container-form .img1 {
    position: absolute;
    top: -17%;
    left: 24%;
}
.container-form .img2 {
    position: absolute;
    right: 17%;
    bottom: -7%;
}

#comment{
    background: #d2d1d1;
    padding: 30px 0;
}
.feeback {
    margin-top: 15px;
    width: 100%;
}
.feeback textarea {
    width: 100%;
    height: 100px;
    padding: 10px;
    border: none;
}
.feeback input {
    height: 30px;
    padding: 10px;
    font-size: 14px;
    border: none;
    margin-top: 10px;
}
#comment #u_0_0 {
    background: white;
}
#footer{
    background: #1099db;
}
#footer .left {
    margin: 25px 0;
}
#footer .left .slogen{
    text-align: center;
    margin-top: 15px;
    font-weight: 500;
}
#footer .right .title {
    text-transform: uppercase;
    font-size: 18px;
    border-bottom: 2px solid #fff;
    padding-bottom: 10px;
    color: #fff;
}
#footer .right p{
    color: white;
    margin-bottom: 2px;
}