:root
{
	--cover-background: #fff;
	--color-background: #1d1d1d;
	--color-text: #333;
	--color-title: #333;
	--hover-background: #d90000;
	--hover-text: #d90000;
	--regular: "RobotoRegular";
	--regular2: "helveticaneue";
	--bold: "RobotoBold";
	--bold2: "helveticaneuebold";
	--title-font: "RobotoRegular";
	--line-height: 1.5;
	--font-title: 36px/var(--line-height) var(--title-font);
	--item-margin: 10px;
	--item-width: calc((100% / 4) - (var(--item-margin) * 2));
	--item-page-margin: 10px;
	--item-page-width: calc((100% / 4) - (var(--item-page-margin) * 2));
	--text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 2px 2px #000;
}
*{margin: 0;padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;outline:none;}
body{background:var(--cover-background);font: 13px/var(--line-height) var(--regular);color: var(--default-color);}
::-webkit-scrollbar{background:#fff;width:5px;height:11px;}
::-webkit-scrollbar-thumb{background: #ccc;}
::-webkit-input-placeholder{color: inherit;}

.cover{max-width:100%;margin:auto;}
.container{max-width:1200px;margin:auto;}
.click-video{width:100%;margin:3px 0;padding:5px 0;border:1px solid #ddd;box-sizing:border-box;}
.box-share{margin: 20px 0;}

.none, .menu-mobile, .hc-offcanvas-nav{display: none !important;}
.seo-h{font-size: 0;}

h1, h2, h3{font-size: inherit;font-weight: normal;}
a{display: block;color: inherit;text-decoration: none;}
img{max-width:100%;height:auto;vertical-align: top;line-height: 0;}
ul, li{list-style: none;}
aside ul, aside li{padding-left: 20px;list-style: unset;}
aside a{display: unset;color: -webkit-link;text-decoration: underline;}
textarea{resize: none;font-family: var(--regular);}
.name{font: 14px/var(--line-height) var(--regular);}
.name-regular{font-family: var(--regular);}
a.name:hover, a .name:hover{color: var(--hover-text) !important;transition: all 0.5s;}

.flex{display: flex;justify-content: space-between;}
.flex-start{display: flex;justify-content: flex-start;}
.flex-center{display: flex;justify-content: center;}
.flex-end{display: flex;justify-content: flex-end;}
.flex-wrap{flex-wrap: wrap;}

.lh0{line-height: 0;}
.lh2{line-height: 2;}

.pd5{padding: 5px;}
.pd10{padding: 10px;}
.pd20{padding: 20px;}
.pd20-10{padding: 20px 10px;}
.pd20-0{padding: 20px 0;}
.pd40-0{padding: 40px 0;}

.mg5{margin: 5px;}
.mg10{margin: 10px;}
.mg15{margin: 15px;}
.mg20{margin: 20px;}

.mg5-0{margin: 5px 0;}
.mg10-0{margin: 10px 0;}
.mg15-0{margin: 15px 0;}
.mg20-0{margin: 20px 0;}

.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}

.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mr30{margin-right:30px;}

.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}

.ta-l{text-align: left;}
.ta-c{text-align: center;}
.ta-r{text-align: right;}

.line-1{display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space:normal;overflow: hidden;}
.line-2{display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space:normal;overflow: hidden;}
.line-3{display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;text-overflow: ellipsis;white-space:normal;overflow: hidden;}

/*Form*/
.form{position:relative;width: 100%;padding:1rem;border:solid #f7f7f9;}
.form-group{position:relative;margin-bottom:10px;}
.form-group label{display:inline-block;margin-bottom:5px;font-size:14px;color:#495057;}
.form-group input[type='number']::-webkit-inner-spin-button{-webkit-appearance: none;}
.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:13px;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;box-shadow:inset 0 0 0 transparent;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:inset 0 0 0 transparent,0 0 0 0.2rem rgba(0,123,255,.25);}
select.form-control:not([size]):not([multiple]){height:calc(2rem + 1px);}

/*Button*/
.btn{display:inline-block;background-color:var(--color-background);padding: .475rem .75rem;font:14px var(--bold);color:#fff;cursor:pointer;border:none;border-radius:3px;}
.btn:hover{background-color: var(--hover-background);}

/*Template Contact*/
.cover-contact{align-items: flex-start;}
.cover-contact .content{width: 50%;}
.cover-contact .form{width: 45%;}
.cover-contact .map{width: 100%;margin-top: 20px;}

/*Template Post*/
.item-post{flex:0 var(--item-page-width);margin: var(--item-page-margin);}
.item-post .info .name{height: 40px;margin: 10px 0 5px;font-size:14px;text-transform: uppercase;}

/*Post Relate*/
.post-relate a{background:url(../images/right-arrow.png) left no-repeat;margin: 10px 0;}
.post-relate a h3{margin: 0 15px;}
.post-relate a span{color: #aaa;}

/*Pagination*/
.pagination{margin: 10px 0;}
.pagination ul{display: flex;justify-content: center;}
.pagination ul li{margin: 5px;}
.pagination ul li a{background: #fff;padding: 5px 10px;font-size: 12px;border: 1px solid #ddd;}
.pagination ul li a:hover, .pagination ul li .active{background: var(--hover-background);border-color: var(--hover-background);color: #fff;}

/*Animate*/
.transition{transition: 0.3s ease-out;-webkit-transition: 0.3s ease-out;-moz-transition: 0.3s ease-out;-o-transition: 0.3s ease-out;}

.hv-opa:hover{opacity: 0.85;}

.hv-rotate img{transition:all 1s;}
.hv-rotate:hover img{transform:rotate(360deg);}

.hv-zoom{overflow: hidden;}
.hv-zoom img{transition:all 0.5s;}
.hv-zoom:hover img{transform:scale(1.1);}

.hv-glass{position:relative;overflow:hidden;}
.hv-glass:before{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.5);content:'';z-index:10;-webkit-transition:-webkit-transform 0.6s;transition:transform 0.6s;-webkit-transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);}
.hv-glass:hover:before{webkit-transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0);transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0);}