*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}  .w3-responsive{overflow-x:auto} .w3-container:after, .w3-row:after,.w3-row-padding:after,.w3-topnav:after{content:"";display:table;clear:both} .w3-col,.w3-half,.w3-third,.w3-twothird,.w3-quarter{float:left;width:100%} .w3-col.s1{width:8.33333%} .w3-col.s2{width:16.66666%} .w3-col.s3{width:24.99999%} .w3-col.s4{width:33.33333%} .w3-col.s5{width:41.66666%} .w3-col.s6{width:49.99999%} .w3-col.s7{width:58.33333%} .w3-col.s8{width:66.66666%} .w3-col.s9{width:74.99999%} .w3-col.s10{width:83.33333%} .w3-col.s11{width:91.66666%} .w3-col.s12,.w3-half,.w3-third,.w3-twothird,.w3-quarter{width:99.99999%} @media only screen and (min-width:601px){ .w3-col.m1{width:8.33333%} .w3-col.m2{width:16.66666%} .w3-col.m20_per{width:20%} .w3-col.m28_per{width:28%} .w3-col.m3,.w3-quarter{width:24.99999%} .w3-col.m4,.w3-third{width:33.33333%} .w3-col.m5{width:41.66666%} .w3-col.m6,.w3-half{width:49.99999%} .w3-col.m7{width:58.33333%} .w3-col.m8,.w3-twothird{width:66.66666%} .w3-col.m9{width:74.99999%} .w3-col.m10{width:83.33333%} .w3-col.m11{width:91.66666%} .w3-col.m12{width:99.99999%} } @media only screen and (min-width:993px){ .w3-col.l1{width:8.33333%} .w3-col.l2{width:16.66666%} .w3-col.l20_per{width:20%} .w3-col.l3,.w3-quarter{width:24.99999%} .w3-col.l4,.w3-third{width:33.33333%} .w3-col.l5{width:41.66666%} .w3-col.l6,.w3-half{width:49.99999%} .w3-col.l7{width:58.33333%} .w3-col.l8,.w3-twothird{width:66.66666%} .w3-col.l9{width:74.99999%} .w3-col.l10{width:83.33333%} .w3-col.l11{width:91.66666%} .w3-col.l12{width:99.99999%} } .w3-col.l1_2{width:12%}}
h1,h2,h3,h4,h5,h6,p,span{ font-size: unset; margin-block-start: unset; margin-block-end: unset; margin-inline-start: unset; margin-inline-end: unset; font-weight: unset;}
/* COLORS */ 
.pullleft{
	float: left;
}
.pullright{
	float: right;
}
@media (max-width:800px){
	.pullright{
	float: left !important;
	}
	.pullleft {
		float: right !important;
	}
} 
.clr_fix{
	clear: both;
} 
.clear:after{
	content: ' ';
	display: block;
	position: relative;
	clear: both;
}
.limitimg img{
	max-width: 100%;
	height: auto;
}
.imgwidth100 img{
	width: 100%;
	height: auto;
}
.poab{
	position: absolute;
} 
.poab.middle{
	left: 0px;
	top:25%;
	width: 100%;
	height: 100%;
	display: table;
}
 
.hiti-item-template-abtexttype1 .wrab{
    width: 60%;
    height: auto;
    padding: 15px;
    background: rgba(0, 0, 0, 0.76);
    margin: auto;
    color: #fff;
    min-height: 50%;
    display: flex;
    align-items: center;
    border-radius: 5px;
}
.hiti-item-template-img-padding{
	position: relative;
}
.hiti-item-template-text-padding{
	padding: 10px 10px; 
}
.hiti-item-template-text-padding p{
	text-align: justify;
}
.hiti-item-template-wrabimg img{
	margin-bottom: 10px;
}

