@font-face {
	font-family: 'opensans';
	src: url('../fonts/opensans-regular.eot');
	src: url('../fonts/opensans-regular.eot?#iefix') format('embedded-opentype'), /* IE4+ */
	url('../fonts/opensans-regular.woff') format('woff'),
	url('../fonts/opensans-regular.woff2') format('woff2'),
	url('../fonts/opensans-regular.ttf') format('truetype'), /* font chuan */
	url('../fonts/opensans-regular.svg#vni-courinormal') format('svg'); /* iphone, ipad*/
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'opensans_bold';
	src: url('../fonts/opensans-bold.eot');
	src: url('../fonts/opensans-bold.eot?#iefix') format('embedded-opentype'), /* IE4+ */
	url('../fonts/opensans-bold.woff') format('woff'),
	url('../fonts/opensans-bold.woff2') format('woff2'),
	url('../fonts/opensans-bold.ttf') format('truetype'), /* font chuan */
	url('../fonts/opensans-bold.svg#vni-courinormal') format('svg'); /* iphone, ipad*/
	font-weight: bold;
}
h4, .h4 {
	font-size: 16px;
}
h5, .h5 {
	font-size: 14px;
}

#table-beautiful {
  border-collapse: collapse;
  width: 100%;
}

#table-beautiful td, #table-beautiful th {
  border: 1px solid #ddd;
  padding: 8px;
}

#table-beautiful tr:nth-child(even){background-color: #f2f2f2;}

#table-beautiful tr:hover {background-color: #ddd;}

#table-beautiful th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #ecc200;
  color: white;
}
a{
	text-decoration: none !important;
}
a:visited{
	outline: 0 !important;
	outline: none !important;
}
a:hover, a:active, a:focus{
	outline: 0 !important;
	outline: none !important;
}
.clearAll{ clear: both; font-size: 0px; width: 0px; height: 0px; }
.clear_left{
	clear: both;
	width: 100%;
}

html{
	width: 100%;
	height:100%;
	margin: 0;
	padding: 0;
	font-family: 'opensans';
}
body {
	margin: 0;
	padding: 0;
	width: 100%;
	height:100%;
	background-color:#fff;
	font-family: 'opensans';
	max-width:1366px;
	overflow-x: hidden;
	margin:0 auto;
	position:relative;
	color:#4d4d4d;
}
.animate_start{
	opacity: 0;
}
.animate_finish{
	opacity: 1;
}
.move_down_ele1{
	-webkit-animation: move_down 0.6s linear infinite alternate;
	-moz-animation: move_down 0.6s linear infinite alternate;
	-o-animation: move_down 0.6s linear infinite alternate;
	animation: move_down 0.6s linear infinite alternate;
}
.move_down_ele2{
	-webkit-animation: move_down 1s linear infinite alternate;
	-moz-animation: move_down 1s linear infinite alternate;
	-o-animation: move_down 1s linear infinite alternate;
	animation: move_down 1s linear infinite alternate;
}
@-webkit-keyframes move_down { from { bottom: -10px; } to { bottom: 0px; }  }
@-moz-keyframes move_down { from { bottom: -10px; } to { bottom: 0px; }  }
@-o-keyframes move_down { from { bottom: -10px; } to { bottom: 0px; } }
@keyframes move_down { from { bottom: -10px; } to { bottom: 0px; }  }

.animation_delay_1{
	-webkit-animation-delay: 1s; /* Chrome, Safari, Opera */
	animation-delay: 1s;
}
.khoidong img{
	position: absolute;
	bottom: 0;
	right: 0;
}
img.zoom-img {
	-webkit-transform: scale(1, 1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 250ms;
	-moz-transform: scale(1, 1);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 250ms;
}
img.zoom-img:hover {
	-webkit-transform: scale(1.05);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 550ms;
	-moz-transform: scale(1.05);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 550ms;
	overflow: hidden;
	opacity:1;
}
.mask1 {
	overflow: hidden;
	display: block;
	width:100%;
	cursor:pointer;
}
/* begin loading*/
.loading_content{
	position: fixed;
	z-index: 99999;
	width: 100%;
	height: 100%;
	display: block;
	background-color:#fff;
	overflow: hidden;
	top:0;
	left:0;
}
.loading{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: table;
}
.wrapper_img{
	display: table-cell;;
	vertical-align: middle;
}
.wrapper_img img{
	display: block;
	border-radius: 0%;
	overflow: hidden;
	margin: 0 auto;
}
/* end loading*/
.disable_scroll{
	overflow: hidden;
	width: 100%;
	height: 100%;
}
#header_container{
	border: none;
	margin: 0;
}
#header_container .container{
	width: 100%;
}
#header_container .navbar-toggle .icon-bar{
	background-color: #fffff;
}
.navbar-nav{

}
#header_container .navbar-nav a{
	color: #fff;
}
#menu li ul{
	padding-left:30px;
}
/*begin header*/
#header_container .container{
	padding: 0;
}
#header_container .navbar-collapse{
	background-color: #362f2d;
	margin: 0;
}
#header_container .navbar-header{
	height: 55px;
	background-color: #362f2d;
	margin: 0;
}
#header_container .navbar-toggle .icon-bar{
	background-color: #fff;
}
#header_container .navbar-nav{
	margin-top: 25px;
}
#header_container .navbar-nav a{
	color: #fff;
	text-align: left;
	font-size: 14px;
	text-transform: uppercase !important;
	padding: 0 auto;
	padding-bottom:10px;
}
#header_container .nav > li{
	/*border-bottom: 1px solid #044273;*/
}
#header_container .navbar-nav > li > a{
	padding-top: 0;
	padding-bottom: 15px;
	font-size:13px;
	text-align:center;
}
#header_container .navbar-nav > li > a > img{

}
#header_container .navbar-nav > li > a:hover, #header_container .navbar-nav > li.active > a{
	color: #cc6675;
	background:none !important;
}
.nav > li > a:hover, .nav > li > a:focus{
	background:none !important;
}
.design{
	text-align:center;
	font-size:10px;
	margin-bottom:10px;
}
.footer{
	background-color:#8c8c8c;
	padding-bottom:10px;
	color:#fff;
	position: relative;
	z-index: 9999;
}	
.footer h3{
	text-align: center;
}
ul#menu_footer {
	padding: 0;
	font-size:12px;
	text-align: center;

}
ul#menu_footer li{
	list-style:none;
	color:#fff;
}
ul#menu_footer li a{
	color:#fff;
}
ul#menu_footer li a:hover {
	color:#337ab7;
}
ul#menu_footer li a.active {
	color:#337ab7;
}
.img_footer{
	margin:0 auto;
	margin-bottom:-20px;
	position:relative;
	margin-top:30px;
}
.home_img{
	margin:0 auto;
}
.content_footer{
	text-align: center;
}
/* home*/
.logo_m{
	position:absolute;
	top:8px;
	left:15px;
}
.home_baner{
	position:relative;
}
.sroll_home{
	margin:0 auto;
	margin-top:-30px;
}
.home_content{
	position:relative;
	margin-bottom:70px;
}
.hinh_banner{
	width:100%;
}
.tintuc{
	width:100px;
	font-size:24px;
	text-align:center;
	color:#c00000;
	text-transform:uppercase;
	font-weight:bold;
	border-bottom: solid 5px #a8c800;
	margin:0 auto;
	margin-top:35px;
}
.xemtatca{
	font-size:12px;
	font-style:italic;
	text-align:center;
	margin-top:10px;
}
.xemtatca a{
	color:#ed000d;
	text-decoration:underline !important;
}
.home_content1{
	border:solid 1px #d6d6d6;
	margin-top:17px;
}
.text_home1 h2{
	font-size:25px;
	font-weight:bold;
	padding-bottom:10px;
}
h3{
	font-size:24px;
	font-weight:bold;
	padding-bottom:10px;
}

.text_home1{
	font-size:14px;
}
.xemngay{
	width:150px;
	height:35px;
	color:#ed000d;
	font-size:14px;
	text-transform:uppercase;
	border: solid 3px #ed000d;
	background-color:#fff;
	text-align:center;
	font-weight:bold;
	line-height:30px;
	margin-top:20px;
	margin-bottom:20px;
}
.xemngay:hover, .xemngay.active{
	background-color:#ed000d;
	color:#fff;
}
.text_home2{
	margin-top:16px;
}
.item_content_home{
	border:solid 1px #d6d6d6;
	margin-bottom: 20px;
}
.item_text_home{
	font-size:14px;
	margin:15px;
}
.item_text_home h3{
	font-size:14px;
	font-weight:bold;
	line-height:20px;
}
.item_text_xemchitiet{
	text-align:right;
	margin-right:15px;
	margin-bottom:22px;
}
.item_text_xemchitiet a{
	font-size:12px;
	font-style:italic;
	text-align:right;
	color:#ed000d;
	text-decoration:underline !important;
}
.sroll_home, .img_footer{
	cursor:pointer;
}
/* popup zoom*/
.popup_container_note{
	width: 330px;
	height: 75px;
	display: none;
	z-index: 999;
	position: absolute;
	bottom: 0;
	left: 0;
	background-size:cover;
	/*background: rgba(88,40,9,0.9);*/
	background-color:#d63012;
}
.popup_note{
	width: 100%;
	height: 100%;
	display: block;
	margin: 0px auto;
	position: relative;

}
.popup_content_note{
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	position: absolute;
	z-index: 120;
	left: 0;
	top: 0;
	display: block;
	font-size:14px;
	color:#fff;
	padding:5px 30px 5px 15px;

}
.close_popup_note{
	position: absolute;
	width: 18px;
	height: 18px;
	background: url('../images/close.png') no-repeat top center !important;
	right: 3px;
	top: 3px;
	z-index: 150;
	cursor: pointer;
}
.tamgiac_note{
	position: absolute;
	right: 9px;
	bottom: 7px;
	z-index: 150;
}
/* end popup*/
.note2{
	width:262px;
	height:198px;
	background: url('../images/123.png') no-repeat top center !important;
	position: absolute;
	right: 95px;
	top: 110px;
	padding: 10px 55px 10px 30px;
	color:#fff;
	font-weight:bold;
	font-size:18px;
}
/* end home
/* tin tuc*/
.tintuc_baner{
	background: url('../images/banner_tintuc.png') no-repeat top center !important;
	padding-top:30px;
	padding-bottom:30px;
	position:relative;
}
.tintuc_content1{
	border:solid 1px #d6d6d6;
	margin-top:0px;
	background-color:#fff;
}
.title_tintuc{
	margin-bottom:10px;
	margin-top:10px;
	margin-left:20px;
}
.title_tintuc span{
	color:#4d4d4d;
	font-size:24px;
	font-weight:bold;
	margin-right:10px;
}
.title_tintuc a{
	font-size:12px;
	font-style:italic;
	text-align:right;
	color:#ed000d;
	text-decoration:underline !important;
}
/* end tin tuc*/
#header_container .nav .submenu_m li{
	display: block;
}
#header_container .nav .submenu_m_item a{
	position: relative;
}
#header_container .nav .submenu_m_item2 a{
	position: relative;
}
#header_container .nav > li.active > a{
	/* background: #fff; */
}
.nav > li > a:hover, .nav > li > a:focus{
	background: none;
}
#header_container .submenu_m{
	background-color: #8c8c8c;
	display: none;
	text-align:center;
}
#header_container  .submenu_m_item{
	display: none;
}
#header_container  .submenu_m_item2{
	display: none;
}
#header_container .submenu_m  > li .submenu_m_item{
	display: none;
	background:none;
}
#header_container .submenu_m  > li .submenu_m_item a{
	color: #fff;
	text-transform:none !important;
}
#header_container .submenu_m  > li .submenu_m_item2{
	display: none;
	background:none;
}
#header_container .submenu_m  > li .submenu_m_item2 a{
	color: #fff;
	text-transform:none !important;
}
#header_container .nav .submenu_m  li:hover, #header_container .nav .submenu_m li:focus{

}
#header_container .navbar-nav .submenu_m  li > a:hover, #header_container .navbar-nav .submenu_m li.active > a{
	color: #faa41a;
}
#header_container .nav  .submenu_m > li.active > a, #header_container .nav  .submenu_m > li > a:hover{
	/* background: #DDDDDD; */
}
.submenu_m li img{
	margin-right:10px;
	width:40px;
}
/*BEGIN submenu*/
.sub_menu_container{
	max-width:1366px;
	width: 100%;
	display: none;
	opacity: 0;
	position:absolute;
	padding-top:0px;
	margin:0 auto;

	z-index:999;
}
.sub_menu{
	display: none;
	opacity: 0;
	margin: 0 auto;
	width: 1170px;
	position: relative;

}
.sub_menu.active{
	display: block;
	opacity: 1;
}
.sub_menu_bg{
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: -2;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.21);
	-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.21);
	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.21);
}
.sub_menu_item{
	display: block;
	float: left;
	margin-top:15px;
}
.sub_menu_item_title h3{
	text-align:center;
	width: 100%;
	font-size: 14px;
	color: #414042;
	font-weight: bold;
	vertical-align: text-center;
	margin-bottom: 0px;
}

