.layout-content { margin-bottom:30px}

label {

    font-weight: 500;

    color: #999;

}

.clearfix

{

	clear:both

}

form a {

    color: #252525;

}

h1,h2,h3,h4{

	margin:0;

	padding:0}

a:hover {

    color: #ffa500;

    text-decoration: none !important;

}

.clear{clear: both;}

.a-center {

    text-align: center !important;

}

*:focus{outline:none !important;}



.m-b-15{margin-bottom:15px;}



.m-b-30{margin-bottom:30px;}



.m-b-20{margin-bottom:20px;}



.m-t-30{margin-top:30px;}



.m-t-15{margin-top:15px;}

.m-t-10{margin-top:10px;}



.m-r-5{margin-right:5px;}



html {

  overflow-y: scroll;

  margin: 0;

  padding: 0;

}

body {

  background: #FFFFFF;

  color: #666666;

  margin: 0px;

  padding: 0px;

  font-weight: 300;

  font-size: 14px;

    font-family: "Roboto",Helvetica,Arial,sans-serif;

}

body {

  position: relative;

  overflow: hidden;

}

.input-page {

    width: 125px;

}

ul, ol {

   list-style: none;

    margin: 0;

    padding: 0;

}

ul li, ol li {

    line-height: 20px;

}

h1, h2 , h3 { margin:0; padding:0}

input[type=text], input[type=password], input[type=email], input[type=tel], select, textarea {

    background: #fff;

    /* margin-left: 29px; */

    border: 1px solid #eeeeed;

    color: #aaaaaa;

    font-family: inherit;

    font-size: 13px;

    line-height: inherit;

    padding: 10px 18px;

    -webkit-transition: all .3s ease-out;

    -moz-transition: all .3s ease-out;

    -ms-transition: all .3s ease-out;

    -o-transition: all .3s ease-out;

    transition: all .3s ease-out;

	width:100%;

}

.breadcrumbs {

    background: none;

    padding: 15px 0;

    border-bottom: 1px solid #e1e1e1;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    -o-border-radius: 0;

    border-radius: 0;

    font-weight: 300;

    font-size: 15px;

}

.breadcrumbs a {

    color: #999999;

}

.breadcrumbs a:hover, .breadcrumbs span {

    color: #00498b;

}

.breadcrumbs i {

    padding: 0 5px;

}

/*-------------ProductCart--------------*/

.input-group .input-group-field:last-child, .input-group .input-group-btn:last-child>.btn, .input-group .input-group-btn:last-child>input[type="submit"] {

    border-radius: 0;

}

/*-------ProductDetail-----------------------*/

.product-info .title-post

{

	    text-transform: uppercase;

    font-size: 15px;

    font-weight: bold;

    color: #4C93B8;

	    margin-top: 20px;

		margin-bottom:10px

}

.price-section

{

	display:inline-block

}

.product_img_box .zoom-image{

	border:1px solid #F5F5F5;

	padding:5px;}

.product-option.cart{

	padding:50px}

#gallery_zoom li{

	border: 1px solid #f9f9f9;

    background: #f9f9f9;

    display: block;

	margin-bottom:15px;

	-webkit-box-shadow: 1px 1px 8px rgba(0,0,0,0.15);

    -moz-box-shadow: 1px 1px 8px rgba(0,0,0,0.15);

    box-shadow: 1px 1px 8px rgba(0,0,0,0.15);}

.product_img_box img {

	width:100%;

	height:auto;

	cursor:pointer

}

.zoom-image img {

		width:100% !important;

	height:auto !important;

	position:inherit !important}

.zoomLens{

    width: 200px !important;

    height: 200px !important;

    background-color: white;

    cursor: default;

    border: 1px solid rgb(0, 0, 0);

	}

.modal .modal-dialog .modal-content {

    -moz-box-shadow: none;

    -webkit-box-shadow: none;

    border-color: #DDDDDD;

    border-radius: 2px;

    box-shadow: none;

    padding: 15px;

}

/*-----------Banner--------------*/

.logo {

    margin-top: 20px;

    margin-bottom: 20px;

}

nav.nav {

  background: #1C6917;

  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;

}



.menu {

  	margin-bottom: 0;

	margin: 0;

	padding: 0;

	list-style: none;

	height:43px;

}



.menu li {

  display: inline-block;

  position: relative;

  z-index: 100;

}

.menu li:first-child {

  margin-left: 0;

}

.current-menu-item>a,.current-menu-ancestor>a,.current-category-ancestor>a{

    border-bottom: 4px solid #4db2ec;

}



.menu li a {

  text-decoration: none;

  padding: 15px 20px 10px;

  display: block;

  color: #fff;

  transition: all 0.2s ease-in-out 0s;

  font-size: 13px;

  text-transform: uppercase;

  font-weight: bold;

}

