/********************************************
*	
* Fonts
*
********************************************/
@font-face{font-family:'ame';
			src: url('../fonts/ame.ttf') format('truetype');
}
@font-face{font-family:'ame-b';
			src: url('../fonts/ame-b.ttf') format('truetype');
}
@font-face{font-family:'ame-i';
			src: url('../fonts/ame-i.ttf') format('truetype');
}
@font-face{font-family:'ame-be';
			src: url('../fonts/ame-be.ttf') format('truetype');
}
@font-face{font-family:'neo';
			src: url('../fonts/neo.ttf') format('truetype');
}
@font-face{font-family:'avo';
			src: url('../fonts/avo.ttf') format('truetype');
}
@font-face{font-family:'avob';
			src: url('../fonts/avob.ttf') format('truetype');
}
@font-face{font-family:'avoi';
			src: url('../fonts/avoi.ttf') format('truetype');
}

.zalo-position .zalo-chat-widget{
    border: none;
    visibility: visible;
    bottom: 93px!important;
    left: 20px!important;
    position: fixed;
    width: 60px;
    z-index: 2147483644;
    height: 60px;
}




@font-face{font-family:'avobi';
			src: url('../fonts/avobi.ttf') format('truetype');
}
@font-face{font-family:'uikit';
			src: url('../fonts/fontawesome-webfont.ttf') format('truetype');
}
@font-face{font-family:'ban-b';
			src: url('../fonts/ban-b.ttf') format('truetype');
}
@font-face{font-family:'ban-r';
			src: url('../fonts/ban-r.ttf') format('truetype');
}
@font-face{font-family:'slogan';
			src: url('../fonts/trajan.ttf') format('truetype');
}@font-face{font-family:'hel-r';
			src: url('../fonts/hel-r.ttf') format('truetype');
}
@font-face{font-family:'hel-b';
			src: url('../fonts/hel-b.ttf') format('truetype');
}
@font-face{font-family:'hel-l';
			src: url('../fonts/hel-l.ttf') format('truetype');
}
* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.ame{font-family:ame-be;}
body {
    margin: 0;
    padding: 0;
    color: #222;
    background: #fff;
	overflow-x:hidden;
    font-family: hel-r;
    font-weight: 300;
    font-size: 0.875em;
}
a {
    color: #150b58;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}
a:hover {
    color: #fe5831;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

.titlegold {
    font-family: ame-be;
    font-size: 36px;
    color: #d30720;
    background: #d30720;
    background: -o-linear-gradient(transparent, transparent);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0px 0 30px 0;
    font-weight: bold;
    text-transform: uppercase;
}
.banner img {
    width: auto;
    height: 100%;
}.social li.online span{width:100%; display:block;}
.social li.online{
    width: 300px;
    border: 0px;
    line-height: 1;
    padding: 0;
    font-family: neo;
	pointer-events: none;
	background:url(../img/earth.png);
	background-size: 40px auto;
	padding-left:50px;
	background-repeat:no-repeat;
}
#language-select select {
    padding: 3px;
    margin: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #fff;
    color: #888;
    border: 2px solid #cdcdcd;
    outline: none;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    width: 90px;
    height: 37px;
    margin-top: 5px;
}
label.list:before {
    content: '';
    right: 6px;
    top: 0px;
    width: 20px;
    height: 20px;
    background: #fff;
    position: absolute;
    pointer-events: none;
    display: block;
}
label.list:after {
    content: '<>';
    font: 16px "Consolas", monospace;
    color: #aaa;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    right: 4px;
    top: 28px;
    padding: 0 0 2px;
    border-bottom: 1px solid #ddd;
    position: absolute;
    pointer-events: none;
}
.blocktv label{
    display: none;
    margin-bottom: .5rem;
}
.clearfix{
	    display: block;
    content: "";
    clear: both;
}
.mgimg{margin:0 auto; max-width:80%}
.responsive2.slick-dotted.slick-slider {
    margin-bottom: 0px;
}
.greybg{background:#f0f0f0;}
.responsive2 .slick-slide {
    min-height: auto!important;
}
.info h5{
    margin: 5px 0;
    line-height: 1;
}
.hrline {
    border-right: 2px solid #ececec;
    padding-right: 2px;
}
.slick-slide{
	min-height:400px!important;
}
#cart {
    margin-right: 10px;
}
.list-inline {
    text-align: right;
    color: #707070;
}
#cart .dropdown-toggle .icon-Cart .totalproduct {
    position: absolute;
    top: -8px;
    left: 14px;
}
#cart .dropdown-toggle .icon-Cart .bg-total {
    width: 22px;
    text-align: center;
    padding: 0px 5px;
    font-size: 11px;
    display: inherit;
    font-weight: 700;
    background-color: #d71921;
    color: #fff;
    border-radius: 50%;
    height: 22px;
}
#cart .dropdown-toggle .icon-Cart {
    cursor: pointer;
    position: relative;
    font-size: 18px;
    background: url(../img/cart1.png);
    width: 22px;
    height: 31px;
    display: block;
    margin-top: 17px;
    background-size: 100% auto;
    background-repeat: no-repeat;
}
#cart .dropdown-toggle::after {
    display: none;
}
.nation .btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0!important;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border-left: 1px solid rgba(255,255,255,.5);
    margin: 10px 0px!important;
}
.navbar .dropdown-menu, .navbar .dropdown-menu.sp {
    width: 600px!important;
    left: 0;
    right: 0;
    top: 47px;
    min-width: 87px!important;
    text-align: left;
}
.menucol{
    width: 750px;
}
.menucol ul{list-style:none;}
.menucol .nav-item {
    padding: 0;
    width: 140px;
}
.menucol .nav-link {
    display: block;
    padding: 0rem 1rem 0.5rem;
    line-height: 1.5;
	font-size:12px;
}
.navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
    left: calc(0% - (150vw - 391px)/ 2);
    width: 150vw!important;
}
.menucol div[class*="col"] {
    margin-bottom: 0rem!important;
    margin-top: 0.2rem!important;
}
.border-bottom {
    border-bottom: 1px solid #dee2e6!important;
}
.thumbmenu{width:auto; height:90px;}
.nav{
    line-height: 1;
}
.nation .btn-group .dropdown-menu {
    padding: 0 10px 10px;
    min-width: 80px!important;
    line-height: 1;
}
.viewthumb img{ height:100%; width:auto;}
.viewthumb{
    height: 210px;
    overflow: hidden;
    margin-bottom: 15px;
	border:1px solid #f0f0f0;
}
.nav-link {
    display: block;
    padding: 0.8rem 1rem;
}
.serv {
  color: #333333 !important;
  font-size: 13px;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  padding: 20px 30px 20px 12px;
  position: relative;
  z-index: 2;
}
.serv:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 3px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    top: 0;
    left: 0;
    z-index: -1;
    background: #f44336;
}
.bg_why {
    background: #d30720;
    color: #ffffff;
    padding: 20px 0;
}
.newsblock a.thumb{
    width: 258px;
    height: 172px;
    overflow: hidden;
}
.bg_why img{width:35%;}
.filter {
    filter: invert(100%);
}
.serv{height:530px; border-bottom: 10px #f00 solid;}
.blocktv .btn-info {
    color: #fff;
    background-color: #ee0e28;
    font-family: neo;
    font-size: 22px;
    text-transform: uppercase;
    width: 100%;
}

/********************************************
*	
* dropdown
*
********************************************/
.navbar .dropdown-menu div[class*="col"] {
   margin-bottom:1rem;
}

.navbar .dropdown-menu {
  border:none;
  background-color:#fff!important;
}

@media screen and (min-width: 992px) {
  
.navbar {
  padding-top:0px;
  padding-bottom:0px;
}

.navbar .nation .dropdown-menu {
    width: 80px!important;
    left: 0;
    right: 0;
    top: 63px;
    min-width: 87px!important;
    text-align: left;
}
.navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {
  display:block!important;
}
.navbar .dropdown-menu {
    border-top: 5px solid #fdd13d;
    background-color: #fff;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0;
}
}
.dropdown-menu.show {
    display: block;
	    width: 80px!important;

}
.dropdown-menu a.nav-link {
    color: rgba(0, 0, 0, 0.5)!important;
}
.banner1 ul{
    list-style: none;
    margin: 0!important;
    padding: 0!important;
}
/********************************************
*	
* pagination
*
********************************************/
.pagination li {
    padding: 5px;
    display: inline-block;
}
.pagination>li.active>a{
	border: none;
    background-color: #d71920;
    border-color: #d71920;
    color: #fff;
    border-radius: 4px;
}
.pagination>li>a{
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination{display: inline-block; margin:0 auto;}
.pagination .disabled {display:none}
.pagination li a{
    background-color: #e6e6e6;
    border-color: #e6e6e6;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
}
/********************************************
*	
* title
*
********************************************/
.newstitle{
    font-size: 1.2rem;
    text-transform: uppercase;
    font-weight: bold;
}
.slogan{text-transform:uppercase; color:#150b58; font-size:48px;}
q {
  quotes: "❝" "❞" "‘" "’";
}
q{
    position: relative;
    width: 100%;
    display: block;
}
q:before {
    content: open-quote;
    font-size: 100px;
    line-height: 0.6em;
    color: #d30720;
    position: absolute;
}
q:after {
    content: close-quote;
    font-size: 100px;
    line-height: 0.6em;
    color: #d30720;
    position: absolute;
    right: 0;
    bottom: -29px;
}
q span {
    display: block;
    /* width: 83%; */
    text-align: center;
    margin: 20px 60px;
    color: #150b58;
    font-size: 16px;
}
ul.list li{
    font-size: 18px;
    color: #6b6b6b;
    line-height: 2;
}ul.list1 li{
    font-size: 14px;
    color: #6b6b6b;
    line-height: 2;
}
ul.list {
	list-style:none;
}
ul.list.intro li, ul.list1.intro li {
    background: url(../img/listarrow.png) no-repeat left 8px;
    padding: 3px 0px 3px 26px;
    list-style: none;
    margin: 0;
}	
.vattu{background:url(../img/bg_city.jpg); background-size:cover}
.visa{background:url(../img/bg_visa.jpg); background-size:cover; background-position:bottom center;}
/********************************************
*	
* color
*
********************************************/
.blue {
    color: #222;
    font-family: ame-be;
}
.white{color:#fff;}
.lightblue {
    color: #999999;
}
.red{color:#f00;}
a span.lightblue1{color:#0067ac!important}
.yellow{ color:#ff9c00}
/********************************************
*	
* product
*
********************************************/
.product-item {
    text-align: center;
    -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,.25);
    box-shadow: 0 0 2px 0 rgba(0,0,0,.25);
    padding-top: 15px;
    cursor: pointer;
    position: relative;
    margin: 2px 2px 20px 2px;
}
.product-item .header {
    font-size: 14px;
    text-transform: uppercase;
    color: #535353;
    line-height: 24px;
    font-weight: bold;
}
.product-item .body .image-container {
    padding: 15px 0;
}
.product-item .body .image-container img {
    max-width: 100%;
    height: 200px;
    display: block;
    margin: 0 auto;
    width: auto;
}
.product-item .footer {
    border: solid 1px #febb31;
    margin-top: 15px;
    position: relative;
    padding: 20px 0 10px;
}
.product-item .footer .model {
    text-transform: uppercase;
    font-size: 24px;
    color: #d71920;
    position: absolute;
    top: -15px;
    width: 100%;
	font-weight:bold
}
.product-item .footer .model span {
    background-color: #ffffff;
    padding: 0 10px;
    z-index: 1;
    position: relative;
    color: #d30720;
    font-family: ame-eb;
}
.product-item .footer .price-container b {
	font-weight:bold;
	font-size:22px;
}
.product-item .footer .price-container {
    color: #535353;
    font-weight: 300;
    font-size: 14px;
    line-height: 22px;
}
.product-item .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    background: rgba(255,255,255,.75);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.product-item .overlay .link-details {
    display: inline-block;
    height: 45px;
    line-height: 45px;
    padding: 0 30px 0 25px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 4px 1px rgba(0,0,0,.25);
    box-shadow: 0 0 4px 1px rgba(0,0,0,.25);
    color: #d71921;
    font-weight: 500;
    width: auto;
    margin-top: 20px;
    text-transform: uppercase;
    font-size: 14px;
    position: relative;
}
.product-item .overlay .add-to-cart {
    height: 50px;
    line-height: 50px;
    padding: 0 17px 0 17px;
    background-color: #d71920;
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.5);
    box-shadow: 0 0 5px 0 rgba(0,0,0,.5);
    color: #fff;
    width: auto;
    font-size: 14px;
    border: none;
    text-transform: uppercase;
    position: relative;
}
.product-item .overlay:hover {
    opacity: 1;
}

/********************************************
*	
* tab
*
********************************************/  
/* Style the tab */
.productinfo .tab {
    overflow: hidden;
    background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.productinfo .tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 20px 16px;
    transition: 0.3s;
    font-size: 19px;
    width: 28%;
    color: #fff;
    margin: 10px 28px 0;
    text-transform: uppercase;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

/* Change background color of buttons on hover */
.productinfo .tab button:hover {
    background-color: #473f81;
	color:#fff;
}

/* Create an active/current tablink class */
.productinfo .tab button.active {
    background-color: #fff;
	color:#f00;
	font-weight:bold;
}

/* Style the tab content */
.productinfo .tabcontent {
    display: none;
    padding: 20px 10px;
    border-top: none;
}

.productinfo .tab {
    width: 100%;
    background: linear-gradient(to right, #fcbb2d, #fdd666, #feba31 , #fdd13d);
    padding: 5px 20px 0;
    color: #fff;
}/* Style the tab */
.newslist .tab {
    overflow: hidden;
    background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.newslist .tab button {
    background-color: #f9f9f9;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 10px 16px;
    transition: 0.3s;
    font-size: 19px;
    width: auto;
    color: #b6b6b6;
    margin: 10px 15px 0 0;
    text-transform: uppercase;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

/* Change background color of buttons on hover */
.newslist .tab button:hover {
    background-color: #eee;
    color: #b6b6b6;
}

/* Create an active/current tablink class */
.newslist .tab button.active {
    background-color: #f00;
    color: #fff;
    font-weight: bold;
}

/* Style the tab content */
.newslist .tabcontent {
    display: none;
    padding: 20px 10px;
    border-top: none;
}

.newslist .tab {
    width: 100%;
    background: transparent;
    padding: 0;
    color: #ccc;
    border-bottom: 3px solid #f00;
}
.d-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.newsblock{padding:30px 0; border-bottom:1px solid #ccc;}
.newslist, .bggrey{background:#fff}
.breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin-bottom: 1rem;
    list-style: none;
    background-color: transparent;
    border-radius: .25rem;
    font-size: 20px;
}
/********************************************
*	
* chitietsp
*
********************************************/
	.product-buttons {
    margin-top: 30px;
}
#sectionSmallProduct .product-buttons1 {
    margin-top: 0px;
    text-align: right;
    zoom: .8;
    margin: -19px 20px 0 0;
}
.product-buttons .buy, .product-buttons1 .buy {
    height: 65px;
    line-height: 65px;
    font-size: 18px;
    font-family: Roboto,sans-serif;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    background-color: #febc37;
    padding: 0 15px 0 65px;
    -webkit-box-shadow: 1px 1px 4px 0 rgba(0,0,0,.5);
    box-shadow: 1px 1px 4px 0 rgba(0,0,0,.5);
    position: relative;
    margin-left: 15px!important;
    margin-top: 16px!important;
}
.listpoint{
	font-size:18px;
	color:#6b6b6b;
	line-height:1.5;
}
.product-price {
    padding: 15px 30px 12px;
    text-align: center;
    border: solid 1px #999;
    border-radius: 10px;
    display: inline-block;
    margin-top: 15px;
    line-height: 1;
    float: left;
}
.product-price .price {
    font-weight: 700;
    color: #d71920;
    font-size: 30px;
    margin-bottom: 10px;
}
.product-price .text {
    font-size: 16px;
    color: #1e1e1e;
}

span.imgpros {
    padding: 10px 20px 6px;
    display: block;
    text-align: center;
}
span.imgpros img.w-100 {
    width: 47%!important;
    margin: 0 auto;
}
#sectionSmallProduct{background:#f0f0f0;    
	-webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;}
#sectionSmallProduct.affix-top, #sectionSmallProduct.affix-bottom {opacity:0; position: absolute;}
#sectionSmallProduct.affix {
    position: fixed!important;
    top: 53px;
    z-index: 20;
    width: 100%;
    opacity: 1;
    display: inline-block;
	    height: 80px;
}


.product-buttons .download, .product-buttons1 .download {
    height: 65px;
    color: #d71920;
    font-weight: 300;
    font-size: 14px;
    background-color: #fff;
    padding: 15px 48px;
    text-align: center;
    -webkit-box-shadow: 1px 1px 4px 0 rgba(0,0,0,.5);
    box-shadow: 1px 1px 4px 0 rgba(0,0,0,.5);
    display: inline-block;
    text-transform: uppercase;
    line-height: 1;
    border: none;
}
 .product-buttons .buy::before,.product-buttons1 .buy::before {
    content: "";
    width: 44px;
    height: 44px;
    background-image: url(../img/cart.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    left: 15px;
    top: calc(50% - 22px);
}
.product-buttons .download b,.product-buttons1 .download b  {
    font-weight: 700;
    font-size: 18px;
    display: block;
}
p.cate{
    background: #f00;
    display: inline-block;
    padding: 5px 10px;
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
}
.titleat{
    font-size: 15px;
    text-transform: uppercase;
    color: #5b5b5b;
}
nav.infoproduct{
    background: #150b58;
    color: #fff;
    padding: 20px 20px 0!important;
}
.nav-tabs .nav-item {
    margin-bottom: -1px;
    width: 30%!important;
    margin: 0 17px!important;
    font-size: 20px;
    color: #fff!important;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #ed1c24!important;
    background-color: #fff;
    border-color: #ddd #ddd #fff;
}
/********************************************
*	
* Section
*
********************************************/
#section1 {
    padding: 54px 0 0 0;
    background: #ffffff;
}
#section2.prolist{background:#fff}
#section2,#section3,#section4,#section7{padding:30px 0 0;}
/********************************************
*	
* Navbar
*
********************************************/
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: rgb(19, 17, 90);
}
.navbar-brand a{color:#38335e!important;float:left; margin:2px 0 0 0}
.navbar-brand span{
	font-family:avob;
    font-size: 28px;
    line-height: 0.9;
	font-weight:normal;
}
.navbar-brand p {
margin-top: 15px;}
.navbar-brand img {
    width: 167px;
    float: left;
    margin-right: 10px;
}
.navbar-brand {
    display: inline-block;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 1rem;
    margin-bottom: 0;
    line-height: inherit;
    white-space: nowrap;
    height: 30px;
	/*background:url(../img/logohl.svg)*/
}
ul.navbar-nav {
    font-size: 14px;
    font-family: hel-r;
    line-height: 2;
    text-transform: uppercase;
}
nav.navbar li {
    margin: 0 5px;
    padding: 0px 0;
}
ul.navbar-nav > li.nav-item > a.nav-link:before{
    background-color: transparent;
    content: '';
    width: 0;
    height: 5px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: width 0.2s ease;
    -moz-transition: width 0.2s ease;
    -o-transition: width 0.2s ease;
    transition: width 0.2s ease;
}
.flex-column li {
    margin: 0 5px;
    padding: 0px 0!important;
    text-transform: none;
}
.navbar {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0;
}
ul.navbar-nav > li.nav-item:hover > a.nav-link:before, ul.navbar-nav > li.nav-item > a.nav-link.active:before  {
  background-color: #fdd13d;
  width: 100%;
}
nav.navbar li > a.active i.underline, nav.navbar li > a:hover i.underline {
    bottom: 5px;
    background-color: #1ebbf0;
    background: #1ebbf0;
    background: -webkit-linear-gradient(135deg,#1ebbf0 30%,#39dfaa 100%);
    background: linear-gradient(135deg,#1ebbf0 30%,#39dfaa 100%);
    height: 2px;
	width:100%!important;
	    -webkit-transition: all .1s cubic-bezier(.175,.885,.32,1.275);
    transition: all .1s cubic-bezier(.175,.885,.32,1.275);
	-webkit-animation-name: example1; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
	-webkit-animation-fill-mode: both; /* Safari 4.0 - 8.0 */
    animation-name: example1;
    animation-duration: 1s;
	animation-fill-mode: both;
}
nav.navbar li > a  i.underline {
	width:0!important;
}

@-webkit-keyframes example1 {
    from {width:0;}
    to {width:100%;}
}
@keyframes example1 {
    from {width:0;}
    to {width:100%;}
}
.nav-item{position:relative;}
.btn-group .dropdown-menu{
    padding: 0 10px 10px;
	min-width: 120px!important;
	line-height: 2.5;
}
/* .dropdown-toggle::after {
    vertical-align: 0.155em;
    border-top: .4em solid;
    border-right: .4em solid transparent;
    border-bottom: 0solid;
    border-left: .4em solid transparent;
    color: #f00;
}
 */a.dropdown-toggle > i.underline:before {
    content: '\e806' !important;
}
#section5 .btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border-left: 1px solid rgba(255,255,255,.5);
    margin: 5px 10px!important;
}
.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.305rem 1.75rem 0.7rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border-left: 1px solid rgba(255,255,255,.5);
    margin: 10px 0px!important;
}
.btn-info, .newslist a.btn-info {
    color: #fff;
    border-color: #fec231;
    border-radius: 0;
    padding: 8px 30px;
    margin: 15px 0;
    text-transform: uppercase;
    font-size: 12px;
    background: -webkit-linear-gradient(transparent, transparent), -webkit-linear-gradient(left, rgb(252, 190, 52) 0%, rgb(252, 212, 100) 26%, rgb(253, 234, 149) 35%, rgb(254, 209, 100) 45%, rgb(254, 195, 49) 61%, rgb(253, 209, 61) 100%);
    background: -o-linear-gradient(transparent, transparent);
    background-position: 99%;
    background-size: 205% 100%;
    transition: all .3s ease-in-out;
    font-family: hel-r;
}
.btn-info:hover{
    background-position: 0;
    color: #fff;
    background-color: #fdee9c;
    border-color: #fdee9d;
}
.btn-green {
    color: #fff;
    background-color: #00bc1c;
    font-family: neo;
    font-size: 22px;
    text-transform: uppercase;
}
.btn-blue {
    color: #fff;
    background-color: #2ab8eb;
    font-family: neo;
    font-size: 22px;
    text-transform: uppercase;
}
.border-content{
    border-left: 2px #383660 solid;
}
.newslist a:hover {
    color: #b48c3e;
}
.newslist a {
    color: #383660;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}
.date {
    color: #d4d4d4;
}
.line{margin: 20px 15px; height:1px; background:rgba(0, 0, 0, 0.2); display:block;width:auto; 
 min-height: 1px;
}
.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}
#myBtn, #myBtnBack1 {
    display: none;
    position: fixed;
    bottom: 88px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #13115a;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 30px;
    border: 1px solid #fff;
}
.vemaybay img{
    position: absolute;
    bottom: 0;
}
.title1 {
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 20px;
    font-family: hel-r;
}
.title1.center1:after  {
    content: '';
    display: block;
    width: 50px;
    height: 3px;
    margin: 4px auto 10px;
    background-color: #000;
}
.title1.left:after {
    content: '';
    display: block;
    width: 50px;
    height: 3px;
    margin: 4px 0 10px;
    background-color: #222;
}
.title2 {
    color: #222;
    font-size: 36px;
    margin-bottom: 20px;
    font-weight: bold;
	font-family:ame-be;
}
.title2:after {
    content: '';
    display: block;
    width: 80px;
    height: 3px;
    margin: 10px 0 10px;
    background-color: #222;
}
.title2.center1:after {
    margin: 10px auto 10px;
}
.title2.left:after {
    margin: 10px 0 10px;
}
.title3, .title4 {
    text-transform: uppercase;
    color: #150b58;
    font-size: 30px;
    margin-bottom: 20px;
    font-weight: bold;
}
.title3:after {
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    margin: 10px 0 10px;
    background-color: #f00;
}
.title{
	text-transform: uppercase;
    color: #150b58;
	margin-bottom: 20px;
}
.title.center1:after {margin: 4px auto 10px;}
.title.left:after {margin: 4px 0 10px;}
.title:after {
    content: '';
    display: block;
    width: 50px;
    height: 3px;
    background-color: #f00;
}
.title5{
	text-transform: uppercase;
    color: #fff;
    font-size: 48px;
	margin-bottom: 20px;
}
.title5:after {
    content: '';
    display: block;
    width: 50px;
    height: 3px;
    margin: 4px auto 10px;
    background-color: #fff;
}
.diemden{
    display: block;
    padding-bottom: 10px;
    border: 1px solid #ccc;
    overflow: hidden;
	margin:10px 0;
}
a.diemden .view{
    height: 200px;
    overflow: hidden;
}
.banner1 form {
    position: absolute;
    top: 12px;
    left: 50%;
    margin-left: -25%!important;
    width: 50%;
}
.banner1 .posbtn {
    position: absolute;
    right: 0;
    padding: 16px 21px;
    bottom: -3px;
    border-radius: 3px;
    background-position: 13px 8px;
    margin: 5px 10px!important;
}
.hotline {
    position: absolute;
    width: 100%;
    bottom: 10px;
    color: #fff;
    line-height: 0;
}
.banner1 form label {
    width: 100%;
    color: #fff;
    font-size: 40px;
    text-transform: uppercase;
}
a.diemden{text-decoration:none; color:#1e165c!important;}
a.diemden:hover{text-decoration:none; color:#f00!important;}
a .visainfo{
    text-align: left;
    margin: 10px 15px;
	background: url(../img/listarrow.png) no-repeat right 20px;
	height:45px;
	
}
.visainfo h5{
    margin: 0 25px 0 0;
}
.step{
    border: 1px solid #f00;
    color: #f00;
    border-radius: 50%;
    text-align: center;
    width: 80px;
    height: 80px;
    display: flex;
    float: left;
    margin-right: 15px;
    background: #fff;
}
.step span{
    vertical-align: middle;
    font-size: 45px;
    font-weight: bold;
    margin: 0 auto;
}.stepinfo{display:block}
.blocktv{
    background: #fbb74d;
    padding: 20px;
}
.blocktv .form-group {
    margin-bottom: 0rem;
}
.guide li {
    width: 50%;
    float: left;
    margin: 10px 0 10px 0;
}
ul.guide{list-style:none; margin:0; padding:0}
.sc-content{padding:0 15px}
.introcontent{ padding:40px 20px!important; margin:10px 2px 0!important; background:#fff; color:#000; margin:0; padding:0;}
.thongdiep {
    background: #d4091f;
    color: #fff;
}
.grid {
    position: relative;
    margin: 0 auto!important;
    padding: 0!important;
    max-width: 1000px;
    list-style: none;
    text-align: center;
    border-bottom: 10px #f00 solid;
}
.grid.pro {
    position: relative;
    margin: 0 auto!important;
    padding: 0!important;
    max-width: 1000px;
    list-style: none;
    text-align: center;
    border-bottom: 0px #f00 solid;
    width: 100%;
    overflow: hidden;
}
.namecate {
    font-size: 20px;
    text-transform: uppercase;
    color: #0060ab;
    margin: 0;
    line-height: 3;
}
figure.effect-bubba {
    background: #13115a!important;
}
#receiveemail{
    background: #e4e4e4;
}
.grid figure {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 0!important;
    min-width: auto!important;
    max-width: 100%!important;
    max-height: 100%!important;
    width: 100%!important;
    background: #3085a3;
    text-align: center;
    cursor: pointer;
    padding: 0;
}
.grid figure img {
    position: relative;
    display: block;
    min-height: 0!important;
    max-width: 100%;
    opacity: 0.8;
    width: 100%;
    height: auto;
}
figure.effect-bubba h2 {
    padding-top: 70%!important;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,-20px,0);
    transform: translate3d(0,80px,0);
	font-size:25px;
	padding-bottom:10px;
}
figure.effect-bubba p {
    padding: 10px 2.5em 0!important;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0,20px,0);
    transform: translate3d(0,20px,0);
	text-transform:none;
}
/********************************************
*	
* newsblock
*
********************************************/
.thumb {
    height: 95px;
    width: 95px;
    display: block;
    overflow: hidden;
    margin-right: 10px;
}
.smlnews {
    background: #edeeef;
    padding: 10px;
    margin: 0px 0 20px 0;
    display: inline-block;
    width: 100%;
}
.mt-8{margin-top:8rem!important;}
/********************************************
*	
* msocial
*
********************************************/
ul.social,ul.social1{
    margin: 15px auto;
    padding: 0;
}
.social li {
    list-style: none;
    float: right;
    margin: 0px 15px;
    font-family: uikit;
    width: 45px;
    height: 45px;
    display: block;
    background: #fff;
    border: #d30820 2px solid;
    border-radius: 50%;
    padding: 8px;
}
.social li:hover  {border:#ff8400 1px solid;}
.social li a:hover  {background-color:#ff8400!important;}
.social li.fb a {
    -webkit-mask-box-image: url(../img/icon_fb.svg);
    background-color: #d4091f;
    display: block;
    width: 100%;
    height: 100%;
}
.social li.gplus a {
    -webkit-mask-box-image: url(../img/icon_g.svg);
    background-color:#d4091f;
    display: block;
    width: 100%;
    height: 100%;
}
.social li.sk a {
    -webkit-mask-box-image: url(../img/icon_sk.svg);
    background-color:#d4091f;
    display: block;
    width: 100%;
    height: 100%;
}
.social1 li.tw a {background: #febb32;}
.social1 li.gplus a {background: #febb32;}

.social1 li {
    list-style: none;
    float: right;
    margin: 0px 10px;
    font-family: uikit;
    width: 30px;
    height: 30px;
    display: block;
    border-radius: 6px;
}

.social li img,.social1 li img {
    width: 100%;
    height: auto;
    padding: 5px;
}.social li img:hover,.social1 li img:hover {
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}
.othernews .slick-prev, .othernews .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: -36px;
    display: block;
    width: 40px;
    height: 40px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: #fdd13d;
}
.othernews .slick-next {
    right: 0;
}
.othernews .slick-prev {
    right: 50px;
	left:auto!important;
}
.othernews .slick-prev:before, .othernews .slick-next:before {
    font-family: 'neo';
    font-size: 20px;
    line-height: 0;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    font-weight: bold;
}
.othernews .slick-prev:hover, .othernews .slick-prev:focus, .othernews .slick-next:hover, .othernews .slick-next:focus {
    color: #ffffff00;
    outline: none;
    background: #13115a;
}
.othernews a img{
	filter:none;
}
.othernews a:hover img{
	
	filter:brightness(100%) sepia(100) saturate(0);
	transition: 1s filter linear;
	-webkit-transition: 1s -webkit-filter linear;
	-moz-transition: 1s -moz-filter linear;
	-ms-transition: 1s -ms-filter linear;
	-o-transition: 1s -o-filter linear;
}
/********************************************
*	
* contact
*
********************************************/
.form-control1 {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: transparent;
    background-image: none;
    background-clip: padding-box;
    border-bottom: 1px solid #ced4da;
    border-radius: 0;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    border-left: 0px solid #ced4da;
    border-top: 0px solid #ced4da;
    border-right: 0px solid #ced4da;
}
.map {
    border: #38335e 1px solid;
    overflow: hidden;
	margin: 10px 0;
}
ul.address1 li,ul.address2 li {width:100%; display:block; line-height:2;}
.address span{display:block; float:left;}
.address i {display:block; float:left; margin-right:10px;}
.address span{width:85%}
ul.address1{margin:10px 0; padding:0; list-style:none;}
ul.address2{margin:40px 0 10px; padding:0; list-style:none;}
/********************************************
*	
* footer
*
********************************************/
ul.menubtm{ list-style:none;}
ul.menubtm li.label:after{
    content: '';
    display: block;
    width: 50px;
    height: 3px;
    margin: 4px 0 10px;
    background-color: #f00;
} 
ul.menubtm li.label{ 
	text-transform:uppercase;
	color:#150b58;
	font-weight:bold;
	font-size:18px;
	margin-bottom:20px
}
ul.menubtm li a{color:#000;}
ul.menubtm{}

.copyright {
    border-bottom: 1px solid #d4091f;
    border-top: 1px solid #d4091f;
    padding: 15px 0;
}
.linktext, .linktext a {
    color: #222;
}
.bg_why .linktext, .bg_why .linktext a {
    color: #fff;
}
.bg_why .title1.center1:after {
    content: '';
    display: block;
    width: 50px;
    height: 3px;
    margin: 4px auto 10px;
    background-color: #fff;
}
h6.linktext {
    font-size: 14px;
}
.shadow {-webkit-filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.3));filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.3));}
/********************************************
*	
* header
*
********************************************/
.brandname{border-bottom:5px #ccc solid; position:relative; margin-bottom:20px;}
.brandname::after {
    background: #38335e;
    height: 5px;
    width: 20%;
    content: "";
    display: block;
    position: absolute;
    bottom: -5px;
}
img.w-100{width:100%!important;}
.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    transition: all .5s linear;
}

.bg-topnav,.is-pinned.headroom--not-top {
    color: #222;
    background: #FFF;
}
.is-pinned.headroom--not-top .navbar-dark .navbar-nav .nav-link:hover {
    color: #b48c3e;
}
.is-pinned.headroom--not-top  .navbar-brand p{color:#38335e!important;}
.is-pinned a.nav-link, .is-pinned a.nav-link.active {
    color: #383660;
}
.navbar-light .navbar-nav .nav-link {
    color: rgb(19, 17, 90);
}
/********************************************
*	
* banner
*
********************************************/
@keyframes fadeIn { 
  from { opacity: 0; } 
}
@keyframes MoveUpDown {
  0%, 100% {
    bottom: 0;
  }
  50% {
    bottom: 10px;
  }
}
.down {
    margin: 20px auto 10px;
    display: block;
    animation: MoveUpDown 1s linear infinite;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -25px;
    z-index: 2;
}
#banner.banner1{height:230px; overflow:hidden; text-align:center; position:relative;}
.banner{text-align:center}
.banner span {
    position: absolute;
    color: #fff;
    margin: 0 auto;
    top: 48%;
    display: block;
    width: 100%;
    text-shadow: #000 1px 0 10px;
    vertical-align: middle;
    z-index: 2!important;
}
.banner1 span {
    position: absolute;
    color: #fff;
    margin: 0 auto;
    top: 47%;
    display: block;
    width: 100%;
    text-shadow: #000 1px 0 10px;
    vertical-align: middle;
    z-index: 2;
}
/********************************************
*	
* Search
*
********************************************/

.sb-search {
	position: relative;
	margin-top: 10px;
	width: 0%;
	min-width: 30px;
	height: 30px;
	float: right;
	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	transition: width 0.3s;
	-webkit-backface-visibility: hidden;
}

.sb-search-open .sb-search-input {
	width: 300px;
}
.sb-search-input {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    outline: none;
    background: #fff;
    width: 100%;
    height: 30px;
    margin: 0;
    z-index: 10;
    padding: 0;
    color: #2c3e50;
    border-radius: 2px;
    padding: 0 10px;
    border: 1px #aaaaaa solid;
}

.sb-search-input::-webkit-input-placeholder {
	color: #efb480;
}

.sb-search-input:-moz-placeholder {
	color: #efb480;
}

.sb-search-input::-moz-placeholder {
	color: #efb480;
}

.sb-search-input:-ms-input-placeholder {
	color: #efb480;
}

.sb-icon-search,
.sb-search-submit  {
	width: 30px;
	height: 30px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	margin: 0;
	line-height: 30px;
	text-align: center;
	cursor: pointer;
}

.sb-search-submit {
	background: #fff; /* IE needs this */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
	color: transparent;
	border: none;
	outline: none;
	z-index: 99;
}

.sb-icon-search {
	background: url(../img/icon_search.png) #b48c3e;
	background-repeat:no-repeat;
	background-position:6px 6px;
	z-index: 90;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	border-radius:5px;
	
}
.logobtm {
    width: 195px;
    display: inline;
    height: 30px;
    margin: auto;
}
.logobtm img{width:100%}
.blk{color:#fff; padding:10px 0;}
.info {
    padding: 15px 20px 5px;
    font-size: 14px;
}
.info1{
	margin:auto;
	display:block;
}
.mailblk{
    display: flex;
    padding: 0;
    margin: 0;
}
.posbtn {
    position: absolute;
    right: 0;
    background: url(../img/arrow_w.png) no-repeat #febb32;
    padding: 16px 21px;
    bottom: -3px;
    border-radius: 3px;
    background-position: 13px 8px;
}
.form-control {
    display: block;
    width: 100%;
    padding: .375rem 2.75rem .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    margin: 15px 0 0 0;
}
.h-100{height:100%;}
.listright {
    text-align: right;
}
/********************************************
*	
* Screen 1920
*
********************************************/
@media (max-width: 1920px){

}


/********************************************
*	
* Screen 1600
*
********************************************/
@media (max-width: 1600px){
}


/********************************************
*	
* Screen 1440
*
********************************************/
@media (max-width: 1440px){
}


/********************************************
*	
* Screen 1366
*
********************************************/
@media (max-width: 1366px){
}


/********************************************
*	
* Screen 1280
*
********************************************/
@media (max-width: 1280px){
}


/********************************************
*	
* Screen 1024
*
********************************************/
@media (max-width: 1024px){
}



/********************************************
*	
* Desktop
*
********************************************/
@media (min-width: 768px){

	
}


@media (min-width: 768px) and (max-width: 1024px){

	
}


/********************************************
*	
* Tablet
*
********************************************/
@media (max-width: 768px){
	.banner1 img.w-100 {
    width: auto!important;
    height: 100%;
}
.contentview img{max-width:100%;}
.banner1 .form-control {
    display: block;
    width: 100%;
    padding: .375rem 2.75rem .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    margin: 0;
}
.banner1  h3 {
    font-size: -0.25rem!important;
}
.banner1 form label {
    width: 100%;
    color: #fff;
    font-size: 19px;
    text-transform: uppercase;
}
.banner1 form {
    position: absolute;
    top: 12px;
    left: 50%;
    margin-left: -46%!important;
    width: 94%;
}
.table-bordered th, .table-bordered td {
    border: 1px solid #e9ecef;
}	.table-checkout .btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.305rem 0.75rem 0.7rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border-left: 1px solid rgba(255,255,255,.5);
    margin: 10px 0px!important;
}
	.newsblock a.thumb {
    width: 100%;
    height: 172px;
    overflow: hidden;
}
	.thumb {
    height: 95px;
    width: 95px;
    display: block;
    overflow: hidden;
    margin-right: 0px;
}
.product-buttons .cd-add-to-cart {
    display: inline-block;
    padding: 1.2em 1.8em;
    background: #2c97de;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 700;
    letter-spacing: 0;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    -webkit-transition: all .2s;
    transition: all .2s;
}.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.305rem 1.75rem 0.7rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border-left: 1px solid rgba(255,255,255,.5);
    margin: 10px 0px!important;
}
.product-buttons1 .download {
    height: 47px;
    color: #d71920;
    font-weight: 300;
    font-size: 14px;
    background-color: #fff;
    padding: 6px 23px;
    text-align: center;
    -webkit-box-shadow: 1px 1px 4px 0 rgba(0,0,0,.5);
    box-shadow: 1px 1px 4px 0 rgba(0,0,0,.5);
    display: inline-block;
    text-transform: uppercase;
    line-height: 1;
    border: none;
}
.product-buttons1 .buy {
    height: 45px;
    line-height: 0;
    font-size: 12px;
    font-family: Roboto,sans-serif;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    background-color: #d71920;
    padding: 0 15px 0 52px;
    -webkit-box-shadow: 1px 1px 4px 0 rgba(0,0,0,.5);
    box-shadow: 1px 1px 4px 0 rgba(0,0,0,.5);
    position: relative;
    margin-right: 0px!important;
}
.product-buttons .buy {
    height: 65px;
    line-height: 65px;
    font-size: 14px;
    font-family: Roboto,sans-serif;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    background-color: #d71920;
    padding: 0 15px 0 65px;
    -webkit-box-shadow: 1px 1px 4px 0 rgba(0,0,0,.5);
    box-shadow: 1px 1px 4px 0 rgba(0,0,0,.5);
    position: relative;
    margin-right: 15px!important;
}
	.product-buttons .buy::before, .product-buttons1 .buy::before {
    content: "";
    width: 32px;
    height: 33px;
    background-image: url(../img/cart.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    left: 15px;
    top: calc(50% - 19px);
}
.product-buttons .buy {
    width: auto;
    margin-right: 0;
    padding-left: 53px;
    padding-right: 12px;
}
.product-buttons .download {
    min-width: auto;
    padding-left: 12px;
    padding-right: 13px;
}
	#sectionSmallProduct .product-buttons .buy {
    height: 30px;
    line-height: 16px;
    font-size: 12px;
    width: 135px;
    padding-left: 45px;
}
	#sectionSmallProduct.affix {
    position: fixed!important;
    top: 70px;
    z-index: 20;
    width: 100%;
    opacity: 1;
    display: none;
}
	.productinfo .tab {
    width: auto;
    background: #13115a;
    padding: 0;
    color: #fff;
}	ul.navbar-nav {
    font-size: 14px;
    font-family: neo;
    line-height: 0;
    text-transform: uppercase;
    font-weight: bold;
}
ul.address2 {
    margin: 0 0 10px;
    padding: 0;
    list-style: none;
}
.vattu img, .vemaybay img, .visa img{width:100%; height:auto;}
.vattu ul, .vemaybay ul, .visa ul{width:100%; height:auto; margin:0; padding:0}
.vemaybay img {
    position: static;
    bottom: 0;
}
.listright {
    text-align: left;
}
.mailblk {
    display: flex;
    padding: 0 25px;
    margin: 0;
}
.logobtm {
    padding: 20px 0;
    border-right: 1px solid #6b64a2;
    display: none;
}
.bannerbranch{overflow:hidden}
}
#sectionSmallProduct .product-buttons .download {
    height: 38px;
    line-height: 13px;
    font-size: 8px;
    padding-top: 5px;
    min-width: 135px;
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

/********************************************
*	
* Mobile
*
********************************************/
@media (max-width: 480px){
	nav.navbar li {
    margin: 0 5px;
    padding: 10px 0;
}
#language-select select {
    padding: 3px;
    margin: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #fff;
    color: #888;
    border: 2px solid #cdcdcd;
    outline: none;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    min-width: 277px;
    height: 37px;
    margin-top: 5px;
    width: 100%;
}
.logobtm {
    padding: 20px 0;
    border-right: 1px solid #6b64a2;
    display: none;
}
ul.menubtm {
    display: none;
}
.d-none{display: none}
}


/********************************************
*	
* Mobile
*
********************************************/
@media (max-width: 375px){

}
/********************************************
*	
* clock
*
********************************************/
.hotline12 {
    width: 191px;
    float: left;
    height: 27px;
    position: fixed;
    bottom: 120px;
	left:-50px;
    z-index: 2;
}
.phonering-alo-phone.phonering-alo-static {
    opacity:.6
}

.phonering-alo-phone.phonering-alo-hover,.phonering-alo-phone:hover {
    opacity:1
}

.phonering-alo-ph-circle {
    width:160px;
    height:160px;
    top:20px;
    left:20px;
    position:absolute;
    background-color:transparent;
    border-radius:100% !important;
    border:2px solid rgba(30,30,30,0.4);
    border:2px solid #bfebfc 9;
    opacity:.1;
    -webkit-animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;
    animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;
    transition:all .5s;
    -webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle {
    -webkit-animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important;
    animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle {
    -webkit-animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important;
    animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone:hover .phonering-alo-ph-circle {
    border-color:#00aff2;
    opacity:.5
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle {
    border-color:#75eb50 ;
    border-color:#baf5a7;
    opacity:.5
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle {
    border-color:#00aff2 ;
    border-color:#bfebfc;
    opacity:.5
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle {
    border-color:#ccc;
    opacity:.5
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle {
    border-color:#75eb50 ;
    opacity:.5
}

.phonering-alo-ph-circle-fill {
    width:100px;
    height:100px;
    top:50px;
    left:50px;
    position:absolute;
    background-color: #000;
    border-radius:100% !important;
    border:2px solid transparent;
    -webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    transition:all .5s;
    -webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle-fill {
    -webkit-animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important;
    animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle-fill {
    -webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;
    animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;
    opacity:0!important
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone:hover .phonering-alo-ph-circle-fill {
    background-color:rgba(0,175,242,0.5);
    background-color:#00aff2 9;
    opacity:.75!important
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle-fill {
    background-color:rgba(117,235,80,0.5);
    background-color:#baf5a7 9;
    opacity:.75!important
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle-fill {
    background-color:rgba(0,175,242,0.5);
    background-color:#a6e3fa 9
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle-fill {
    background-color:rgba(204,204,204,0.5);
    background-color:#ccc 9;
    opacity:.75!important
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle-fill {
    background-color:rgba(117,235,80,0.5);
    opacity:.75!important
}

.phonering-alo-ph-img-circle {
    width:60px;
    height:60px;
    top:70px;
    left:70px;
    position:absolute;
    background:rgba(30,30,30,0.1) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==) no-repeat center center;
    border-radius:100% !important;
    border:2px solid transparent;
    -webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-img-circle {
    -webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important;
    animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-img-circle {
    -webkit-animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important;
    animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone:hover .phonering-alo-ph-img-circle {
    background-color:#00aff2
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-img-circle {
    background-color:#75eb50;
    background-color:#75eb50 9
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-img-circle {
    background-color:#00aff2;
    background-color:#00aff2 9
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-img-circle {
    background-color:#ccc
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-img-circle {
    background-color:#75eb50
}

@-webkit-keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform:rotate(0) scale(.5) skew(1deg);
        -webkit-opacity:.1
    }

    30% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        -webkit-opacity:.5
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
        -webkit-opacity:.1
    }
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
        opacity:.2
    }

    100% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }
}

@-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform:rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg)
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }

    100% {
        opacity:1;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
}

@keyframes fadeInRight {
    0% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }

    100% {
        opacity:1;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity:1
    }

    100% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity:1
    }

    100% {
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        -ms-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
}

@-webkit-keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform:rotate(0) scale(.5) skew(1deg);
                transform:rotate(0) scale(.5) skew(1deg);
        opacity:.1
    }

    30% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.5
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg);
        opacity:.1
    }
}

@keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform:rotate(0) scale(.5) skew(1deg);
                transform:rotate(0) scale(.5) skew(1deg);
        opacity:.1
    }

    30% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.5
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg);
        opacity:.1
    }
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg);
        opacity:.2
    }

    100% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }
}

@keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg);
        opacity:.2
    }

    100% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }
}

@-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
                transform:rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
                transform:rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
                transform:rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
                transform:rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }
}

@keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
                transform:rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
                transform:rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
                transform:rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
                transform:rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }
}
/*****/
.component-bottom-gradient {
    position: absolute;
    opacity: 1;
    transition: opacity 500ms;
    left: 0;
    right: 0;
    width: 100%;
    height: 142px;
    bottom: 0px;
    z-index: 0;
    background: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.75) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#8f000000',GradientType=0 );
}
.btn-warning {
    color: #fff;
    border-color: #f9af32;
    border-radius: 0;
    padding: 8px 30px;
    margin: 15px 0;
    text-transform: uppercase;
    font-size: 12px;
    background: -webkit-linear-gradient(transparent, transparent), -webkit-linear-gradient(left, rgb(182, 144, 67) 0%, rgba(213,173,109,1) 26%, rgba(226,186,120,1) 35%, rgb(203, 171, 92) 45%, rgb(203, 171, 92) 61%, rgb(179, 134, 48) 100%);
    background: -o-linear-gradient(transparent, transparent);
    background-position: 99%;
    background-size: 205% 100%;
    transition: all .3s ease-in-out;
	font-family:hel-r;
}
.bannerbranch img{width:100%;}
.flex{
    padding: 10px 0;
    color: #000;
    display: flex;
}
.contactblk .row{
    margin: 0;
    padding: 0;
    height: 100%;
}
.responsive.slick-slider{height:570px;}
.responsive.slick-slider .slick-slide{height:550px;}
.picthumb{
	width:100%;
	height:250px;
	overflow:hidden
}
.imgthumb {
    width: 100% !important;
    object-fit: cover;
    min-height: 100%;
}
.contactblk .container{
    border-top: 1px solid #fec331;
}
ul.introduction{list-style:none; margin:25px 0}
ul.introduction li{margin-bottom:30px}
ul.introduction .liststyle{position:relative;}
ul.introduction .liststyle p{
    margin-top: 0;
    margin-bottom: .3rem;
}
ul.introduction .liststyle img {
    position: absolute;
    left: -50px;
    top: 7px;
    filter: hue-rotate(
307deg);
}
#section2 .col-md-6 img, #chitiet img{width:100%; height:auto;}
section{overflow:hidden;}
.revealOnScroll { opacity: 0; }

