@charset "UTF-8";
/*
@font-face { font-family: 'MyPR'; src: url("/fonts/MyriadPro-Regular.otf"); }
@font-face { font-family: 'UAL'; src: url("/fonts/UTMAlbertaHeavy.ttf"); }
*/
* {
  box-sizing: border-box;
}

:root {
  --gold: #ffb338;
  --light-shadow: #77571d;
  --dark-shadow: #3e2904;
}
/*------------------------------------------------Start Setup font genneral------------------------------------------------*/
h3, h5, h6, p, span, h1, h2, a, div { font-family: 'Roboto' !important; }
img{max-width:100%;}
a:hover{text-decoration:none;}
/*------------------------------------------------END Setup font genneral------------------------------------------------*/
body{
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
	background-size: cover !important;
}
/*-------------------------------------------------------Start Header-------------------------------------------------------*/
/*body { background-color: #E8F9FD;background: url(/images/bg-main.jpg);background-size:contain;}*/
body.dssanpham .blog{background-color:#fff;padding-top:30px;}
.full-width{width:100%;}
.container-fluid, .container{position:relative;}
header{z-index:2;width:100%;top:0;}
.callbottom{position:fixed;width:80px;bottom:48px;right:10px;}
#menu_2 {background-color:#f5f5f5;border:none;margin:0;height:40px;z-index:1001;}
#menu_2 a{color:#2a6588;}
#menu_2 a.slogan{color:#f68122;padding:15px 0;}
#page-detail-product, #page-news{background-color:#fff;padding-top: 30px;}
#page-news-detail{background-color:#fff;}
.navbar-default .navbar-toggle {float:left;margin-left:1%;}
.navbar-brand{padding:10px;}
.logofixed{padding:0;}
.logofixed a{padding:0 !important;}
.logofixed img{max-height:50px;}
.langbutton {background-color:#0d5ba6;color: #fff !important;transition:all 1s ease;}
.langbutton:hover {background-color:#f68122 !important;}
.nhansuinfo p{font-size:18px;}
.product-main{background-color:#fff;}
.product-main > h4{margin:0;padding:15px 20px;}
.pagenation > div > a{padding: 5px 10px;border: 1px solid;margin-right: 2px;}
.pagenation > div > a.active{pointer-events: none;color:#aaa;}
.box-news{background-color:#555; margin-bottom:15px;color: #fff;}
.box-news .title-news{margin:0;padding:15px 10px;font-size:15px;}
.box-news .title-news a{color:#fff;display:block;}
.box-news .description-news{padding: 5px 10px;font-size: 12px;}
.box-news .description-news > p{font-size: 14px;}
.box-news > p{color:#d9edf7;margin: 0;padding: 0 5px;font-size: 13px;}
.h4-index{
    background-repeat: no-repeat;
    background-position-x: 130px;
    background-size: contain;
}
.index-text-2 .img-box{padding:0;overflow:hidden;}
.index-text-2 .img-box img{transition:all 800ms;}
/* .index-text-2 .img-box:hover img{transform:scale(2,3) rotateY(360deg);} */
.duannoibat{overflow:hidden;}
.duannoibatbox{margin:20px 0;}
.duannoibatbox > .itembox{height:500px;width:800px;display: inline-block;overflow:hidden;position:absolute;left:120%;background-color:#00adef;}
.duannoibatbox > .itembox .eve-img{height:500px;width:800px;padding:0;}
.duannoibatbox > .itembox .eve-img a{display: block;width: 100%;height: 100%;}
.duannoibatbox > .itembox .eve-title{position: absolute;padding: 0;bottom: -100px;}
.duannoibatbox > .itembox.active .eve-title{bottom: 0;}
.duannoibatbox > .itembox .eve-title a{padding:10px 10px 0 10px;background-color:rgba( 0, 0, 0, 0.7);color:#fff;font-size:18px;display: block;}
.duannoibatbox > .itembox .eve-title p{padding:10px;background-color:rgba( 0, 0, 0, 0.7);color:#fff;font-size:15px;margin:0;}
.duannoibatbox > .itembox.active{z-index:1;}
.duannoibatbox > .itembox img{position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;z-index:-1;width:100%;}
.duannoibatbox > .itembox.next, .duannoibatbox > .itembox.prev{opacity:0.5;z-index:0;}
.duannoibatbox .slider_control{
	z-index:2;position: relative;
	padding: 10px 12px 12px 12px;
    display: inline-block;color: #036363;
    background-color: rgba(255, 255, 255, 0.57);
    border-radius: 5px;top: 10px;font-size: 20px;
}
.doitac{width: 100%;position:relative;overflow:hidden;}
.doitac .item{width:130px;height:130px;position:absolute;overflow:hidden;display: inline-block;}
.doitac .item img{position:absolute;width:auto;height:auto;margin:auto;left:0;right:0;top:0;bottom:0;max-width:unset;}
.doitacbox{background-color: aliceblue;}
.itembox{transition:left 1s, opacity 1s, z-index 2s;}
.itembox .eve-title{transition:bottom 1s;}
#news-hot .frame-img{height: 150px;overflow:hidden;position: relative;background-color: #fff;}
#news-hot .frame-img img{height: 150px;width:auto;position:absolute;margin:auto;left:0;right:0;}
#news-hot .frame-content{padding-top: 10px;}
#news-hot .frame-content a{    display: block;height: 38px;overflow:hidden;}
.rightlogo{padding:0 !important;}
.rightlogo img{max-width:130px !important;}

.navbar-default {background-color: rgba(255, 255, 255, 0.85);border:none;}
#menu_1 {transition:all 1s ease;margin-bottom:0;}
#menu_1 .navbar-brand{padding: 0px;z-index: 46;margin: 0;float:none;}
.navbar-brand>img {max-height:80px;border:none;transition:all 1s ease;}
.navbar-default .navbar-nav>li>a{color:#233b7b;text-transform: uppercase;padding:15px;}
.navbar-default .navbar-nav>li>a:hover{color:#0db1ef;}
.dropdown-menu>li>a{color:#0d5ba6;}
.slider .textoverlay{position:absolute;padding-top:0%;height:0;width:100%;overflow:hidden;/* background-color: rgb(255 255 255 / 50%); */ transition:all 500ms;}
.slider{position:relative;width:100%;height:100%;top:0;}
.slider img,.slider div,.slider a{height:auto;}
/* .slider:hover .textoverlay{height:35%;padding-top:10%;} */
.slider .textoverlay{height:100%;padding:10%;}
.slider .textoverlay p{padding:15px;background-color:rgb(255 255 255 / 78%);border-radius:10px;font-size:16px;}
.index-search{padding:7px;}
.index-search i{font-weight: bold;}
.index-search .input-group-addon{border:none;background-color:#fff;}
.index-search input{box-shadow: none;border-width: 0 0 0 1px;}
.duan-box .img-box{overflow: hidden;position:relative;height:300px;padding:0;border-left:solid 15px #fff;border-right:solid 15px #fff;}
.duan-box img{position:absolute;margin:auto;top: 50%;left: 50%;max-width:unset;width:100%;transition:all 1s;transform: translate(-50%, -50%);min-height:100%;}
.duan-box .img-box:hover img{width:150%;}
.duan-box {margin-bottom:30px;padding:0;}
.duan-box .info{padding:0;}
.duan-box .info p{font-size: 19px;}
.index-text-1{padding:0;margin-bottom:30px;}
.index-text-1 > div{padding:15px;}
.index-text-1 > div:last-of-type{background-image:linear-gradient(to left, rgba(255, 0, 0, 0), #d9edf7);}
.comon{margin-top: 90px;position: relative;font-size: 21px;display:none;}
.comon h2{font-size:45px;}
.comon h3{font-size:35px;}
.comon h4{font-size:25px;}
.comon > div{background-color:rgba(14, 119, 70, 0.42);padding:5%;color: #fafafa;border-radius:15px;}
.comon > div > div:nth-child(2){padding:5%;}
.comon > div > div:nth-child(3){border-left:1px solid #f9f9f9;}
.common-text{padding:1% 0;background-color: #fff;margin-bottom: 45px;}
.common-text h2{font-size:30px;}
.common-text p{font-size:20px;}
.common-text > div > div{padding:2%;}
.search-box{padding: 15px 0;}
.search-box button{padding:10px 20px;}
.search-box button small{display:block;color: rgba(0,0,0,.5);}
.search-box ul{font-size: 16px;}
.search-box ul li{padding:5px 10px;border-bottom:1px solid #ddd;cursor:pointer;}
.item{padding: 0 5px 30px 5px;}
.item > .frame-product {padding-bottom:0;background-color:#fff;}
.item > .frame-product > .frame-text{padding: 0 15px;}
.item > .frame-product > .frame-image{height:220px;position:relative;overflow:hidden;}
.item > .frame-product > .frame-image img{position:absolute;width:100%;margin:auto;top:0;bottom:0;max-width:unset;transition: all 1s ease;left:0;right:0;}
.item > .frame-product > .frame-image:hover img{left:-25%;width:150%;}
.item .info1{background-color: #f5f5f5;font-size: 19px;color:#777;border:1px solid rgba(255, 255, 255, 0.26);border-width:1px 0 1px 0;z-index: 1001;}
.item .info1 > div:nth-child(1),.item .info1 > div:nth-child(2){border-right:1px solid #e5e5e5;}
.item .info1 > div{padding:3px;}
.item .frame-text h2.title{height:50px;font-size: 15px;overflow: hidden;}
.item .frame-text p{font-size: 15px;}
.item .frame-text p.localtion{height:34px;}
.item .frame-text .giakm{color: #31708f;}
.bgbottomlink{position: relative;top: 0;width: 100%;}
.index-property{position:relative;color:#e5e5e5;}
.index-property > div{padding:2%;}
.index-property a{color:#fefefe;}
.page-contact .form-area{width:100%;margin:10px 0;}
footer{position:relative;border-top: 5px solid #999;}
footer .contactform{position:relative;top:10%;width: 100%;}
.contactform .bottom-form{padding: 30px;}
footer .contactform > div{background-color:#d9edf7;padding:0;}
footer .contactform .bottom-info{padding:30px;}
.contactform .bottom-info{padding:0;color: #8a6d3b;background-color:#fff;border: 1px solid #ddd;border-width: 0px 1px 0px 0px;}
/*.contactform2 .bottom-info img{margin: auto;top: 0;bottom: 0;position: absolute;}*/
#bottom-nav{height: 40px;position:fixed;width:100%;bottom:-200px;zIndex:99999;transition:all 1s ease;background-color: rgba(0, 0, 0, 0.63);}
.right-contact input{width:100%;}
#bottom-nav ul{top: -9px;position: relative;}
#scial-ab > a{display:inline-block;padding:5px 15px;}
.giohang,.giohang a{padding:0 !important;}
.giohang img{width:60px;}
.cartnumh{top:2px;right:3px;position: absolute;padding: 1px 6px;border-radius: 10px;background-color: #fff;color: #ada117;}
.bottom-link{position: relative;}
#main-nav{background-color:transparent;height:50px;margin:auto;top:0;bottom:0;position:absolute;}
#main-nav a{color:#fff;}
.shopping-cart-box{box-shadow: 0px -1px 4px 1px rgba(0, 0, 0, 0.18);padding:30px;background-color: #fff;z-index: 1;display:none;top: 50px;width: 100%;position: fixed !important;}
.themgiohang{transition:all 1s ease;width:110px}
.info-product .themgiohang{margin:15px 0;}
.added .themgiohang{background-color:#a27127;width:140px;}
.added .themgiohang::before{content:'x';color:rgb(251, 186, 120);left:-17px;position:relative;}
a.MagicZoom img {}
.mz-inner {z-index:1001; }
.selectors { display: inline-block; padding: 7px;width: 100%;margin-top: 15px; }
.selectors ul { padding: 0; margin: 0; list-style: none; }
.selectors ul li { float: left; margin-right: 10px; }
.selectors ul img { width: 80px; height: 80px; object-fit: contain; }
.banner-top{position: relative;}
.banner-top > div{position: absolute;z-index: 1;width: 100%;bottom: 0;background-color: rgba(0,0,0,.6);}
.title-general{text-align:center;}
#page-news-detail .title-general > h3{margin: 0;padding: 15px 0;color:#286090;font-size:35px;}
.title-general > h3{margin: 0;padding: 15px 0;color:#fff;font-size:35px;}
.breadcrumb{background-color:transparent;border:none;}
#page-news-detail .breadcrumb>li,#page-news-detail .breadcrumb>li a{color:#233b7b !important;}
.breadcrumb>li,.breadcrumb>li a{color:#fff !important;}
.bottom-logo{padding:0;}

/* SLIDER */
.slider-row{overflow:hidden;border-bottom: 40px solid #fff;background-color:#fff;}
.slider_row_right, .slider_row_left:hover{background:none;}
.slider_row_right, .slider_row_left{width:3% !important;background:none !important;color:#FF7200 !important;}
.slider_row_right.in, .slider_row_left.in{position:fixed;z-index:1003;}
.eve-price{
	color:#111;font-weight:bold;display:block;border:1px solid #ddd;display:inline-block;
	background: #005D9D; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#f5f5f7 0%, #ffffff 60%, #b9babb 100%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f5f5f7 0%, #ffffff 60%, #b9babb 100%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f5f5f7 0%, #ffffff 60%, #b9babb 100%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f5f5f7 0%, #ffffff 60%, #b9babb 100%);
    padding: 5px 10px;
    border-radius: 15px;
}
.slider-row .item > .frame-product > .frame-image{height:200px;}
a.eve-price, a.eve-price:focus{color:#dea845;}
a.eve-button, a.eve-button:focus{color:#ddd;}
a.eve-button:hover{color:#fff;}
.eve-button{
    margin-top:4px;
    display: inline-block !important;
    padding:5px 20px;border-radius:5px;
    background: #005D9D; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#0179C1,#084C83); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#0179C1,#084C83); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#0179C1,#084C83); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#0179C1,#084C83);
    color:#fafafa;
    border:1px solid #ddd;
}
.slider-row > div{max-height:331px;}
.slider-row > div > div{padding:15px 0;margin-bottom:10px;}
.slider-row > div > div > form > div{padding:0;}
.slider-row .eve-img{
	position:relative;
    height:200px;
    padding:0;
    background-color: #000;
    overflow:hidden;
}
.slider-row .eve-img img{
    position: absolute;
    margin: auto;
    left: 0;top: 0;right: 0;bottom: 0;
}
.slider-row .eve-title{padding:0;font-size:12px;}
.slider-row .eve-title > div{background-color: brown;max-height: 34px;}
.slider-row .eve-title > div span{color:burlywood;}
.slider-row .eve-title a{padding:6px;background-color:#000;color:#ddd;height:43px;overflow:hidden;}
.slider-row.new-item .eve-title a{height:50px;}
.slider-row.list-video {margin-top:15px;}
.slider-row.list-video > div{padding:0;border:2px solid #fff;}
.slider-row.list-video > div.active{border-color:orange;border-radius:5px;}
.slider-row.list-video > div > div:first-of-type{padding:0 0 0 0;}
.slider-row.list-video .eve-img{height:60px;}
.slider-row .item .giakm{padding: 10px 20px;background-color: #ff6500;display: inline-block;margin:0 auto 10px auto;border-radius: 30px;color: #fff;}
.slider-row .item > .frame-product{padding-top:0;overflow: hidden;position: relative;}
.slider-row .item .truong{padding:10px 15px;background-color:rgba(0, 0, 0, 0.62);height:53px;overflow:hidden;margin:0;position:absolute;width:100%;}
.slider-row .item .truong a{color:#fff;}
.slider-row.show img:hover{cursor:pointer;}

.slider-row.show .eve-img.in{width:100%;position:fixed;background-color:rgba(0,0,0,0.80);z-index:1002;width:100%;height:100%;top:0;left:0;}
.slider-row.show .eve-img.in img{width:auto;max-width:unset;}

.pdslidebox{padding:0;}
.pdslidebox > div{padding:0;}
.pdslidebox > div > div{padding-left:1px;padding-right:1px;}

.title-slider{color:#233b7b;background-color:#fff;margin:0;padding:15px 0;text-transform:uppercase;}
.index .title-slider, .dssanpham .title-slider, .timkiem .title-slider{color:#233b7b;}
.splabel{
	position: absolute;padding: 8px 12px;width: max-content;height: fit-content;display: inline-block;
    background-color:rgba(249, 115, 56, 0.88);color: #fff;margin: auto;left: 0;top: 20%;border: 1px solid #ddd;box-shadow:0px 1px 16px -6px #000;
}

#main-slider, .legacy {
  background-attachment: fixed;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  /*padding: 200px 0;*/
  color: #fff;
}
#main-slider .item {
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  -webkit-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
  left: 0 !important;
  opacity: 0;
  top: 0;
  position: absolute;
  width: 100%;
  display: block !important;
  z-index: 1;
  padding-bottom:0;
}
#main-slider .item:first-child {top: auto;position: relative;}
#main-slider .item.active {
  opacity: 1;
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  -webkit-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
  z-index: 2;
}
#main-slider .item.active h1 {
  -webkit-animation: scaleUp 400ms;
  -moz-animation: scaleUp 400ms;
  -o-animation: scaleUp 400ms;
  -ms-animation: scaleUp 400ms;
  animation: scaleUp 400ms;
}
#main-slider .prev,#main-slider .next {
  position: absolute;top: 50%;background-color: rgba(0, 0, 0, 0.3);color: #fff;
  display: inline-block;margin-top: -50px;font-size: 24px;height: 50px;
  width: 50px;line-height: 50px;text-align: center;border-radius: 4px;z-index: 5;
}
#main-slider .prev:hover,#main-slider .next:hover {background-color: rgba(0, 0, 0, 0.5);}
#main-slider .prev {left: 10px;}
#main-slider .next {right: 10px;}
#main-slider h1 {font-size: 68px;text-shadow: 0 3px rgba(0, 0, 0, 0.1);color: #fff;}
.index-text-2{border-bottom: 5px solid #d9edf7;}
.legacy {padding:60px 0;margin:20px 0;background-size:cover;background-position: 60%;}
.legacy > div > div{padding:20px 0;}
.legacy i{font-size:50px;}
.legacy p{font-size:20px;}
.index-h2 {color: #f68122;}
.images-news{position:relative;overflow:hidden;}
.images-news img{width:100%;}
/*
.images-news:after,.images-news:before{position:absolute;padding-left:50%;padding-bottom:100%;background-color:rgb(255 255 255 / 47%);top:0;right:0;content:'';transition:all 500ms;}
.images-news:before{left:0;right:unset;}
.images-news:hover:after{right:-50%;}
.images-news:hover:before{left:-50%;}
*/
.textgold {
  /* background: radial-gradient(#272727, #1b1b1b); */
  display: grid;grid-template-areas: 'overlap';place-content: center;text-transform: uppercase;line-height: 100px;}
.textgold > div {
  background-clip: text;-webkit-background-clip: text;color: #363833;font-family: 'Poppins', sans-serif;font-weight: 900;
  /* font-size: clamp( 3em, 18vw, 15rem); */
  font-size:80px;grid-area: overlap;letter-spacing: 1px;-webkit-text-stroke: 4px transparent;
}
.textgold div.bg {background-image: repeating-linear-gradient( 105deg,var(--gold) 0% , var(--dark-shadow) 5%,var(--gold) 12%);
color: transparent;/* filter: drop-shadow(5px 15px 15px black); */transform: scaleY(1.05);transform-origin: top;}
.textgold div.fg{background-image: repeating-linear-gradient( 5deg,var(--gold) 0% ,var(--light-shadow) 23%,var(--gold) 31%);color: #fff;transform: scale(1);}
.textgold div p{margin:10px;}
.socialbt{position: fixed;bottom:20%;width: 80px;}
.socialbt a:last-of-type img{
	animation-name: changecolor;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
	background-color: blueviolet;border-radius: 20px;}
.index-info-1{font-size:20px;border-style:double;border-color:#d9edf7;}
.index-info-1 > span{width:80%;margin:auto;}
.index-info-1 > h2{display:block;margin:auto;padding:15px;}
.index-text-1 > div.indexmenu{padding:0;}
.indexmenu > div{padding:5px;}
.indexmenu a{display:inline-block;width:100%;padding:8px;color: #fff;border: 1px solid #d9edf7;box-shadow: 1px 1px 1px 1px rgb(0 0 0 / 22%);font-size:16px;background-color: chocolate;border-radius: 10px;}
.phaply > h2{margin:0;padding:15px 0 50px 0;}

.giaban p{font-size:50px;}
.giaban h2{padding:20px 0 30px 0;margin:0;font-size:50px;}
.giaban > div{display:inline-block;padding:15px;}
.zerobutton{display:block;width:98px;line-height:23px;text-align:center;padding:10px;background-color:rgb(0 139 139 / 78%);border-radius:55px;color:#fff;text-shadow:1px 1px 1px #666;}
.zerobutton span{
	animation-name: changecolortxt;
    animation-duration: 1s;
    animation-iteration-count: infinite;
	font-size:60px;line-height:50px;
}
.odong a{padding:10px 15px 10px 15px;display:inline-block;font-size:30px;border-radius:20px;border-style:outset;border-color:goldenrod;color:#fff;margin-top:30px;min-width:60%;}
.odong a{background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);background-size: 400% 400%;animation: gradientchange 5s ease infinite;}
#myModal1 {color:#1f1f1f;}
#myModal1 img{max-width:20%;}
#myModal1 hr{border-color: transparent;}
#myModal1 .well{background-color:unset;}
#myModal1 .well > div{display:inline;}
.holding{pointer-events: none;opacity: 0.4;}


@media (min-width: 768px) {
	li.dropdown:hover{background-image: linear-gradient(to bottom,#d1ffff 0,#d9edf7 100%);box-shadow: inset 0 3px 9px rgba(0,0,0,.075);}
	li.dropdown:hover > .dropdown-menu{display:block;}
	.dropdown-submenu:hover > .dropdown-menu{display:block;left: 100%;top: 0;}
	.index-h2{padding:30px 15px;margin:0;}
	.duan-box{padding-left:15px;border-left: 5px solid #31708f;}
	.duan-box .info{padding-left:15px;border-top: 5px solid #31708f;}
	.duanstar .duan-box:nth-of-type(2), .duanstar .duan-box:nth-of-type(2) .info{border-color:#e69405;}
	.duanstar .duan-box:nth-of-type(3), .duanstar .duan-box:nth-of-type(3) .info{border-color:#8c1133;}
	.duanstar .duan-box:nth-of-type(4), .duanstar .duan-box:nth-of-type(4) .info{border-color:#578c11;}
	.duanstar .duan-box:nth-of-type(2) h2 a{color:#e69405;}
	.duanstar .duan-box:nth-of-type(3) h2 a{color:#8c1133;}
	.duanstar .duan-box:nth-of-type(4) h2 a{color:#578c11;}
	.index-text-2{margin:30px 0;}
	.index-text-2 > div{padding:0;}
	p{font-size:20px;}
	.textgold div p{font-size:50px;}
	#myModal1 .modal-dialog{max-width:60%;}
}
@media (max-width: 992px) and (min-width: 768px) {
	
}
@media (max-width: 2000px) {
	.iframevideo{height:900px;}
}
@media (max-width: 1200px) {
	.slogan{font-size:12px;}
	.iframevideo{height:900px;}
}
@media (max-width: 992px) {
	.slider{position:relative;}
	.navbar-brand{padding:0;}
	.navbar-brand>img{max-height: 50px;}
	.iframevideo{height:700px;}
}
@media (max-width: 768px) {
	.contactform form > div{padding:0;}
	#main-nav .menu-toggle{display:none;}
	.cart-s{display:inline-block;}
	.cartnumh{right:unset;left:40px;}
	#scial-ab > a{padding:5px 5px;}
	#menu_2 .navbar-brand img {margin-right: 20px;}
	#menu_2 .navbar-header .email {display:inline-block;float: right;padding: 15px 10px;}
	.index-search{width:70%;min-width:200px;}
	#menu_1{margin-bottom:0;}
	.bottom-link{height:auto;}
	.common-text, .index-text-1 > div{text-align:justify;}
	.contactform2 .bottom-info img{position:relative;}
	.duan-box .img-box{padding-left:0;}
	#index > div > .row{margin-left:0;margin-right:0;}
	.logofixed{padding-left:15px;}
	.contactform .bottom-info{border:none;border-radius:0;}
	.duan-box .img-box{border:none;}
	.duan-box .info{padding:5px;text-align:justify;}
	.textgold > div {font-size:30px;line-height:50px;}
	.textgold > div p{font-size: 28px;text-align: center;}
	.slider .textoverlay p{font-size:14px;padding:5px;text-align: justify;}
	.slider .textoverlay{padding:5%;}
	p{text-align:justify;}
	.tongquan h2{font-size:38px;}
	.iframevideo{height:600px;}
}
@media (max-width: 700px) {
	.item, .item-news {width:50%;}
	.slider-row .item{width:50%;}
	.navbar-brand>img{position:relative;}
	.box-news .title-news{height:100px;padding:5px;}
	.left-news,.item-news{padding:3px;}
}
@media (max-width: 640px) {
	.bottom-info h4{font-size:100%;}
	.item {padding:3px;}
	.slider-row {border-width: 0 0 5px 0;}
	header{height:auto;padding-bottom:0;}
	.index .title-slider{background-color: #00afbc;color: #fff !important;}
	.item > .frame-product > .frame-image{height: 100px;}
	.item .info1{font-size:15px;}
	.slider-row .item{margin-bottom:30px;}
	.slider-row .item > .frame-product > .frame-image{height:110px;}
	.container{padding-left:5px;padding-right:5px;}
	.row,.navbar-header{margin-left:-5px !important;margin-right:-5px !important;}
	#page-detail-product .container > div{padding-left:0;padding-right:0;}
	#page-detail-product .container > div .center-product-detail{padding-left:0;padding-right:0;}
	#page-detail-product .container > div .info-product{padding-left:0;padding-right:0;}
	#menu_2 .navbar-header .email span:first-of-type{display:none;}
	#menu_2 .navbar-header .email span:last-of-type{display:inline-block !important;}
	.callbottom{width: 38px;bottom: 32px;right: 1px;}
	.iframevideo{height:400px;}
}
@media (max-width: 500px) {
	.bottom-info .col-xs-6{width:100%;}
}


@keyframes changecolor {
  0% {background-color:#fff;}
  50% {background-color:#bde22b;}
  100% {background-color:#fff;}
}
@keyframes changecolortxt {
  0% {color:#fff;}
  50% {color:#bde22b;}
  100% {color:#fff;}
}
@keyframes gradientchange {
	0% {background-position: 0% 50%;}
	50% {background-position: 100% 50%;}
	100% {background-position: 0% 50%;}
}

/* Font class*/
.font-Foldit{font-family: "Foldit", sans-serif !important;}
.font-Pacifico{font-family: "Pacifico", cursive !important;}
.font-GreatVibes{font-family: "Great Vibes", cursive !important;}
.font-Ojuju{font-family: "Ojuju", sans-serif !important;}
.font-Allison{font-family: "Allison", cursive !important;}
.font-Bungee{font-family: "Bungee Shade", sans-serif !important;}
.font-Neonderthaw{font-family: "Neonderthaw", cursive !important;}
.font-Oswald{font-family: "Oswald", sans-serif !important;}
.font-Comfortaa{font-family: "Comfortaa", sans-serif !important;}
.font-Cormorant{font-family: "Cormorant Infant", serif !important;}
.font-Amatic{font-family: "Amatic SC", sans-serif !important;}
.font-Thasadith{font-family: "Thasadith", sans-serif !important;}

.font-BungeeO{font-family: "Bungee Outline", sans-serif !important;}
.font-BlackOps{font-family: "Black Ops One", system-ui !important;}
.font-Merienda{font-family: "Merienda", cursive !important;}

/* Grandient color*/
.text-color1{
	display:block;
	background:linear-gradient(#1f3f5b, #0089ff);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
}
.text-color2{
	display:block;
	background:linear-gradient(to left, #a71062, #31708f);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
}