

.content_top{
  /*background: url(../images/bg.png) repeat;*/
  background: url(../images/bg_linhvuc.jpg) no-repeat;
  background-attachment: fixed;
}
.content_top .container{
  padding: 2em 0;
  background: #FFF;
  box-shadow: 2px 0px 10px #555;
}
.bd-img{
  width: 100%;
  border-radius: 50%;
  margin: 20px 0;
  cursor: pointer;
}
.bd-img:hover{
  box-shadow: 0px 0px 10px #000;
    transition-timing-function: ease-out;
    transition-duration: 500ms;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 500ms;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    -khtml-opacity: 0.8;
}

.sidebar{
  margin-bottom: 15px;
}
.sidebar a{
  padding:5px;
}
.sample-sidebar li{
  padding: 1px 0;
}
.top-banner{
	height: 170px;
	text-align: center;  
  background: url(../images/bg_banner_top.png) center center no-repeat ; 
}
.top-banner:before
    {
        content: '';
        height: 100%;
        display: inline-block;
        vertical-align: middle;
    }

.top-banner p{

	max-height: 100%;
	display: inline-block;
  vertical-align: middle;
}

.dropdown-menu{
	margin: 0;
	padding: 0;
	border:none;
	border-radius: 0;
}
.dropdown-menu li a{
	text-transform: uppercase!important;
	border: 0;
	margin: 0;
	padding: 15px 10px;
  color: #000!important;
  background: #FFF!important;
}
.dropdown-menu li a:hover{
  color: #FFF!important;
  /*background: #339900!important;*/
  background:#005f9e!important;
  }
/* pagination */
.pagination > .active > span{
	background-color: #005f9e; /*#339900;*/
    border-color: #005f9e; /*#339900;*/
}
.pagination > li > a:hover{
	color: #005f9e; /*#339900;*/
}
/* pagination end */

/* blog css */
.single-blog-item img {
	width: 100%;
	height: auto;
}
.single-blog-item {
  border: 1px solid #dfdede;
  box-shadow: 2px 5px 10px #dfdede;
  padding: 5px;
  position: relative;
}
.blog-content {
  padding: 15px;
}
.blog-content h4 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.blog-content h4 a{
	color:#777;
	}
.blog-content p{
  color: #999;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.3333;
}
.blog-date{
	}
.blog-date {
    position: absolute;
	background: #005f9e; /*#339900;*/
    top: 35px;
    left: 5px;
    color: #fff;
    border-radius: 0 25px 25px 0;
    padding: 5px 15px;
    font-weight: 700;
}
.more-btn {
  background: #005f9e; /*#339900;*/
  border-radius: 2px;
  display: block;
  height: 30px;
  line-height: 30px;
  margin: 30px auto auto auto;
  text-align: center;
  width: 110px;
  color: #f1f1f1;
}

.blog-row {margin-top:50px; }
.blog-row .preview-image{ text-align: center;}
.blog-row img{max-width: 100%;}

.margin_bottom30 { margin-bottom:30px; }
.margin_left10 {margin-left:10px; }
.blog-content {padding:10px; }
.bg-white {background-color:#fff;}
/* blog css end */
/* contact css */
.title{
    font-size:36px;
    opacity:0.87;
    font-weight:bold;
    line-height:1.5;
    letter-spacing:-0.4px;
    color:#1e1e1e;
    margin:0;
}
.subtitle{
    font-size:20px;
    line-height:1.6;
    opacity:0.87;
    color:#1e1e1e;
    margin:20px 0px 0px 0px;
}
.map-form{
    margin:40px 0;
}
.map-form h2{
    margin:30px 0px 0px 0px;
    font-size:24px;
    line-height:1.5;
    font-weight:bold;
    opacity:0.5;
    letter-spacing:-0.4px;
    color:#1e1e1e;
}
.map-form h3{
    margin:20px 0px 0px 0px;
    font-size:16px;
    font-weight:500;
    line-height:1.5;
    color:#1e1e1e;
    opacity:0.5;
}
.map-form p{
    margin:10px 0px 0px 0px;
    opacity:0.87;
    font-size:16px;
    line-height:1.5;
    color:#1e1e1e;
}

.map-form .form {
    padding:20px;
    background-color:#f0f0f2;
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.25);
    margin-bottom:20px;
}

.map-form .form__row {
  position: relative;
  margin-bottom: 20px;
}

.map-form .form__field {
  display: block;
  width: 100%;
  color: #1e1e1e;
  height: 50px;
  position: relative;
  padding: 19px 0px 7px 7px;
  border: 0;
  text-indent: 0;
  -webkit-appearance: none;
  border-radius: 3px;
  background: #fff;
  transition: all .2s linear;
}
.map-form .form__field:focus {
    outline: 0;
  }
/*  
.map-form .form__field:required:valid {
    border: 2px solid #46af91;
  }

.map-form .form__field:focus:required:invalid {
    border: 2px solid #e04f42;
  }
*/
.map-form .form__field--select {
  padding: 8px;
  color: #acacae;
  width:auto;
  cursor:pointer;
  height:40px;
  min-width:126px;
}