.menu li:hover{

border-bottom: 4px solid #4db2ec;

}

.menu li.current-menu-item:hover{border-bottom: 0px solid #4db2ec;}

.menu li.current-menu-item ul{margin-top:0px}

.menu li.menu-item-has-children a:before {

      content: "\f103";

  display: inline-block;

  font: normal normal normal 14px/1 FontAwesome;

  font-size: inherit;

  text-rendering: auto;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  transform: translate(0, 0);

  margin-right: 5px;

}



.sub-menu li a:before {

  content: "" !important;

}







.menu ul {

  visibility: hidden;

  opacity: 0;

  margin: 0;

  padding: 0;

  width: 200px;

  position: absolute;

margin-top:4px;

  left: 0px;

  background: rgba(35, 130, 177, .8);

  z-index: 99;

  transform: translate(0, 20px);

  transition: all 0.2s ease-out;

}

.menu ul li:hover{border:none}

.menu ul li {

  display: block;

  float: none;

  background: none;

  margin: 0;

  padding: 0;

border:none

}



.menu ul li a {

  font-size: 14px;

  font-weight: normal;

  display: block;

  color: #000;

  background: #FFF;

  text-transform: none;

padding: 7px 25px 7px;

}



.menu ul li a:hover,

.menu ul li:hover a {

  background: #37C0D6;

  color: #fff;

}



.menu li:hover>ul {

  visibility: visible;

  opacity: 1;

  transform: translate(0, 0);

}



.menu ul ul {

  left: 199px;

  top: 0px;

  visibility: hidden;

  opacity: 0;

  transform: translate(20px, 20px);

  transition: all 0.2s ease-out;

}



.menu li>ul ul:hover {

  visibility: visible;

  opacity: 1;

  transform: translate(0, 0);

}



.menu-responsive {

     overflow: hidden;

    cursor: default;

    color: #c8c8c8;

    background: #222;

    overflow-x: hidden;

    overflow-y: auto;

    -moz-transition: width ease-in-out 0.28s, background linear 0.1s;

    -webkit-transition: width ease-in-out 0.28s, background linear 0.1s;

    -o-transition: width ease-in-out 0.28s, background linear 0.1s;

    transition: width ease-in-out 0.28s, background linear 0.1s;

    -ms-transform: translate(0px, 0);

    -moz-transform: translate(0px, 0);

    -webkit-transform: translate3d(0px, 0, 0);

    transform: translate(0px, 0);

    -webkit-touch-callout: none;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    -o-user-select: none;

    user-select: none;

    background: #34495E;

    left: -250px;

    height:100%;

    position: fixed;

    width: 250px;

    z-index: 9999;

    display: none;

    overflow-y: scroll;

    top: 0;

}



.menu-icon {

  background: #2A82B7;

  left: 0;

  top: 0;

  z-index: 999;

  width: 100%;

  display: none;

}



.menu-close {

  cursor: pointer;

  padding: 10px;

  background: #2A82B7;

  text-align: left;

  color: #fff;

  font-size: 16px;

  text-transform: uppercase;

  font-weight: bold;

  font-family: Tahoma;

  overflow: hidden;

}



.menu-close i {

  color: #fff;

  font-size: 30px;

  float: left;

}



.menu-close i.fa-times {

  float: right;

}



.menu-close span {

  margin: 5px;

  float: left;

}



.menu-open {

  color: #fff;

  cursor: pointer;

  font-family: Tahoma;

  font-size: 14px;

  padding: 10px 15px 8px 15px;

  text-decoration: none;

  text-transform: uppercase;

  font-weight: bold;

  overflow: hidden;

}



.menu-open i {

  margin-right: 20px;

  color: #fff;

  font-size: 35px;

  float: left;

}



.menu-open img {

  float: left;

  width: 150px;

  margin-top: 4px;

}



.menu-responsive ul {

  list-style: none;

  padding: 0;

  

}



.menu-responsive ul li {

  padding: 10px;

  border-bottom: 1px solid #415B74;

}

.menu-responsive ul li:last-child{

	border-bottom:0px

}

.menu-responsive ul li a {

  color: #CAE0F5;

  font-size: 17px;

}



.menu-responsive ul li.current-menu-item a {

  color: #2ecc71;

}



.menu-responsive ul.sub-menu li {

  border-bottom: none;

}



.menu-responsive ul.sub-menu li a:before {

  content: "\f101";

  display: inline-block;

  font: normal normal normal 14px/1 FontAwesome;

  font-size: inherit;

  text-rendering: auto;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  transform: translate(0, 0);

  margin: 0 5px 0 0;

}



@media (max-width:1024px) {

  .menu-icon,

  .menu-responsive {

    display: block;

  }



  nav {

    display: none;

  }



}

.marginbottom{margin-bottom:10px}

/** * Search Form*/

.search-form {

    margin-top: 4px;

	margin-bottom:0

}

.search-form .form-group {

    margin: 0;

}

.search-form .form-control {

    color: #999;

    background: #fff;

}

.form-control {

    border-radius: 0;

    -moz-border-radius: 0;

    -webkit-border-radius: 0;

    border: none;

    padding: 10px 15px;

    min-height: 35px;

    box-shadow: none;

}

.search-form .buttom-search {

    color: #999 !important;

    background: #f5f5f5 !important;

}

.search-form .buttom-search {

    padding: 10.5px 12px !important;

    border-radius: 0 !important;

    border: none !important;

}

/*-------------Producthot--------------*/

.dichvu h2.title, .sidebar h3.title {

    margin-bottom: 10px!important;

}

h1.title,h2.title, h3.title,h3.widget-title, h1.title-page {

	font-size: 15px;

	line-height: 1.8;

	text-transform: uppercase;

	font-weight: bold;

	border-bottom: 3px solid #1C6917;

	margin-top: 10px;

	margin-bottom:0;

	background: url(../images/icon-title.png) no-repeat;

}

h1.title span,h2.title span,

h3.title span,

.panel h3 span,

h1.title-page span {

  color: #333;

  display: inline-block;

  padding: 0 10px 0 30px;

}

h1.title span:before,

h3 span:before,

h1.title-page span:before {

	

	padding: 10px;

	

	color: #fff;

	display: inline-block;

	font: normal normal normal 14px/1 FontAwesome;

	font-size: inherit;

	text-rendering: auto;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

	transform: translate(0, 0);

	margin-right: 10px;

}

.rounded {

    text-align: center;

    border: 1px solid #8D8D8D;

    border-radius: 10px;

    -moz-border-radius: 10px;

    -webkit-border-radius: 10px;

}

.img_dv {

	border-radius: 10px;

    position: relative;

    background-color: #fff;

    width: calc(100% - 0px);

    overflow: hidden;

}

.dichvu .img_dv

{

	height:104px

}

.product_hot .rounded

{

	border:none

}

.product_hot .img_dv

{

	height:121px

}

.doitac .img_dv {

    height: 95px;

}

.img_dv:before {

    content: "";

    display: block;

    padding-top: 100%;

}

.img_dv:hover img, .img_news:hover img  {

    -webkit-transform: rotate(3deg) scale(1.2, 1.2);

    -o-transform: rotate(3deg) scale(1.2, 1.2);

    transform: rotate(3deg) scale(1.2, 1.2);

    border-radius: 10px;

}

.rounded .images

{

	    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

.rounded img, .item .images img {

    padding: 5px;

    border-radius: 10px;

    -moz-border-radius: 10px;

    -webkit-border-radius: 10px;

    -webkit-transition: 0.8s ease;

    transition: 0.8s ease;

	-o-object-fit: cover;

    object-fit: cover;

	width: 100%;

    height: 100%;

}

.dichvu .post-title {

    text-transform: uppercase;

}

a.post-title {

    line-height: 1.2;

    color: #333;

    font-weight: bold;

}

.sidebar {

    background: #fff;

}

.support {

    background-color: #2ECC71;

    margin-bottom: 5px;

}

.title-support {

    background-color: #1C6917;

    padding: 10px 15px;

    text-align: center;

    color: #fff;

    font-size: 16px;

    margin: 0 auto;

}

.support .info {

    padding: 5px 10px;

}

.support .item-info {

    line-height: 1.9;

}

.support .info h4 {

    font-size: 13px;

    text-transform: uppercase;

    font-weight: bold;

    color: #fff;

    display: none;

}

.support .item-info p {

    background-color: #204A13;

    margin-bottom: 5px;

}

.support .info a {

    color: #fff;

    font-size: 14px;

}

.support .item-info i {

    padding: 7px 10px;

    background: #1C6917;

    font-size: 25px;

}

/*---------Product----------*/

.product a.post-title {

    font-weight: bold;

    color: #444;

    display: block;

    font-size: 15px;

    margin: 5px 0;

}

/*---------------------news----------------------*/

.li_tt {

    clear: both;



}

.li_tt img {

    width: 100px;

    height: 80px;

    float: left;

    margin-right: 5px;

    border-radius: 10px;

	object-fit: cover;

}

.img_dv img {

    -webkit-transition: 0.8s ease;

    transition: 0.8s ease;

    border-radius: 10px;

	    object-fit: cover;

}

.li_tt h4 {

    line-height: 14px;

    margin-bottom: 0px;

    font-size: 15px;

}

.li_tt h3, .li_tt p {

    margin: 0 5px;

}

.li_tt p {

    font-size: 13px;

    line-height: 18px;

}

/*-------------Footer----------------------*/

footer .dev {

    background: #444;

    color: #FFFFFF;

    line-height: 20px;

    padding: 10px 0;

}

footer .dev p {

    margin: 5px 0;

}

.header-social {

    float: right;

}

.header-social span {

    margin-right: 5px;

}

footer .dev a {

    color: #FFFFFF !important;

}

.header-social a {

    display: inline-block;

    width: 26px;

    height: 26px;

    margin-left: 2px;

    border-radius: 50%;

    color: #999;

    line-height: 26px;

    text-align: center;

}

.overlay {

    height: auto;

    width: 100%;

    padding: 10px 0;

    background: #1C6917;

    color: #fff;

}

.footer-bottom h3 {

    color: #fff;

    text-transform: uppercase;

    font: bold 13px Arial;

    border-bottom: 1px solid #fff;

    padding-bottom: 5px;

	margin-bottom:10px

}

.footer-bottom a {

    color: #fff;

}

/*---------------Path---------------*/

.breadcrumb {

    overflow: hidden;

    margin: 15px 0;

}

/*-----------news---------------*/

#recent-content-1 {

  position: relative;

  border-top: 10px solid #e6e6e6;

}



#recent-content-1 .section-title {

  position: absolute;

  top: -26px;

  left: 54px;

  width: 82px;

  height: 26px;

  border-top: 1px solid #e6e6e6;

  border-right: 3px solid #e6e6e6;

  border-left: 1px solid #e6e6e6;

  color: #999;

  background: #fff;

  font-size: 0.87em;

  line-height: 37px;

  text-align: center;

  letter-spacing: 1px;

  text-transform: uppercase;

}