.sub_menu_item_title img{
	margin:0 auto;
	display: block;
	vertical-align: text-center;
	margin-top:-10px;
}
ul#link_sanpham {
	padding-top:10px;
	font-size:14px;
	margin-bottom:30px;
	padding-right:30px;
}
ul#link_sanpham li{
	list-style:none;
	color:#4d4d4d;
	text-align:left;
}
ul#link_sanpham li a{
	color:#4d4d4d;
	white-space: nowrap;
	text-transform: capitalize;
}
ul#link_sanpham li a:hover {
	color:#337ab7;
}
ul#link_sanpham li a.active {
	color:#337ab7;
}
.hinh_iconmenu5{
	margin-top:20px;
	width:100%;
}
/*END submenu*/
/* san pham*/
.san_pham{
	background: url('../images/bg_sp.png') no-repeat top center !important;
	padding-top:50px;
	padding-bottom:55px;
}
.san_pham1, .san_pham2, .san_pham3, .san_pham4{
	position:relative;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	margin-top:-35px;
}
.hinh_text{
	text-align:center;
	position:absolute;
	z-index:1;
	width:100%;
	top:15%;
}
.hinh_text span{
	font-size:18px;
	color:#fff;
	font-weight:bold;
}
.hinh_avatar{
	margin:0 auto;
	position:relative;
	z-index:1;
}
.hinh_avatar_sp{
	margin:0 auto;
	position:relative;
	z-index:1;
}
.hinh_avatar_sanpham{
	margin-left:210px;
	margin-top:-10px;
}
.xemngay_sp{
	width:150px;
	height:35px;
	border: solid 3px #ed1c24;
	text-align:center;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	line-height:30px;
	bottom:35px;
	right:25px;
	z-index:100;
	color:#ed1c24;
	margin:0 auto;
	margin-top:10px;
	cursor:pointer;
}
.xemngay_sp2{
	width:150px;
	height:35px;
	border: solid 3px #ed1c24;
	text-align:center;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	line-height:30px;
	bottom:35px;
	right:25px;
	z-index:100;
	color:#ed1c24;
	margin:0 auto;
}

.sp2_sp{
	margin-top:20px;
}
.sub_menu_item2_pc{
	font-size:14px;
	margin-top:5px;
}
.sub_menu_item2_pc span{
	font-weight:bold;
	margin-left:40px;
	white-space: nowrap;
}
/*end san pham*/
.title_type{
	font-size:14px;
	margin-top:20px;
}
.hinh_text_type span{
	font-size:24px;
	color:#ed1c24;
	font-weight:bold;
}
.item_sp{
	border: solid 1px #d7d7d7;
	margin-top:16px;
	padding:10px;
	padding-top:20px;
	padding-bottom:35px;
	overflow:hidden;
}
.item_sp:hover{
	-webkit-box-shadow: 5px 5px 10px -2px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow:    5px 5px 10px -2px #ccc;  /* Firefox 3.5 - 3.6 */
	box-shadow:         5px 5px 10px -2px #ccc;
}
.hinh_item_sp{
	margin:0 auto;
	height:185px;
}
.item_sp_hinh{
	min-height:200px;
}
.xemnhanh_type{
	width:230px;
	height:35px;
	margin:0 auto;
	border:solid 3px #ed1c24;
	background-color:#fff;
	text-align:center;
	color:#ed1c24;
	font-size:14px;
	font-weight:bold;
	line-height:30px;
	text-transform:uppercase;
	margin-top:10px;
	cursor:pointer;
}
.xemnhanh_type:hover, .xemnhanh_type.active{
	background-color:#ed1c24;
	color:#fff;
}
.item_text_sp{
	text-align:center;
	margin-top:15px;
}
.item_text_sp a{
	font-size:14px;
	font-style:italic;
	text-align:center;
	color:#ed000d;
	text-decoration:underline !important;
}
.text_item_sp{
	text-align:center;
	font-size:14px;
	z-index:100;
	position:relative;
}
.text_item_sp span{
	font-weight:bold;
	text-transform:capitalize;
}
.item_sp_hover{
	display:none;
	height:0px;
	-webkit-transition: 0.5s; /* For Safari 3.1 to 6.0 */
	transition: 0.5s;
}
.item_sp:hover .item_sp_hover{
	height:70px;
	display:block;

}
.item_sp:hover .text_item_sp{
	z-index:-1;
}
.item_sp_sub1{
	width:100%;
	height:60px;
	background-color:#c2d756;
	margin-top:20px;
}
.item_sp_sub2{
	width:100%;
	height:60px;
	background-color:#5cc5fe;
	margin-top:20px;
}
.item_sp_sub3{
	width:100%;
	height:60px;
	background-color:#f29f4d;
	margin-top:20px;
}
.hinh_avatar_sub{
	width:40px;
	height:40px;
}
.hinh_avatar_sub{
	float:left;
	margin-right:10px;
	margin-top:10px;
}
.hinh_text_type_sub{
	line-height:60px;
	width:272px;
	margin:0 auto;
}
.hinh_text_type_sub span{
	font-size:24px;
	color:#fff;
	font-weight:bold;
}
/* popup thele*/
.popup_container_sanpham{
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 10px;
	display: none;
	z-index: 99999;
	position: fixed;
	top: 0;
	left: 0;
	background-size:cover;
	background: rgba(40,40,40,0.8);
}
.popup_sanpham{
	width: 100%;
	height: auto;
	background: #fff !important;
	background-size: cover;
	display: block;
	margin: 0px auto;
	position: relative;
	margin-top:15%;

}
.popup_content_sanpham{
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	position: absolute;
	z-index: 120;
	left: 0;
	top: 0;
	display: block;
	text-align: center;
	font-family: Arial;
}
.close_popup_sanpham{
	position: absolute;
	width: 35px;
	height: 35px;
	background: #fff url('../images/close2.png') no-repeat top center !important;
	right: 10px;
	top: 10px;
	z-index: 150;
	cursor: pointer;
	border-radius: 50%;
}

/* end popup*/
.content_popup_sp{
	font-size:14px;
	color:#4d4d4d;
	padding:20px;
}
.content_popup_sp h3{
	font-size:24px;
	font-weight:bold;
	text-transform:uppercase;
}
.content_popup_sp span{
	text-transform:uppercase;
	font-weight:bold;
}
.xemchitiet_popup{
	width:180px;
	height:35px;
	border: solid 3px #ed1c24;
	background-color:#fff;
	text-transform:uppercase;
	text-align:center;
	color:#ed1c24;
	font-weight:bold;
	line-height:30px;
	margin-top:20px;
}
.xemchitiet_popup:hover, .xemchitiet_popup.active{
	background-color:#ed1c24;
	color:#fff;
}
/* tin tuc chung*/
.title_tintucchung{
	font-size:24px;
	color:#d63013;
	text-transform:uppercase;
	text-align:center;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:16px;
}
.wrapper_center{
	position: relative;
	float: right;
	left: -50%;
}
.thanhvien_page{
	padding:25px 0px 10px 0px;
	margin:0 auto;
	position: relative;
	float: left;
	left: 50%;
}
.thanhvien_page a{
	font-weight:bold;
	display:block;
	width:27px;
	height:27px;
	float:left;
	text-align:center;
	line-height:27px;
	color:#eb0a1e;
	margin-left:5px;
}
.thanhvien_page div.begin a {
	color:#fff;
}
.thanhvien_page div.prview a {
	color:#fff;
	margin-left:10px;
}
.thanhvien_page div.next a {
	color:#fff;
}
.thanhvien_page div.end a {
	color:#fff;
	margin-left:10px;
}
.thanhvien_page a:hover, .thanhvien_page a.acti{
	color:#fff;
	background-color:#d63013;
	width:27px;
	height:27px;
	border-radius:40px;
}
/* end phân trang*/
.tinnoibat1{
	margin-top:20px;
	border-bottom:solid 1px #4d4d4d !important;
	margin-bottom:20px;
	padding-bottom:15px;
}
.tinnoibat_hinh{
	width:100%;
}
.tinnoibat_text h3{
	font-size:14px;
	color:#4d4d4d;
	font-weight:bold;
	margin-top:0px;
}
.tinnoibat_text{
	font-size:14px;
	color:#4d4d4d;
	margin-left:10px;
}
.content_detail{
	font-size:14px;
	position:relative;
}
.content_detail h3{
	font-size:18px;
	font-weight:bold;
}
/*.content_detail span{*/
/*	font-weight:bold;*/
/*}*/
.content_detail img{
	margin-top:0px;
	margin-bottom:20px;
	max-width:100%;
}
.hinh_avatar_detail_tintuc{
	float: left;
	margin-right:0px;
	margin-top: -5px;
	margin-left: 13px;
}
.ngaydang{
	font-style:italic;
}
/* san pham detail*/
.xemchitiet_sanpham_detail{
	width:180px;
	height:35px;
	border: solid 3px #ed1c24;
	text-transform:uppercase;
	text-align:center;
	color:#ed1c24;
	font-weight:bold;
	line-height:30px;
	margin-top:20px;
}
.content_sanpham_detail{
	font-size:14px;
	color:#4d4d4d;
	padding:20px;
	background-color:#f2f2f2;
	line-height:25px;
	margin-top:50px;
}
.content_sanpham_detail h3{
	font-size:24px;
	font-weight:bold;
	text-transform:uppercase;
}
.content_sanpham_detail span{
	text-transform:uppercase;
	font-weight:bold;
}
.content_sanpham_detail2{
	font-size:14px;
	color:#4d4d4d;
	margin-top:35px;
	margin-bottom:35px;
	line-height:25px;
}
.content_sanpham_detail2 span{
	text-transform:uppercase;
	font-weight:bold;
}
.cacthuockhac{
	font-size:24px;
	font-weight:bold;
	text-align:center;
}
.item_sp_detail{
	border: solid 1px #d7d7d7;
	margin-top:10px;
	padding:10px;
	padding-top:20px;
	padding-bottom:10px;
}
.item_sp_detail{
	margin:0 auto;
}
.item_sp_detail{
	text-align:center;
	margin-top:15px;
}
.text_item_sp {
	color:#4d4d4d;
}
.item_sp_detail{
	text-align:center;
	font-size:14px;
}
.item_sp_detail span{
	font-weight:bold;
}
.hinh_text_type_detail{
	line-height:60px;
	width:272px;
	margin:0 auto;
}
.hinh_text_type_detail span{
	font-size:18px;
	color:#fff;
	font-weight:bold;
}
.item_sp_sub1_detail{
	width:100%;
	background-color:#c2d756;
	margin-top:20px;
}
.item_sp_sub2_detail{
	width:100%;
	background-color:#5cc5fe;
	margin-top:20px;
}
.item_sp_sub3_detail{
	width:100%;
	background-color:#f29f4d;
	margin-top:20px;
}
.hinh_avatar_sub_detail{
	float:left;
	margin-right:10px;
	margin-top:10px;
	margin-left:10px;
	width:40px;
	height:40px;
}
.hinh_mau_detail{
	margin:0 auto;
	margin-top:20px;
}
.left_popup_sp img{
	margin:0 auto;
}
.img_home_c{
	margin:0 auto;
}
.img_home1{
	margin: 0 auto;
	width:100%;
}
.hinh_avatar_sanpham1{
	margin:0 auto;
	width:100%;
}
.hinh_avatar_sanpham2{
	margin:0 auto;
	width:100%;
}
.item_home1 {
	margin-bottom: 16px;
}
.back{
	width: 100px;
	height: 35px;
	border: solid 3px #ed1c24;
	background-color: #fff;
	text-transform: uppercase;
	text-align: center;
	color: #ed1c24;
	font-weight: bold;
	line-height: 30px;
	margin-top: 20px;
}
.back:hover, .back.active{
	background-color:#ed1c24;
	color:#fff;
}
.title_type a:hover{
	text-decoration:  underline !important;
}
.sup_hienthi1_text1{
	position: absolute;
	right: 24%;
	top: 27%;
	color: #fff;
	font-size: 12px;
	font-style: italic;
	line-height: 45px;
	text-align: right;
	min-width:270px;
}
.sup_hienthi2_text1{
	position: absolute;
	left:23%;
	top: 27%;
	color: #fff;
	font-size: 12px;
	font-style: italic;
	line-height: 45px;
	text-align: left;
	min-width:270px;
}
.sup_hienthi1_hinh2_m, .sup_hienthi2_hinh2_m{
	background-color:#ecc200;
	margin:0 auto;
}
.sup_hienthi1_hinh1_m, .sup_hienthi2_hinh1_m{
	background-color:#ed7f11;
	margin:0 auto;
}
/* iPhone 6 */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
	ul#menu_footer{
		text-align: center;
	}

}
/* iPhone 6 Plus */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {}
@media screen and (min-width: 768px) {
	.ngaydang{
		position:absolute;
		top:25px;
		right:0;
	}
	.xemchitiet_sanpham_detail{
		position:absolute;
		top:55px;
		right:25px;
	}
	.sup_hienthi2_text1 {
		position: absolute;
		left:23%;
		top: 38%;
		color: #fff;
		font-size: 18px;
		font-style: italic;
		line-height: 45px;
		text-align: left;
		min-width: 270px;
	}
	.sup_hienthi1_text1 {
		position: absolute;
		right: 30%;
		top: 38%;
		color: #fff;
		font-size: 18px;
		font-style: italic;
		line-height: 45px;
		text-align: right;
		min-width: 270px;
	}



}