.hiti-item-template-btntype1 a{
	display: block;
	border: 1px solid #ccc;
	border-radius: 5px;
	color: #000;
}
.hiti-item-template-listarrow h3{
	font-weight: bold; 
	margin-bottom: 5px;
}
.hiti-item-template-list ul{
	list-style: none !important
}
.hiti-item-template-list ul li{
	list-style: none !important;
	margin-bottom: 5px;
	position: relative;
}
.hiti-item-template-listarrow ul li:before{
	content: "\f101";
	font: normal normal normal 14px/1 FontAwesome;
	margin-right: 5px;
	color: #1aa849;
}
.hiti-item-template-listarrowline ul li:before{
	content: "\f061";
	font: normal normal normal 14px/1 FontAwesome;
	margin-right: 5px;
	color: #1aa849;
}
.hiti-item-template-listcircle ul li:before{
	content: "\f111";
    font: normal normal normal 8px/1 FontAwesome;
    margin-right: 5px;
    /* margin-top: -6px; */
    top: -2px;
    position: relative;
    color: #1aa849;
}
.hiti-item-template-img4 .hiti-item-template-img-padding{
	padding: 5px;
}
.hiti-item-template-img4 .hiti-item-template-img-padding img{
	margin: 0px !important
}
.hiti-item-template-list-form {
	background-color:#cae6d6;
	border: 1px solid #a5ceb6;
	padding: 10px;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	border-radius: 5px;
	background-image: url(./bgcontact.png);
	background-position: right;
	background-repeat: no-repeat;
	background-size: auto 100%
}
.hiti-item-template-list-form h3{
	text-transform: uppercase;
	text-decoration: underline;
	font-weight: bold;
	font-size: 15px;
	color: #1aa849;
}
.hiti-item-template-list-form i{
	color: #1aa849;
	margin-right: 10px;
}
.hiti-item-template-list-form ul li{
	list-style: none !important;
	margin: 0px;
	margin-bottom: 5px;
	padding: 0px;
	text-indent: 0px;
	position: relative;
}
.hiti-item-template-list-form ul li:before{
	content: "\f054";
	font: normal normal normal 14px/1 FontAwesome;
	margin-right: 5px;
	color: #1aa849;
}
.hiti-item-template-list-form.cicrle ul li:before{
	content: "\f111";
    font: normal normal normal 8px/1 FontAwesome;
    margin-right: 5px;
    /* margin-top: -6px; */
    top: -2px;
    position: relative;
    color: #1aa849;
}
.hiti-item-template-borderstrong{
	border: 1px dashed #ff3d00;
	padding: 15px; 
	background-color: #ffebe5;
}
.hiti-item-template-borderstrong.solid{
	border-style: solid;
}
.hiti-item-template-borderstrong.green{ 
	border-color: #8BC34A;
	background: #fbfff5;
}
.hiti-item-template-borderstrong.ogrance{ 
	border-color: #FF9800;
	background-color: #fff3e1;
}
.hiti-item-template-borderstrong.blue{ 
    border-color: #2196F3;
    background: #edf7ff;
}
.hiti-item-template-borderstrong.black{ 
    border-color: #000000;
    background: #fbfbfb;
}
.hiti-item-template-borderstrong.runcss{
	animation: runborderstrong 5s linear infinite;
}
@keyframes runborderstrong { 
0% {
	border-color: #8BC34A;
	background: #fbfff5;
}

30% {
	border-color: #FF9800;
	background-color: #fff3e1;
}

50% {
    border-color: #2196F3;
    background: #edf7ff;
}

60%,
70% {
	border-color: #ff3d00;
    background: #ffebe5; 
}

80%,
100% {
	border-color: #000000;
	background: #fbfbfb; 
}
}
.bordergroups-styles3c{
	border:1px solid #607d8b;
}
.hiti-item-template-tables .itemcolums.styles3c .titles{
	color: #fff;
	background-color: #607D8B;
	text-align: center;
	line-height: 40px;
}
.hiti-item-template-tables .itemcolums.styles3c .contents{
	padding: 20px; 
}
.hiti-item-template-tables .itemcolums.styles3c .contents ul li{
	text-indent: 0px;
	margin-left: 20px;
}
@media only screen and (min-width:601px){
	.hiti-item-template-tables .itemcolums.styles3c .contents, .hiti-item-template-tables .itemcolums.styles3c .titles{ 
		border-right:1px solid #ccc;
	}
	.hiti-item-template-tables .itemcolums.styles3c.third .contents, .hiti-item-template-tables .itemcolums.styles3c.third .titles{  
		border-right: none;
	}

}
/*ed template import*/