/********************************************
*	
* mobile
*
********************************************/
	@media (max-width: 768px) and (orientation:portrait) {
	    .navbar-brand img {
    width: 114px;
    float: left;
    margin-right: 10px;
}
#section5 .btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border-left: 1px solid rgba(255,255,255,.5);
    margin: 6px 3px!important;
    height: auto;
    padding: 15px 20px;
}.contactblk{
	display:flex;
	height:auto;
}
#section1 {
    padding: 40px 0 0 0;
    background: #f0f0f0;
}
.productinfo .tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 20px 16px;
    transition: 0.3s;
    font-size: 19px;
    width: 94%;
    color: #fff;
    margin: 0;
    text-transform: uppercase;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    margin: 10px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}

	}
	@media (max-width: 768px) and (orientation:landscape) {
	    .navbar-brand img {
    width: 114px;
    float: left;
    margin-right: 10px;
}
#section5 .btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border-left: 1px solid rgba(255,255,255,.5);
    margin: 6px 3px!important;
    height: auto;
    padding: 15px 20px;
}.contactblk{
	display:flex;
	height:auto;
}
#section1 {
    padding: 40px 0 0 0;
    background: #f0f0f0;
}
.productinfo .tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 20px 16px;
    transition: 0.3s;
    font-size: 19px;
    width: 94%;
    color: #fff;
    margin: 0;
    text-transform: uppercase;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    margin: 10px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}

	}
/********************************************
*	
* destop
*
********************************************/
	@media (min-width: 768px){
.contactblk{
	display:flex;
}
#section1 {
    padding: 54px 0 0 0;
    background: #fff;
}

	}
	
.product-item a:hover .footer .price-container b,.product-item a:hover .titlesp {
	color:#fe5831
}
.product-item:hover {
    text-align: center;
    -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,.75);
    box-shadow: 0 0 2px 0 rgba(0,0,0,.75);
    padding-top: 15px;
    cursor: pointer;
    position: relative;
    margin: 2px 2px 20px 2px;
}