.div_row{
	text-align:center;

}
@media screen and (min-width: 992px) {
	.tintuc_chung{
		margin-top:50px;
	}
	.container_tintuc{
		padding:0;
	}
	.container_tintuc_chung{
		padding:0;
	}
	.img_home1{
		margin: 0 auto;
		height:auto;
	}
	ul#menu_footer{
		text-align: left;
	}
	.footer h3{
		text-align: left
	}
	.footer_gocchuyengia ul#menu_footer,.footer_hotro ul#menu_footer{
		text-align: right;
	}
	.footer_gocchuyengia h3,.footer_hotro h3{
		text-align: right;
	}
	.img_home_c{
		max-height:360px;
	}
	#menu_sanpham{
		height:60px !important;
	}
	/*begin header*/
	/*.menu_home{
		-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.21);
		-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.21);
		box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.21);
		z-index:9999 !important;
		display:block;
		}*/
		.container{
			width:100%;
		}
		#header_container .navbar-collapse{
			background:none !important;
			margin: 0;
		}
		#header_container{
			height: 60px;
			background: #ecc200;
		}
		#header_container .nav > li{
			border-bottom: 0;
			height:50px !important;
			margin-left:0px;
			margin-right:0px;
		}
		#header_container .navbar-nav > li > a {
			padding-top: 0;
			padding-bottom: 0;
			padding-left: 10px;
			padding-right: 10px;
			font-size:14px;
		}
		#header_container .navbar-nav a{
			color: #fff;
			text-align: center;
			text-transform: uppercase !important;
			padding: 0 auto;
			font-family: 'opensans_bold';
		}
		#header_container .navbar-nav{
			margin-left: 0px;
			margin-top:0px;
		}
		#header_container .navbar-nav a{
			text-transform: initial;
		}
		#header_container .navbar-nav > li > a:hover, #header_container .navbar-nav > li.active > a{
			color: #fff;
			background:none !important;
			font-family: 'opensans_bold';
		}
		#header_container .navbar-nav > li > a > img{
			float:left;
			margin-right:5px;
		}
		.footer h3{
			font-size:12px;
			text-transform:uppercase;
			white-space: nowrap;
		}
		.footer_sanpham, .footer_tintuc{
			text-align:left;
			margin-top:12px;
		}
		.footer_hotro, .footer_gocchuyengia{
			text-align:right;
			margin-top:12px;
		}
		.footer_center{
			background-color:#6e6e6e;
			text-align:center;
			margin-top:30px;
			padding-top:13px !important;
			padding-bottom:13px !important;
		}
		/* hover*/
		.li_sanpham_hover{
			width:0;
			height:0px;
			border-left:66px solid transparent;
			border-right:66px solid transparent;
			border-top:0px solid #ed1c24; /* Tam giác phía trên được đổ màu */
			position:absolute;
			top:60px;
			left:0;
			-webkit-transition: 0.3s; /* For Safari 3.1 to 6.0 */
			transition: 0.3s;
			z-index:100;
		}
		.li_vehapacol_hover{
			width:100%;
			height:0px;
			border-left:80px solid transparent;
			border-right:80px solid transparent;
			border-top:0px solid #ecc200; /* Tam giác phía trên được đổ màu */
			position:absolute;
			top:60px;
			left:0;
			-webkit-transition: 0.3s; /* For Safari 3.1 to 6.0 */
			transition: 0.3s;
		}
		.li_tintuc_hover{
			width:100%;
			height:0px;
			border-left:75px solid transparent;
			border-right:75px solid transparent;
			border-top:0px solid #a2bc23; /* Tam giác phía trên được đổ màu */
			position:absolute;
			top:60px;
			left:0;
			-webkit-transition: 0.3s; /* For Safari 3.1 to 6.0 */
			transition: 0.3s;
		}
		.li_gocchuyengia_hover{
			width:100%;
			height:0px;
			border-left:75px solid transparent;
			border-right:75px solid transparent;
			border-top:0px solid #25b1fe; /* Tam giác phía trên được đổ màu */
			position:absolute;
			top:60px;
			left:0;
			-webkit-transition: 0.3s; /* For Safari 3.1 to 6.0 */
			transition: 0.3s;
		}
		.li_congcu_hover{
			width:100%;
			height:0px;
			border-left:100px solid transparent;
			border-right:100px solid transparent;
			border-top:0px solid #ed7f11; /* Tam giác phía trên được đổ màu */
			position:absolute;
			top:60px;
			left:0;
			-webkit-transition: 0.3s; /* For Safari 3.1 to 6.0 */
			transition: 0.3s;
		}
		.li_sanpham:hover .li_sanpham_hover, .li_sanpham.active .li_sanpham_hover{
			background:none !important;
			border-top:18px solid #ed1c24; /* Tam giác phía trên được đổ màu */
			height:18px;
			z-index:9999;

		}
		.sub_menu_sanpham:hover .li_sanpham_hover, .sub_menu_sanpham.active .li_sanpham_hover{
			background:none !important;
			border-top:18px solid #ed1c24; /* Tam giác phía trên được đổ màu */
			height:18px;
			z-index:100;

		}
		.li_tintuc:hover .li_tintuc_hover, .li_tintuc.active .li_tintuc_hover{
			background:none !important;
			border-top:18px solid #a2bc23; /* Tam giác phía trên được đổ màu */
			height:18px;
			z-index:100;
		}
		.li_gocchuyengia:hover .li_gocchuyengia_hover, .li_gocchuyengia.active .li_gocchuyengia_hover{
			background:none !important;
			border-top:18px solid #25b1fe; /* Tam giác phía trên được đổ màu */
			height:18px;
			z-index:100;
		}
		.li_congcu:hover .li_congcu_hover, .li_congcu.active .li_congcu_hover{
			background:none !important;
			border-top:18px solid #ed7f11; /* Tam giác phía trên được đổ màu */
			height:18px;
			z-index:100;
		}
		.li_vehapacol:hover .li_vehapacol_hover, .li_vehapacol.active .li_vehapacol_hover{
			background:none !important;
			border-top:18px solid #ecc200; /* Tam giác phía trên được đổ màu */
			height:18px;
			z-index:100;
		}
		.li_sanpham, .li_hapacol{
			background-color:#ed1c24;
			position:relative;
		}
		.li_tintuc{
			background-color:#a2bc23;
		}
		.li_gocchuyengia{
			background-color:#25b1fe;
		}
		.li_congcu{
			background-color:#ed7f11;
		}
		.li_vehapacol{
			background-color:#ecc200;
		}
		.li_icon{
			background-color:#ecc200;

		}
		#header_container .nav > li{
			border-bottom: 0;
			height:60px !important;
			padding-left:5.5px;
			padding-right:4.5px;
			padding-top:20px;
		}
		#header_container .nav > li:hover{
			-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.21);
			-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.21);
			box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.21);
		}
		#header_container .nav > .li_icon:hover{
			-webkit-box-shadow:none!important;
			-moz-box-shadow:none!important;
			box-shadow:none!important;
		}
		.footer_tintuc{
			margin-left:-45px;
		}
		.footer_hotro{
			margin-left:45px;
		}
		.footer_gocchuyengia{
			margin-left:-20px;
		}
		.footer_center{
			margin-left:20px;
		}
		.footer{
			padding-bottom:10px;
		}

		.footer_tthotro h3 {
			text-align: right;
		}

		.footer_tthotro ul#menu_footer {
			text-align: right;

		}
		.footer_donvichuquan p{
			text-align: left;

		}
		.div_row{
			text-align: left;

		}
		/* home*/
		.popup_container_note{
			bottom: 10px;
			left: 6.5%;
		}
		/*home*/
		.text_home1{
			margin-top:25px;
			margin-right:20px;
		}
		.item_home1{
			margin-bottom:16px;
		}
		.item_home4{
			padding-right:0px;
		}
		/*end home*/
		/* tin tuc*/
		/* san pham*/
		.san_pham{
			background: url('../images/bg_sp.png') no-repeat top center !important;
			padding-top:50px;
			padding-bottom:55px;
			position:relative;
		}
		.san_pham1, .san_pham2, .san_pham3, .san_pham4{
			position:relative;
			box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		}
		.hinh_text{
			text-align:center;
		}
		.hinh_text span{
			font-size:24px;
			color:#fff;
			font-weight:bold;
		}
		.hinh_avatar_sanpham{
			margin-left:210px;
			margin-top:-10px;
		}
		.hinh_avatar {
			float: left;
			margin-right: 20px;
			margin-top: -16px;
			margin-left: 13px;
		}
		/*end san pham*/
		.san_pham_type{
			margin-top:30px;
			z-index:999;

		}
		.hinh_text_type{
			margin-top:30px;
			margin-left:-10px;
		}
		.hinh_text_type span{
			font-size:24px;
			color:#ed1c24;
			font-weight:bold;
		}
		.item_sp_sub1{
			margin-bottom:30px;
		}
		.left_popup_sp{
			border-right:solid 1px #c2c2c2;
			padding:40px;
			padding-bottom:60px;
		}
		.cacthuockhac{
			margin-top:15px;
			margin-left:60px;
			text-align:left;
		}
		.content_detail h3{
			padding-right:15%;
		}
		.left_popup_sp img{
			height:310px;
		}
		.text_item_sp{
			min-height:90px;
		}
		.item_sp:hover .item_sp_hover {
			margin-top: 20px;
		}
		.item_text_home{
			min-height:140px;
		}
		.title_tintuc{
			margin-left:10px;
		}
		.xemngay_sp{
			width:150px;
			height:35px;
			border: solid 3px #fff;
			text-align:center;
			text-transform:uppercase;
			font-size:14px;
			font-weight:bold;
			line-height:30px;
			position:absolute;
			bottom:20px;
			right:25px;
			z-index:9999;
			color:#fff;
		}
		.xemngay_sp2{
			width:150px;
			height:35px;
			border: solid 3px #fff;
			text-align:center;
			text-transform:uppercase;
			font-size:14px;
			font-weight:bold;
			line-height:30px;
			position:absolute;
			bottom:20px;
			right:25px;
			z-index:9999;
			color:#fff;
		}
		.xemngay_sp_quaylai1{
			width:150px;
			height:35px;
			border: solid 3px #fff;
			text-align:center;
			text-transform:uppercase;
			font-size:14px;
			font-weight:bold;
			line-height:30px;
			position:absolute;
			bottom:20px;
			right:25px;
			z-index:9999;
			display:none;
			cursor:pointer;
			color:#fff;
		}
		.xemngay_sp_quaylai1:hover{
			color:#ed1c24;
			background-color:#fff;
		}
		.xemngay_sp_quaylai2{
			width:150px;
			height:35px;
			border: solid 3px #fff;
			text-align:center;
			text-transform:uppercase;
			font-size:14px;
			font-weight:bold;
			line-height:30px;
			position:absolute;
			bottom:20px;
			right:25px;
			z-index:9999;
			display:none;
			cursor:pointer;
			color:#fff;
		}
		.xemngay_sp_quaylai2:hover{
			color:#b5cf33;
			background-color:#fff;
		}
		.xemngay_sp:hover, .xemngay_sp.active{
			background-color:#fff;
			color:#ed1c24 !important;
		}
		.xemngay_sp2:hover, .xemngay_sp2.active{
			background-color:#fff;
			color:#adca1e !important;
		}
		.hienthi1{
			z-index:10;
		}
		.sp2_sp{
			margin-top:0px;
		}
		/* san pham bo sung*/
		.sup_hienthi1_item{

			position:relative;
		}
		.sup_hienthi2_hinh1{
			filter: drop-shadow(0px 2px 6px #666);
			-webkit-filter: drop-shadow(0px 2px 6px #666);
		}
		.sup_hienthi2_hinh2{
			filter: drop-shadow(0px 2px 6px #666);
			-webkit-filter: drop-shadow(0px 2px 6px #666);
		}
		.sup_hienthi1_hinh1{
			filter: drop-shadow(0px 2px 6px #666);
			-webkit-filter: drop-shadow(0px 2px 6px #666);
		}
		.sup_hienthi1_hinh2{
			filter: drop-shadow(0px 2px 6px #666);
			-webkit-filter: drop-shadow(0px 2px 6px #666);
		}
		.sup_hienthi2_item{
			position:relative;
		}
		#hienthi1, #hienthi2{
			cursor:pointer;
		}
		#sup_hienthi2, #sup_hienthi1{
			display:none;
		}
		.sup_hienthi2_item{
			margin-left:-17px;
			position:relative;
			z-index:1;
		}
		.sup_hienthi1_item{
			margin-left:16px;
			position:relative;
		}
		.sup_hienthi2_hinh1{
			margin-top:55px;
		}
		.sup_hienthi2_hinh2{
			margin-top:38px;
		}
		.sup_hienthi1_hinh1{
			margin-top:55px;
		}
		.sup_hienthi1_hinh2{
			margin-top:38px;
		}
		.sup_hienthi1_text1{
			position: absolute;
			right: 25%;
			top: 50%;
			color: #fff;
			font-size: 20px;
			font-style: italic;
			line-height: 45px;
			text-align: right;
			min-width:270px;
		}
		.sup_hienthi2_text1{
			position: absolute;
			left:23%;
			top: 50%;
			color: #fff;
			font-size: 20px;
			font-style: italic;
			line-height: 45px;
			text-align: left;
			min-width:270px;
		}
		.duonggach_header{
			width:1px;
			height:60%;
			background-color:#000;
			position:absolute;
			top:30%;
			right:48.5%;
		}
		.tamgiac1{
			position:absolute;
			right: 8px;
			top: 47%;
		}
		.tamgiac2{
			position:absolute;
			left: 8px;
			top: 47%;
		}
	}
	@media screen and (min-width: 1200px) {
		.home_img{
			margin:0 auto;
			margin-top:-11px !important;
		}
		.container{
			width:1170px;
		}
		.letf_home{
			height:60px;
			width:200px;
			position:absolute;
			top:0;
			left:0;
			background-color:#ed1c24;
		}
		.right_home{
			height:60px;
			width:200px;
			position:absolute;
			top:0;
			right:0;
			background-color:#ecc200;
		}
		#header_container .navbar-nav{

		}
		#header_container .nav > li{
			border-bottom: 0;
			height:100% !important;
			margin-left:0px;
			margin-right:0px;
		}
		#header_container .nav > li{
			border-bottom: 0;
			height:60px !important;
			padding-left:15px;
			padding-right:15px;
			padding-top:20px;
		}
		#header_container .nav > li:hover{
			-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.21);
			-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.21);
			box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.21);
		}
		#header_container .nav > .li_icon:hover{
			-webkit-box-shadow:none!important;
			-moz-box-shadow:none!important;
			box-shadow:none!important;
		}

		#header_container .nav > li.active{
			-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.21);
			-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.21);
			box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.21);
		}
		#header_container .navbar-nav > li > a{
			padding-top: 0;
			padding-bottom: 0;
			padding-left:10px;
			padding-right:10px;
			font-size:13px;
		}
		#header_container {
			height: 60px;
			background-color:none;
			width: 100%;
		}
		#header_container .navbar-header{
			height: 60px;
			background-color:none;
			margin: 0;
		}
		.menu_home{
			background-color:#fff;
			margin: 0;

		}
		.li_vehapacol img{
			margin-top:-5px;
		}
		.li_vehapacol span{
			margin-top:5px;
		}
		#header_container .navbar-nav > li > a > img {
			float: left;
			margin-right: 5px;
			margin-top: -4px;
		}
		#header_container .navbar-nav{
			margin-top: 0px;

		}
		.li_sanpham, .li_hapacol{
			background-color:#ed1c24;
			position:relative;
		}
		/* hover*/
		.li_sanpham_hover{
			width:100%;
			height:0px;
			border-left:63px solid transparent;
			border-right:77px solid transparent;
			border-top:0px solid #ed1c24; /* Tam giác phía trên được đổ màu */
			position:absolute;
			top:60px;
			left:0;
			-webkit-transition: 0.3s; /* For Safari 3.1 to 6.0 */
			transition: 0.3s;
		}
		.li_vehapacol_hover{
			width:100%;
			height:0px;
			border-left:70px solid transparent;
			border-right:70px solid transparent;
			border-top:0px solid #ecc200; /* Tam giác phía trên được đổ màu */
			position:absolute;
			top:60px;
			left:0;
			-webkit-transition: 0.3s; /* For Safari 3.1 to 6.0 */
			transition: 0.3s;
		}
		.li_tintuc_hover{
			width:100%;
			height:0px;
			border-left:70px solid transparent;
			border-right:70px solid transparent;
			border-top:0px solid #a2bc23; /* Tam giác phía trên được đổ màu */
			position:absolute;
			top:60px;
			left:0;
			-webkit-transition: 0.3s; /* For Safari 3.1 to 6.0 */
			transition: 0.3s;
		}
		.li_gocchuyengia_hover{
			width:100%;
			height:0px;
			border-left:86px solid transparent;
			border-right:85px solid transparent;
			border-top:0px solid #25b1fe; /* Tam giác phía trên được đổ màu */
			position:absolute;
			top:60px;
			left:0;
			-webkit-transition: 0.3s; /* For Safari 3.1 to 6.0 */
			transition: 0.3s;
		}
		.li_congcu_hover{
			width:100%;
			height:0px;
			border-left:95px solid transparent;
			border-right:95px solid transparent;
			border-top:0px solid #ed7f11; /* Tam giác phía trên được đổ màu */
			position:absolute;
			top:60px;
			left:0;
			-webkit-transition: 0.3s; /* For Safari 3.1 to 6.0 */
			transition: 0.3s;
		}
		.li_sanpham:hover .li_sanpham_hover, .li_sanpham.active .li_sanpham_hover{
			background:none !important;
			border-top:18px solid #ed1c24; /* Tam giác phía trên được đổ màu */
			height:18px;
		}
		.li_tintuc:hover .li_tintuc_hover, .li_tintuc.active .li_tintuc_hover{
			background:none !important;
			border-top:18px solid #a2bc23; /* Tam giác phía trên được đổ màu */
			height:18px;
		}
		.li_gocchuyengia:hover .li_gocchuyengia_hover, .li_gocchuyengia.active .li_gocchuyengia_hover{
			background:none !important;
			border-top:18px solid #25b1fe; /* Tam giác phía trên được đổ màu */
			height:18px;
		}
		.li_congcu:hover .li_congcu_hover, .li_congcu.active .li_congcu_hover{
			background:none !important;
			border-top:18px solid #ed7f11; /* Tam giác phía trên được đổ màu */
			height:18px;
		}
		.li_vehapacol:hover .li_vehapacol_hover, .li_vehapacol.active .li_vehapacol_hover{
			background:none !important;
			border-top:18px solid #ecc200; /* Tam giác phía trên được đổ màu */
			height:18px;
		}
		.li_tintuc{
			background-color:#a2bc23;
		}
		.li_gocchuyengia{
			background-color:#25b1fe;
		}
		.li_congcu{
			background-color:#ed7f11;
		}
		.li_vehapacol{
			background-color:#ecc200;
		}
		.li_icon{
			background-color:#ecc200;
			position: absolute !important;
			right: -10px;
		}
		.footer_tintuc{
			margin-left:-45px;
		}
		.footer_hotro{
			margin-left:45px;
		}
		.footer_gocchuyengia{
			margin-left:-40px;
		}
		.footer_center{
			margin-left:40px;
		}
		/* home*/
		.popup_container_note{
			bottom: 10px;
			left: 6.5%;
		}
		.tinnoibat1{
			margin-left:60px;
		}
		.content_detail{
			padding-bottom:20px;
		}
		.hinh_text_type_sub span {
			font-size: 20px;
			color: #fff;
			font-weight: bold;
		}
		.li_sanpham{
			width:140px;
		}
		.li_tintuc{
			width:140px;
		}
		.li_gocchuyengia{
			width:170px;
		}
		.li_congcu{
			width:190px;
		}
		.li_vehapacol{
			width:140px;
		}
		.li_vehapacol{
			width:140px;
		}
		.li_gocchuyengia img{
			margin-left:23px !important;
			margin-right:-8px !important;
		}
		.bg_sp{

		}
	}
	@media screen and (min-width: 1300px) {
		#header_container .nav > li{
			border-bottom: 0;
			height:60px !important;
			padding-left:3px;
			padding-right:3px;
			padding-top:20px;
		}
		.hinh_text_type_sub span {
			font-size: 24px;
			color: #fff;
			font-weight: bold;
		}
	}
	@media screen and (min-width: 1400px) {

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

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

	}