@media(max-width:600px){
	.w3-hide-small{display:none !important;}
}
@media(max-width:993px) and (min-width:601px){
	.w3-hide-medium{display:none !important;}
}
@media(min-width:992px){
	.w3-hide-large{display:none !important;}
}

/*bg template slider*/
.slider-fullscreen{
	width: 100%;
	height: auto;
	position: relative;
}
.slider-fullscreen .items .img img{
	width: 100%;
	height: auto;
}
/*
owl-wrapper-outer - group contents
oul-controls - groups button
*/
/*.owl-carousel .owl-wrapper-outer 
.owl-controls*/
.public-rocker-slider-type1 .owl-prev{
	position: absolute;
	left: 10px;
	top: 0 !important;
	bottom: 0 !important;
	margin: auto !important;
	z-index: 9;
	width: 40px;
	height: 40px;
	text-align: center;
	background: #ccc;
	padding: 0px !important
}
.public-rocker-slider-type1  .owl-next{
	position: absolute;
	right: 10px;
	top: 0 !important;
	bottom: 0 !important;
	margin: auto !important;
	z-index: 9;
	width: 40px;
	height: 40px;
	text-align: center;
	background: #ccc;
	padding: 0px !important
}
.public-rocker-slider-type1 .btn-slider i{
	line-height: 40px;
    font-size: 25px;
}
/*bg .slider-fullscreen_des*/
.slider-rocker-fullscreen_des .items{
	position: relative;
}
.slider-rocker-fullscreen_des .text{
	position: absolute;
	right: 40px;
	top: 40px;
	background-color: #ffffff87;
	padding: 20px;
}
.slider-rocker-fullscreen_des .text .titles{ 
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc
}
.slider-rocker-fullscreen_des .text .des{ 
	font-size: 14px;
	line-height: 16px;
	text-align: justify;
}
/*ed .slider-fullscreen_des*/
/*bg .slider-caroursel*/
.slider-rocker-caroursel .items,.slider-rocker-caroursel_des .items{ 
	padding: 10px;
}
/*ed .slider-caroursel*/
/*bg .slider-rocker-caroursel_des*/
.slider-rocker-caroursel_des .text{ 
	background-color: #ffffff87;
	padding: 10px 0px;
}
.slider-rocker-caroursel_des .text .titles{ 
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 4px;
	padding-bottom: 4px;
	border-bottom: 1px solid #ccc
}
.slider-rocker-caroursel_des .text .des{ 
	font-size: 13px;
	line-height: 16px;
	text-align: justify;
}
/*ed .slider-rocker-caroursel_des*/

/*ed template slider*/
.mceEditor img{
	max-width: 100%;
	height: auto;
}
.public-bci{
	background-color: #f7f6f3;
	border: 1px dashed #e6e5e0;
	padding: 7px;
	width: auto;
	display: table;
	margin: auto;
	position: relative;
}
.public-bci img{
	margin-bottom: 0px
}
.public-bci p{
	padding: 10px;
	padding-top:0px;
	font-size: 12px;
	text-align: center;
}