@media (min-width: 768px) {

  .content-loop {

    background: url(../images/bg-recent-content.png) 133px 0 repeat-y;

  }

}

.content-loop .hentry {

  border-bottom: 1px solid #e6e6e6;

}



@media (min-width: 320px) {

  .content-loop .hentry {

    position: relative;

    padding-top: 17px;

    padding-bottom: 30px;

overflow: hidden;:

  }

}

@media (min-width: 768px) {

  .content-loop .hentry {

    background: url(../images/bg-hentry.png) no-repeat 0 35px;

    padding-left: 170px;

  }

}

@media (min-width: 768px) {

  .content-loop .hentry:hover {

    background: url(../images/bg-hentry-active.png) no-repeat 0 35px;

  }

}

.content-loop .hentry .entry-title {

  margin-bottom: 10px;

  font-size:20px;

}



.content-loop .hentry .entry-title a:link,

.content-loop .hentry .entry-title a:visited {

  color: #333;

}



.content-loop .hentry .entry-title a:hover {

  color: #007bb6;

}



.content-loop .hentry .entry-date {

  position: absolute;

  top: 40px;

  left: 10px;

  color: #666;

  font-size: 0.8em;

}



.content-loop .hentry .entry-category {

  position: absolute;

  top: 90px;

  left: 0;

  font-size: 0.8em;

}