/**
* Edit 2016-07-30
*/
@media only screen and (max-width: 992px) {
	.desktop-only{
		display: none !important;
	}
	#header_container .navbar-header{
		background-color: #ed1c24;
	}
	#header_container .navbar-collapse{
		border-top: 1px solid #fff;
		background-color: #ed1c24;
	}
	#header_container .navbar-nav > li > a:hover, #header_container .navbar-nav > li.active > a{
		color:#faa41a;
	}
	#header_container .navbar-nav .submenu_m a{
		line-height: 36px;
	}
	#header_container .active .submenu_m{
		display: block;
		background-color: rgb(236, 81, 86);
		padding: 5px 0;
		margin: 0 0 15px 0 !important;
	}
	body{
		padding-top: 55px;
	}
	.menu_home{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 999;
	}
	.popup_container_sanpham .wrap-scroll{
		height: 100%;

	}
	.popup_container_sanpham .wrap-scroll-h{
		height: 100%;
		overflow: hidden;
	}
	.popup_container_sanpham .popup_content_thele {
		padding-left:0;
		padding-right:0;
	}
	.popup_sanpham{
		margin-top: 0;
		box-sizing: border-box;
	}
	.popup_container_sanpham #popup1{
		overflow-x: hidden;
		overflow-y: auto;
		height: 100%;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
	}
	.popup_container_sanpham #popup1::-webkit-scrollbar
	{
		width: 8px;
		background-color: #F5F5F5;
	}

	.popup_container_sanpham #popup1::-webkit-scrollbar-thumb
	{
		border-radius: 0;
		border-right: 4px solid #fff;
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
		background-color: #999;
	}
	.san_pham{
		background: transparent none !important;
	}
	.submenu_m{
		display:none!important;
	}
	.text_item_sp{
		width:100%;

	}
	.ch-grid{
		left:10px!important;
		width:90%!important;
		bottom: 10px!important;
	}
	.content_popup_sp h3{
		margin-top:5px!important;
	}
	.popup_container_sanpham{
		z-index:9999!important;
	}
	.close_popup_sanpham{
		top:-10px!important;
		right:-15px!important;
	}
	.left_popup_sp img{
		max-width:95%!important;
	}
}
/* edit 2016-08-11 */
.page_title{
	color: #bf0000;
	font-size: 22px;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
}
.select_one{
	width: 204px;
	height: 43px;
	line-height: 43px;
}
.form-find-drugstore .btn-submit{
	width: 100%;
	height: 42px;
	line-height: 40px;
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: 14px;
	color:#fff;
	background-color: #ed1c24;
	box-sizing: border-box;
	border: 0 none transparent;
	box-shadow: none;
}
.form-find-drugstore .btn-submit:hover,.form-find-drugstore .btn-submit:focus{
	text-decoration: none;
	outline: 0 auto -webkit-focus-ring-color;
}
.drugstore{
	float: left;
	width: 100%;
	clear: both;
}
.drugstore .col-address>.item-address{
	font-size: 12px;
	margin-bottom: 10px;
	margin-right: 6px;
	line-height: 18px;
	color:#6b6b6b;
	padding: 10px;
	display: block;
}
.drugstore .col-address>.item-address strong{
	color:#3a3a3a;
}
.drugstore .col-address>.item-address.active{
	background-color: #ebebeb;
	position: relative;
}
.drugstore .col-address>.item-address.active:after{
	content: '';
	display: block;
	width: 12px;
	height: 24px;
	box-sizing: border-box;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-left: 12px solid #ebebeb;

	position: absolute;
	z-index: 1;
	top: 50%;
	right: -12px;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.wrap-loading-element{position: relative;}
.wrap-loading-element *:not([class="loading"]){opacity: 0.8;}
.wrap-loading-element .loading-element{
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	top: 0;
	left:0;
	opacity: 1;
	display: block;
	text-align: center;
	background-color: transparent;
}
.wrap-loading-element .loading-element img{
	opacity: 1 !important;
	z-index: 2;
	display: inline-block;
	position: absolute;
	left: 50%;
	top: 50%;
	max-height: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.message{
	color:#ed1c24;
	font-size: 14px;
	line-height: 30px;
	width: 100%;
	float: left;
	padding: 20px 0;
	display: none;
	text-align: center;
}
.drugstore .select2-container{
	width: 100% !important;
	height: 43px;
}
.drugstore .select2-container:focus,.drugstore .select2-container--default .select2-selection--single{outline: -webkit-focus-ring-color auto 0;}
.drugstore .select2-container--default .select2-selection--single{
	height: 43px;
	border-radius: 0;
	border-color:#d6cfcf;
}
.drugstore .select2-container--default .select2-selection--single .select2-selection__rendered{
	height: 43px;
	line-height: 42px;
	font-size: 1em;
}
.drugstore .select2-container--default .select2-selection--single .select2-selection__arrow{
	height: 43px;
	top: -2px;
	right: 12px;
}
.drugstore .select2-container--default .select2-selection--single .select2-selection__arrow b{
	border-width: 5px 5px 0 5px;
	border-top-color:#3d3d3d;
}
.select2-container--open .select2-dropdown--below{
	border-radius: 0;
}
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-results__option[aria-selected]{
	line-height: 20px;
	font-size: 1em;
}
/* 2016-08-18 page: công cụ hỗ trợ*/
.tools{
	font-family: "Open Sans", Arial, sans-serif;
}
.tools .title_type,.drugstore .title_type{
	margin-top: 20px !important;
}
.tools .wrap_form{
	background-color: #f2f2f2;
	width: 100%;
	box-sizing: border-box;
	padding: 0 20px 20px;
	margin: 40px 0 0;
	float: left;
}
.tools .wrap_form form{
	float: left;
	display: block;
	width: 100%;
}
.tools .tab_title{
	font-size: 24px;
	line-height: 68px;
	color:#d5290c;
	text-transform: uppercase;
	margin: 0;
	text-align: left;
}


.tools .form-group{
	margin: 17px 0 0;
	text-align: center;
	color:#4c4c4c;
	font-size: 18px;
}
.tools .form-group label{
	display: inline-block;
	margin-right: 7px;
	text-align: right;
	text-transform: uppercase;
	font-weight: bold;
	width: 150px;
}
.tools .form-group input.form-control{
	border: 1px solid #d7d5d5;
	background-color: #fff;
	height: 52px;
	width: 327px;

	box-shadow: none;
	border-radius: 0;
	box-sizing: border-box;
	padding: 10px;
	display: inline-block;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	/* display: none; <- Crashes Chrome on hover */
	-webkit-appearance: none;
	margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
.tools .btn-submit:focus{
	outline: 0 none;
}
.tools .btn-submit{
	border: 2px solid #ec0005;
	color:#ec0005;
	width: 164px;
	height:34px;
	box-sizing: border-box;
	line-height: 30px;
	font-size: 13px;
	text-transform: uppercase;
	margin: 15px auto 22px;
	padding: 0;
	font-weight: bold;
	display: block;
	text-decoration: none;
}
.tools span.recipe{
	font-size: 14px;
	color:#4c4c4c;
	text-align: right;
	width: 100%;
	float: left;
}
.tools .result{
	opacity: 0;
	display: none;
	float: left;
	width: 100%;
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
}
.tools .result.active{
	opacity: 1;
	display: block;
}
.tools .result_title,.tools strong{
	font-size: 18px;
	line-height: 68px;
	color:#d5290c;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
	text-align: left;
	display: block;
}
.tools .result .result_content{
	white-space: pre-line;
	margin-bottom: 20px;
}
.tools .result strong{
	text-align: center;
	font-size: 30px;
}
.tools .result_sub_title{
	font-size: 14px;
	line-height: 40px;
}
.tools .result img{
	max-width: 100%;
	display: inline-block;
}
.tools .result .item_sp_hinh{
	text-align: center;
}
.tools .result .col-or{
	height: 364px;
	text-align: center;
}
.tools .result .col-or b{
	display: inline-block;
	line-height: 300px;
}
.tools .select2-container{
	background-color: #fff;
	height: 52px;
	width: 327px !important;
}
.tools *:focus, input:focus, textarea:focus, keygen:focus, select:focus{
	outline: -webkit-focus-ring-color auto 0;
}
.tools .select2-container:focus,.drugstore .select2-container--default .select2-selection--single{outline: -webkit-focus-ring-color auto 0;}
.tools .select2-container--default .select2-selection--single{
	height: 52px;
	border-radius: 0;
	border-color:#d6cfcf;
}
.tools .select2-container--default .select2-selection--single .select2-selection__rendered{
	height: 52px;
	line-height: 52px;
	font-size: 18px;
	text-transform: lowercase;
	text-align: left;
	font-weight: bold;
}

.tools .select2-container--default .select2-selection--single .select2-selection__arrow{
	height: 50px;
	top: 1px;
	right: 1px;
	width: 50px;
	background-color: #eeeded;
}
.tools .select2-container--default .select2-selection--single .select2-selection__arrow b{
	border-width: 5px 5px 0 5px;
	border-top-color:#3d3d3d;
}
.tools .select2-container--default .select2-results__option--highlighted[aria-selected],
.tools .select2-results__option[aria-selected]{
	line-height: 20px;
	font-size: 1em;
	text-transform: lowercase;
}
.col-address{
	height: 380px;
	overflow-y: auto;
	overflow-x: hidden;
}

.col-address::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px transparent;
	background-color: transparent;
}
.col-address::-webkit-scrollbar
{
	width: 4px;
	background-color: transparent;
}
.col-address::-webkit-scrollbar-thumb
{
	background-color: rgba(0,0,0,0.3);
	border: 1px solid transparent;
}
.tools .select_one{
	display: inline-block;
	width: 327px;
}
@media screen and (max-width: 700px) {
	.tools .form-group input.form-control{
		width:100%!important;
	}
	.tools .tab_title{
		font-size: 15px!important;
		line-height:30px;
		color:#d5290c;
		text-transform: uppercase;
		margin: 5px 0 0;
		text-align: left;
	}
	.tools .select_one{
		width:100%!important;
	}
	.tools .result strong{
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 20px;
	}
	.li_login {
		padding-top: 0px!important;
		position: relative !important;
		right: -57px;
		padding-bottom: 20px;
	}
}
.about-us .about-content{
	text-align: left;
	width: 100%;
	float: left;
	margin: 0;
	padding: 20px 0;
	border-top: 1px solid #ccc;
}
.about-us .about-content:last-child{
	border-bottom: 1px solid #ccc;
}
.about-us .about-content img{
	max-width: 100%;
	max-height: 250px;
	display: inline-block;
}
.about-content p{
	line-height: 24px;
	font-size: 16px;
	margin: 10px 0;
	text-align: left;
}
.about-content a{
	float: left;
}

.li_icon{
	min-width:150px!important;
	padding-top:10px!important;
}
.item_content_home .img_home1 {
	margin: 0 auto;
	height: auto;
	height: 200px;
	overflow: hidden;
}
.li_login{
    /* width: 100px!important;
    padding-top: 14px!important;
    position: absolute !important;
    margin-left: 0 !important;
    right: -80px; */
}
.li_login:hover, .li_search:hover{
	box-shadow: none !important;
}
.li_login a{
	padding: 5px 0 !important;
}
.li_search{
	/* position: absolute !important; */
    /* width: 80px;
    right: 30px;
    padding-top: 14px !important; */
}

@media screen and (min-width: 992px){
	.li_icon{
		min-width:118px!important;
		padding-top:17px!important;
	}
	.main-wrapper{
		z-index: inherit !important;
	}

}
@media screen and (min-width: 1200px){
	.li_icon{
		padding-left: 10px;
		padding-right: 10px;
		position: relative !important;
		margin-right: 6px !important;
		right: 0;
	}

	.li_search {
		width: 45px;
		right: 74px;
	}
	.li_login {
		width: 80px!important;
		right: -20px !important;
	}


}
@media screen and (max-width: 990px){
	.li_icon{
		width: 140px!important;
		height: 48px!important;
		margin: 0 auto;
		padding-top: 0!important;
	}
}

@media screen and (max-width: 600px){
	.tools .result .table_images{
		width: 100% !important;
	}
	.main-wrapper{
		z-index: inherit !important;
	}
	.is_stuck{
		position: relative !important;
		height: auto !important;
	}
	.cacthuockhac {
		margin-left: 0 !important;
	}
	.list_hinh {
		height: auto !important;
	}
	.tt-text {
		height: auto !important;
		margin: 13px 0px;
		border-bottom: 1px solid #ddd;
		padding-bottom: 10px;
	}
	.img_home1 {
		height: auto !important;
		width: 100%;
	}

}

.li_login{
	/* text-align: right !important; */
}
.li_login a{
	/* text-align: right !important; */
}
@media screen and (max-width: 767px){
	body{
		margin-top: 0 !important;
	}
	.li_login {
		padding-top: 0px!important;
		position: relative !important;
		right: inherit;
		padding-bottom: 20px;
		margin: 0 auto;
		width: 88% !important;
		text-align: center;
	}
	.li_login a{
		width: 50%;
		display: inherit;
		margin: 0 auto;
		text-align: center !important;
	}
	.li_icon {
		width: 100% !important;
		text-align: center;
	}
	.li_icon a{
		margin: 0 auto !important;
	}
	.item_sp_hinh {
		min-height: 270px;
	}
	.owl-carousel .owl-item img {
		height: auto;
	}
	.item_content_home {
		height: auto !important;
	}
}




/*STYLE_HOVER.CSS*/
.ch-item {
	width: 100%;
	height: 100%;
	position: relative;
	cursor: default;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.ch-info {
	position: absolute;
	width: inherit;
	height: inherit;
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;

	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);

	-webkit-backface-visibility: hidden;

}
.item_sp:hover .ch-info {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}
.ch-grid {
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width: 93%;
	position:absolute;
	bottom:0;
	left:10px;
	background-color:#fff;
	z-index:50;
}

.ch-grid:after,
.ch-item:before {
	content: '';
	display: table;
}

.ch-grid:after {
	clear: both;
}

.ch-grid li {
	width: 100%;
	height: 120px;
	display: inline-block;
}



/*STYLE_3.CSS*/
.item_text_author{
	height: 60px;
	margin: 0 15px 10px;
	font-size:13px;
}
.avatar_author{
	width:50px;
	height:50px;
	border-radius:50px;
	margin-right:15px;
}
.item_text_home{
	min-height:99px;
	height:105px;
}
.title_type{
	margin-top:0!important;
}
.title_ck{
	margin-bottom:20px;
}
@media screen and (min-width: 992px){

	.container-chitiet-loikhuyen .cacthuockhac {
		margin-top: 0px;
		text-align: left;
		margin-left: 0;
		margin-bottom: 25px;
		padding-left: 10px;
	}
}
.container-chitiet-loikhuyen{

}
.box_thacmac{
	background:#f2f2f2;
	padding:15px 20px;
}
.row_cauhoi{
	margin-bottom:20px;
	margin-left: -7px;

}
.button_cauhoi{
	width: 160px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	border: 2px solid #ec0005;
	font-weight: bold;
	display: block;
	color: #ec0005;
	font-size: 13px;
	margin-left:10px;
}
.button_cauhoi:hover{
	color:#ec0005;
}
.h3_datcauhoi{
	color:#d5290c;
	font-size:24px;
	font-weight:bold;
}
.box_thacmac .form-control{
	padding: 9px 12px;
	border:1px solid #d7d5d5!important;
	border-radius:0!important;
	margin-bottom:10px;
}

@media screen and (max-width: 500px){
	.box_thacmac .form-control{
		margin-bottom:10px;
	}
}

.item_cauhoi{
	margin-bottom:10px!important;
	font-weight: bold!important;
}
.row-info *{
	font-size:11px;
}
.item_traloi{
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px solid #ececec;
}
.button_traloi{
	width: 130px;
	height: 26px;
	text-align: center;
	line-height: 22px;
	border: 2px solid #ec0005;
	font-weight: bold;
	display: block;
	color: #ec0005;
	font-size: 11px;
}
.box_traloi h3{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
}
.item_cau_traloi{
	margin-top: 20px;
	padding: 10px;
	border: 1px solid #dedede;
	border-radius: 10px;
	font-weight: bold;

}

.arrow_box {
	position: relative;
	background: #fff;
	border: 4px solid #f5f5f5;
}
.arrow_box:after, .arrow_box:before {
	bottom: 100%;
	left: 5%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 10px;
	margin-left: -10px;
}
.arrow_box:before {
	border-color: rgba(245, 245, 245, 0);
	border-bottom-color: #f5f5f5;
	border-width: 16px;
	margin-left: -16px;
}
.button_traloi:hover{
	color: #ec0005;
}

.title_head_page{
	font-size: 16px;
	font-weight: bold;
	color: #ed293d;
}




/*ANIMATION.CSS*/
@charset "UTF-8";

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.animated2 {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}

@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	40% {
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
	}

	60% {
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px);
	}
}

