/*font*/
@font-face {font-family:UTMEremitage;src:url('font/UTM Eremitage.ttf') format('truetype');font-weight:normal;font-style:normal;}
@font-face {font-family:UTMBebas;src:url('font/UTM Bebas.ttf') format('truetype');font-weight:normal; font-style:normal;}

div.wrap{float: left; width:100%;position: relative;min-width: 980px;}
div.w1200{width: 1200px; margin-left: calc(50% - 600px); min-width:980px;}

div.line-header{float: left; width: 100%;background-color: white; border-top: #494b58 5px solid;}
div.line-header div.top{width: 100%;float: left;}




div.line-header div.logo{float: left; font-size:35px;font-family:UTMBebas;margin-top:10px; width: 210px;}
div.line-header div.logo p{margin: 0px;float: left;}
div.line-header div.logo a{float:left;text-decoration: none;color: #33343e;line-height: 50px;}
div.line-header div.logo a:hover{color: #00b9f5;}

div.line-header div.hotline{float:left;height:52px; font-family: UTMBebas, Impact; padding:10px 0 15px 0px;}
div.line-header div.hotline i{font-size:28px;float: left; color:#00b9f5;}
div.line-header div.hotline span{color: #dd0d12;font-size:30px;float: left;margin-left:4px;margin-top:2px;}
div.line-header div.hotline div{clear:both;float: left;height: 28px;}
div.line-header div.hotline div label{float: left; margin-right:5px;margin-top:4px;color:#00b9f5;font-size: 14px;}
div.line-header div.hotline div strong{font-size:22px;color: #33343e;float: left;height: 18px;font-weight: normal;}

div.line-header div.box-search{float: right;margin-top:16px;}
div.line-header div.box-search form{float:left;margin:0px;}
div.line-header div.box-search form input[type='text']{ background-color: #f4f4f4; border: 1px solid #cccccc; float:left; width:230px; height:27px; padding: 5px 10px 5px 10px; border-radius:3px 0 0 3px; border-right:none; font-size:15px;}
div.line-header div.box-search form input[type='text']:hover{background-color: white}
div.line-header div.box-search form select{float:left; height:33px; border: 1px solid #dadada; border-left-color:#dadada; padding:2px 0 2px 0; border-right:none;}
div.line-header div.box-search form select option{border-bottom: #dadada 1px solid;}
div.line-header div.box-search form select:hover{background-color: white;}
div.line-header div.box-search form input[type='submit']{float:left; height:39px; background-color:#2f2f2f; color:#fff; text-transform: uppercase; cursor: pointer; font-size: 15px; padding:2px 20px 2px 20px;font-weight:bold; border-radius:0px 3px 3px 0; border:black 1px solid;}
div.line-header div.box-search form input[type='submit']:hover{background-color:#00b9f5;border-color:#009dce;}


div.line-navbar{float: left; width: 100%; background-color: white; border-bottom: #00b9f5 3px solid; position: static; top: 0px; left: 0px;z-index: 1001;}
div.navbar{float: left;}
div.navbar ul,
div.navbar ul li{float: left;margin:0px;padding:0px;list-style: none;}
div.navbar ul li{position: relative;}

div.navbar ul li a{ float: left;padding:0 15px 0 15px;height:40px;line-height: 40px; text-decoration: none; color: #262634; text-transform: uppercase;font-size:14px;font-weight: bold;font-family: 'Poppins', sans-serif;}
div.navbar ul li a label{cursor: pointer;float: left;}
div.navbar ul li a.a3 label{font-family: UTMBebas; font-size:24px;font-weight: normal;margin-top:-2px;}

div.navbar ul li ul{position: absolute; top: 40px; left: 0px; width:200px; background-color: white; z-index: 1001;background: #fff;border: 1px solid #eee;box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);display: none; border-top: #00b9f5 3px solid;}
div.navbar ul li ul.ul3{width: 400px;}
div.navbar ul li ul ul{left: 201px; top: 0px;display: none; border-top:none;}
div.navbar ul li li{width: 100%;border-bottom: 1px solid #eeeeee;}
div.navbar ul li li a{padding:0px;font-size:13px; font-weight: normal;margin-left:8px;}
div.navbar ul li a.a3{background-color: #00b9f5;color: white;}
div.navbar ul li a:hover{color: #00b9f5;}
div.navbar ul li a.a3:hover{color: #33343e;}
div.navbar ul li a.a3:after{content: "\f0c9";font-family: 'FontAwesome';float: left;margin-left:10px;font-size:20px;}
div.navbar ul li li a:before{content: "\f105";font-family: "fontawesome";margin-right: 5px;float:left;}

div.navbar ul li li.active,
div.navbar ul li li:hover{background-color: #f8f8f8;}
div.navbar ul li li.active a,
div.navbar ul li li:hover a{color: #00b9f5;margin-left:14px;transition: all .3s ease-in-out 0s;}
div.navbar ul li:hover ul,
div.navbar ul li ul li:hover ul{display: block;transition: all .3s ease-in-out 0s;}
div.navbar ul li:hover ul ul{display: none;}

div.line-navbar div.box-right{float: right;margin-top:5px;}
div.line-navbar div.box-right a{float: left;background-color: #fcd21b; color: #494b58;height: 35px;line-height: 35px; padding: 0 15px 0 15px;font-size:15px;cursor: pointer;text-decoration: none;margin-left:3px;}
div.line-navbar div.box-right a i{float: left;margin-top:6px;font-size:20px;}
div.line-navbar div.box-right a label{float: left;margin-left:5px}
div.line-navbar div.box-right a:hover{background-color: #00b9f5; color:white;}

div.wrap-slider{float: left;width:100%;position: relative;min-width:980px;}


div.mainContent{float: left;width:100%;}

div.module_home{float: left;width:100%;}
div.module_home h3.category{float: left;width:100%; text-align: center;font-family: UTMBebas; margin:20px 0 20px 0;}
div.module_home h3.category a{text-decoration: none;font-size:28px;font-weight: bold;color: black;}
div.module_home h3.category a:hover{color: #00b9f5;text-decoration: underline;}
div.module_home div.list_content{float: left;width:100%;}
div.module_home p.moreall{float: left;width:100%;margin:10px 0 0 0;background-color: #f5f5f5; border-bottom: #00b9f5 4px solid;}
div.module_home p.moreall a{float: right; text-decoration: none;font-size:14px;background-color: #00b9f5; color:white; padding: 5px 10px 5px 10px;}
div.module_home p.moreall a:hover{background-color: #fcd21b; color:black;}
div.module_home div.list_content ul,
div.module_home div.list_content li{margin:0px;padding:0px;list-style: none;}
div.module_home div.list_content ul{display: table;margin:auto;}
div.module_home div.list_content ul li{float: left;margin: 5px 10px 5px 10px;}
div.module_home div.list_content ul li a{text-decoration: none;color: #4e4e4e;text-transform: uppercase;font-size:14px;position: relative;font-family: 'Poppins', sans-serif;float: left; line-height: 20px;}
div.module_home div.list_content ul li a:before{content: "";	position: absolute;width: 100%;height: 3px;bottom: -3px;left: 0;background-color: #00b9f5;visibility: hidden;transform: scaleX(0);transition: all 0.3s ease-in-out 0s;}
div.module_home div.list_content ul li a:hover:before {visibility: visible;transform: scaleX(1);}


/*footer*/
div.line-footer{float: left;width:100%;background-color:#c8c9cc;padding:20px 0 0 0;}
div.line-footer div.footer-btm{float: left;width:100%;margin-top:10px;text-align: center; background-color: #f1f1f1;}
div.line-footer div.footer-btm p{margin:0px;}
div.line-footer div.footer-btm p a{text-decoration: none; color: black;}
div.line-footer div.footer-btm img{border:none; width: 100%; max-width:980px;}

div.line-footer div.footer-left{float:left; width:75%; padding-bottom: 20px; }
div.line-footer div.linksite{float:left; width:100%;}
div.line-footer div.linksite ul li{box-sizing: border-box; width:33.3333%; padding:0px 2%; border-right:1px solid #9a9a9a;}
div.line-footer div.linksite ul li span{font-family: "UTMBebas"; font-size: 35px; color:#686868; font-weight: normal; margin:10px 0px 30px 0;}
div.line-footer div.linksite ul li:first-child{padding-left:0px;}
div.line-footer div.linksite ul li ul li{width:100%; border:none; padding:0px; min-height: 0px;}
div.line-footer div.linksite ul li ul li a{color:#686868; font-size: 13px;}
div.line-footer div.linksite ul li ul li a:before{content: "\f105";font-family: "fontawesome";padding-right: 5px;}
div.line-footer div.linksite ul li ul li a:hover{color: #00b9f5;}

div.line-footer div.footer-right{float:left; width:22%;margin-left:2%; padding-bottom: 20px;}
div.line-footer div.footer-right div.facebookpage{float:left; width:100%; margin-bottom:10px;}
div.line-footer div.footer-right h3{float: left;width:100%;font-family: "UTMBebas"; font-size: 35px; color:#686868; font-weight: normal; margin:10px 0px 30px 0;}
div.line-footer div.footer-right p{line-height: 150%;color: #686868;}
div.line-footer div.footer-right p br{margin-bottom:8px;}
div.line-footer div.footer-right p a:hover{text-decoration: none;color: red;}



@media screen and (max-width:980px){
	div.w1200{width: 100%;margin:0px;}	
	ul.product div.product{	height: 310px;}
}

@media screen and (min-width:980px) {
	div.w1200{width: 100%;margin:0px;}	
	ul.product div.product{	height: calc(330px - 5%);}
}

@media screen and (min-width:1024px) {
	div.w1200{width: 100%;margin:0px;}	
	ul.product div.product{	height: calc(330px - 5%);}
}

@media screen and (min-width:1280px) {
	div.w1200{width: 1200px; margin-left: calc(50% - 600px);}
	ul.product div.product{	height:380px;}
}



@media screen and (min-width:1360px) {	
}

@media screen and (min-width:1366px) {
}
@media screen and (min-width:1400px) {
}
@media screen and (min-width:1440px) {
}
@media screen and (min-width:1600px) {
}
@media screen and (min-width:1680px) {
}
@media screen and (min-width:1920px) {
}

@media only screen and (max-device-width:480px){
   /* styles for mobile browsers smaller than 480px; (iPhone) */
}
@media only screen and (device-width:768px){
   /* default iPad screens */
}
/* different techniques for iPad screening */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */
}