.tl-groupprofile{

}
.tl-groupprofile .tl-head{
	padding: 0px 20px;
}
.tl-groupprofile .tl-title{
font-size: 20px;
font-weight: bold;
}
.tl-groupprofile .tl-des{

}
.tl-groupprofile .tl-items{
	width: 50%;
	float: left;
	padding: 20px;
}
@media(max-width: 602px){
	.tl-groupprofile .tl-items{
		width: 100%; 
		float: none;
	}
}

 
.list_1.rwl .owl-nav {
width: 80px;
float: right;
margin-top: 0px;
}
.list_1.rwl .owl-dots {
  width: calc(100%);
  float: left;
  padding: 20px 0;
  position: absolute;
  bottom: 0px;
}
.list_1.rwl .owl-dots .owl-dot span {
width: 15px;
height: 15px;
line-height: 15px;
border-radius: 15px;
border: 2px solid #e1d39a;
margin-right: 9px;
color: #c6c6c6;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}

.list_1.rwl .owl-dots .owl-dot.active span{
background: #e1d39a;
color: #000;
width: 15px;
border-color: #e1d39a;
}
.nav-slider-box:after{
content:' ';
clear: both;
display: block;
}
.list_1.rwl .owl-nav button.owl-next, .list_1.rwl .owl-nav button.owl-prev{
width: 60px;
height: 60px;
margin: 0px;
}
.list_1.rwl .owl-nav button.owl-prev span, .list_1.rwl .owl-nav button.owl-next span{
  color: #ffff;
  font-size: 27px;
}
.list_1.rwl .owl-nav button.owl-prev{  
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  margin: auto;
  /* background-color: #fff; */
  border-radius: 100%;
  background-size: 27px;
  border: 1px solid #ffffff;
}
.list_1.rwl .owl-nav button.owl-next{
  /*background: url(../public_img/next.svg) 50%/90% no-repeat;*/
  
  content: "\f054"; 
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
  /*background-color: #fff;*/
  border-radius: 100%;
  background-size: 27px;
  border: 1px solid #ffffff;
  font-family: 'Line Awesome Free';
}
.list_1.rwl .owl-nav button:hover{
  background: #d3aa68
 }
.list_1.rwl .owl-nav:after{
content: ' ';
clear: both;
display: block;
}
@media(max-width: 900px){
.list_1.rwl .owl-nav{
  display: none !important
}
}
.hiti-item-template p.clr_fix,.hiti-item-template br.clr_fix{
	height: 1px !important;
	margin-top: 0px;
	margin-bottom: 0px !important;
	visibility: hidden !important
}
/*bg ly-note-comment*/
.ly-note-comment{
	background-color: #f3f3f3;
	padding: 20px;
	border-left: 5px solid #F44336;
	margin-left: 30px;  
	line-height: 25px;
}
.ly-note-comment.green{ 
	border-color: #8BC34A;
}
.ly-note-comment.ogrance{ 
	border-color: #FF9800;
}
.ly-note-comment.blue{ 
	border-color: #2196F3;
}
.ly-note-comment.runcss{
	animation: runnotecomment 1.5s linear infinite;
}
@keyframes runnotecomment { 
0% {
	border-color: #8BC34A;
}

30% {
	border-color: #FF9800;
}

50% {
    border-color: #2196F3;
} 
80%,
100% {
	border-color: #F44336;
}
}

.ly-note-viewdetails{ 
	padding: 20px;
	margin: 15px auto;
	text-align: center; 
	border-radius: 5px; 
	position: relative;
	padding-right: 140px;
	min-height: 120px; 
} 
.ly-note-viewdetails{
background: #fff0ef;
border: 1px solid #F44336;
}
.ly-note-viewdetails h3 a u{
 color: #F44336;
}
.ly-note-viewdetails .lv-prices{
background: #F44336;
}

.ly-note-viewdetails.green{
background: #fafff4;
border: 1px solid #8ac34a;
}
.ly-note-viewdetails.green h3 a u{
 color: #8ac34a;
}
.ly-note-viewdetails.green .lv-prices{
background: #8ac34a;
}

.ly-note-viewdetails.ogrance{
background: #fff8ed;
border: 1px solid #ff9800;
}
.ly-note-viewdetails.ogrance h3 a u{
 color: #ff9800;
}
.ly-note-viewdetails.ogrance .lv-prices{
background: #ff9800;
}

.ly-note-viewdetails.blue{
	background: #f0f8ff;
	border: 1px solid #2096f3;
}
.ly-note-viewdetails.blue h3 a u{
 color: #2096f3;
}
.ly-note-viewdetails.blue .lv-prices{
background: #2096f3;
}

.ly-note-viewdetails h3{
  font-weight: bold;
  font-size: 25px;
  margin:0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: lsize;
  animation-name: lsize;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
.ly-note-viewdetails h3 a{
    display: block;
    color: #000; 
}


.ly-note-viewdetails .grbg{
  margin-top: 10px
}
.ly-note-viewdetails i{
margin: 0 3px;
padding: 0 3px;
}

@-webkit-keyframes lsize {
  0% {
    opacity: 1;
    - webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: .9;
  }
}
.ly-note-viewdetails .lv-prices{ 
	font-size: 15px;
	padding: 20px;
	margin: 10px auto;
	width: 121px; 
	border-radius: 5px;
	color: #fff;
	position: absolute;
	right: 11px;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 88px;
}
.ly-note-viewdetails .lv-prices div{
  display: block;
}
.ly-note-viewdetails .lv-prices .value{
  font-size: 30px;
  font-weight: bold;
}
@media(max-width: 700px){
	.ly-note-viewdetails h3 a u{
		display: block;
	}
	.ly-note-viewdetails .lv-prices{
		width: 70px;
		height: 60px;
		font-size: 12px;
		padding: 10px;
	}
	.ly-note-viewdetails .lv-prices .value{
		font-size: 25px;
	}
	.ly-note-viewdetails .lv-prices .value .mdvt{
		font-size: 12px;
	}
	.ly-note-viewdetails h3{
		font-size: 20px;
	}
}
@keyframes lsize {
  0% {
    opacity: 1;
    - webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
    opacity: .9;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: .9;
  }
}
/*ed ly-note-comment*/
/*bg cdn-collum-img*/
.cdn-collum-img .cdn-img img{
	max-width: 100%;
	height: auto;
	margin: auto;
}
.cdn-collum-img-2 .cdn-img{
	height: auto;
	float: left;
}
.cdn-collum-img-2 .cdn-text{
	float: right;
}
.cdn-collum-img-2 .cdn-text p{
	padding: 0px;
	text-align: justify;
	margin:0px;
}

.cdn-collum-img-2.cdn-one .cdn-img{
	width: 200px;
}
.cdn-collum-img-2.cdn-one .cdn-text{
	width: calc(100% - 210px);
}

.cdn-collum-img-2.cdn-two .cdn-img{
	width: 300px;
}
.cdn-collum-img-2.cdn-two .cdn-text{
	width: calc(100% - 310px);
}
@media screen and  (max-width: 900px){
	.cdn-collum-img-2.cdn-two .cdn-text{
	    position: relative;
	    /* left: -200px; */
	    background: #efefef;
	    padding: 40px;
	    width: calc(100% - 100px);
	}
}
.cdn-collum-img-2.cdn-three .cdn-img{
	width: 40%;
}
.cdn-collum-img-2.cdn-three .cdn-text{
	width: calc(60% - 10px);
}
@media screen and  (max-width: 1100px){
	.cdn-collum-img-2.cdn-three .cdn-text{
	    position: relative; 
	    background: #efefef;
	    padding: 40px;
	    width: calc(100% - 100px);
	}
	#tinymce .cdn-collum-img-2.cdn-three .cdn-text{
	    position: relative; 
	    background: none;
	    padding: 0px;
	    width: calc(60% - 10px) !important;
	}
}

@media screen and (max-width: 600px){
	.cdn-collum-img-2.cdn-one{
		background: #efefef;
		margin-top: 100px;
		padding-top: 50px;
	}

	.cdn-collum-img-2 .cdn-img{
		width: 100% !important;
		float: none;
	}
	.cdn-collum-img-2.cdn-one .cdn-img img{
		max-width: 250px;
		width: auto !important;
		height: auto;
		display: block;
		position: relative;
		margin: auto;
		margin-top: -100px
	}
	.cdn-collum-img-2 .cdn-text{
	    position: relative; 
	    background: #efefef;
	    padding: 20px !important;
	    width: 100% !important;
	    float: none;
	}
}
.cdn-collum-img.reverse .cdn-img{
	float: right  
}
.cdn-collum-img.reverse .cdn-text{
	float: left;
}

.cdn-collum-items-2{

}
.cdn-collum-items-2 .cdn-items{
	width: calc(50% - 10px);
	margin:5px;
	display: inline-block;
	float: left;
}
.cdn-collum-items-2 .cdn-items img{
	max-width: 100%;
	max-height: 100%;
}
/*ed cdn-collum-img*/
.mce-content-body img,#tinymce img,.mce-content-body img{
	max-width: 100% !important;
	height: auto !important;
} 