@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}

	40% {
		-webkit-transform: translateY(-30px);
		-ms-transform: translateY(-30px);
		transform: translateY(-30px);
	}

	60% {
		-webkit-transform: translateY(-15px);
		-ms-transform: translateY(-15px);
		transform: translateY(-15px);
	}
}

.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce;
}

@-webkit-keyframes flash {
	0%, 50%, 100% {
		opacity: 1;
	}

	25%, 75% {
		opacity: 0;
	}
}

@keyframes flash {
	0%, 50%, 100% {
		opacity: 1;
	}

	25%, 75% {
		opacity: 0;
	}
}

.flash {
	-webkit-animation-name: flash;
	animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

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

	50% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes pulse {
	0% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}

	50% {
		-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
	}

	100% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
}

.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse;
}

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

	30% {
		-webkit-transform: scaleX(1.25) scaleY(0.75);
		transform: scaleX(1.25) scaleY(0.75);
	}

	40% {
		-webkit-transform: scaleX(0.75) scaleY(1.25);
		transform: scaleX(0.75) scaleY(1.25);
	}

	60% {
		-webkit-transform: scaleX(1.15) scaleY(0.85);
		transform: scaleX(1.15) scaleY(0.85);
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes rubberBand {
	0% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}

	30% {
		-webkit-transform: scaleX(1.25) scaleY(0.75);
		-ms-transform: scaleX(1.25) scaleY(0.75);
		transform: scaleX(1.25) scaleY(0.75);
	}

	40% {
		-webkit-transform: scaleX(0.75) scaleY(1.25);
		-ms-transform: scaleX(0.75) scaleY(1.25);
		transform: scaleX(0.75) scaleY(1.25);
	}

	60% {
		-webkit-transform: scaleX(1.15) scaleY(0.85);
		-ms-transform: scaleX(1.15) scaleY(0.85);
		transform: scaleX(1.15) scaleY(0.85);
	}

	100% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
}