.content-loop .hentry .entry-category a:link,

.content-loop .hentry .entry-category a:visited {

  display: block;

  width: 150px;

  height: 28px;

  padding-left: 10px;

  color: #fff;

  background: url(../images/bg-category.png) no-repeat;

  line-height: 28px;

}



.content-loop .hentry .entry-category a:hover {

  background: url(../images/bg-category-active.png) no-repeat;

}



@media (min-width: 320px) {

  .posted-on,

  .entry-category {

    display: none;

  }

}

@media (min-width: 768px) {

  .posted-on,

  .entry-category {

    display: block;

  }

}

@media (min-width: 320px) {

  .entry-info {

    margin-bottom: 30px;

  }

}

@media (min-width: 1024px) {

  .entry-info {

    margin-bottom: 0;

  }

}

.content-loop .hentry .entry-meta {

  margin-bottom: 10px;

  color: #999;

}



.content-loop .hentry .entry-author a:hover,

.content-loop .hentry .entry-excerpt a:hover {

  color: #333;

}



.content-loop .hentry .entry-excerpt {

  line-height: 1.6;

}



.entry-thumb-wrapper {

  float: right;

  position: relative;

  margin: 0 0 20px 20px;

}

.post-meta.text-left {

    margin: 10px 0;

    color: #f7941e;

}

@media(max-width:768px){.img_dv{ height:auto !important}
.navbar-header
{
	     background: #2A82B7;
	
}
.navbar-default .navbar-brand, .navbar-default .navbar-toggle{	    color: #fff;}
.nav>li {    
	padding: 6px;
    border-bottom: 1px solid #415B74;}
.navbar-nav 
{
    background: #34495E;
	    margin: 0.5px -15px;
}
.navbar-default .navbar-nav>li>a
{
	    color: #CAE0F5;
    font-size: 16px;
}
.mega_dropdown li a
{
		    color: #CAE0F5;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover
{
	color:#fff
}
.mega_dropdown li a:hover{ 	color:#fff}
}