#mainMenu nav > ul > li > a {
	padding: 11px 15px;
	font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
	font-size: 15px;
}
.doitac .owl-carousel .owl-item img{background: #eee}
#topbar .top-menu > li {
	line-height: 45px;
}
#topbar .top-menu li a{
	color: #fff
}
#sp h3{color: #f2592a}
#sp .imgbox{background: #eeeeee7a}
#topbar{    background: -webkit-linear-gradient(left, #00d39f 0%, #008bd3 25%, #d40063 75%, #d4be00 100%);
	background: -o-linear-gradient(left, #00d39f 0%, #008bd3 25%, #d40063 75%, #d4be00 100%);
	background: -moz-linear-gradient(left, #00d39f 0%, #008bd3 25%, #d40063 75%, #d4be00 100%);
	background: linear-gradient(to right, #00d39f 0%, #008bd3 25%, #d40063 75%, #d4be00 100%);
}
@media only screen and (min-width:1025px){
#header{height: 120px;background: url('../upload/headerbg.png') repeat-x;line-height: 120px;border-bottom: 1px solid #eee;}
#header #header-wrap {background:transparent;border-bottom: none;}
#header #header-wrap #logo a>img{padding: 0;height: 119px;}
}
.portfolio-image .quickview{color:#fff;display:none;font-size:13px;background-color:rgba(0,0,0,.4);text-align:center;width:100%;position:absolute;bottom:0;left:0;padding:10px;z-index:1}
.portfolio-image:hover .quickview{display:block}
.portfolio-item.no-overlay .portfolio-description h3{text-transform:initial;letter-spacing:inherit;font-weight:400;font-size:15px;line-height:1.6}
.team-members .team-member .team-image{margin-bottom:0}
.team-members.team-members-shadow .team-member .team-image > img{width:220px;margin:auto;margin-top:20px}
.btn-my{background:#96c945;border:none;color:#000;font-size: 19px;padding: 16px 24px 14px;font-weight:500;text-shadow:none!important}
.btn-my:hover{background-color:#f78c14;color:#fff}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,p,body,a,span{font-family:Roboto,san-serif!important;letter-spacing: 0;color: #1d1919}
.thuvien .portfolio-item .portfolio-description h3{font-size: 18px;border: 1px #000 solid;padding: 8px 5px 4px;color:  #000;border-radius: 0.2em;width: fit-content;margin:  auto;}
.thuvien .portfolio-item:hover .portfolio-description h3{border: 1px #fff solid;color:  #fff;}
.thuvien .portfolio-item:hover .portfolio-description span i{font-size: 10px}
#section1 h2{font-size:60px;line-height:60px;margin-bottom:11px}
#section1 h3{font-size:39px;line-height:37px;margin-bottom:13px}
#section1 p.lead{font-size:26px;line-height:26px;font-weight:300}
.heading h1,.heading h2{color: #EB2026;font-weight:600;font-size: 43px;}
.lead{font-weight:400}
#section3 .grid-filter{text-align:center}
#section3 .grid-filter.gf-creative li a{text-transform:uppercase;color:#96c945;font-weight:300;font-size:20px}
#section3 .grid-filter.gf-creative li.active a,#section3 .grid-filter.gf-creative li a:hover{border:none;font-weight:600}
#section3 .grid-filter.gf-creative li:hover a:after,.grid-filter.gf-creative li.active a:after{opacity:0}
/*#section3 .portfolio-item .portfolio-description{bottom:0;top:auto;transform:inherit;width:100%;padding:10px 40px;text-align:center}
#section3 .portfolio-item:not(.no-overlay):hover .portfolio-description{background:#00000063}
#section3 .portfolio-item .portfolio-description a:first-child{position:absolute;left:50%;transform:translateX(-50%);top:-92px}
#section3 .portfolio-item .portfolio-description a:last-child{font-size:16px;font-weight:300}
#section3 .portfolio-item:not(.no-overlay):hover .portfolio-image:after{opacity:.2}
#section3 .portfolio-item .portfolio-description a i{border:1px solid #fff;background:transparent;color:#fff}
#section3 .portfolio-item .portfolio-description a:hover i{background:#fff;color:#000000a3;border:1px solid #ededed}*/
@media only screen and (min-width:1025px){
#header #mainMenu nav > ul > li > a{font-size: 21px;font-weight:500;padding: 4px 7px;color: #fff;}
}
#mainMenu nav>ul>li .dropdown-menu>li [class*=col-]>ul>li>a, #mainMenu nav>ul>li .dropdown-menu>li>a, #mainMenu nav>ul>li .dropdown-menu>li>span{font-weight:500;}
#header #mainMenu nav > ul > li > a:hover{border-bottom: 2px solid #FFF;}
#mainMenu nav {
    margin-top: 26px;
}
#mainMenu nav > ul > li{padding:0 9px;margin-left: 0;line-height: 61px;}
#section5 .heading > h2{margin-bottom:10px}
#section5 .heading > .lead{color:#fff;font-weight:300}
#section5 .team-members .team-member{background:transparent;border:none;box-shadow: none}
#section5 .team-members .team-member .team-desc > h3{color:#f6f6f6;font-size:18px;font-weight:400;margin-bottom:3px}
#section5 .team-members .team-member .team-desc > span{width:100%;float:left;font-size:14px;margin-bottom:2px}
#section5 .team-members.team-members-shadow .team-member .team-desc a{padding:3px 7px;font-size:20px;color:#d4cdcd}
#section5 .team-members.team-members-shadow .team-member .team-desc a:hover{color:#fff}
#section6 .post-item > .post-item-wrap > .post-item-description{padding:16px 0!important}
#section6 .item-link{color:#F79122;text-transform:inherit!important;font-size:18px;letter-spacing:0}
#section6 .item-link i{font-size:13px;margin-left:3px}
#section6 .post-item-description p{margin-bottom:10px}
#comment .testimonial.testimonial-blockquote .testimonial-item > p{color:#fff;font-size:17px;font-weight:300;padding-bottom:17px;padding-top:10px}
#comment .testimonial.testimonial-blockquote .testimonial-item > span.quote{color:#fff;font-size:26px}
#comment .testimonial.testimonial-blockquote .testimonial-item > span.name{color:#fff;font-style:normal;font-size:17px}
#section8 .form-control{background:transparent;border:none;border-bottom:1px #959394 solid;border-radius:0;padding:6px 0;color:#fff;font-size:17px}
#section8 input::placeholder,#section8 textarea::placeholder{color:#fff;font-weight:300}
#section8 .contact{display:table;margin:0 auto;}
#section8 .contact .logoFooter{height:100%;float:left;margin-right: 30px;}
#section8 .contact .logoFooter img{height: 174px;width: auto;}
#section8 .contact p{height:100%;float:left;color:#000;font-size:16px;line-height:27px;font-weight:400}
#section8 .contact p b{font-weight: 400;}
#section8 .contact p a.text{color:#000;margin-right:15px;padding-right:15px;border-right:1px #000 solid}
#section8 .contact p a.text.last{border-right:none}
#section8 .contact p a.social{margin-right:15px;overflow: hidden;float: left;margin-top: 6px;}
#section8 .contact p a.social span{background: url('../upload/social.png');width: 30px;height: 30px;background-position: 0px 0px;display: block;border-radius: 3px;}
#section8 .contact p a.fb span{background-position: 0 0}
#section8 .contact p a.tw span{background-position: -30px 0;}
#section8 .contact p a.yt span{background-position: -60px 0;}
#section8 .title {font-size: 22px;font-weight: 700!important;color: #ED2027;}
#section8 .copyright-content {border-top: none;}
.footerHotline{font-size: 32px;}
.bieutuongFooter{    float: left;
    width: 13.5%;
    margin-left: 25px;}
    .bieutuongFooter img{width: 100%}
.bangmau .tenmau{display: table;text-align:  center;margin:  0 auto;cursor: pointer;}
.bangmau .tenmau .tennhommau{
	float: left;
	text-align: center;
	padding: 9px 22px;
	border: 1px #ccc solid;
	border-radius: 24px;
	margin: 4px;
	font-size: 25px;
	font-weight: 300;
	background: linear-gradient(to right, #EC2329, #EC5028);
	color: #fff;
	}
.bangmau .tenmau .tennhommau.active,.bangmau .tenmau .tennhommau:hover{background: #ef8564}
	.bangmau .tenmau .tennhommau:last-child{border-right: 1px #ccc solid;}
	.bangmau .tabmau{}
	.bangmau .tabmau {width: 100%;margin: auto;margin-top: 30px;border-top: 1px #cccccc47 solid;}
	.bangmau .chamtron{
    margin: 0 auto;
    text-align: center;
    padding: 5px;
    display: table;
    margin-bottom: 20px;
}
	.bangmau .mau{
		float: left;
		width: 46px;
		height: 46px;
		border-radius: 23px;
		margin: 3px 7px;
		cursor: pointer;
		display: none;
		margin-bottom: 3px;
	}
	.bangmau .mau.active,.bangmau .mau:hover{
	width: 52px;
	height: 52px;
	border-radius: 26px;
	margin: 0px 4px;
	}
	.bangmau .tennhommau2{
		text-align: center;
		font-size: 42px;
		color: #F49829;
		text-transform: uppercase;
		font-weight: 600;
		padding: 40px 0 30px;
		display: none;
	}
	.bangmau .anh{
    border-top: 1px #cccccc47 solid;
    padding-top: 28px;
}
	.bangmau .motmau{
    float:  left;
    width: 15.6%;
    margin: 0.5%;
    height: 180px;
    border-radius: 10px;
    position:  relative;
    border: none;
}
.bangmau .motmauten{
    position:  absolute;
    bottom: 0;
    width: 100%;
    background: #F7F7F7;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 6px 10px;
    border: none;
}
	.bangmau .motmau1{
    float:  left;
    width:  100%;
    line-height: 18px;
}
	.bangmau .motmau2{
    float: left;
    width: 100%;
    line-height: 18px;
}

	@media only screen and (max-width:1024px){
		#mainMenu nav > ul > li {
			padding: 0 5px;
		}
		.bieutuongFooter {
		    width: 13%;
		    margin-left: 10px;
		}
		.bangmau .tenmau .tennhommau{font-size: 18px;}
	}
	@media only screen and (max-width:768px){
		#section3 nav{display: none;}
		#section8 .contact {
			text-align: center;
		}
		#section8 .contact .logoFooter,#section8 .contact p {
			float: none;margin-right: 0;
		}
		#section8 .contact .logoFooter img{
			margin-bottom: 30px;
		}
		#section8 .contact p{
			margin-bottom: 60px;
		}
		#section8 .contact p a.social{
			display: none;
		}
		.bangmau .motmau {
		    width: 24%;}
	}
	@media only screen and (max-width:480px){
		.youtube-div{height: 190px!important;}
		.footerHotline{font-size: 21px;}
		#header #header-wrap #logo a>img{padding: 21px 0}
		#section1 h2 {
			font-size: 40px;
			line-height: 40px;
		}
		#section1 h3 {
			font-size: 26px;
			line-height: 32px;
		}
		#section1 p.lead {
			font-size: 19px;
		}
		.heading > h2 {
			font-size: 32px;
		}
		#topbar .top-menu > li {
			line-height: 35px;
			height: 30px;
		}
		.bangmau .tennhommau2 {
		    font-size: 31px;}
		    .bangmau .motmau {
		        width: 32.3%;height: 150px;
		    }
	}
	@media only screen and (max-width:390px){
		#header #header-wrap #logo a>img{padding: 12px 0}
		#section1 h2 {font-size: 29px;}
		#section1 h3 {
			font-size: 22px;}
			#section1 p.lead {
				font-size: 18px;
			}
		}
		@media only screen and (max-width:320px){
			#header #header-wrap #logo a>img{padding: 27px 0}
		}
		#topbar .top-menu > li > a {
			margin-left: 0;
			margin: 0 8px;
		}
		.product .product-image img {
			padding: 5px;
			border: 1px #cccccc5c solid;
			background: #EFEFEF;
		}
		#mainMenu nav>ul>li.mega-menu-item .mega-menu-content .mega-menu-title{padding-bottom: 0}
		#mainMenu nav>ul>li.mega-menu-item .mega-menu-content .mega-menu-title a{
			font-family: Montserrat,Helvetica,Arial,sans-serif;
			font-size: 15px;
			line-height: 14px;
			font-weight: 700;
			text-transform: uppercase;
			padding-bottom: 0;
		}