.rubberBand {
	-webkit-animation-name: rubberBand;
	animation-name: rubberBand;
}

@-webkit-keyframes shake {
	0%, 100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	10%, 30%, 50%, 70%, 90% {
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px);
	}

	20%, 40%, 60%, 80% {
		-webkit-transform: translateX(10px);
		transform: translateX(10px);
	}
}

@keyframes shake {
	0%, 100% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}

	10%, 30%, 50%, 70%, 90% {
		-webkit-transform: translateX(-10px);
		-ms-transform: translateX(-10px);
		transform: translateX(-10px);
	}

	20%, 40%, 60%, 80% {
		-webkit-transform: translateX(10px);
		-ms-transform: translateX(10px);
		transform: translateX(10px);
	}
}

.shake {
	-webkit-animation-name: shake;
	animation-name: shake;
}

@-webkit-keyframes swing {
	20% {
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg);
	}

	40% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg);
	}

	60% {
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg);
	}

	80% {
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg);
	}

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

@keyframes swing {
	20% {
		-webkit-transform: rotate(15deg);
		-ms-transform: rotate(15deg);
		transform: rotate(15deg);
	}

	40% {
		-webkit-transform: rotate(-10deg);
		-ms-transform: rotate(-10deg);
		transform: rotate(-10deg);
	}

	60% {
		-webkit-transform: rotate(5deg);
		-ms-transform: rotate(5deg);
		transform: rotate(5deg);
	}

	80% {
		-webkit-transform: rotate(-5deg);
		-ms-transform: rotate(-5deg);
		transform: rotate(-5deg);
	}

	100% {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}

.swing {
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing;
}

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

	10%, 20% {
		-webkit-transform: scale(0.9) rotate(-3deg);
		transform: scale(0.9) rotate(-3deg);
	}

	30%, 50%, 70%, 90% {
		-webkit-transform: scale(1.1) rotate(3deg);
		transform: scale(1.1) rotate(3deg);
	}

	40%, 60%, 80% {
		-webkit-transform: scale(1.1) rotate(-3deg);
		transform: scale(1.1) rotate(-3deg);
	}

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

@keyframes tada {
	0% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}

	10%, 20% {
		-webkit-transform: scale(0.9) rotate(-3deg);
		-ms-transform: scale(0.9) rotate(-3deg);
		transform: scale(0.9) rotate(-3deg);
	}

	30%, 50%, 70%, 90% {
		-webkit-transform: scale(1.1) rotate(3deg);
		-ms-transform: scale(1.1) rotate(3deg);
		transform: scale(1.1) rotate(3deg);
	}

	40%, 60%, 80% {
		-webkit-transform: scale(1.1) rotate(-3deg);
		-ms-transform: scale(1.1) rotate(-3deg);
		transform: scale(1.1) rotate(-3deg);
	}

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

.tada {
	-webkit-animation-name: tada;
	animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
	0% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
	}

	15% {
		-webkit-transform: translateX(-25%) rotate(-5deg);
		transform: translateX(-25%) rotate(-5deg);
	}

	30% {
		-webkit-transform: translateX(20%) rotate(3deg);
		transform: translateX(20%) rotate(3deg);
	}

	45% {
		-webkit-transform: translateX(-15%) rotate(-3deg);
		transform: translateX(-15%) rotate(-3deg);
	}

	60% {
		-webkit-transform: translateX(10%) rotate(2deg);
		transform: translateX(10%) rotate(2deg);
	}

	75% {
		-webkit-transform: translateX(-5%) rotate(-1deg);
		transform: translateX(-5%) rotate(-1deg);
	}

	100% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
	}
}

@keyframes wobble {
	0% {
		-webkit-transform: translateX(0%);
		-ms-transform: translateX(0%);
		transform: translateX(0%);
	}

	15% {
		-webkit-transform: translateX(-25%) rotate(-5deg);
		-ms-transform: translateX(-25%) rotate(-5deg);
		transform: translateX(-25%) rotate(-5deg);
	}

	30% {
		-webkit-transform: translateX(20%) rotate(3deg);
		-ms-transform: translateX(20%) rotate(3deg);
		transform: translateX(20%) rotate(3deg);
	}

	45% {
		-webkit-transform: translateX(-15%) rotate(-3deg);
		-ms-transform: translateX(-15%) rotate(-3deg);
		transform: translateX(-15%) rotate(-3deg);
	}

	60% {
		-webkit-transform: translateX(10%) rotate(2deg);
		-ms-transform: translateX(10%) rotate(2deg);
		transform: translateX(10%) rotate(2deg);
	}

	75% {
		-webkit-transform: translateX(-5%) rotate(-1deg);
		-ms-transform: translateX(-5%) rotate(-1deg);
		transform: translateX(-5%) rotate(-1deg);
	}

	100% {
		-webkit-transform: translateX(0%);
		-ms-transform: translateX(0%);
		transform: translateX(0%);
	}
}

.wobble {
	-webkit-animation-name: wobble;
	animation-name: wobble;
}

@-webkit-keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
		transform: scale(.3);
	}

	50% {
		opacity: 1;
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
	}

	70% {
		-webkit-transform: scale(.9);
		transform: scale(.9);
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
		-ms-transform: scale(.3);
		transform: scale(.3);
	}

	50% {
		opacity: 1;
		-webkit-transform: scale(1.05);
		-ms-transform: scale(1.05);
		transform: scale(1.05);
	}

	70% {
		-webkit-transform: scale(.9);
		-ms-transform: scale(.9);
		transform: scale(.9);
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
}

.bounceIn {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		transform: translateY(-2000px);
	}

	60% {
		opacity: 1;
		-webkit-transform: translateY(30px);
		transform: translateY(30px);
	}

	80% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes bounceInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		-ms-transform: translateY(-2000px);
		transform: translateY(-2000px);
	}

	60% {
		opacity: 1;
		-webkit-transform: translateY(30px);
		-ms-transform: translateY(30px);
		transform: translateY(30px);
	}

	80% {
		-webkit-transform: translateY(-10px);
		-ms-transform: translateY(-10px);
		transform: translateY(-10px);
	}

	100% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}

.bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		transform: translateX(-2000px);
	}

	60% {
		opacity: 1;
		-webkit-transform: translateX(30px);
		transform: translateX(30px);
	}

	80% {
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px);
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes bounceInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		-ms-transform: translateX(-2000px);
		transform: translateX(-2000px);
	}

	60% {
		opacity: 1;
		-webkit-transform: translateX(30px);
		-ms-transform: translateX(30px);
		transform: translateX(30px);
	}

	80% {
		-webkit-transform: translateX(-10px);
		-ms-transform: translateX(-10px);
		transform: translateX(-10px);
	}

	100% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}

.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
		transform: translateX(2000px);
	}

	60% {
		opacity: 1;
		-webkit-transform: translateX(-30px);
		transform: translateX(-30px);
	}

	80% {
		-webkit-transform: translateX(10px);
		transform: translateX(10px);
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes bounceInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
		-ms-transform: translateX(2000px);
		transform: translateX(2000px);
	}

	60% {
		opacity: 1;
		-webkit-transform: translateX(-30px);
		-ms-transform: translateX(-30px);
		transform: translateX(-30px);
	}

	80% {
		-webkit-transform: translateX(10px);
		-ms-transform: translateX(10px);
		transform: translateX(10px);
	}

	100% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}

.bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
		transform: translateY(2000px);
	}

	60% {
		opacity: 1;
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
	}

	80% {
		-webkit-transform: translateY(10px);
		transform: translateY(10px);
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes bounceInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
		-ms-transform: translateY(2000px);
		transform: translateY(2000px);
	}

	60% {
		opacity: 1;
		-webkit-transform: translateY(-30px);
		-ms-transform: translateY(-30px);
		transform: translateY(-30px);
	}

	80% {
		-webkit-transform: translateY(10px);
		-ms-transform: translateY(10px);
		transform: translateY(10px);
	}

	100% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}

.bounceInUp {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp;
}

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

	25% {
		-webkit-transform: scale(.95);
		transform: scale(.95);
	}

	50% {
		opacity: 1;
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(.3);
		transform: scale(.3);
	}
}

@keyframes bounceOut {
	0% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}

	25% {
		-webkit-transform: scale(.95);
		-ms-transform: scale(.95);
		transform: scale(.95);
	}

	50% {
		opacity: 1;
		-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(.3);
		-ms-transform: scale(.3);
		transform: scale(.3);
	}
}

.bounceOut {
	-webkit-animation-name: bounceOut;
	animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	20% {
		opacity: 1;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
		transform: translateY(2000px);
	}
}

@keyframes bounceOutDown {
	0% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}

	20% {
		opacity: 1;
		-webkit-transform: translateY(-20px);
		-ms-transform: translateY(-20px);
		transform: translateY(-20px);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
		-ms-transform: translateY(2000px);
		transform: translateY(2000px);
	}
}

.bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	20% {
		opacity: 1;
		-webkit-transform: translateX(20px);
		transform: translateX(20px);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		transform: translateX(-2000px);
	}
}

@keyframes bounceOutLeft {
	0% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}

	20% {
		opacity: 1;
		-webkit-transform: translateX(20px);
		-ms-transform: translateX(20px);
		transform: translateX(20px);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		-ms-transform: translateX(-2000px);
		transform: translateX(-2000px);
	}
}

.bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	20% {
		opacity: 1;
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
		transform: translateX(2000px);
	}
}

@keyframes bounceOutRight {
	0% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}

	20% {
		opacity: 1;
		-webkit-transform: translateX(-20px);
		-ms-transform: translateX(-20px);
		transform: translateX(-20px);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
		-ms-transform: translateX(2000px);
		transform: translateX(2000px);
	}
}

.bounceOutRight {
	-webkit-animation-name: bounceOutRight;
	animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	20% {
		opacity: 1;
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		transform: translateY(-2000px);
	}
}

@keyframes bounceOutUp {
	0% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}

	20% {
		opacity: 1;
		-webkit-transform: translateY(20px);
		-ms-transform: translateY(20px);
		transform: translateY(20px);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		-ms-transform: translateY(-2000px);
		transform: translateY(-2000px);
	}
}

.bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		-ms-transform: translateY(-20px);
		transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		transform: translateY(-2000px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		-ms-transform: translateY(-2000px);
		transform: translateY(-2000px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}

.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
		-ms-transform: translateX(-20px);
		transform: translateX(-20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		transform: translateX(-2000px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		-ms-transform: translateX(-2000px);
		transform: translateX(-2000px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}

.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px);
		transform: translateX(20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px);
		-ms-transform: translateX(20px);
		transform: translateX(20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
		transform: translateX(2000px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
		-ms-transform: translateX(2000px);
		transform: translateX(2000px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}

.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		-ms-transform: translateY(20px);
		transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
		transform: translateY(2000px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
		-ms-transform: translateY(2000px);
		transform: translateY(2000px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}

.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
	}
}

@keyframes fadeOutDown {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		-ms-transform: translateY(20px);
		transform: translateY(20px);
	}
}

.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
		transform: translateY(2000px);
	}
}

@keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
		-ms-transform: translateY(2000px);
		transform: translateY(2000px);
	}
}

.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px);
	}
}

@keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
		-ms-transform: translateX(-20px);
		transform: translateX(-20px);
	}
}

.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		transform: translateX(-2000px);
	}
}

@keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		-ms-transform: translateX(-2000px);
		transform: translateX(-2000px);
	}
}

.fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(20px);
		transform: translateX(20px);
	}
}

@keyframes fadeOutRight {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(20px);
		-ms-transform: translateX(20px);
		transform: translateX(20px);
	}
}

.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
		transform: translateX(2000px);
	}
}

@keyframes fadeOutRightBig {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
		-ms-transform: translateX(2000px);
		transform: translateX(2000px);
	}
}

.fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}
}

@keyframes fadeOutUp {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		-ms-transform: translateY(-20px);
		transform: translateY(-20px);
	}
}

.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		transform: translateY(-2000px);
	}
}

@keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		-ms-transform: translateY(-2000px);
		transform: translateY(-2000px);
	}
}

.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
	0% {
		-webkit-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
		transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}

	40% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
		transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}

	50% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
		transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	80% {
		-webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95);
		transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	100% {
		-webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
		transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}
}

@keyframes flip {
	0% {
		-webkit-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
		-ms-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
		transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}

	40% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
		-ms-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
		transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}

	50% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
		-ms-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
		transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	80% {
		-webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95);
		-ms-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95);
		transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	100% {
		-webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
		-ms-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
		transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}
}