.map-form option {
  color: #333;
}

.map-form .ph-small {
    transition: all .2s;
    color: #8f8f8f;
    font-size: 10px;
    line-height: 1.6;
    margin-top: 2px;
    margin-left: 7px;
    position: absolute;
    z-index: 10;
    white-space: nowrap;
    color:#00b6ca;
}

.map-form .ph-big {
  font-size: 16px !important;
  margin: 11px 0px 15px 7px !important;
  color:#8f8f8f !important;
}

.map-form .form__submit {
    padding: 8px 24px;
    text-align: center;
    line-height: 1.5;
    background-color: #00b6ca;
    color: #f0f0f2;
    cursor: pointer;
    border: 0;
    outline: 0;
    transition: all 0.3s ease-in-out;
    font-size: 16px;
    font-weight: bold;
}
.map-form .form__title{
    font-size:14px;
    font-weight:bold;
    line-height:1.43;
    color:#1e1e1e;
    opacity:0.5;
    margin-bottom:10px;
}
.map-form .form__message{
    width: 100%;
    font-size: 16px;
    line-height: 1.5;
    color: #1e1e1e;
    border: 0;
    border-radius: 3px;
    padding: 12px 8px;
    min-height: 200px;
    resize: none;
}
.map-form .form__message:focus{
    outline:none;
}
/* contact css end */

/* product */
.product-full{
  border: 1px solid #eaeaea;
  padding: 10px;
}
.product-img-thumb{
  margin-top: 15px;
  padding: 0 40px;
}
.product-img-thumb li{
  border: 1px solid #eaeaea;
  padding: 7px 10px;
}
.product-img-thumb .owl-item li a:hover ,.product-img-thumb .owl-item li a img:hover{
  cursor: pointer;
  transform: scale(1.2);
    transition-timing-function: ease-out;
    transition-duration: 500ms;
    -webkit-transform: scale(1.2);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 500ms;
    -moz-transform: scale(1.2);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 500ms;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;


}
.owl-next{
  right: -40px;
}
.owl-prev{
  left: -40px;
}

.product-comments-block-tab {
  overflow: hidden;
}
.product-comments-block-tab .fa{
    line-height: inherit;
}
.product-comments-block-tab .reviewRating{
  color: #ff9900;
}
.product-comments-block-tab .comment{
  padding-bottom: 10px;
  padding-top: 10px;
  border-bottom: 1px dotted #eaeaea;
}
.product-comments-block-tab .comment:first-child{
  padding-top: 0;
}
.product-comments-block-tab .comment:last-child{
  padding-bottom: 0;
  border-bottom:none;
}
.product-comments-block-tab .comment .author{
    border-right: 1px solid #eaeaea;
}
.product-comments-block-tab .btn-comment{
    padding: 5px 15px;
    border: 1px solid #eaeaea;
    float: left;
    margin-top: 15px;
    cursor: pointer;
}
/* product */
/*------------------
[9. Owl carousel]
*/
.owl-controls{
    
}

.owl-controls .owl-prev{
    position: absolute;
    left: -30px;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.owl-controls .owl-next{
    position: absolute;
    right: -30px;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.owl-controls .owl-prev,
.owl-controls .owl-next{
    background: #eaeaea;
    width: 24px;
    height: 24px;
    color: #ccc;
    text-align: center;
    padding-top: 4px;
}
.owl-controls .owl-prev:hover,
.owl-controls .owl-next:hover{
    background: #339900;
    color: #fff;
}
.owl-controls .owl-prev .fa,
.owl-controls .owl-next .fa{
    font-weight: bold;
}
.home-slider{
  margin:30px 0;
}
.home-slider .owl-controls .owl-prev{
  left: 0px;
}
.home-slider .owl-controls .owl-next{
  right: 0px;
}
.home-slider .owl-controls .owl-prev,.home-slider .owl-controls .owl-next{
  background: none;
  width: 50px;
  height: 60px;
  font-size: 50px;
}
.home-slider .owl-controls .owl-prev:hover,.home-slider .owl-controls .owl-next:hover{
  background: #eee;
  color: #005f9e; /*#339900;*/
}
/* footer css */
.foot-logo{
  display: flex;
  display: -webkit-flex;

}
.foot-logo a{
  float: left;
}
.foot-logo p{
  margin:0 1em;flex:1
}
@media screen and (max-width: 991px) {
  .header_top .container{
    width: auto;
  }
	.logo{
		float: none;
		margin: 0 auto;
		text-align: center;
	}
	.top-banner{
		max-height: none;
		height: auto;
	}
	.top-banner:before{
		display: none;
	}
	.top-banner img{
		max-width: 100%;
	}
  .h_menu4 .container{
    width: auto;
  }
  
}
@media screen and (max-width: 800px) {
.foot-logo{
  display: block;
  text-align: center;

}
.foot-logo a{
  float: none;
}
.foot-logo p{
  margin:1em;
  flex:none;
}
.dropdown-menu{width: 100%;position: relative;}
}

.language {
  float: right;
}
@media screen and (max-width: 480px){
  .language{
    float: none;
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 10px;
  }
}