.product-title h1 a{font-weight: 400;color: #EB2026;font-weight: 600;font-size: 35px;}
.inchat-wrapper {display: none!important;}
#header .header-extras {position: absolute;right: 15px;top: 82px;}
.header-extras a.social{margin-right:15px;overflow: hidden;float: left;margin-top: 6px;}
.header-extras a.social span{background: url('../upload/social.png');width: 25px;height: 25px;background-position: 0px 0px;display: block;border-radius: 0;background-size: cover;}
.header-extras a.fb span{background-position: 0 0}
.header-extras a.tw span{background-position: -25px 0;}
.header-extras a.yt span{background-position: -50px 0;}
.banut{}
.banut .col-sm-4{transition: all .2s ease-in-out}
.banut .col-sm-4:hover{transform: scale(1.1);}
.banut .col-sm-4 > div{
    margin: 10px;
    background: linear-gradient(#EB2427, #EC5028);
    border-radius: 0.3em;
    float:  left;
}
.banut .col-sm-4:hover div{
	background: linear-gradient(to right, #EC2329, #EC5028);
}
.banut .col-sm-4 img.mainimg{
    width: 100%;
    padding: 9px;
    border-radius: 0.3em;
    margin-bottom: 7px;
}
.banut .col-sm-4 div div img{
    float:  left;
    width: 62px;
    margin-left: 26px;
    margin-top: 0px;
    margin-right: 16px;
}
.banut .col-sm-4 div h3{
    float:  left;
    text-transform:  uppercase;
    color: #fff;
    font-size: 33px;
    margin-bottom: 0;
    line-height: 37px;
}
.banut .col-sm-4 div p{
    float:  left;
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    margin-bottom: 11px;
}
@media only screen and (max-width:1024px){
	.banut .col-sm-4 div div img{
	    margin-left: 18px;
	}
	.banut .col-sm-4 div h3{
	    font-size: 24px;
	}
	.banut .col-sm-4 div p{
	    font-size: 11px;
	}
}
@media only screen and (max-width:768px){
	.banut .col-sm-4 div div img{display: none;}
	.banut .col-sm-4 div h3{
	    width: 100%;text-align: center;
	}
	.banut .col-sm-4 div p{
	    width: 100%;text-align: center;
	}
}
@media only screen and (max-width:480px){
	.heading h1, .heading h2 {
	    font-size: 28px;
	}
}
.eachproduct .product-title h3, .eachproduct .product-title h3 a{color:#E92229}
.eachproduct .product-title p, .eachproduct .product-title p a{color: #000;margin: 0;}
.eachproduct .product-description{
    padding: 10px;
}
.eachproduct:hover .product-description{background: linear-gradient(to right, #EC2329, #EC5028);}
.eachproduct:hover .product-title h3, .eachproduct:hover .product-title h3 a{color:#FFF;}
.eachproduct:hover .product-title p, .eachproduct:hover .product-title p a{color: #FFF;}
.thuvien{}
.thuvien .anhthuvien{}
.thuvien .anhthuvien a{
    width:  100%;
    height:  100%;
    float:  left;
    min-height: 200px;
    margin: 0;
    background-size: cover!important;
    position:  relative;
}
.thuvien .anhthuvien a span{
    position:  absolute;
    top: 50%;
    left:  50%;
    transform:  translate(-50%,-50%);
    color:  #fff;
    font-weight: bold;
    font-size: 22px;
    text-transform:  uppercase;
    display: none;
}
/*.thuvien .anhthuvien a:hover span{
	display: block;
}
.thuvien .anhthuvien a::after{
    width:100%;
    height:100%;
    position:absolute;
    background-color:#000;
    opacity:0.5;
}*/
#slider .owl-controls{margin-top: -40px}
#slider .owl-controls .owl-dots .owl-dot span {
    background-color: #fff;
    box-shadow: inset 0 0 0 2px #fff;
  }
  #slider .owl-controls .owl-dots .owl-dot.active span:after,#slider .owl-controls .owl-dots .owl-dot.active span {
    background-color: #F26722;
    box-shadow: inset 0 0 0 2px #F26722;
  }
.spnoibat .owl-controls .owl-dots .owl-dot.active span:after,.spnoibat .owl-controls .owl-dots .owl-dot.active span {
    background-color: #F26722;
    box-shadow: inset 0 0 0 2px #F26722;
  }
  .product.eachproduct {
      margin-bottom: 0px;}
      .post-item .post-item-description {
          padding: 12px;
        }
        .post-item .post-item-description>h2, .post-item .post-item-description>h2>a {
            font-size: 16px;
            margin-bottom: 5px;}
            .portfolio-item .portfolio-description {
                opacity: 1;
                visibility: visible;
                background: radial-gradient(ellipse at center, #ffffff 0%,#ffffffc4 30%,transparent 70%);
                padding: 33px 0;
            }
            .grid-item .grid-image:after, .grid-item .grid-video:after, .grid-item .portfolio-image:after, .grid-item .portfolio-video:after, .portfolio-item .grid-image:after, .portfolio-item .grid-video:after, .portfolio-item .portfolio-image:after, .portfolio-item .portfolio-video:after {
                background: linear-gradient(transparent,#c31e24bd,#c31e24de);}
                .grid-item:not(.no-overlay):hover .grid-image:after, .grid-item:not(.no-overlay):hover .grid-slider .owl-stage-outer:after, .grid-item:not(.no-overlay):hover .grid-video:after, .grid-item:not(.no-overlay):hover .portfolio-image:after, .grid-item:not(.no-overlay):hover .portfolio-slider .owl-stage-outer:after, .grid-item:not(.no-overlay):hover .portfolio-video:after, .portfolio-item:not(.no-overlay):hover .grid-image:after, .portfolio-item:not(.no-overlay):hover .grid-slider .owl-stage-outer:after, .portfolio-item:not(.no-overlay):hover .grid-video:after, .portfolio-item:not(.no-overlay):hover .portfolio-image:after, .portfolio-item:not(.no-overlay):hover .portfolio-slider .owl-stage-outer:after, .portfolio-item:not(.no-overlay):hover .portfolio-video:after {
                    opacity: 1;
                }
                .portfolio-item .portfolio-description span { color: #000;
                    opacity: 1;transition:unset;font-weight: bold;}                
                .portfolio-item .portfolio-description span i{ font-size: 11px;}
                    .portfolio-item:hover .portfolio-description span { color: #fff;
                    opacity: 1;}
                    .portfolio-item:hover .portfolio-description{background:none;}
                    .portfolio-item:not(.no-overlay):hover .portfolio-description {
                         transform: translate3d(0,-38%,0); }
.product .product-image > a, .product .product-image img,.owl-item img{height: auto}
.product .product-image > a, .product .product-image img,.owl-item img{height: auto}
section.fullscreen, section.fullscreen video{height: calc(100vh - 80px) !important;}
.product .product-image > a, .product .product-image img,.owl-item img{height: auto}
section.fullscreen, section.fullscreen video,.inspiro-slider.slider-fullscreen,.inspiro-slider.slider-fullscreen .slide{height: calc(100vh - 80px) !important;}
.product .product-image > a, .product .product-image img,.owl-item img{height: auto}
section.fullscreen, section.fullscreen video,.inspiro-slider.slider-fullscreen,.inspiro-slider.slider-fullscreen .slide{height: calc(100vh - 80px) !important;}