.animated.flip {
	-webkit-backface-visibility: visible;
	-ms-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-animation-name: flip;
	animation-name: flip;
}

@-webkit-keyframes flipInX {
	0% {
		-webkit-transform: perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		opacity: 0;
	}

	40% {
		-webkit-transform: perspective(400px) rotateX(-10deg);
		transform: perspective(400px) rotateX(-10deg);
	}

	70% {
		-webkit-transform: perspective(400px) rotateX(10deg);
		transform: perspective(400px) rotateX(10deg);
	}

	100% {
		-webkit-transform: perspective(400px) rotateX(0deg);
		transform: perspective(400px) rotateX(0deg);
		opacity: 1;
	}
}

@keyframes flipInX {
	0% {
		-webkit-transform: perspective(400px) rotateX(90deg);
		-ms-transform: perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		opacity: 0;
	}

	40% {
		-webkit-transform: perspective(400px) rotateX(-10deg);
		-ms-transform: perspective(400px) rotateX(-10deg);
		transform: perspective(400px) rotateX(-10deg);
	}

	70% {
		-webkit-transform: perspective(400px) rotateX(10deg);
		-ms-transform: perspective(400px) rotateX(10deg);
		transform: perspective(400px) rotateX(10deg);
	}

	100% {
		-webkit-transform: perspective(400px) rotateX(0deg);
		-ms-transform: perspective(400px) rotateX(0deg);
		transform: perspective(400px) rotateX(0deg);
		opacity: 1;
	}
}

.flipInX {
	-webkit-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX;
}

@-webkit-keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotateY(90deg);
		transform: perspective(400px) rotateY(90deg);
		opacity: 0;
	}

	40% {
		-webkit-transform: perspective(400px) rotateY(-10deg);
		transform: perspective(400px) rotateY(-10deg);
	}

	70% {
		-webkit-transform: perspective(400px) rotateY(10deg);
		transform: perspective(400px) rotateY(10deg);
	}

	100% {
		-webkit-transform: perspective(400px) rotateY(0deg);
		transform: perspective(400px) rotateY(0deg);
		opacity: 1;
	}
}

@keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotateY(90deg);
		-ms-transform: perspective(400px) rotateY(90deg);
		transform: perspective(400px) rotateY(90deg);
		opacity: 0;
	}

	40% {
		-webkit-transform: perspective(400px) rotateY(-10deg);
		-ms-transform: perspective(400px) rotateY(-10deg);
		transform: perspective(400px) rotateY(-10deg);
	}

	70% {
		-webkit-transform: perspective(400px) rotateY(10deg);
		-ms-transform: perspective(400px) rotateY(10deg);
		transform: perspective(400px) rotateY(10deg);
	}

	100% {
		-webkit-transform: perspective(400px) rotateY(0deg);
		-ms-transform: perspective(400px) rotateY(0deg);
		transform: perspective(400px) rotateY(0deg);
		opacity: 1;
	}
}

.flipInY {
	-webkit-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
	0% {
		-webkit-transform: perspective(400px) rotateX(0deg);
		transform: perspective(400px) rotateX(0deg);
		opacity: 1;
	}

	100% {
		-webkit-transform: perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		opacity: 0;
	}
}

@keyframes flipOutX {
	0% {
		-webkit-transform: perspective(400px) rotateX(0deg);
		-ms-transform: perspective(400px) rotateX(0deg);
		transform: perspective(400px) rotateX(0deg);
		opacity: 1;
	}

	100% {
		-webkit-transform: perspective(400px) rotateX(90deg);
		-ms-transform: perspective(400px) rotateX(90deg);
		transform: perspective(400px) rotateX(90deg);
		opacity: 0;
	}
}

.flipOutX {
	-webkit-animation-name: flipOutX;
	animation-name: flipOutX;
	-webkit-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;
	backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
	0% {
		-webkit-transform: perspective(400px) rotateY(0deg);
		transform: perspective(400px) rotateY(0deg);
		opacity: 1;
	}

	100% {
		-webkit-transform: perspective(400px) rotateY(90deg);
		transform: perspective(400px) rotateY(90deg);
		opacity: 0;
	}
}

@keyframes flipOutY {
	0% {
		-webkit-transform: perspective(400px) rotateY(0deg);
		-ms-transform: perspective(400px) rotateY(0deg);
		transform: perspective(400px) rotateY(0deg);
		opacity: 1;
	}

	100% {
		-webkit-transform: perspective(400px) rotateY(90deg);
		-ms-transform: perspective(400px) rotateY(90deg);
		transform: perspective(400px) rotateY(90deg);
		opacity: 0;
	}
}

.flipOutY {
	-webkit-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipOutY;
	animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
	0% {
		-webkit-transform: translateX(100%) skewX(-30deg);
		transform: translateX(100%) skewX(-30deg);
		opacity: 0;
	}

	60% {
		-webkit-transform: translateX(-20%) skewX(30deg);
		transform: translateX(-20%) skewX(30deg);
		opacity: 1;
	}

	80% {
		-webkit-transform: translateX(0%) skewX(-15deg);
		transform: translateX(0%) skewX(-15deg);
		opacity: 1;
	}

	100% {
		-webkit-transform: translateX(0%) skewX(0deg);
		transform: translateX(0%) skewX(0deg);
		opacity: 1;
	}
}

@keyframes lightSpeedIn {
	0% {
		-webkit-transform: translateX(100%) skewX(-30deg);
		-ms-transform: translateX(100%) skewX(-30deg);
		transform: translateX(100%) skewX(-30deg);
		opacity: 0;
	}

	60% {
		-webkit-transform: translateX(-20%) skewX(30deg);
		-ms-transform: translateX(-20%) skewX(30deg);
		transform: translateX(-20%) skewX(30deg);
		opacity: 1;
	}

	80% {
		-webkit-transform: translateX(0%) skewX(-15deg);
		-ms-transform: translateX(0%) skewX(-15deg);
		transform: translateX(0%) skewX(-15deg);
		opacity: 1;
	}

	100% {
		-webkit-transform: translateX(0%) skewX(0deg);
		-ms-transform: translateX(0%) skewX(0deg);
		transform: translateX(0%) skewX(0deg);
		opacity: 1;
	}
}

.lightSpeedIn {
	-webkit-animation-name: lightSpeedIn;
	animation-name: lightSpeedIn;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
	0% {
		-webkit-transform: translateX(0%) skewX(0deg);
		transform: translateX(0%) skewX(0deg);
		opacity: 1;
	}

	100% {
		-webkit-transform: translateX(100%) skewX(-30deg);
		transform: translateX(100%) skewX(-30deg);
		opacity: 0;
	}
}

@keyframes lightSpeedOut {
	0% {
		-webkit-transform: translateX(0%) skewX(0deg);
		-ms-transform: translateX(0%) skewX(0deg);
		transform: translateX(0%) skewX(0deg);
		opacity: 1;
	}

	100% {
		-webkit-transform: translateX(100%) skewX(-30deg);
		-ms-transform: translateX(100%) skewX(-30deg);
		transform: translateX(100%) skewX(-30deg);
		opacity: 0;
	}
}

.lightSpeedOut {
	-webkit-animation-name: lightSpeedOut;
	animation-name: lightSpeedOut;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
	0% {
		-webkit-transform-origin: center center;
		transform-origin: center center;
		-webkit-transform: rotate(-200deg);
		transform: rotate(-200deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: center center;
		transform-origin: center center;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1;
	}
}

@keyframes rotateIn {
	0% {
		-webkit-transform-origin: center center;
		-ms-transform-origin: center center;
		transform-origin: center center;
		-webkit-transform: rotate(-200deg);
		-ms-transform: rotate(-200deg);
		transform: rotate(-200deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: center center;
		-ms-transform-origin: center center;
		transform-origin: center center;
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
		opacity: 1;
	}
}

.rotateIn {
	-webkit-animation-name: rotateIn;
	animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1;
	}
}

@keyframes rotateInDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
		opacity: 1;
	}
}

.rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1;
	}
}

@keyframes rotateInDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
		opacity: 1;
	}
}

.rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1;
	}
}

@keyframes rotateInUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
		opacity: 1;
	}
}

.rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1;
	}
}

@keyframes rotateInUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 0;
	}

	100% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
		opacity: 1;
	}
}

.rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
	0% {
		-webkit-transform-origin: center center;
		transform-origin: center center;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: center center;
		transform-origin: center center;
		-webkit-transform: rotate(200deg);
		transform: rotate(200deg);
		opacity: 0;
	}
}

@keyframes rotateOut {
	0% {
		-webkit-transform-origin: center center;
		-ms-transform-origin: center center;
		transform-origin: center center;
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: center center;
		-ms-transform-origin: center center;
		transform-origin: center center;
		-webkit-transform: rotate(200deg);
		-ms-transform: rotate(200deg);
		transform: rotate(200deg);
		opacity: 0;
	}
}

.rotateOut {
	-webkit-animation-name: rotateOut;
	animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		opacity: 0;
	}
}

@keyframes rotateOutDownLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
		opacity: 0;
	}
}

.rotateOutDownLeft {
	-webkit-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 0;
	}
}

@keyframes rotateOutDownRight {
	0% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 0;
	}
}

.rotateOutDownRight {
	-webkit-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 0;
	}
}

@keyframes rotateOutUpLeft {
	0% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
		opacity: 0;
	}
}

.rotateOutUpLeft {
	-webkit-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		opacity: 0;
	}
}

@keyframes rotateOutUpRight {
	0% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
		opacity: 1;
	}

	100% {
		-webkit-transform-origin: right bottom;
		-ms-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
		opacity: 0;
	}
}

.rotateOutUpRight {
	-webkit-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight;
}

@-webkit-keyframes slideInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		transform: translateY(-2000px);
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes slideInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		-ms-transform: translateY(-2000px);
		transform: translateY(-2000px);
	}

	100% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}

.slideInDown {
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		transform: translateX(-2000px);
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes slideInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		-ms-transform: translateX(-2000px);
		transform: translateX(-2000px);
	}

	100% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}

.slideInLeft {
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
		transform: translateX(2000px);
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes slideInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
		-ms-transform: translateX(2000px);
		transform: translateX(2000px);
	}

	100% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}

.slideInRight {
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		transform: translateX(-2000px);
	}
}

@keyframes slideOutLeft {
	0% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
		-ms-transform: translateX(-2000px);
		transform: translateX(-2000px);
	}
}

.slideOutLeft {
	-webkit-animation-name: slideOutLeft;
	animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
		transform: translateX(2000px);
	}
}

@keyframes slideOutRight {
	0% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
		-ms-transform: translateX(2000px);
		transform: translateX(2000px);
	}
}

.slideOutRight {
	-webkit-animation-name: slideOutRight;
	animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		transform: translateY(-2000px);
	}
}

@keyframes slideOutUp {
	0% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
		-ms-transform: translateY(-2000px);
		transform: translateY(-2000px);
	}
}

.slideOutUp {
	-webkit-animation-name: slideOutUp;
	animation-name: slideOutUp;
}

@-webkit-keyframes slideInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
		transform: translateY(2000px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes slideInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
		-ms-transform: translateY(2000px);
		transform: translateY(2000px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}

.slideInUp {
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
		transform: translateY(2000px);
	}
}

@keyframes slideOutDown {
	0% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
		-ms-transform: translateY(2000px);
		transform: translateY(2000px);
	}
}

.slideOutDown {
	-webkit-animation-name: slideOutDown;
	animation-name: slideOutDown;
}

@-webkit-keyframes hinge {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}

	20%, 60% {
		-webkit-transform: rotate(80deg);
		transform: rotate(80deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}

	40% {
		-webkit-transform: rotate(60deg);
		transform: rotate(60deg);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}

	80% {
		-webkit-transform: rotate(60deg) translateY(0);
		transform: rotate(60deg) translateY(0);
		-webkit-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		opacity: 1;
	}

	100% {
		-webkit-transform: translateY(700px);
		transform: translateY(700px);
		opacity: 0;
	}
}

@keyframes hinge {
	0% {
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
		-webkit-transform-origin: top left;
		-ms-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}

	20%, 60% {
		-webkit-transform: rotate(80deg);
		-ms-transform: rotate(80deg);
		transform: rotate(80deg);
		-webkit-transform-origin: top left;
		-ms-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}

	40% {
		-webkit-transform: rotate(60deg);
		-ms-transform: rotate(60deg);
		transform: rotate(60deg);
		-webkit-transform-origin: top left;
		-ms-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}

	80% {
		-webkit-transform: rotate(60deg) translateY(0);
		-ms-transform: rotate(60deg) translateY(0);
		transform: rotate(60deg) translateY(0);
		-webkit-transform-origin: top left;
		-ms-transform-origin: top left;
		transform-origin: top left;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		opacity: 1;
	}

	100% {
		-webkit-transform: translateY(700px);
		-ms-transform: translateY(700px);
		transform: translateY(700px);
		opacity: 0;
	}
}

.hinge {
	-webkit-animation-name: hinge;
	animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100%) rotate(-120deg);
		transform: translateX(-100%) rotate(-120deg);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0px) rotate(0deg);
		transform: translateX(0px) rotate(0deg);
	}
}