/*bg hiti-text_img*/
.hiti-text_img{
	/*padding-bottom: 14px;*/
}
.hiti-text_img::after{
	content: ' ';
	clear: both;
	display: block;
}
.hiti-text_img .cdn-icons-text{
	display: inline-block; 
	float: left;
	width: calc(100% - 40px)
}
.hiti-text_img .cdn-icons-gif{
	width: 40px;
	height: 57px;
	display: inline-block;
	background-size: cover;
	background-position: center; 
	float: left;
	margin-top: -18px;
	background-repeat: no-repeat;
}
.hiti-text_img .cdn-icons-gif-1{
    background-image: url(https://rocker.vn/hiti-template/img/gif/1.gif);
    background-size: 140%;
 
}
.hiti-text_img .cdn-icons-gif-2{
    background-image: url(https://rocker.vn/hiti-template/img/gif/2.gif);
    background-size: 94%;
 
}
.hiti-text_img .cdn-icons-gif-3{
    background-image: url(https://rocker.vn/hiti-template/img/gif/3.gif);
    background-size: 94%;
  
}
.hiti-text_img .cdn-icons-gif-4{
    background-image: url(https://rocker.vn/hiti-template/img/gif/4.gif);
    background-size: 94%;   
}
.hiti-text_img .cdn-icons-gif-5{
    background-image: url(https://rocker.vn/hiti-template/img/gif/5.gif);
    background-size: 94%;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: -13px;
   
}
.hiti-text_img .cdn-icons-gif-6{
    background-image: url(https://rocker.vn/hiti-template/img/gif/6.gif);
    background-size: 94%;   
}
.hiti-text_img .cdn-icons-gif-7{
    background-image: url(https://rocker.vn/hiti-template/img/gif/7.gif);
    background-size: 94%;   
}
.hiti-text_img .cdn-icons-gif-8{
    background-image: url(https://rocker.vn/hiti-template/img/gif/8.gif);
    background-size: 94%;   
}
.hiti-text_img .cdn-icons-gif-9{
    background-image: url(https://rocker.vn/hiti-template/img/gif/9.gif);
    background-size: 94%;   
}
.hiti-text_img .cdn-icons-gif-10{
    background-image: url(https://rocker.vn/hiti-template/img/gif/10.gif);
    background-size: 94%;   
}
.hiti-text_img .cdn-icons-gif-11{
    background-image: url(https://rocker.vn/hiti-template/img/gif/11.gif);
    background-size: 94%;   
}
/*ed hiti-text_img*/
/*message*/.rocker-mss{ position: fixed; left: 0; right: 0; bottom: 0; top: 0; margin: auto; z-index: 999; text-align: center; font-size: 21px; display: flex; align-items: center; } .rocker-mss::before{ content: ' '; width: 100%; height: 100%; background: #000000bf; position: fixed;left:0;right: 0;top:0;bottom: 0; z-index: 0 } .rocker-mss .mss-content{ background: #ffffff; padding: 10px; border-radius: 5px; position: relative; z-index: 1; margin: auto; } .rocker-mss .icon{ color: #fe2905; } .rocker-mss span.close{ position: absolute; right: -28px; top: -21px; font-size: 30px; color: #fff; cursor: pointer; } .rocker-mss .message{ color: #119919; }