html,
body {
    height: 100%;
}

body {
     /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

@font-face {
    font-family: "myfont";
    src: url("../css/UTM Neutra.ttf") format("truetype"); font-weight: normal;
font-style: normal;
}

.img-portfolio {

}
.dichvu {text-align:center; font-size:20px;}
.marding0 {margin-top:0px;}
.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */
.class-h1 {
    border-bottom: 2px solid #d32c32;
}

.phantrang a {
	 
	padding:6px 12px;
	margin-left:-1px;
	line-height:1.42857143;
	color:#337ab7;
	text-decoration:none;
	background-color:#fff;
	border:1px solid #ddd}
	
	.phantrang span {
	 padding:6px 12px;
	background-color: #337ab7;
    border-color: #337ab7; margin-left:-1px;
	line-height:1.42857143;
	color:#fff;
	text-decoration:none;}
.box {
  width: 50%;
  margin: 0 auto;
  background: rgba(255,255,255,0.2);
  padding: 35px;
  border: 2px solid #fff;
  border-radius: 20px/50px;
  background-clip: padding-box;
  text-align: center;
}
#popup1 {z-index:99;}
.button {
  font-size: 1em;
  padding: 10px;
 
  border: 2px solid #06D85F;
 
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease-out;
}
.button:hover {
  background: #06D85F;
}
.img-responsive {z-index:-99;}
.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.tieude {
    width: 200px;
    font-size: 14px;
    font-weight: 700;
    margin: 0 auto;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background-color: #d32c32;
    color: #FFFFFF;
    text-transform: uppercase;
}
.chan p, .chan h3, .chan a {color:#fff;     line-height: 31px;}
.item2 {    min-height: 255px;
    background: #b11016;
    padding: 10px;}
	.item2 h3 {font-size:15px; font-weight:bold; color:#FFFFFF}
	.item2 p {color:#FFFFFF;}
.item2 img {float:left; margin-right:15px; width:25%; border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;}
.popup {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 50%;
  position: relative;
  transition: all 5s ease-in-out; z-index:9999;
}

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.popup .close:hover {
  color: #06D85F;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
}

.tin-tuc {float:none; clear:both; margin-bottom:10px;	}
.imgTintuc {width:100%;}

@media screen and (max-width: 700px){
h1 {font-size:26px;}
  .box{
    width: 70%;
  }
  .popup{
    width: 70%;
  }
}

.masonry {
    margin: 1.5em 0;
    padding: 0;
    -moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
    column-gap: 1.5em;
    font-size: .85em;
}

.masonry1 {
    margin: 1.5em 0;
    padding: 0;
    -moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
    column-gap: 1.5em;
    font-size: .85em;
}

.item {
    display: inline-block;
    background: #fff;
    padding: 1em;
    margin: 0 0 1.5em;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.18);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.item img{ width:100%;}

.item1 {
    display: inline-block;
    background: #fff;
    padding: 5px;
    margin: 0 0 10px;
    width: 95%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.18);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.item1 img{ width:100%;}


figure {
	background: #3f1f0f;
    padding: 0;
    margin: 0;
}
figure img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out; display: block;
}
figure:hover img {
	opacity: .5;
}

.sd-right-col ul, .sd-right-col ol {
    list-style: none;
    margin: 0;
    padding: 0;
}
.sd-recent-widget-thumb {
    float: left;
    height: 65px;
    margin-right: 20px;
    width: 100px;
}
.sd-right-col img, .sd-right-col select {
    max-width: 100%;
}
.sd-recent-posts-content {
    overflow: hidden;
}
.sd-recent-posts-content h4 {
    font-size: 16px;
    padding-bottom: 0;
}
.sd-recent-date {
    font-size: 12px;
}

.marginright15 {margin-right:15px;}
.margintop15{margin-top:15px;}
.margintop0{margin-top:0px;}
.marginright0{margin-right:0px;}
.paddingleft0{padding-left:0px;}
.paddingright0{padding-right:0px;}
.paddingtop0{padding-top:0px;}
.paddingbottom0{padding-bottom:0px;}
.formdattiec {float: left;
    width: 48%;
    margin-right: 10px;}

header.carousel {
    height: 100%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */

footer {
    margin-top:30px; 
}

/* Responsive Styles */
#get_quote.green {
    background: #7d6660 url(../images/pattern_green.png) repeat;
    padding: 18px 0;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
#get_quote h3 {margin-bottom:auto;     margin-top: 10px;}
a.btn_quote{
    border: none; margin-top:10px;
    font-family: inherit;
    font-size: inherit;
    color:#fff;
    background:none;
    cursor: pointer;
    padding: 7px 30px;
    display: inline-block;
    outline: none;
    font-size:14px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-transform:uppercase;
    font-weight:bold;
    border:2px solid #fff;
    float:right;
    white-space:nowrap;
    text-shadow:none;
}
a.btn_quote:hover{
    color:#629976;
    background:#fff;
}
.nen {background-color:#302f2f}
.nenfooter {background-color:#5f0004; padding:5px 0; color:#666666;}
.nenden {background-color:#242424; padding:5px 0; color:#fff;}
.panel1 {
    margin-bottom: 20px;
    background-color: #b11016;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.nau {color:#fff; font-size:27px; text-align:center;}

.floatleft {float:left;}
.floatright {float:right;}
.font28 {font-size:28px;}

.wrapperheader {
    width: 100%;
    background-color:#b11016;
}
 
.mang-xh {
    width: 93px;
    float: left; font-size:26px; color:#fbfe13;
}

.mang-xh a:hover {color:#FFFF00;}
.google-maps {
        position: relative;
        padding-bottom: 63%;  
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

.colorwhite {color:#FFFFFF;}

.topmenu {
    margin-top: 8px;
}
.topmenu ul {
    position: relative;
    list-style: none; margin-bottom:0px; padding-left:0;
}
.topmenu ul >li:first-child {
    padding-left: 0px;
}
.topmenu ul >li {
    float: left;
    padding: 0 13px;
    position: relative;
    border-right: 1px solid #d1d2d4;
}
 
.topmenu ul >li >a {
    display: block;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    font-size: 13px;
}
.topmenu ul >li >a:hover {
    color:#3a1b07;
}
.nopadright {
     padding-right:0px !important;     border-right: none !important;
}
 
.nopadleft {
     padding-left:0px;
}

.hotlineright {
    float: left;
	text-align:right;
    margin-top: 7px;
	font-size: 17px;
    color: #fff;
}
.dangkynhanbantin {
    float: left; padding-left:0px;
	text-align:left;
    margin-top: 7px;
	font-size: 15px;
    color: #fbfe13;
}
 
.flipkart-navbar-input {
    padding: 5px 16px;
    border-radius: 2px 0 0 2px;
    border: 0 none;
    outline: 0 none;
    font-size: 15px;
}

.flipkart-navbar-button {
    background-color: #ffe11b;
    border: 1px solid #ffe11b;
    border-radius: 0 2px 2px 0;
    color: #565656;
    padding: 7px 0;
    height: 31px;
    cursor: pointer;
}

.cart-button {
    background-color: #2469d9;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .23), inset 1px 1px 0 0 hsla(0, 0%, 100%, .2);
    padding: 10px 0;
    text-align: center;
    height: 41px;
    border-radius: 2px;
    font-weight: 500;
    width: 120px;
    display: inline-block;
    color: #FFFFFF;
    text-decoration: none;
    color: inherit;
    border: none;
    outline: none;
}

.cart-button:hover{
    text-decoration: none;
    color: #fff;
    cursor: pointer;
}

.cart-svg {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 8px;
}
.martop20 {margin-top:20px;}

/***********/
.tr_mobile
{
  display:none!important;
}
.topmenu
{
    display:block!important;
	 
}


.tr_pc
{
    display:block!important;
	margin-top:26px; width:71%;
}

.glossymenu{position: relative;	list-style: none; height:40px; padding-left: 0;}

.glossymenu >li{
	float:left; position:relative; 
}
.glossymenu .li-last-child:a{padding-right:0;}
.glossymenu >li >a{
	display: block;
	color:#b11016;
	text-decoration: none; text-transform:uppercase;
	cursor: pointer; font-size:15px; font-weight:bold; padding:10px 14px; 
}
/*hover*/
.glossymenu >li >a:hover{
	color:#000;
 	
}
.glossymenu >li.current >a {
	color:#000 !important;}


.glossymenu >li >ul{display:none; position:absolute; top:33px; left:0px; z-index:999999; border-top:none; padding-top:10px; width:210px;  padding-left:10px; background-color:#e4e4e4;}
.glossymenu >li >ul >li{margin-right:10px; padding:8px 0; border-bottom:1px solid #d6d4d4; list-style:none;}
.glossymenu >li >ul >li >a{color:#b11016; padding:3px 0px; text-decoration:none; }
.glossymenu >li >ul >li >a:hover{color:#000;}
.glossymenu >li:hover >ul{display:block; z-index:999;}
.menu_active, .grid{display:none;}


/************/
.d_mneu_mobile
{
   
    
    width: 55px;
        margin-top: -66px;
    float: right;
    position: relative;
     height:45px;
	 overflow:hidden;
}

.slide-show {width:100%;}
.slide-show img{max-width:100%; }


#mask {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9000;
  background-color: #000;
  display: none;
}

#boxes .window {
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  z-index: 9999;
 
 
  text-align: center;
}

#boxes #dialog {
  width: 50%;
  height: auto;
 
}

#boxes #dialog img{width:100%;}

#popupfoot {
 
    
    width: 50px; height:50px; position: absolute;
    top: 00px;
    right: 0px;
   
}

@media screen and (max-width: 1207px) {
.glossymenu >li >a {
 
    padding: 4px 14px;
}
}
@media screen and (max-width: 1024px) {

 .glossymenu >li >a {
 
    padding: 4px 0px;
}
.topmenu ul > li {
   
    padding: 0px 8px;
  
}
.hotlineright {
 
    font-size: 15px;
  
}
	.tr_mobile
	{
	  display:none!important;
	}
	.tr_pc
	{
	  display:block!important;
	}

}
@media screen and (max-width: 1000px) {
.hotlineright {
 
    font-size: 17px;
  
}

.tr_mobile
	{
	  display:block!important;
	}
	
	.tr_pc
	{
	  display:none!important;
	}
	.topmenu
	{
	  display:none!important;
	}
  
}

@media screen and (max-width: 768px) {
 
  .item2 img {
    
    width: 22%;
}
.cssnoidung img{width: 100%; height: auto;}
}

.hinhquangcao img{ width:100%; margin-bottom:10px;}


@import url("//fonts.googleapis.com/css?family=Montserrat|Open+Sans:400,300,600,700&subset=latin,vietnamese");
.coccoc-alo-phone{
	visibility:hidden;
	background-color:transparent;width:100px;
	height:60px;cursor:pointer;z-index:200000 !important;
	-webkit-backface-visibility:hidden;
	-webkit-transform:translateZ(0);
	-webkit-transition:visibility .5s;
	-moz-transition:visibility .5s;
	-o-transition:visibility .5s;transition:visibility .5s;

}
.coccoc-alo-phone.coccoc-alo-show{
	visibility:visible
}
@-webkit-keyframes fadeInRight{
	0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
	100%{opacity:1;-webkit-transform:none;transform:none}
}
@-webkit-keyframes fadeInRightBig{
	0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
	100%{opacity:1;-webkit-transform:none;transform:none}
}
@-webkit-keyframes fadeOutRight{
	0%{opacity:1}
	100%{
		opacity:0;-webkit-transform:translate3d(100%,0,0);
		transform:translate3d(100%,0,0)
		}
	}
.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}

	
	.h2minh {color:#FFFF00; font-style:italic;}
.nutcallhome {float:right}
.banmuondich {font-size:22px;}
.cssnoidung {text-align:justify}
.cssnoidung a{color:#990000; font-weight:bold}
.hayh4 {min-height:46px;}
.chan {background-color:#c16b18}