@keyframes rollIn {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100%) rotate(-120deg);
		-ms-transform: translateX(-100%) rotate(-120deg);
		transform: translateX(-100%) rotate(-120deg);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0px) rotate(0deg);
		-ms-transform: translateX(0px) rotate(0deg);
		transform: translateX(0px) rotate(0deg);
	}
}

.rollIn {
	-webkit-animation-name: rollIn;
	animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0px) rotate(0deg);
		transform: translateX(0px) rotate(0deg);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(100%) rotate(120deg);
		transform: translateX(100%) rotate(120deg);
	}
}

@keyframes rollOut {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0px) rotate(0deg);
		-ms-transform: translateX(0px) rotate(0deg);
		transform: translateX(0px) rotate(0deg);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(100%) rotate(120deg);
		-ms-transform: translateX(100%) rotate(120deg);
		transform: translateX(100%) rotate(120deg);
	}
}

.rollOut {
	-webkit-animation-name: rollOut;
	animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
		transform: scale(.3);
	}

	50% {
		opacity: 1;
	}
}

@keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
		-ms-transform: scale(.3);
		transform: scale(.3);
	}

	50% {
		opacity: 1;
	}
}

.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
	0% {
		opacity: 0;
		-webkit-transform: scale(.1) translateY(-2000px);
		transform: scale(.1) translateY(-2000px);
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}

	60% {
		opacity: 1;
		-webkit-transform: scale(.475) translateY(60px);
		transform: scale(.475) translateY(60px);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}
}

@keyframes zoomInDown {
	0% {
		opacity: 0;
		-webkit-transform: scale(.1) translateY(-2000px);
		-ms-transform: scale(.1) translateY(-2000px);
		transform: scale(.1) translateY(-2000px);
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}

	60% {
		opacity: 1;
		-webkit-transform: scale(.475) translateY(60px);
		-ms-transform: scale(.475) translateY(60px);
		transform: scale(.475) translateY(60px);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}
}

.zoomInDown {
	-webkit-animation-name: zoomInDown;
	animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
	0% {
		opacity: 0;
		-webkit-transform: scale(.1) translateX(-2000px);
		transform: scale(.1) translateX(-2000px);
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}

	60% {
		opacity: 1;
		-webkit-transform: scale(.475) translateX(48px);
		transform: scale(.475) translateX(48px);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}
}

@keyframes zoomInLeft {
	0% {
		opacity: 0;
		-webkit-transform: scale(.1) translateX(-2000px);
		-ms-transform: scale(.1) translateX(-2000px);
		transform: scale(.1) translateX(-2000px);
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}

	60% {
		opacity: 1;
		-webkit-transform: scale(.475) translateX(48px);
		-ms-transform: scale(.475) translateX(48px);
		transform: scale(.475) translateX(48px);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}
}

.zoomInLeft {
	-webkit-animation-name: zoomInLeft;
	animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
	0% {
		opacity: 0;
		-webkit-transform: scale(.1) translateX(2000px);
		transform: scale(.1) translateX(2000px);
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}

	60% {
		opacity: 1;
		-webkit-transform: scale(.475) translateX(-48px);
		transform: scale(.475) translateX(-48px);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}
}

@keyframes zoomInRight {
	0% {
		opacity: 0;
		-webkit-transform: scale(.1) translateX(2000px);
		-ms-transform: scale(.1) translateX(2000px);
		transform: scale(.1) translateX(2000px);
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}

	60% {
		opacity: 1;
		-webkit-transform: scale(.475) translateX(-48px);
		-ms-transform: scale(.475) translateX(-48px);
		transform: scale(.475) translateX(-48px);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}
}

.zoomInRight {
	-webkit-animation-name: zoomInRight;
	animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
	0% {
		opacity: 0;
		-webkit-transform: scale(.1) translateY(2000px);
		transform: scale(.1) translateY(2000px);
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}

	60% {
		opacity: 1;
		-webkit-transform: scale(.475) translateY(-60px);
		transform: scale(.475) translateY(-60px);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}
}

@keyframes zoomInUp {
	0% {
		opacity: 0;
		-webkit-transform: scale(.1) translateY(2000px);
		-ms-transform: scale(.1) translateY(2000px);
		transform: scale(.1) translateY(2000px);
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
	}

	60% {
		opacity: 1;
		-webkit-transform: scale(.475) translateY(-60px);
		-ms-transform: scale(.475) translateY(-60px);
		transform: scale(.475) translateY(-60px);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}
}

.zoomInUp {
	-webkit-animation-name: zoomInUp;
	animation-name: zoomInUp;
}

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

	50% {
		opacity: 0;
		-webkit-transform: scale(.3);
		transform: scale(.3);
	}

	100% {
		opacity: 0;
	}
}

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

	50% {
		opacity: 0;
		-webkit-transform: scale(.3);
		-ms-transform: scale(.3);
		transform: scale(.3);
	}

	100% {
		opacity: 0;
	}
}

.zoomOut {
	-webkit-animation-name: zoomOut;
	animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
	40% {
		opacity: 1;
		-webkit-transform: scale(.475) translateY(-60px);
		transform: scale(.475) translateY(-60px);
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(.1) translateY(2000px);
		transform: scale(.1) translateY(2000px);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
	}
}

@keyframes zoomOutDown {
	40% {
		opacity: 1;
		-webkit-transform: scale(.475) translateY(-60px);
		-ms-transform: scale(.475) translateY(-60px);
		transform: scale(.475) translateY(-60px);
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(.1) translateY(2000px);
		-ms-transform: scale(.1) translateY(2000px);
		transform: scale(.1) translateY(2000px);
		-webkit-transform-origin: center bottom;
		-ms-transform-origin: center bottom;
		transform-origin: center bottom;
	}
}

.zoomOutDown {
	-webkit-animation-name: zoomOutDown;
	animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
	40% {
		opacity: 1;
		-webkit-transform: scale(.475) translateX(42px);
		transform: scale(.475) translateX(42px);
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(.1) translateX(-2000px);
		transform: scale(.1) translateX(-2000px);
		-webkit-transform-origin: left center;
		transform-origin: left center;
	}
}

@keyframes zoomOutLeft {
	40% {
		opacity: 1;
		-webkit-transform: scale(.475) translateX(42px);
		-ms-transform: scale(.475) translateX(42px);
		transform: scale(.475) translateX(42px);
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(.1) translateX(-2000px);
		-ms-transform: scale(.1) translateX(-2000px);
		transform: scale(.1) translateX(-2000px);
		-webkit-transform-origin: left center;
		-ms-transform-origin: left center;
		transform-origin: left center;
	}
}

.zoomOutLeft {
	-webkit-animation-name: zoomOutLeft;
	animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
	40% {
		opacity: 1;
		-webkit-transform: scale(.475) translateX(-42px);
		transform: scale(.475) translateX(-42px);
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(.1) translateX(2000px);
		transform: scale(.1) translateX(2000px);
		-webkit-transform-origin: right center;
		transform-origin: right center;
	}
}

@keyframes zoomOutRight {
	40% {
		opacity: 1;
		-webkit-transform: scale(.475) translateX(-42px);
		-ms-transform: scale(.475) translateX(-42px);
		transform: scale(.475) translateX(-42px);
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(.1) translateX(2000px);
		-ms-transform: scale(.1) translateX(2000px);
		transform: scale(.1) translateX(2000px);
		-webkit-transform-origin: right center;
		-ms-transform-origin: right center;
		transform-origin: right center;
	}
}

.zoomOutRight {
	-webkit-animation-name: zoomOutRight;
	animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
	40% {
		opacity: 1;
		-webkit-transform: scale(.475) translateY(60px);
		transform: scale(.475) translateY(60px);
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(.1) translateY(-2000px);
		transform: scale(.1) translateY(-2000px);
		-webkit-transform-origin: center top;
		transform-origin: center top;
	}
}

@keyframes zoomOutUp {
	40% {
		opacity: 1;
		-webkit-transform: scale(.475) translateY(60px);
		-ms-transform: scale(.475) translateY(60px);
		transform: scale(.475) translateY(60px);
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(.1) translateY(-2000px);
		-ms-transform: scale(.1) translateY(-2000px);
		transform: scale(.1) translateY(-2000px);
		-webkit-transform-origin: center top;
		-ms-transform-origin: center top;
		transform-origin: center top;
	}
}

.zoomOutUp {
	-webkit-animation-name: zoomOutUp;
	animation-name: zoomOutUp;
}


/*** TAGS ARCHIVE PAGE */
/** page-tag */
.mytags-post {
	margin-bottom: 2rem;
}

.mytags-sub-title {
	text-transform: uppercase;
	font-size: 23px;
	width: 89%;
	font-weight: 600;

	margin-top: 2em;
	margin-bottom: 2em;
}

@media only screen and (max-width: 600px) {
	.mytags-sub-title {
		margin-top: 4em;
	}
}
.post-title {
	float: left;
	margin-bottom: 20px;
}
.post-title .thumb {
	width: 25%;
	float: left;
}
.post-title .thumb img {
	width: 100%;
}
.post-title .title {
	width: 70%;
	float: right;
	font-weight: bold;
	font-size: 16px;
}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
.aligncenter, img.aligncenter {display: block; margin-left: auto; margin-right: auto;}
@media screen and (max-width: 991px) {
    .aligncenter, img.aligncenter {
        width:auto !important;
    }
}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
@media screen and (max-width: 767px) {
.post-title {
	padding: 0 15px;
}	
.post-title .thumb {
	width: 30%;
}
.post-title .title {
	width: 67%;
	font-size: 14px;
}
.post-title .title p {
	font-weight: bold;
	margin-bottom: 0;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.post-title .thumb {
		width: 30%;
	}
	.post-title .title {
		font-size: 12px;
		width: 66%;
	}
	.post-title .title p {
		margin-bottom: 0;
		font-weight: bold;
	}
}
@media screen and (max-width: 782px) {
html #wpadminbar {
    margin-top: -46px;
    z-index:99;
    display:none;
}
#header_container .navbar-collapse {
    position: relative;
    z-index:9999;
}
}
#sidebar .box-hotnews {
  background: #FFFFFF;
  border-radius: 3.70216px;
  border: 1px solid #ecc200;
  padding: 15px 15px 30px 15px; }
  #sidebar .box-hotnews h3 {
    color: #4d4d4d;
    font-size: 18px; }
    @media screen and (min-width: 600px) and (max-width: 767px) {
      #sidebar .box-hotnews h3 {
        font-size: 30px; } }
  #sidebar .box-hotnews .box-main {
    border-bottom: 1.00487px solid #EDEDED;
    padding-bottom: 10px;
    margin-bottom: 10px; }
    #sidebar .box-hotnews .box-main a {
      display: flex;
      text-decoration: none; }
      #sidebar .box-hotnews .box-main a img {
        width: 35%;
        border-radius: 2.2213px;
        object-fit: cover;
        height: 100%; }
      #sidebar .box-hotnews .box-main a .box-content {
        width: 65%;
        font-size: 16px;
        line-height: 1.25;
        margin-left: 10px;
        color: #393939;}
        @media screen and (min-width: 768px) and (max-width: 991px) {
          #sidebar .box-hotnews .box-main a .box-content {
            font-size: 10px; } }
@media screen and (width: 1024px) {
          #sidebar .box-hotnews .box-main a .box-content {
            font-size: 14px; } }
        @media screen and (max-width: 767px) {
          #sidebar .box-hotnews .box-main a .box-content {
            font-size: 16px; } }
        @media scren and (min-width: 768px) and (max-width: 991px) {
          #sidebar .box-hotnews .box-main a .box-content {
            font-size: 10px; } }
        @media screen and (min-width: 600px) and (max-width: 767px) {
          #sidebar .box-hotnews .box-main a .box-content {
            font-size: 26px; } }
  #sidebar .box-hotnews .box-main:last-child {
    border: 0;
    margin-bottom: 0;
    padding-bottom: 0; }
  #sidebar .box-hotnews .wpp-list li {
    border-top: 0;
    padding-bottom: 10px;
    margin-bottom: 10px; }
    #sidebar .box-hotnews .wpp-list li a {
      text-decoration: none;
      font-size: 14px;
      color: #000;
      font-weight: bold; }
      @media screen and (min-width: 768px) and (max-width: 991px) {
        #sidebar .box-hotnews .wpp-list li a {
          font-size: 12px; } }
      @media screen and (min-width: 768px) and (max-width: 991px) {
        #sidebar .box-hotnews .wpp-list li a img {
          width: 58px;
          height: 60px;
          border-radius: 3px; } }
    #sidebar .box-hotnews .wpp-list li a.wpp-post-title {
      width: 55%;
      float: left; }
    #sidebar .box-hotnews .wpp-list li .wpp-meta {
      display: none; }
  #sidebar .box-hotnews .wpp-list li:last-child {
    border-bottom: 0; }
  #sidebar .box-hotnews .widget a:hover {
    text-decoration: none;
    box-shadow: none; }
/*** ***/