/*---------------------------------------------------------------------
	Styles
----------------------------------------------------------------------*/

body {
	font-family: 'Open Sans', sans-serif;
	color: #333;
  	overflow-x: hidden;
	position:relative;
	font-size:13px;
}

html, body {
  height: 100%;
}

.clear {
	clear:both;
}

.xam {
	color:#666;
}

.blue {
	color:#007f3d !important;
}

.red {
	color:#980007;
}

.ogen {
	color:#f58120;
}

.xanh {
	color:#087b39;
}

.xam-nhat {
	background:#f9f9f9 !important;
}

.do {
	background:#e5393a !important;
	color:#fff !important;
}

.cam {
	background:#f58120 !important;
	color:#fff;
}

.vang {
	background:#f6d30b !important;
	color:#fff;
}

.xanhla {
	background:#80c341 !important;
	color:#fff;
}

.xanhduongnhat {
	background:#21bfdb !important;
	color:#fff;
}

.xanhduongdam {
	background:#254156 !important;
	color:#fff;
}

.do h3 {
	color:#fff !important;
}

.cam h3{
	color:#fff;
}

.vang h3{
	color:#fff;
}

.xanhla h3{
	color:#fff;
}

.xanhduongnhat h3{
	color:#fff;
}

.xanhduongdam h3{
	color:#fff;
}

/*---------------------------------------------------------------------
	Header
----------------------------------------------------------------------*/

.header-wp {
    z-index: 99;
    position: relative;
    background: url(../images/staff-bg.jpg) no-repeat 100% 100%;
    border-bottom: 1px solid #ccc;
}

/*- top header --*/

.sign-in {
	float:right;
}

.sign-in ul li a {
    color: #333;
    font-size: 14px;
    text-transform: none;
    font-weight: normal;
}

.sign-in ul li a:hover {
    color: #3069b0;
	text-decoration:none;
}

.sign-in ul li {
    display: inline-block;
}

.sign-in ul {
	padding-left:0px;
	margin-bottom:5px;
	margin-top:7px;
}

.sign-in ul span {
	color:#333;
}

.ul-social ul li {
    display: inline-block;
}

.ul-social {
    float: right;
}

.ul-social ul {
	padding-left:10px;
	margin-bottom:5px;
	margin-top:5px;
}

/*- end top header --*/

/*- mid header --*/

.logo {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 20px;
}

.top-header {
    /* background: #fff; */
    border-bottom: 0px solid #ccc;
}

.search-bar input {
    border-radius: 0px;
    border: none;
}

.search-bar {
    padding: 3px;
    text-align: center;
}

.search-bar input {
    border-radius: 0px;
    border: none;
    height: 40px;
}

.search-bar .btn {
    background: #00b055;
    height: 40px;
    font-weight: bold;
    text-transform: uppercase;
	border:none;
	border-radius:0px !important;
}

.search-bar .btn:hover {
    background: #007f3d;
	border:none;
}

.cart-top {
    text-align: right;
    margin-top: 35px;
}

.drop-cart-wp {
    padding: 20px;
}

.cart-top .dropdown-menu {
    position: absolute;
    top: 100%;
    left: initial;
    z-index: 1000;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: -1px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    right: 0px;
    width: 290px;
}

.cart-count {
    background: url(../images/count.jpg) no-repeat;
    position: absolute;
    top: 10px;
    left: 78px;
    width: 34px;
    height: 30px;
    text-align: center;
}

.cart-count span {
	color:#333;
}

.mid-header {
    padding-top: 10px;
    padding-bottom: 10px;
}

/*- end mid header --*/

/*- Bot header --*/

.cat-menu-wp .cat-title {
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    /* text-align: center; */
    margin: 0px;
    /* padding-top: 20px; */
    /* padding-left: 14px; */
    font-weight: bold;
    /* height: 54px; */
    cursor: pointer;
    background: #00b055;
    padding: 22px;
	border-radius:4px 4px 0px 0px;
}

ul.menu-horizone-ul {
    margin-bottom: 0px;
    padding-left: 0px;
}

ul.menu-horizone-ul li {
    float: left;
    border-right: 1px solid #fff;
    margin-right: 0px;
    background: #00b055;
    padding: 8px;
    list-style: none;
    margin-right: 1px;
    border-radius: 4px;
}

ul.menu-horizone-ul li a {
    color: #fff;
    font-size: 14px;
    /* font-weight: 600; */
	font-weight:600;
}

ul.menu-horizone-ul li a:hover {
    color: #ccc;
	text-decoration:none;
	font-weight:600;
}

ul.menu-horizone-ul li a i {
    font-size: 22px;
}

.static-info .info.info1 {
    color: #ea3a3c;
}

.static-info .info {
    display: inline-block;
    width: 100%;
    background: #fff;
    border: 2px solid #ddd;
    padding: 10px;
    position: relative;
    transition: all 300ms ease-in;
}

.static-info em {
    float: left;
    position: relative;
    margin-right: 20px;
    font-size: 60px;
    -webkit-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    -ms-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
	color:#00b055;
}

.static-info .static_info {
    overflow: hidden;
    padding-top: 10px;
}

.static_info1 em {
	font-size: 40px;
}

.static_info1 .static_info {
    overflow: hidden;
    padding-top: 0px;
}

.static-info .static_info h4 {
    font-size:16px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 18px;
    margin: 0;
	color:#02994b;
}

.static-info .static_info p {
    font-size: 12px;
    line-height: 27px;
    color: #02994b;
    margin: 0;
    text-transform: uppercase;
}

/*- End bot header --*/

/*- Home content --*/

.home-content {
    padding-top: 30px;
    background: #fff;
}

.home-content-bg {
    padding-top: 60px;
    background: #fff;
}

.home-title-l {
    background: url(../images/tieude-1.png) no-repeat #00b055;
    width: 280px;
	float:left;
    height: 52px;
}

.home-title-la {
    background: url(../images/tieude-2.png) no-repeat #00b055;
}

.home-title-lb {
    background: url(../images/tieude-3.png) no-repeat #00b055;
}

.home-title-lc {
    background: url(../images/tieude-4.png) no-repeat #00b055;
}

.home-title {
    border-bottom: 3px solid #f9ba48;
}

.banner-home {
    margin-top: 30px;
    margin-bottom: 30px;
}

.home-title-l h3 {
    margin: 0px;
    color: #fff;
    font-size: 15px;
    text-align: left;
    padding-left: 70px;
    padding-top: 18px;
}

.home-title-r {
    float: left;
    width: 860px;
    height: 52px;
}

ul.list-book-tile {
    margin-bottom: 0px;
    padding-left: 0px;
    text-align: right;
    padding-top: 15px;
}

ul.list-book-tile li {
    display: inline-block;
    text-align: right;
}

ul.list-book-tile li a {
    color: #007f3d;
    font-size: 14px;
    padding-left: 10px;
    text-align: right;
    font-weight: 600;
    text-align: center;
    padding-right: 10px;
}

ul.list-book-tile li a:hover {
    color: #006f3c;
	text-decoration:none;
}

ul.home-tab-ul {
    margin-bottom: 0px;
    padding-left: 0px;
    /* border-bottom: 1px solid #ccc; */
    text-align: center;
    margin-top: 40px;
	margin-bottom:40px;
}

ul.home-tab-ul li {
    display: inline-block;
    padding: 10px;
    background: #fffabe;
}

ul.home-tab-ul .active {
	background:#00b055;
	color:#fff;
}

ul.home-tab-ul .active a {
	color:#fff;
	text-decoration:none;
}

.home-tab-ul li a {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
	color:#02994b;
}

.home-tab-ul li a:hover {
	text-decoration:none;
}

/*- book style --*/

.book-style {
    border: 0px solid #ccc;
    padding: 30px;
    position: relative;
    padding-top: 40px;
}

.book-style-img {
	position:relative;
	text-align:center;
	overflow:hidden;
}

.book-style-img img {
    max-width: 100%;
    height: 200px;
}

.bg-bia img {
	height:120px;
}

.book-style-title h3 {
    font-size: 15px;
    margin-top: 0px;
	margin-bottom:5px;
	line-height:20px;
    display: block;
}

.book-style-title h3 a {
	color:#000;
	text-decoration:none;
}

.book-style-title h3 a:hover {
	color:#007441;
	text-decoration:none;
}

.book-style-title p {
	margin-bottom:2px;
}

p.price {
    font-size: 15px;
    color: #009252;
    margin-bottom: 2px;
	font-weight:bold;
}

.price-no-dis {
	font-size: 15px;
    color: #999;
	text-decoration: line-through;
	font-weight:bold;
}

.price-dis {
	font-size: 15px;
    color: #009252;
	font-weight:bold;
}

p.short {
    text-overflow: ellipsis;
    display: block;
    max-width: 270px;
    overflow: hidden;
    white-space: nowrap;
	font-size:12px;
}

.tab-content {
    margin-top: 15px;
}

p.sale-price {
    color: #999;
    text-decoration: line-through;
    font-size: 14px;
    margin-right:0px;
}

.sale-p h3 {
    background: #fd871d;
    width: 50px;
    height: 50px;
    color: #fff;
    padding: 10px;
    text-align: center;
    margin: 0px;
    padding-top: 15px;
    border-radius: 50%;
}

.sale-p {
    position: absolute;
    right: 15px;
    top: 10px;
    text-align: center;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #ccc;
}

.book-style-title {
    padding: 5px;
    text-align: center;
	height:100px;
}

.rating_wp {
	padding-bottom:5px;
}

.rating_wp_plan {
	width:97px;
	height:17px;
	background:url(../images/stars_small_non.png) no-repeat;
	margin:0 auto;
}

.rating_wp_plan_1 {
	background:url(../images/stars_small_ok.png) no-repeat;
	background-position:0px 0px;
}

.rating_wp_plan_2 {
	background:url(../images/stars_small_ok.png) no-repeat;
	background-position:0px -20px;
}

.rating_wp_plan_3 {
	background:url(../images/stars_small_ok.png) no-repeat;
	background-position:0px -40px;
}

.rating_wp_plan_4 {
	background:url(../images/stars_small_ok.png) no-repeat;
	background-position:0px -60px;
}

.rating_wp_plan_5 {
	background:url(../images/stars_small_ok.png) no-repeat;
	background-position:0px -80px;
}

/*- End Home content --*/

.navigation-wp {
    position:relative;
    background: #fff;
    padding: 5px 10px 10px 10px;
    border: 1px solid #ccc;
}

.navigation-wp:after {
    content: "";
    position: absolute;
    height: 5px;
    background-color: #fff;
    bottom: -6px;
    left: 6px;
    right: 6px;
    border: 1px solid #ccc;
    border-top: 0;
}

.shippment-wp {
    background: #fff;
    text-align: center;
    padding-bottom: 10px;
    padding-top: 10px;
}

.navigation-top ul li a {
    color: #333;
    padding: 5px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    background: #33;
}

.navigation-top ul li {
    display: inline-block;
    padding: 15px;
}

.navigation-top ul {
    margin-bottom: 0px;
    padding-left: 0px;
}

.navigation-top {
    background: #fff;
}

.navigation-top .active a {
	border-bottom:1px solid #ccc;
}

.navigation-top .active a {
    background: #666;
    color: #fff;
}

.navigation-top {
	-webkit-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.2);
	-moz-box-shadow:    0px 2px 0px 0px rgba(50, 50, 50, 0.2);
	box-shadow:         0px 2px 0px 0px rgba(50, 50, 50, 0.2);
	position:relative;
}

.home-block-1 {
	margin-top:20px;
}

.home-feature-block-1 {
	margin-bottom:10px;
}

.feature-slider-wp {
    background: #fff;
    padding: 20px;
    position: relative;
    border: 1px solid #eee;
}

.feature-title-wp h3 {
    font-size: 20px;
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 20px;
	color:#009252;
	font-weight:600;
}

.owl-nav i {
	font-size:24px;
	color:#009252;
}

.owl-prev {
    position: absolute;
    right: 50%;
    top: -35px;
}

.owl-next {
    position: absolute;
    right: 47%;
    top: -35px;
}

.best-sell-wp {
    background: #fff;
    padding: 20px;
    position: relative;
    border: 1px solid #eee;
	margin-top:15px;
}

.slider-block-wp img {
	max-width:100%;
}

/*---------------------------------------------------------------------
	Navigation
----------------------------------------------------------------------*/

#vt_menu {
    width: 100%;
    position: relative;
    background: #333;
}

#vt_menu  ul {
    width: 100%;
    margin: 0;
    padding: 0;
}

#vt_menu  ul li {
    margin: 0;
    padding: 0;
    display: block;
    list-style: none;
    width: 100%;
	border-bottom:1px dashed #ccc;
}

#vt_menu ul li a {
    width: 100%;
    font-weight: normal;
    text-decoration: none;
    display: block;
    color: #333;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
	position:relative;
	padding-top:5px;
	padding-bottom:5px;
}

#vt_menu ul li:hover {
    background: #333333;
    background: hsla(0, 0%, 20%, 1);
}

#vt_menu  li a:active {
    color: #888;
}

#vt_menu .contact
{
	top:-396px;
}

#vt_menu  ul li:first-child {
}

#vt_menu   ul li:last-child {
}

#vt_menu i {
    margin-left: 2px;
    font-size: 17px;
    margin-right: 2px;
	color:#007f3d;
}

#vt_menu  span.main_links_span {
    position: absolute;
    top: 0;
    right: 0px;
    font-size: 16px;
	display:none;
}

#vt_menu ul li ul {
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 100%;
    display: block;
    border-radius: none;
    top: -1px;
	-webkit-transform: translate3d(0, 50px, 0);
	-moz-transform: translate3d(0, 50px, 0);
	-o-transform: translate3d(0, 50px, 0);
	-ms-transform: translate3d(0, 50px, 0);
	transform: translate3d(0, 50px, 0);
	-webkit-transition: opacity .2s ease-in, visibility 0s linear .2s, -webkit-transform .2s linear;
	-moz-transition: opacity .2s ease-in, visibility 0s linear .2s, -moz-transform .2s linear;
	-o-transition: opacity .2s ease-in, visibility 0s linear .2s, -o-transform .2s linear;
	-ms-transition: opacity .2s ease-in, visibility 0s linear .2s, -ms-transform .2s linear;
	transition: opacity .2s ease-in, visibility 0s linear .2s, transform .2s linear;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}

#vt_menu ul li ul li {
    position: relative;
    display: block;
    float: none;
    background: #fff;
    border-top: solid 1px #e7e7e7;
    border-right: solid 1px #e7e7e7;
    border-left: solid 1px #e7e7e7;
	box-shadow:none;
}

#vt_menu ul ul li:last-child, #vt_menu ul ul li:first-child {
    border-radius: 0;
}

#vt_menu ul ul li:last-child {
    border-bottom: solid 1px #e7e7e7;
}

#vt_menu ul ul  ul li:last-child {
    
}

#vt_menu ul ul  ul ul li:last-child {

    
}

#vt_menu ul ul li a {
    color: #777;
    line-height: 42px;
    padding-left: 30px;
    width: 96%;
}

#vt_menu ul ul li:hover {
    background: #f3f3f3;
}

#vt_menu ul li:hover > ul {
    z-index: 1;
    opacity: 1;
    visibility: visible;
	-webkit-transform: translate3d(0, 0px, 0);
	-moz-transform: translate3d(0, 0px, 0);
	-o-transform: translate3d(0, 0px, 0);
	-ms-transform: translate3d(0, 0px, 0);
	transform: translate3d(0, 0px, 0);
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	-ms-transition-delay: 0s;
	transition-delay: 0s;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

#vt_menu span.span_level_1, span.span_level_2 {
    position: absolute;
    top: 0;
    right: 10px;
    font-size: 16px;
}

#vt_menu .list-top
{
	width:90%;
	padding:0px 10px;
	color:#333;
	margin-bottom:0px;
	font-size:15px;
}

#vt_menu .inner-list
{
	margin-left:10px;
}

#vt_menu .other_links i
{
	margin-left:0px !important;
	font-size:13px !important;
}

#vt_menu ol li
{
	box-shadow:none !important;
	padding-left:10px;
	border-bottom:0px solid #ccc;
	width:94%;
	padding-bottom:3px;
	color:#666;
}

.typography_5_col {
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    line-height: 23px;
    color: #333;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    width: 790px;
    position: absolute;
    top: -1px;
    left: 100%;
    -webkit-box-shadow: 2px 2px 3px #ccc;
    -moz-box-shadow: 2px 2px 3px #ccc;
    box-shadow: 2px 2px 3px #ccc;
    border-top: solid 1px #e7e7e7;
    border-right: solid 1px #e7e7e7;
    border-bottom: solid 1px #e7e7e7;
	-webkit-transform: translate3d(0, 50px, 0);
	-moz-transform: translate3d(0, 50px, 0);
	-o-transform: translate3d(0, 50px, 0);
	-ms-transform: translate3d(0, 50px, 0);
	transform: translate3d(0, 50px, 0);
	-webkit-transition: opacity .2s ease-in, visibility 0s linear .2s, -webkit-transform .2s linear;
	-moz-transition: opacity .2s ease-in, visibility 0s linear .2s, -moz-transform .2s linear;
	-o-transition: opacity .2s ease-in, visibility 0s linear .2s, -o-transform .2s linear;
	-ms-transition: opacity .2s ease-in, visibility 0s linear .2s, -ms-transform .2s linear;
	transition: opacity .2s ease-in, visibility 0s linear .2s, transform .2s linear;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}

#vt_menu ul li:hover  > .typography_5_col {
    opacity: 1;
    visibility: visible;
	-webkit-transform: translate3d(0, 0px, 0);
	-moz-transform: translate3d(0, 0px, 0);
	-o-transform: translate3d(0, 0px, 0);
	-ms-transform: translate3d(0, 0px, 0);
	transform: translate3d(0, 0px, 0);
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	-ms-transition-delay: 0s;
	transition-delay: 0s;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.typography_3_col {
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    line-height: 23px;
    color: #333;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    width: 490px;
    position: absolute;
    top: -1px;
    left: 100%;
    -webkit-box-shadow: 2px 2px 3px #ccc;
    -moz-box-shadow: 2px 2px 3px #ccc;
    box-shadow: 2px 2px 3px #ccc;
    border-top: solid 1px #e7e7e7;
    border-right: solid 1px #e7e7e7;
    border-bottom: solid 1px #e7e7e7;
	-webkit-transform: translate3d(0, 50px, 0);
	-moz-transform: translate3d(0, 50px, 0);
	-o-transform: translate3d(0, 50px, 0);
	-ms-transform: translate3d(0, 50px, 0);
	transform: translate3d(0, 50px, 0);
	-webkit-transition: opacity .2s ease-in, visibility 0s linear .2s, -webkit-transform .2s linear;
	-moz-transition: opacity .2s ease-in, visibility 0s linear .2s, -moz-transform .2s linear;
	-o-transition: opacity .2s ease-in, visibility 0s linear .2s, -o-transform .2s linear;
	-ms-transition: opacity .2s ease-in, visibility 0s linear .2s, -ms-transform .2s linear;
	transition: opacity .2s ease-in, visibility 0s linear .2s, transform .2s linear;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}

#vt_menu ul li:hover  > .typography_3_col {
    opacity: 1;
    visibility: visible;
	-webkit-transform: translate3d(0, 0px, 0);
	-moz-transform: translate3d(0, 0px, 0);
	-o-transform: translate3d(0, 0px, 0);
	-ms-transform: translate3d(0, 0px, 0);
	transform: translate3d(0, 0px, 0);
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	-ms-transition-delay: 0s;
	transition-delay: 0s;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.typography_2_col {
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    line-height: 23px;
    color: #333;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    width: 340px;
    position: absolute;
    top: -1px;
    left: 100%;
    -webkit-box-shadow: 2px 2px 5px #ccc;
    -moz-box-shadow: 2px 2px 5px #ccc;
    box-shadow: 2px 2px 5px #ccc;
    border-top: solid 1px #e7e7e7;
    border-right: solid 1px #e7e7e7;
    border-bottom: solid 1px #e7e7e7;
	-webkit-transform: translate3d(0, 50px, 0);
	-moz-transform: translate3d(0, 50px, 0);
	-o-transform: translate3d(0, 50px, 0);
	-ms-transform: translate3d(0, 50px, 0);
	transform: translate3d(0, 50px, 0);
	-webkit-transition: opacity .2s ease-in, visibility 0s linear .2s, -webkit-transform .2s linear;
	-moz-transition: opacity .2s ease-in, visibility 0s linear .2s, -moz-transform .2s linear;
	-o-transition: opacity .2s ease-in, visibility 0s linear .2s, -o-transform .2s linear;
	-ms-transition: opacity .2s ease-in, visibility 0s linear .2s, -ms-transform .2s linear;
	transition: opacity .2s ease-in, visibility 0s linear .2s, transform .2s linear;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
}

#vt_menu ul li:hover  > .typography_2_col {
    opacity: 1;
    visibility: visible;
	-webkit-transform: translate3d(0, 0px, 0);
	-moz-transform: translate3d(0, 0px, 0);
	-o-transform: translate3d(0, 0px, 0);
	-ms-transform: translate3d(0, 0px, 0);
	transform: translate3d(0, 0px, 0);
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	-ms-transition-delay: 0s;
	transition-delay: 0s;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.col_2_container {
    width: 300px;
    margin-top: 20px;
    margin-left: 20px;
    margin-bottom: 30px;
}

.col_3_container {
    width: 450px;
    margin-top: 20px;
    margin-left: 20px;
    margin-bottom: 30px;
}

.col_5_container {
    width: 750px;
    margin-top: 10px;
    margin-left: 10px;
}

#vt_menu  h4 {
    font-size: 18px;
    border-bottom: solid 1px #333;
    margin-bottom: 9px;
    padding-bottom: 10px;
    display: block;
    float: none;
}


.col_1 {
    width: 16.94%;
    float: left;
    padding: 1.52%;
    margin-bottom: 20px;
}

.col_2 {
    width: 36.94%;
    float: left;
    padding: 1.52%;
    margin-bottom: 20px;
}

.col_3 {
    width: 56.899%;
    float: left;
    padding: 1.52%;
    margin-bottom: 20px;
}

.col_4 {
    width: 76.94%;
    float: left;
    padding: 1.52%;
    margin-bottom: 20px;
}

.col_5 {
    width: 96.94%;
    float: left;
    padding: 1.52%;
    margin-bottom: 20px;
}


.col_2_fullwidth {
    width: 46.96%;
    float: left;
    padding: 1.52%;
    margin-bottom: 20px;
}

.col_3_fullwidth {
    width: 26%;
    float: left;
    padding: 0px;
    margin-bottom: 20px;
}

ol.other_links {
    font-weight: normal;
}

#vt_menu .other_links i {
    color: #8D6791;
    display: none;
}

.col_4_fullwidth {
    width: 21.96%;
    float: left;
    padding: 1.52%;
    margin-bottom: 20px;
}

#vt_menu  .typography_3_col  .col_3_container  .col_3_fullwidth ol li a {
    background: none;
    background-image: none;
    line-height: 22px;
    cursor: pointer;
}

#vt_menu  .typography_3_col  .col_3_container  .col_3_fullwidth ol li {
    background: none;
    background-image: none;
}

#vt_menu  .typography_3_col  .col_3_container  .col_3_fullwidth   h4.other_links_title {
    padding-left: 0;
}

.other_links li
{
	box-shadow:none !important;
}

#vt_menu .name, #vt_menu .email, #vt_menu .message, #vt_menu input , #vt_menu  textarea {
    margin-top: 9px;
}

#vt_menu input {
    width: 100%;
    border: none;
	border:1px solid #ccc;
}

#vt_menu  input.input_name, #vt_menu  input.input_email {
    height: 35px;
    color: #333;
}

#vt_menu  textarea {
    height: 100px;
    width: 100%;
    border: none;
    border:1px solid #ccc;
}

#vt_menu input[type=submit] {
    width: 70px;
    height: 30px;
    margin-top: 19px;
    background: #333;
    color: white;
    margin-bottom: 19px;
}

#vt_menu input[type=submit]:hover {
    background: #151515;
    cursor: pointer;
}

#vt_menu img {
    border: none;
}

#vt_menu .icons a {
    background: none;
    background-image: none;
    padding: 0;
    margin: 0;
    float: left !important;
    display: block;
	width:auto !important;
}

#vt_menu .icons i
{
	margin-left:0px;
	font-size:30px;
	margin-right:10px;
}


#vt_menu .icons a:hover {
    opacity: 0.5;
}

.image {
    background: gray;
    width: 260px;
    height: 140px;
    font-size: 30px;
    line-height: 130px;
    color: #444;
}

b {
    margin-left: 23px;
}

#vt_menu #pull {
    width: 100%;
    font-weight: normal;
    text-decoration: none;
    display: block;
    line-height: 53px;
    color: #eee;
    font-family: 'Lato', sans-serif;
    font-size: 13px;
}

#vt_menu #pull:hover {
    background: #333333;
}

#vt_menu #pull i {
    margin-left: 25px;
}

#vt_menu span.pull_span {
    position: absolute;
    right: 25px;
    top: 0;
}

#vt_menu  div#pull a {
    display: block;
    color: white;
    text-decoration: none;
    width: 100%;
    height: 100%;
}

#vt_menu div#pull a:active {
    color: #888;
}

#nav-trigger {
    display: none;
}

#jnix-menu input[type="checkbox"] {
    display: block;
    height: 48px;
    opacity: 0;
    width: 48px;
}
#jnix-menu input[type="checkbox"] {
    display: none;
}

#jnix-menu .fa-bars 
	{
		display:none !important;
	}
	
	

#vt_menu
{
	background:#fff !important;
}

#vt_menu ul li:hover {
    background: none;
    font-weight: bold;
}

#vt_menu ul li:hover a {
	color:#009252;
	font-weight: bold;
}

.typography_5_col {
	background:#fff;
	width:790px;
	border:1px solid #ccc;
	z-index:99;
	padding:10px;
}

.typography_5_col ol {
	padding-left:0px;
}

#vt_menu input
{
	
}

#vt_menu .other_links i
{
	color:#8D6791;
}

#vt_menu .other_links li:hover
{
	background:#fff !important;
	cursor:pointer;
}

.first {
    background: #8D6791;
	color:#fff;
	}
	
#vt_menu h4
{
	color:#8D6791;
	border-bottom: 1px solid #8D6791 !important;
}

#vt_menu ul ul li a
{
	color:#8D6791 !important;
}

#vt_menu input[type="submit"]
{
	background:#8D6791 !important;
}

.other_links li a
{
	color:#666666 !important;
	box-shadow:none !important;
}

#vt_menu .icons a 
{
	color:#8D6791;
}

@media screen and (max-width: 1023px) {
	
	#jnix-menu
	{
		background:url(../../images/list-white.png) no-repeat #8D6791;
		box-shadow: 0 -4px 0 0 rgba(0, 0, 0, 0.2) inset;
	}
	
	#jnix-menu input[type=checkbox]:checked + span  {
		color:#000 !important;
	}
	
	#jnix-menu input[type=checkbox] + span {
		color:#8D6791 !important;
	}
	

}

/**************************
*
*	GENERAL
*
**************************/
.camera_wrap a, .camera_wrap img, 
.camera_wrap ol, .camera_wrap ul, .camera_wrap li,
.camera_wrap table, .camera_wrap tbody, .camera_wrap tfoot, .camera_wrap thead, .camera_wrap tr, .camera_wrap th, .camera_wrap td
.camera_thumbs_wrap a, .camera_thumbs_wrap img, 
.camera_thumbs_wrap ol, .camera_thumbs_wrap ul, .camera_thumbs_wrap li,
.camera_thumbs_wrap table, .camera_thumbs_wrap tbody, .camera_thumbs_wrap tfoot, .camera_thumbs_wrap thead, .camera_thumbs_wrap tr, .camera_thumbs_wrap th, .camera_thumbs_wrap td {
	background: none;
	border: 0;
	font: inherit;
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	list-style: none
}
.camera_wrap {
    direction: ltr;
    display: none;
    float: left;
    position: relative;
    z-index: 0;
    margin-bottom: 20px;
}
.camera_wrap img {
	max-width: none!important;
}
.camera_fakehover {
	height: 100%;
	min-height: 60px;
	position: relative;
	width: 100%;
	z-index: 1;
}
.camera_wrap {
	width: 100%;
}
.camera_src {
	display: none;
}
.cameraCont, .cameraContents {
	height: 100%;
	position: relative;
	width: 100%;
	z-index: 1;
}
.cameraSlide {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}
.cameraContent {
	bottom: 0;
	display: none;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}
.camera_target {
	bottom: 0;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	text-align: left;
	top: 0;
	width: 100%;
	z-index: 0;
}
.camera_overlayer {
	bottom: 0;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 0;
}
.camera_target_content {
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}
.camera_target_content .camera_link {
    background: url(../images/blank.gif);
	display: block;
	height: 100%;
	text-decoration: none;
}
.camera_loader {
    background: #fff url(../images/camera-loader.gif) no-repeat center;
	background: rgba(255, 255, 255, 0.9) url(../images/camera-loader.gif) no-repeat center;
	border: 1px solid #ffffff;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	height: 36px;
	left: 50%;
	overflow: hidden;
	position: absolute;
	margin: -18px 0 0 -18px;
	top: 50%;
	width: 36px;
	z-index: 3;
}
.camera_bar {
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 3;
}
.camera_thumbs_wrap.camera_left .camera_bar, .camera_thumbs_wrap.camera_right .camera_bar {
	height: 100%;
	position: absolute;
	width: auto;
}
.camera_thumbs_wrap.camera_bottom .camera_bar, .camera_thumbs_wrap.camera_top .camera_bar {
	height: auto;
	position: absolute;
	width: 100%;
}
.camera_nav_cont {
	height: 65px;
	overflow: hidden;
	position: absolute;
	right: 9px;
	top: 15px;
	width: 120px;
	z-index: 4;
}
.camera_caption {
	bottom: 0;
	display: block;
	position: absolute;
	width: 100%;
}
.camera_caption > div {
	padding: 10px 20px;
}
.camerarelative {
	overflow: hidden;
	position: relative;
}
.imgFake {
	cursor: pointer;
}
.camera_prevThumbs {
	bottom: 4px;
	cursor: pointer;
	left: 0;
	position: absolute;
	top: 4px;
	visibility: hidden;
	width: 30px;
	z-index: 10;
}
.camera_prevThumbs div {
	background: url(../images/camera_skins.png) no-repeat -160px 0;
	display: block;
	height: 40px;
	margin-top: -20px;
	position: absolute;
	top: 50%;
	width: 30px;
}
.camera_nextThumbs {
	bottom: 4px;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 4px;
	visibility: hidden;
	width: 30px;
	z-index: 10;
}
.camera_nextThumbs div {
	background: url(../images/camera_skins.png) no-repeat -190px 0;
	display: block;
	height: 40px;
	margin-top: -20px;
	position: absolute;
	top: 50%;
	width: 30px;
}
.camera_command_wrap .hideNav {
	display: none;
}
.camera_command_wrap {
	left: 0;
	position: relative;
	right:0;
	z-index: 4;
}
.camera_wrap .camera_pag .camera_pag_ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
}
.camera_wrap .camera_pag .camera_pag_ul li {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	cursor: pointer;
	display: inline-block;
	height: 16px;
	margin: 20px 5px;
	position: relative;
	text-align: left;
	text-indent: 9999px;
	width: 16px;
}
.camera_commands_emboss .camera_pag .camera_pag_ul li {
	-moz-box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
	box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
}
.camera_wrap .camera_pag .camera_pag_ul li > span {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	height: 8px;
	left: 4px;
	overflow: hidden;
	position: absolute;
	top: 4px;
	width: 8px;
}
.camera_commands_emboss .camera_pag .camera_pag_ul li:hover > span {
	-moz-box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
	box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
	-moz-box-shadow: 0;
	-webkit-box-shadow: 0;
	box-shadow: 0;
}
.camera_pag_ul li img {
	display: none;
	position: absolute;
}
.camera_pag_ul .thumb_arrow {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid;
	top: 0;
	left: 50%;
	margin-left: -4px;
	position: absolute;
}
.camera_prev, .camera_next, .camera_commands {
	cursor: pointer;
	height: 40px;
	margin-top: -20px;
	position: absolute;
	top: 50%;
	width: 40px;
	z-index: 2;
}
.camera_prev {
	left: 0;
}
.camera_prev > span {
	background: url(../images/camera_skins.png) no-repeat 0 0;
	display: block;
	height: 40px;
	width: 40px;
}
.camera_next {
	right: 0;
}
.camera_next > span {
	background: url(../images/camera_skins.png) no-repeat -40px 0;
	display: block;
	height: 40px;
	width: 40px;
}
.camera_commands {
	right: 41px;
}
.camera_commands > .camera_play {
	background: url(../images/camera_skins.png) no-repeat -80px 0;
	height: 40px;
	width: 40px;
}
.camera_commands > .camera_stop {
	background: url(../images/camera_skins.png) no-repeat -120px 0;
	display: block;
	height: 40px;
	width: 40px;
}
.camera_wrap .camera_pag .camera_pag_ul li {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	cursor: pointer;
	display: inline-block;
	height: 16px;
	margin: 20px 5px;
	position: relative;
	text-indent: 9999px;
	width: 16px;
}
.camera_thumbs_cont {
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	overflow: hidden;
	position: relative;
	width: 100%;
}
.camera_commands_emboss .camera_thumbs_cont {
	-moz-box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
	box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
}
.camera_thumbs_cont > div {
	float: left;
	width: 100%;
}
.camera_thumbs_cont ul {
	overflow: hidden;
	padding: 3px 4px 8px;
	position: relative;
	text-align: center;
}
.camera_thumbs_cont ul li {
	display: inline;
	padding: 0 4px;
}
.camera_thumbs_cont ul li > img {
	border: 1px solid;
	cursor: pointer;
	margin-top: 5px;
	vertical-align:bottom;
}
.camera_clear {
	display: block;
	clear: both;
}
.showIt {
	display: none;
}
.camera_clear {
	clear: both;
	display: block;
	height: 1px;
	margin: -1px 0 25px;
	position: relative;
}
/**************************
*
*	COLORS & SKINS
*
**************************/
.pattern_1 .camera_overlayer {
	background: url(../images/patterns/overlay1.png) repeat;
}
.pattern_2 .camera_overlayer {
	background: url(../images/patterns/overlay2.png) repeat;
}
.pattern_3 .camera_overlayer {
	background: url(../images/patterns/overlay3.png) repeat;
}
.pattern_4 .camera_overlayer {
	background: url(../images/patterns/overlay4.png) repeat;
}
.pattern_5 .camera_overlayer {
	background: url(../images/patterns/overlay5.png) repeat;
}
.pattern_6 .camera_overlayer {
	background: url(../images/patterns/overlay6.png) repeat;
}
.pattern_7 .camera_overlayer {
	background: url(../images/patterns/overlay7.png) repeat;
}
.pattern_8 .camera_overlayer {
	background: url(../images/patterns/overlay8.png) repeat;
}
.pattern_9 .camera_overlayer {
	background: url(../images/patterns/overlay9.png) repeat;
}
.pattern_10 .camera_overlayer {
	background: url(../images/patterns/overlay10.png) repeat;
}
.camera_caption {
	color: #fff;
}
.camera_caption > div {
	background: #000;
	background: rgba(0, 0, 0, 0.8);
}
.camera_wrap .camera_pag .camera_pag_ul li {
	background: #b7b7b7;
}
.camera_wrap .camera_pag .camera_pag_ul li:hover > span {
	background: #b7b7b7;
}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
	background: #434648;
}
.camera_pag_ul li img {
	border: 4px solid #e6e6e6;
	-moz-box-shadow: 0px 3px 6px rgba(0,0,0,.5);
	-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,.5);
	box-shadow: 0px 3px 6px rgba(0,0,0,.5);
}
.camera_pag_ul .thumb_arrow {
    border-top-color: #e6e6e6;
}
.camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont {
	background: #d8d8d8;
	background: rgba(216, 216, 216, 0.85);
}
.camera_wrap .camera_pag .camera_pag_ul li {
	background: #b7b7b7;
}
.camera_thumbs_cont ul li > img {
	border-color: 1px solid #000;
}
/*AMBER SKIN*/
.camera_amber_skin .camera_prevThumbs div {
	background-position: -160px -160px;
}
.camera_amber_skin .camera_nextThumbs div {
	background-position: -190px -160px;
}
.camera_amber_skin .camera_prev > span {
	background-position: 0 -160px;
}
.camera_amber_skin .camera_next > span {
	background-position: -40px -160px;
}
.camera_amber_skin .camera_commands > .camera_play {
	background-position: -80px -160px;
}
.camera_amber_skin .camera_commands > .camera_stop {
	background-position: -120px -160px;
}
/*ASH SKIN*/
.camera_ash_skin .camera_prevThumbs div {
	background-position: -160px -200px;
}
.camera_ash_skin .camera_nextThumbs div {
	background-position: -190px -200px;
}
.camera_ash_skin .camera_prev > span {
	background-position: 0 -200px;
}
.camera_ash_skin .camera_next > span {
	background-position: -40px -200px;
}
.camera_ash_skin .camera_commands > .camera_play {
	background-position: -80px -200px;
}
.camera_ash_skin .camera_commands > .camera_stop {
	background-position: -120px -200px;
}
/*AZURE SKIN*/
.camera_azure_skin .camera_prevThumbs div {
	background-position: -160px -240px;
}
.camera_azure_skin .camera_nextThumbs div {
	background-position: -190px -240px;
}
.camera_azure_skin .camera_prev > span {
	background-position: 0 -240px;
}
.camera_azure_skin .camera_next > span {
	background-position: -40px -240px;
}
.camera_azure_skin .camera_commands > .camera_play {
	background-position: -80px -240px;
}
.camera_azure_skin .camera_commands > .camera_stop {
	background-position: -120px -240px;
}
/*BEIGE SKIN*/
.camera_beige_skin .camera_prevThumbs div {
	background-position: -160px -120px;
}
.camera_beige_skin .camera_nextThumbs div {
	background-position: -190px -120px;
}
.camera_beige_skin .camera_prev > span {
	background-position: 0 -120px;
}
.camera_beige_skin .camera_next > span {
	background-position: -40px -120px;
}
.camera_beige_skin .camera_commands > .camera_play {
	background-position: -80px -120px;
}
.camera_beige_skin .camera_commands > .camera_stop {
	background-position: -120px -120px;
}
/*BLACK SKIN*/
.camera_black_skin .camera_prevThumbs div {
	background-position: -160px -40px;
}
.camera_black_skin .camera_nextThumbs div {
	background-position: -190px -40px;
}
.camera_black_skin .camera_prev > span {
	background-position: 0 -40px;
}
.camera_black_skin .camera_next > span {
	background-position: -40px -40px;
}
.camera_black_skin .camera_commands > .camera_play {
	background-position: -80px -40px;
}
.camera_black_skin .camera_commands > .camera_stop {
	background-position: -120px -40px;
}
/*BLUE SKIN*/
.camera_blue_skin .camera_prevThumbs div {
	background-position: -160px -280px;
}
.camera_blue_skin .camera_nextThumbs div {
	background-position: -190px -280px;
}
.camera_blue_skin .camera_prev > span {
	background-position: 0 -280px;
}
.camera_blue_skin .camera_next > span {
	background-position: -40px -280px;
}
.camera_blue_skin .camera_commands > .camera_play {
	background-position: -80px -280px;
}
.camera_blue_skin .camera_commands > .camera_stop {
	background-position: -120px -280px;
}
/*BROWN SKIN*/
.camera_brown_skin .camera_prevThumbs div {
	background-position: -160px -320px;
}
.camera_brown_skin .camera_nextThumbs div {
	background-position: -190px -320px;
}
.camera_brown_skin .camera_prev > span {
	background-position: 0 -320px;
}
.camera_brown_skin .camera_next > span {
	background-position: -40px -320px;
}
.camera_brown_skin .camera_commands > .camera_play {
	background-position: -80px -320px;
}
.camera_brown_skin .camera_commands > .camera_stop {
	background-position: -120px -320px;
}
/*BURGUNDY SKIN*/
.camera_burgundy_skin .camera_prevThumbs div {
	background-position: -160px -360px;
}
.camera_burgundy_skin .camera_nextThumbs div {
	background-position: -190px -360px;
}
.camera_burgundy_skin .camera_prev > span {
	background-position: 0 -360px;
}
.camera_burgundy_skin .camera_next > span {
	background-position: -40px -360px;
}
.camera_burgundy_skin .camera_commands > .camera_play {
	background-position: -80px -360px;
}
.camera_burgundy_skin .camera_commands > .camera_stop {
	background-position: -120px -360px;
}
/*CHARCOAL SKIN*/
.camera_charcoal_skin .camera_prevThumbs div {
	background-position: -160px -400px;
}
.camera_charcoal_skin .camera_nextThumbs div {
	background-position: -190px -400px;
}
.camera_charcoal_skin .camera_prev > span {
	background-position: 0 -400px;
}
.camera_charcoal_skin .camera_next > span {
	background-position: -40px -400px;
}
.camera_charcoal_skin .camera_commands > .camera_play {
	background-position: -80px -400px;
}
.camera_charcoal_skin .camera_commands > .camera_stop {
	background-position: -120px -400px;
}
/*CHOCOLATE SKIN*/
.camera_chocolate_skin .camera_prevThumbs div {
	background-position: -160px -440px;
}
.camera_chocolate_skin .camera_nextThumbs div {
	background-position: -190px -440px;
}
.camera_chocolate_skin .camera_prev > span {
	background-position: 0 -440px;
}
.camera_chocolate_skin .camera_next > span {
	background-position: -40px -440px;
}
.camera_chocolate_skin .camera_commands > .camera_play {
	background-position: -80px -440px;
}
.camera_chocolate_skin .camera_commands > .camera_stop {
	background-position: -120px -440px	;
}
/*COFFEE SKIN*/
.camera_coffee_skin .camera_prevThumbs div {
	background-position: -160px -480px;
}
.camera_coffee_skin .camera_nextThumbs div {
	background-position: -190px -480px;
}
.camera_coffee_skin .camera_prev > span {
	background-position: 0 -480px;
}
.camera_coffee_skin .camera_next > span {
	background-position: -40px -480px;
}
.camera_coffee_skin .camera_commands > .camera_play {
	background-position: -80px -480px;
}
.camera_coffee_skin .camera_commands > .camera_stop {
	background-position: -120px -480px	;
}
/*CYAN SKIN*/
.camera_cyan_skin .camera_prevThumbs div {
	background-position: -160px -520px;
}
.camera_cyan_skin .camera_nextThumbs div {
	background-position: -190px -520px;
}
.camera_cyan_skin .camera_prev > span {
	background-position: 0 -520px;
}
.camera_cyan_skin .camera_next > span {
	background-position: -40px -520px;
}
.camera_cyan_skin .camera_commands > .camera_play {
	background-position: -80px -520px;
}
.camera_cyan_skin .camera_commands > .camera_stop {
	background-position: -120px -520px	;
}
/*FUCHSIA SKIN*/
.camera_fuchsia_skin .camera_prevThumbs div {
	background-position: -160px -560px;
}
.camera_fuchsia_skin .camera_nextThumbs div {
	background-position: -190px -560px;
}
.camera_fuchsia_skin .camera_prev > span {
	background-position: 0 -560px;
}
.camera_fuchsia_skin .camera_next > span {
	background-position: -40px -560px;
}
.camera_fuchsia_skin .camera_commands > .camera_play {
	background-position: -80px -560px;
}
.camera_fuchsia_skin .camera_commands > .camera_stop {
	background-position: -120px -560px	;
}
/*GOLD SKIN*/
.camera_gold_skin .camera_prevThumbs div {
	background-position: -160px -600px;
}
.camera_gold_skin .camera_nextThumbs div {
	background-position: -190px -600px;
}
.camera_gold_skin .camera_prev > span {
	background-position: 0 -600px;
}
.camera_gold_skin .camera_next > span {
	background-position: -40px -600px;
}
.camera_gold_skin .camera_commands > .camera_play {
	background-position: -80px -600px;
}
.camera_gold_skin .camera_commands > .camera_stop {
	background-position: -120px -600px	;
}
/*GREEN SKIN*/
.camera_green_skin .camera_prevThumbs div {
	background-position: -160px -640px;
}
.camera_green_skin .camera_nextThumbs div {
	background-position: -190px -640px;
}
.camera_green_skin .camera_prev > span {
	background-position: 0 -640px;
}
.camera_green_skin .camera_next > span {
	background-position: -40px -640px;
}
.camera_green_skin .camera_commands > .camera_play {
	background-position: -80px -640px;
}
.camera_green_skin .camera_commands > .camera_stop {
	background-position: -120px -640px	;
}
/*GREY SKIN*/
.camera_grey_skin .camera_prevThumbs div {
	background-position: -160px -680px;
}
.camera_grey_skin .camera_nextThumbs div {
	background-position: -190px -680px;
}
.camera_grey_skin .camera_prev > span {
	background-position: 0 -680px;
}
.camera_grey_skin .camera_next > span {
	background-position: -40px -680px;
}
.camera_grey_skin .camera_commands > .camera_play {
	background-position: -80px -680px;
}
.camera_grey_skin .camera_commands > .camera_stop {
	background-position: -120px -680px	;
}
/*INDIGO SKIN*/
.camera_indigo_skin .camera_prevThumbs div {
	background-position: -160px -720px;
}
.camera_indigo_skin .camera_nextThumbs div {
	background-position: -190px -720px;
}
.camera_indigo_skin .camera_prev > span {
	background-position: 0 -720px;
}
.camera_indigo_skin .camera_next > span {
	background-position: -40px -720px;
}
.camera_indigo_skin .camera_commands > .camera_play {
	background-position: -80px -720px;
}
.camera_indigo_skin .camera_commands > .camera_stop {
	background-position: -120px -720px	;
}
/*KHAKI SKIN*/
.camera_khaki_skin .camera_prevThumbs div {
	background-position: -160px -760px;
}
.camera_khaki_skin .camera_nextThumbs div {
	background-position: -190px -760px;
}
.camera_khaki_skin .camera_prev > span {
	background-position: 0 -760px;
}
.camera_khaki_skin .camera_next > span {
	background-position: -40px -760px;
}
.camera_khaki_skin .camera_commands > .camera_play {
	background-position: -80px -760px;
}
.camera_khaki_skin .camera_commands > .camera_stop {
	background-position: -120px -760px	;
}
/*LIME SKIN*/
.camera_lime_skin .camera_prevThumbs div {
	background-position: -160px -800px;
}
.camera_lime_skin .camera_nextThumbs div {
	background-position: -190px -800px;
}
.camera_lime_skin .camera_prev > span {
	background-position: 0 -800px;
}
.camera_lime_skin .camera_next > span {
	background-position: -40px -800px;
}
.camera_lime_skin .camera_commands > .camera_play {
	background-position: -80px -800px;
}
.camera_lime_skin .camera_commands > .camera_stop {
	background-position: -120px -800px	;
}
/*MAGENTA SKIN*/
.camera_magenta_skin .camera_prevThumbs div {
	background-position: -160px -840px;
}
.camera_magenta_skin .camera_nextThumbs div {
	background-position: -190px -840px;
}
.camera_magenta_skin .camera_prev > span {
	background-position: 0 -840px;
}
.camera_magenta_skin .camera_next > span {
	background-position: -40px -840px;
}
.camera_magenta_skin .camera_commands > .camera_play {
	background-position: -80px -840px;
}
.camera_magenta_skin .camera_commands > .camera_stop {
	background-position: -120px -840px	;
}
/*MAROON SKIN*/
.camera_maroon_skin .camera_prevThumbs div {
	background-position: -160px -880px;
}
.camera_maroon_skin .camera_nextThumbs div {
	background-position: -190px -880px;
}
.camera_maroon_skin .camera_prev > span {
	background-position: 0 -880px;
}
.camera_maroon_skin .camera_next > span {
	background-position: -40px -880px;
}
.camera_maroon_skin .camera_commands > .camera_play {
	background-position: -80px -880px;
}
.camera_maroon_skin .camera_commands > .camera_stop {
	background-position: -120px -880px	;
}
/*ORANGE SKIN*/
.camera_orange_skin .camera_prevThumbs div {
	background-position: -160px -920px;
}
.camera_orange_skin .camera_nextThumbs div {
	background-position: -190px -920px;
}
.camera_orange_skin .camera_prev > span {
	background-position: 0 -920px;
}
.camera_orange_skin .camera_next > span {
	background-position: -40px -920px;
}
.camera_orange_skin .camera_commands > .camera_play {
	background-position: -80px -920px;
}
.camera_orange_skin .camera_commands > .camera_stop {
	background-position: -120px -920px	;
}
/*OLIVE SKIN*/
.camera_olive_skin .camera_prevThumbs div {
	background-position: -160px -1080px;
}
.camera_olive_skin .camera_nextThumbs div {
	background-position: -190px -1080px;
}
.camera_olive_skin .camera_prev > span {
	background-position: 0 -1080px;
}
.camera_olive_skin .camera_next > span {
	background-position: -40px -1080px;
}
.camera_olive_skin .camera_commands > .camera_play {
	background-position: -80px -1080px;
}
.camera_olive_skin .camera_commands > .camera_stop {
	background-position: -120px -1080px	;
}
/*PINK SKIN*/
.camera_pink_skin .camera_prevThumbs div {
	background-position: -160px -960px;
}
.camera_pink_skin .camera_nextThumbs div {
	background-position: -190px -960px;
}
.camera_pink_skin .camera_prev > span {
	background-position: 0 -960px;
}
.camera_pink_skin .camera_next > span {
	background-position: -40px -960px;
}
.camera_pink_skin .camera_commands > .camera_play {
	background-position: -80px -960px;
}
.camera_pink_skin .camera_commands > .camera_stop {
	background-position: -120px -960px	;
}
/*PISTACHIO SKIN*/
.camera_pistachio_skin .camera_prevThumbs div {
	background-position: -160px -1040px;
}
.camera_pistachio_skin .camera_nextThumbs div {
	background-position: -190px -1040px;
}
.camera_pistachio_skin .camera_prev > span {
	background-position: 0 -1040px;
}
.camera_pistachio_skin .camera_next > span {
	background-position: -40px -1040px;
}
.camera_pistachio_skin .camera_commands > .camera_play {
	background-position: -80px -1040px;
}
.camera_pistachio_skin .camera_commands > .camera_stop {
	background-position: -120px -1040px	;
}
/*PINK SKIN*/
.camera_pink_skin .camera_prevThumbs div {
	background-position: -160px -80px;
}
.camera_pink_skin .camera_nextThumbs div {
	background-position: -190px -80px;
}
.camera_pink_skin .camera_prev > span {
	background-position: 0 -80px;
}
.camera_pink_skin .camera_next > span {
	background-position: -40px -80px;
}
.camera_pink_skin .camera_commands > .camera_play {
	background-position: -80px -80px;
}
.camera_pink_skin .camera_commands > .camera_stop {
	background-position: -120px -80px;
}
/*RED SKIN*/
.camera_red_skin .camera_prevThumbs div {
	background-position: -160px -1000px;
}
.camera_red_skin .camera_nextThumbs div {
	background-position: -190px -1000px;
}
.camera_red_skin .camera_prev > span {
	background-position: 0 -1000px;
}
.camera_red_skin .camera_next > span {
	background-position: -40px -1000px;
}
.camera_red_skin .camera_commands > .camera_play {
	background-position: -80px -1000px;
}
.camera_red_skin .camera_commands > .camera_stop {
	background-position: -120px -1000px	;
}
/*TANGERINE SKIN*/
.camera_tangerine_skin .camera_prevThumbs div {
	background-position: -160px -1120px;
}
.camera_tangerine_skin .camera_nextThumbs div {
	background-position: -190px -1120px;
}
.camera_tangerine_skin .camera_prev > span {
	background-position: 0 -1120px;
}
.camera_tangerine_skin .camera_next > span {
	background-position: -40px -1120px;
}
.camera_tangerine_skin .camera_commands > .camera_play {
	background-position: -80px -1120px;
}
.camera_tangerine_skin .camera_commands > .camera_stop {
	background-position: -120px -1120px	;
}
/*TURQUOISE SKIN*/
.camera_turquoise_skin .camera_prevThumbs div {
	background-position: -160px -1160px;
}
.camera_turquoise_skin .camera_nextThumbs div {
	background-position: -190px -1160px;
}
.camera_turquoise_skin .camera_prev > span {
	background-position: 0 -1160px;
}
.camera_turquoise_skin .camera_next > span {
	background-position: -40px -1160px;
}
.camera_turquoise_skin .camera_commands > .camera_play {
	background-position: -80px -1160px;
}
.camera_turquoise_skin .camera_commands > .camera_stop {
	background-position: -120px -1160px	;
}
/*VIOLET SKIN*/
.camera_violet_skin .camera_prevThumbs div {
	background-position: -160px -1200px;
}
.camera_violet_skin .camera_nextThumbs div {
	background-position: -190px -1200px;
}
.camera_violet_skin .camera_prev > span {
	background-position: 0 -1200px;
}
.camera_violet_skin .camera_next > span {
	background-position: -40px -1200px;
}
.camera_violet_skin .camera_commands > .camera_play {
	background-position: -80px -1200px;
}
.camera_violet_skin .camera_commands > .camera_stop {
	background-position: -120px -1200px	;
}
/*WHITE SKIN*/
.camera_white_skin .camera_prevThumbs div {
	background-position: -160px -80px;
}
.camera_white_skin .camera_nextThumbs div {
	background-position: -190px -80px;
}
.camera_white_skin .camera_prev > span {
	background-position: 0 -80px;
}
.camera_white_skin .camera_next > span {
	background-position: -40px -80px;
}
.camera_white_skin .camera_commands > .camera_play {
	background-position: -80px -80px;
}
.camera_white_skin .camera_commands > .camera_stop {
	background-position: -120px -80px;
}
/*YELLOW SKIN*/
.camera_yellow_skin .camera_prevThumbs div {
	background-position: -160px -1240px;
}
.camera_yellow_skin .camera_nextThumbs div {
	background-position: -190px -1240px;
}
.camera_yellow_skin .camera_prev > span {
	background-position: 0 -1240px;
}
.camera_yellow_skin .camera_next > span {
	background-position: -40px -1240px;
}
.camera_yellow_skin .camera_commands > .camera_play {
	background-position: -80px -1240px;
}
.camera_yellow_skin .camera_commands > .camera_stop {
	background-position: -120px -1240px	;
}

.navigation-scroll {
	display:none;
}

.darkHeader {
	display:block;
}

.darkHeader {
    position: fixed;
    width: 100%;
    z-index: 999;
    top: 0px;
    border-bottom: 0px solid #ff7f27;
    -webkit-box-shadow: 0px 3px 2px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 3px 2px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 3px 2px 0px rgba(50, 50, 50, 0.75);
    /* height: 48px; */
    background: #fff none repeat scroll 0 0;
    padding-top: 0px;
}

.darkHeader .navigation-ul {
    list-style: none;
    text-align: center;
    float:none;
}

.slide-basic-v2 .respl-item {
    position: relative;
    margin: 13px;
    box-shadow: 0 1px 2px #ececec;
}

.slide-basic-v2 .respl-item.haslabel {
    margin-bottom: 35px;
}

.slide-basic-v2 .respl-item:before {
    box-shadow: 0 1px 2px #ececec;
    right: 6px;
    left: 6px;
    z-index: -1;
}

.respl-item:before {
    content: "";
    position: absolute;
    display: inline-block;
    background-color: #fff;
    bottom: -5px;
    right: 20px;
    left: 20px;
    height: 100%;
    max-height: 50px;
    box-shadow: 0 1px 2px #cccccc;
}

/*------------------------------------------------------
	hover style
----------------------------------------------------------*/

.view {
    /* width: 300px; */
    /* height: 200px; */
    /* margin: 10px; */
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    -webkit-box-shadow: 1px 1px 2px #e6e6e6;
    -moz-box-shadow: 1px 1px 2px #e6e6e6;
    /* box-shadow: 1px 1px 2px #e6e6e6; */
    cursor: default;
    background: #fff url(../images/bgimg.jpg) no-repeat center center;
}
.view .mask,.view .content {
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
   height:100%;
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
}
.view p {
   font-family: open sans;
   font-size: 13px;
   position: relative;
   color: #fff;
   padding: 10px 20px 20px;
   text-align: center;
}

.view .price {
	font-size:20px !important;
	font-weight:bold;
}

.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}

.view-fifth img {
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.view-fifth .mask {
   background-color: #009252;
   -webkit-transform: translateX(-300px);
   -moz-transform: translateX(-300px);
   -o-transform: translateX(-300px);
   -ms-transform: translateX(-300px);
   transform: translateX(-300px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.view-fifth h2 {
   background: rgba(255, 255, 255, 0.5);
   color: #000;
   -webkit-box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
   -moz-box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
   box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
}
.view-fifth p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   color: #fff;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-fifth:hover .mask {
   -webkit-transform: translateX(0px);
   -moz-transform: translateX(0px);
   -o-transform: translateX(0px);
   -ms-transform: translateX(0px);
   transform: translateX(0px);
}
.view-fifth:hover img {
   -webkit-transform: translateX(300px);
   -moz-transform: translateX(300px);
   -o-transform: translateX(300px);
   -ms-transform: translateX(300px);
   transform: translateX(300px);
}
.view-fifth:hover p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}

.banner-sachmoi {
	padding-top:40px;
}

.left-wp {
	margin-top:30px;
}

.left-wp img {
	max-width:100%;
}

.demo-drop2 .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    min-width: 240px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 0px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 10px;
}

.sort-wp {
    margin-bottom: 20px;
}

.pagination-wp {
	margin-top: 30px;
}

.left-bar {
	margin-top:0px;
}

.cat-menu-mn1 {
    display: none;
    z-index: 99;
}

.cat-menu-mn {
    position: absolute;
}

.product-detail-wp {
    z-index: 9;
    position: relative;
}

.image-detail-gallery .gallery .previews, .image-detail-gallery .gallery .full, .image-detail-gallery .gallery .desc {
float: left;
margin-right: 10px;
}
.image-detail-gallery .gallery .desc, .image-detail-gallery  .gallery .full {
width: 400px;
font-size: 12px;
}
.image-detail-gallery .gallery .desc h2 {
margin-top: 0;
}
.image-detail-gallery .gallery .previews a {
display: block;
margin-bottom: 10px;
}
.image-detail-gallery .gallery .full, .image-detail-gallery  .gallery .full img {
height: 600px;
}
.image-detail-gallery .gallery .previews a, .image-detail-gallery  .gallery .full {
border: 4px solid #eee;
}
.image-detail-gallery .gallery .previews a:hover, .image-detail-gallery  .gallery .previews a.selected {
border: 4px solid #777;
}
.image-detail-gallery .gallery .full img:hover {
cursor: pointer;
}
.image-detail-gallery .clearfix:after {
content: ".";
visibility: hidden;
display: block;
height: 0;
clear: both;
}

.breadcrumb-wp {
	margin-bottom:30px;
}

.product-info h1 {
    font-size: 22px;
    margin-top: 0px;
    line-height: 24px;
    margin-bottom: 20px;
}

.product-short-tg p {
    margin-bottom: 5px;
}

.product-info hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px dashed #333;
}

.info-logistic li {
    list-style: none;
    margin-top: 5px;
    padding-left: 25px;
    color: #22242d;
    font-size: 12px;
    font-family: "Roboto", sans-serif;
    line-height: 1.667;
    background: url(../images/dot_check.png) left 2px no-repeat;
}

ul.info-logistic {
    padding-left: 0px;
}

.product-detail-title h3 {
	background: #00b055;
    padding: 10px;
    margin-bottom: 0px;
    width: 250px;
    font-size: 16px;
    text-align: left;
    color: #fff;
    text-transform: uppercase;
}

.product-detail-title {
    border-bottom: 1px solid #13c275;
	margin-bottom:20px;
}

.product-detail-des {
    margin-top: 40px;
}

.book-style {
    border: 0px solid #e7e7e7;
    position: relative;
	margin-bottom:40px;
}

.bot-header {
	padding-top:20px;
	padding-bottom:30px;
	background:#fff;
}

.header-bg-content-bg {
	background:#fff !important;
}

.item {
    position: relative;
    z-index: 8;
}

.bg-green {
	background:#13c275;
}

.mid-header-new:after {
	background:url(../images/trongdong2.png) no-repeat;
	content:"";
	width:1000px;
	height:1000px;
	position:absolute;
	right:0px;
	top:0px;
}

.mid-header-new:after {
    background: url(../images/trongdong2.png) no-repeat;
    content: "";
    width: 510px;
    height: 400px;
    position: absolute;
    right: 0px;
    top: -167px;
}

.header-bg-content {
	background:#deedce;
}

.book-op-style {
    position: relative;
    float: left;
    width: 50%;
	margin-bottom:25px;
	margin-top:25px;
}

.book-op-style:after {
    position: absolute;
    content: "";
    background: url(../images/open-book.png) no-repeat;
    width: 609px;
    height: 420px;
    top: 0px;
    background-size: 92%;
    /* left: 0px; */
}

.book-op-style:before {
    position: absolute;
    content: "";
    background: url(../images/open-book11.png) no-repeat right top ;
    width: 698px;
    height: 410px;
    top: 0px;
    right: 0px;
    background-size: 80%;
    /* left: 0px; */
}

.book-op-style3 {
	position:relative;
}

.book-op-style3:after {
    position: absolute;
    content: "";
    background: url(../images/open-book2.png) no-repeat;
    width: 698px;
    height: 410px;
    top: 0px;
    background-size: 80%;
    /* left: 0px; */
}

.book-op-style3:before {
    position: absolute;
    content: "";
    background: url(../images/open-book2.png) no-repeat right top ;
    width: 698px;
    height: 410px;
    top: 0px;
    right: 0px;
    background-size: 80%;
    /* left: 0px; */
}

.book-op-style1 {
	position:relative;
	z-index:0;
}

.book-op-style1 .item-l {
	padding-left:20px;
}

.book-op-style1 .item-r {
	padding-right:20px;
}

.book-op-style1:after {
    position: absolute;
    content: "";
    background: url(../images/open-book1.png) no-repeat;
    width: 526px;
    height: 430px;
    top: 0px;
    /* left: 0px; */
	background-size: 80%;
}

.book-op-style1:before {
    position: absolute;
    content: "";
    background: url(../images/open-book1.png) no-repeat right top;
    width: 526px;
    height: 430px;
    top: 0px;
    right: 0px;
    /* left: 0px; */
	background-size: 80%;
}

.row-no-padding > [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.book-style-img img {
  max-width: 100%;
  
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.book-style-img:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.navigation-new-wp {
	-webkit-box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.75);
box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.75);
position:relative;
}

.sign-in-wp ul {
    margin-bottom: 0px;
    padding-left: 0px;
    margin-top: 2px;
}

.sign-in-wp ul li {
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
}

.sign-in-wp ul li a {
    color: #fff;
}

.social-wp ul {
    padding-left: 0px;
    margin-bottom: 0px;
}

.social-wp ul li {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    padding-left: 10px;
    padding-right: 10px;
}

.sign-in-wp {
    float: right;
    width: 150px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #ffffff;
}

.social-wp {
    float: right;
    width: 120px;
}

.cart-icon {
    float: right;
    width:40px;
    font-size: 20px;
    color: #333;
    line-height: 0px;
}

ul.list-book-tile li {
    background: #fffabe;
    padding: 4px;
}

ul.list-book-tile li a {
	color:#02994b;
}

.tab-content {
    margin-top: 35px;
}

/*--- cart ---*/

.icon-cart {
	position:relative;
}

.cart-drop .icon-cart {
    max-width: 200px;
    display: block;
}

.cart-drop img:hover {
	opacity:0.7;
}

.cart-drop .dropdown-menu {
    min-width: 300px;
    right: 0px;
    left: initial;
    border-radius: 0px;
}

.drop-cart-wp img {
    width: 70px;
    height: 70px;
}

.cart-drop .cart-button {
    width: 230px;
    margin: 0 auto;
}

p.count-cart {
    position: absolute;
    left: -30px;
    top: 0px;
    color: darkred;
    font-size: 14px;
    margin-bottom: 0px;
    border: 1px solid #fff;
    border-radius: 50%;
    padding: 5px;
    background: none;
    width: 24px;
    text-align: center;
    height: 24px;
    padding: 5px;
    padding-top: 10px;
    font-weight: bold;
}

.cart-top {
    text-align: right;
    margin-top: 35px;
}

.cart-drop i {
    color: #fff;
    font-size: 30px;
    margin-top: -5px;
}

.drop-cart-wp {
    padding: 20px;
}

.cart-top .dropdown-menu {
    position: absolute;
    top: 100%;
    left: initial;
    z-index: 1000;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: -1px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    right: 0px;
    width: 290px;
}

.cart-count {
    background: url(../images/count.jpg) no-repeat;
    position: absolute;
    top: 10px;
    left: 78px;
    width: 34px;
    height: 30px;
    text-align: center;
}

.cart-count span {
	color:#333;
}

.cart-drop .dropdown-menu {
    min-width: 300px;
    right: 0px;
    left: initial;
    border-radius: 0px;
}

.header-top-new-wp {
    position: relative;
    z-index: 9;
    padding-top: 5px;
    padding-bottom: 5px;
}

.welcome-text {
	color:#fff;
	text-align:left;
	margin-bottom:0px;
	padding-top:5px;
	text-transform:uppercase;
}

.mid-header-new {
	background: #00b055;
    padding-top: 10px;
    padding-bottom: 10px;
}

.mid-header-bg {
	position:relative;
}

.mid-header-bg img {
	max-width:100%;
}

.navigation-new-wp {
	background:url(../images/line-head.jpg) repeat-x #fff;
	margin-bottom:0px;
}

.drop-cart-wp .media-heading {
    margin-top: 0;
    margin-bottom: 10px;
    line-height: 20px;
}

.btn-buynow {
    background: #F00;
    color: #fff;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.header-top-wp {
	background: #00b055;
}

.social-wp a {
	color:#fff;
}

/* css sua phan profile */

.grid:after {
  content: '';
  display: block;
  clear: both;
}

.grid-sizer,
.grid-item {
  width: 33.333%;
}

.grid-item {
  float: left;
}

.nav-mobile {
    display: none;
}

.banner-home-a img {
	max-width:100%;
}

.nav-mobile {
    text-align: center;
}

.nav-mobile a {
    font-size: 30px;
    color: #fff;
    text-align: center;
    border: 1px solid #fff;
    width: 50px;
    /* height: 100px; */
    padding: 0px;
    display: inline-block;
}

.footer-bk {
	background:#f6f6f6;
	padding-top:20px;
	padding-bottom:20px;
}

.footer-copyright {
	padding-top:20px;
	padding-bottom:20px;
	text-align:center;
}

.logo-footer {
    text-align: center;
    padding-bottom: 10px;
}

.footer-add {
	padding-left:0px;
}

ul.footer-add li {
    padding-bottom: 10px;
    font-size: 14px;
	list-style: none;
}

ul.footer-add .add {
    background: url(../images/ft-1.jpg) 0px 4px no-repeat;
	padding-left:40px;
}

ul.footer-add .fone {
    background: url(../images/ft-2.jpg) 0px 4px no-repeat;
	padding-left:40px;
	padding-bottom: 10px;
	padding-top: 10px;
}

ul.footer-add .email {
    background: url(../images/ft-3.jpg) 0px 4px no-repeat;
	padding-left:40px;
	padding-bottom: 10px;
	padding-top: 10px;
}

ul.menu-ft h4 {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
	color:#f57f1f;
}

ul.menu-ft li a {
    color: #333;
}

ul.menu-ft li {
    list-style: none;
    padding-bottom: 15px;
    font-size: 15px;
}

.social-footer h4 {
	font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
	color:#f57f1f;
}

ul.social-footer {
    padding-left: 0px;
}

ul.social-footer li {
    list-style: none;
}

.sort-wp select {
    width: 200px;
    float: left;
    margin-right: 20px;
}

.show-price-detail {
    border: 6px solid #ccc;
    padding: 10px;
}

.show-price-detail h3 {
    margin: 0px;
    font-size: 18px;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.show-price-gl {
    float: left;
    width: 90px;
}

.show-price-gl p {
    font-size: 14px;
    font-weight: 600;
}

.show-price-gr {
	float: left;
    width: 140px;
}

.show-price-gr {
    text-align: right;
    font-size: 14px;
}

.price-s p {
	text-decoration:line-through;
}

.show-price-gr.price-b {
    font-size: 16px;
    color: red;
	font-weight: bold;
}

.price-t p {
    color: green;
}

.btn-cart {
    width: 100%;
    padding: 10px;
    background: darkred;
    text-transform: uppercase;
}

.box-rank-point {
    float: left;
    width: 220px;
	border-right:1px solid #ccc;
	text-align:center;
}

.box-rank-left {
    border: 2px solid #ccc;
    padding: 15px;
}

.box-rank-star {
	float: left;
    width: 300px;
}

.box-rank-point h4 {
	margin-top:0px;
	margin-bottom:5px;
}

.box-rank-star .progress {
    float: left;
    width: 230px;
	margin-bottom:10px;
	height: 15px;
}

.box-rank-star span.icon-star-wp {
    float: left;
    width: 30px;
}

.box-rank-star {
    float: left;
    width: 301px;
    padding-left: 30px;
}

.box-rank-star ul li {
    display: inherit;
}

.box-rank-star ul {
    padding-left: 0px;
}

.box-rank-point h3 {
    font-size: 36px;
    margin: 0px;
}

/*
	Ratings Stars
	(with as little code as possible)
*/
.rating {
    float:left;
}

/* :not(:checked) is a filter, so that browsers that don’t support :checked don’t 
   follow these rules. Every browser that supports :checked also supports :not(), so
   it doesn’t make the test unnecessarily selective */
.rating:not(:checked) > input {
    position:absolute;
    top:-9999px;
    clip:rect(0,0,0,0);
}

.rating:not(:checked) > label {
    float:right;
    width:30px;
    padding:0 .1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:150%;
    line-height:1.2;
    color:#ddd;
    text-shadow:1px 1px #bbb, 2px 2px #666, .1em .1em .2em rgba(0,0,0,.5);
}

.rating:not(:checked) > label:before {
    content: '★ ';
}

.rating > input:checked ~ label {
    color:#FF0;
    text-shadow:1px 1px #c60, 2px 2px #940, .1em .1em .2em rgba(0,0,0,.5);
}

.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
    color: gold;
    text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
}

.rating > input:checked + label:hover,
.rating > input:checked + label:hover ~ label,
.rating > input:checked ~ label:hover,
.rating > input:checked ~ label:hover ~ label,
.rating > label:hover ~ input:checked ~ label {
    color: #ea0;
    text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
}

.rating > label:active {
    position:relative;
    top:2px;
    left:2px;
}

.sigined a {
    font-weight: 600;
}

.sigined {
    float: right;
}

.signed-img {
}

.sigined .dropdown-menu {
	left:inherit;
    right: 0;
}

/*--- comment ---*/

.content-comment-block {
    margin-top: 30px;
}

.content-comment {
    border-bottom: 1px dashed #ccc;
    padding-bottom: 20px;
	margin-bottom:20px;
}

.content-comment-reply {
	border-bottom: 0px dashed #ccc;
	padding-bottom: 0px;
}

.content-comment-l {
    float: left;
    width: 80px;
}

.content-comment-r {
    display: block;
    overflow: hidden;
    padding-left: 20px;
}

.content-comment-r p {
    margin-bottom: 5px;
}

.button-replay {
	margin-top:10px;
}

.comment-reply {
	display:none;
}

.wrap-404{
	margin:0 auto;
	width:1000px;
	font-family: 'Love Ya Like A Sister', cursive;
}
.logo-404{
	text-align:center;
	margin-top:100px;
	margin-bottom:100px;
}

.logo-404 p{
	color:#272727;
	font-size:40px;
	margin-top:1px;
}	
.logo-404 p span{
	color:lightgreen;
}	
.wrap-404 .sub a{
	color:#fff;
	background:#272727;
	text-decoration:none;
	padding:10px 20px;
	font-size:13px;
	font-family: arial, serif;
	font-weight:bold;
	-webkit-border-radius:.5em;
	-moz-border-radius:.5em;
	-border-radius:.5em;
}
.logo-404 .sub
{
    margin-top: 30px;
}
.logo-404 .sub a
{
    color:#ffffff;
}

.logo404 {
    width: 200px;
}

.faqs-search-wp {
    background: url(../images/help-desk-bg.jpg) no-repeat;
    min-height: 300px;
    background-size: 100%;
	position:relative;
}

section.block-faqs-wp {
    background: #fcfcfc;
}

.faqs-block-search {
    width: 950px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    z-index: 2;
}

.faqs-block-search h4 {
    font-size: 20px;
	margin-bottom:30px;
	color: #eee;
}

.faqs-block-search h3 {
    font-size: 46px;
    font-weight: 600;
    color: #fff;
	margin-top:50px;
}

.faqs-search-wp:after {
    content: "";
    background: rgba(0,0,0,0.3);
    width: 100%;
    display: block;
    height: 300px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
}

.faqs-block-search .form-control {
    height: 50px;
    font-size: 18px;
}

.faqs-block-search .btn {
    padding: 11px 12px;
    font-size: 19px;
}

.faqs-content-title-larg .section-title {
    padding: 0;
    margin-bottom: 35px;
}

.faqs-content-title-larg .section-title i {
    font-size: 7rem;
    color: #c4c4c4;
    vertical-align: middle;
}

.faqs-content-title-larg .alignleft {
    float: left;
}

.faqs-content-title-larg .section-title p {
    padding-left: 70px;
    margin-bottom: 0;
    line-height: 22px;
    font-size: 18px;
    font-style: italic;
}

.faqs-content-title-larg .section-title h3 {
    font-size: 25px;
    padding-top: 10px;
}

.faqs-block-home-topic {
    border: 1px solid #f6f6f6;
    padding: 20px;
    background: #fff;
	border-radius:4px;
	margin-bottom:10px;
}

.faqs-title-topic h3 {
    margin-top: 0px;
    margin-bottom: 10px;
    color: #337ab7;
    font-weight: bold;
	font-size:14px;
}

.faqs-block-home-topic .panel-group {
    margin-bottom: 0px;
}

.style-icon-1 {
    vertical-align: bottom;
    font-size: 18px;
}

.faqs-block-home-topic .panel-title {
    font-size: 14px;
}
    
.faqs-list-question ol {
  list-style: decimal-leading-zero outside;
}

.faqs-list-question ol li {
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
	padding-bottom:10px;
}

.faqs-list-question ol li a {
    font-size: 14px;
    font-weight: normal;
}

.style-icon-2 {
    font-size: 20px;
    vertical-align: text-bottom;
}

.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}

.numberlist ol{
	counter-reset: li;
	list-style: none;
	*list-style: decimal;
	font: 14px;
	padding: 0;
	margin-bottom: 4em;
	padding-left: 20px;

}
.numberlist ol ol{
	margin: 0 0 0 2em;
}

.numberlist a{
	position: relative;
	display: block;
	padding: .4em .4em .4em 2em;
	*padding: .4em;
	margin: .5em 0;
	background: #FFF;
	color: #444;
	text-decoration: none;
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
	border-radius: .3em;
}

.numberlist a:hover{
	background: #cbe7f8;
	text-decoration:none;
}
.numberlist a:before{
	content: counter(li);
	counter-increment: li;
	position: absolute;	
	left: -1.3em;
	top: 50%;
	margin-top: -1.3em;
	background: #87ceeb;
	height: 40px;
	width: 40px;
	line-height: 2em;
	border: .3em solid #fff;
	text-align: center;
	font-weight: bold;
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
	border-radius: 2em;
	color:#FFF;
}

.faqs-top-ques-title {
    margin-bottom: 30px;
}

.faqs-detail-block {
	margin-bottom:40px;
}

.section-tree .section {
    margin: 0 20px 0px;
    vertical-align: top;
    width: 40%;
}

.section-tree h3 {
    font-size: 15px;
}

.block-tuyendung-wp {
    margin-bottom: 5px;
    padding: 10px;
	position:relative;
}

.block-tuyendung-wp h1 {
    font-size: 14px !important;
	margin-bottom:0px;
	font-weight:normal !important;
}

p.time-td {
    position: absolute;
    right: 10px;
    top: 5px;
    margin-bottom: 0px;
}

/* ========================================================================
    hoi dap
 ========================================================================== */
 
/*------------------------ hoi dap ---------------------------------*/

.hoidap-head-wp {
	background:#313131;
	height:140px;
}

.hoi-dap-bg {
	height:140px;
	position:relative;
}

.line-bg-hoi-dap {
    border: 1px solid #fff;
    position: absolute;
    bottom: 18px;
    width: 100%;
    height: 1px;
    /* z-index: 99; */
}

.hoi-dap-navi-ul {
	padding-left:0px;
}

.hoi-dap-navi-ul li {
    float: left;
    font-size: 18px;
	color:#fff;
    list-style: none;
}

.hoi-dap-navi-ul a {
	color:#fff;
	font-style:italic;
}

.hoi-dap-navi-ul a:hover {
	color:#ff7f27;
}

.hoi-dap-navi-ul-sp {
	padding-left:10px;
	padding-right:10px;
}

.hoidap-search-wp {
    padding-top: 35px;
}

.form-hoidap-search {
	margin-bottom:20px;
}

.form-hoidap-search input[type="text"] {
	width:550px;
}

.hoi-dap-navi {
    width: 350px;
    float: left;
}

.hoi-dap-navi2 {
    float: right;
    width: 178px;
    text-align: right;
}

.hoidap-content-left-bt {
	padding-bottom:20px;
	
}

.hoidap-content-left-bt button {
	width:170px;
	text-transform:uppercase;
}

.hoidap-content-left-menu1 {
	list-style:none;
	padding-left:0px;
	font-size:14px;
}

.hoidap-content-left-menu1 li {
    margin-bottom: 10px;
    font-size: 15px;
    /* background: #333; */
    padding: 5px;
}

.hoidap-content-left-menu1 a {
	color:#333;
}

.hoidap-content-left-menu1 .active {
	color:#fff;
	font-weight:bold;
	background:#fffacf;
	padding:5px;
}

.hoidap-content-left-menu1 i , .title-danhmuc-hoidap i {
	padding-right:10px;
}


.hoidap-content-left-menu1 a:hover {
	color:#0085C5;
}

.title-danhmuc-hoidap {
	margin-bottom:20px;
	margin-top:20px;
}

.hoidap-content-mid-head {
	padding:8px;
	border-bottom:1px solid #ccc;
}

.hoidap-content-mid-menu-ul {
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
}

.hoidap-content-mid-menu-ul li {
	display:inline-block;
	padding-left:0px;
	padding-right:20px;
}

.hoidap-content-mid-menu-ul a {
	display:block;
	line-height:40px;
	color:#333;
	font-weight:600;
}

.hoidap-content-mid-menu-ul a:hover {
	color:#C73D00;
}

.hoidap-content-mid-menu-ul .active {
	border-bottom:4px solid #C73D00;
}

.hoidap-slect {
    padding-top: 13px;
    padding-bottom: 13px;
    text-align: right;
	padding-right:10px;
}

/*-- block hoi dap --*/

.main_questions_list-ul {
	padding-left:0px;
}

.main_questions_list-ul > li:nth-child(2n+1) {
    background: #fbfcff;
}

.main_questions_list-ul li.question-item {
    display: block;
    min-height: 130px;
    border-bottom: 1px solid #dadfea;
    overflow: hidden;
    padding: 10px 15px;
}

.main-questions-list .q-left-content {
    padding: 0;
}

.main-questions-list .q-left-content {
    padding: 0;
}

.main-questions-list .q-ltop-content a.question-title {
    color: #444c63;
    font-size: 16px;
    font-weight: 700;
    word-break: break-word;
}

.main-questions-list .q-ltop-content a.question-title {
    color: #444c63;
    font-size: 16px;
    font-weight: 700;
    word-break: break-word;
}

.main-questions-list .q-lbtm-content .question-excerpt {
    color: #6f7d95;
    font-size: 14px;
}

.main-questions-list .question-excerpt {
    margin-top: 5px;
    margin-bottom: 10px;
}

ul.question-tags {
    display: inline-block;
    margin-bottom: 10px;
}

.question-cat span.user-badge {
    padding: 0 10px;
    color: #fff;
    /* margin-left: 10px; */
    margin-right: 15px;
    line-height: 20px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #00adef;
}

.question-cat span {
    display: inline-block;
    vertical-align: middle;
}

.main-questions-list .q-right-content {
    padding: 0;
    text-align: center;
}

.q-right-content {
    max-width: 830px;
}

.main-questions-list ul.question-statistic {
    text-align: right;
}

.question-statistic {
	padding-left:10px;
}

.main-questions-list ul.question-statistic li {
    display: inline-block;
    text-align: center;
    margin-left: 35px;
}

.main-questions-list ul.question-statistic li {
    display: inline-block;
    text-align: center;
    margin-left: 5px;
}

.main-questions-list {
	font-size:12px;
}

.main-questions-list ul.question-statistic li span {
    width: 46px;
    height: 46px;
    display: block;
    text-align: center;
    line-height: 3.3;
    margin-bottom: 15px;
    border: 1px solid #d9dfe9;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #41A1E2;
    color: white;
}

.main-questions-list ul.question-statistic li span {
    width: 46px;
    height: 46px;
    display: block;
    text-align: center;
    line-height: 3.3;
    margin-bottom: 15px;
    border: 1px solid #d9dfe9;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #41A1E2;
    color: white;
}

.hd-pagi {
	padding-left:10px;
}

.right-sidebar .widget {
    margin-top: 10px;
    padding-left: 10px;
}

.widget-hot-questions h3, .user-widget h3 {
    color: #2c3e50;
    font-weight: 700;
    font-size: 14px;
    border-bottom: 1px solid #dadfea;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.widget-hot-questions ul li {
    margin-bottom: 10px;
    min-height: 35px;
}

.right-sidebar ul {
	padding-left:0px;
}

.widget-hot-questions ul li a {
    text-decoration: none;
}

.widget a {
    text-decoration: none;
    color: #15a3f9;
    font-size: 14px;
    word-break: break-word;
}

.widget-hot-questions ul li span.topic-avatar {
    float: left;
    margin-right: 15px;
}

.widget-hot-questions ul li span.topic-avatar img {
    width: 16px;
    height: auto;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.widget-hot-questions ul li span.topic-title {
    display: block;
    overflow: hidden;
    line-height: 1.3;
}

.hoidap-content-mid .main-content > .row {
    margin: 0;
}

.single-head {
    min-height: 69px;
    padding-top: 20px;
}

.select-category {
    border-bottom: 1px solid #dadfea;
    margin: 0;
}

.single-head span.back {
    display: block;
    text-align: center;
    margin: 5px 0 0;
}

.question-main-content {
    padding: 25px 0;
    border-bottom: 1px solid #dadfea;
    margin: 0;
}

.question-main-content .vote-block ul li {
    display: block;
    margin-bottom: 10px;
}

.question-main-content .vote-block a {
    width: 25px;
    height: 25px;
    border: 1px solid #dadfea;
    display: block;
    text-align: center;
    line-height: 1.6;
    color: #6f7d95;
    margin: 0 auto;
}

.img-circle {
    border-radius: 50%;
}

.question-main-content .vote-block ul li {
    display: block;
    margin-bottom: 10px;
}

ul.post-controls li {
    display: inline-block;
    margin-left: 10px;
    font-size: 14px;
}

ul.post-controls li a.action {
    color: #adcfed;
}

.question-main-content .top-content ul.question-tags {
    margin-left: 0;
}

ul.question-tags {
    display: inline-block;
    margin-bottom: 10px;
}

ul.question-tags li {
    margin: 10px 8px 10px 0;
    margin-bottom: 10px;
    display: inline-block;
}

.select-grey-bg, .widget-related-tags li a, .q-tag {
    background: #f3f5f9;
}

.main-questions-list .q-lbtm-content .question-excerpt, .single-header .vote-block a, .comment-edit a, .comment-time, .q-tag {
    color: #6f7d95;
}

.question-main-content .question-content {
    color: #5f6f81;
}

.question-main-content .question-content > p {
    margin: 10px 0;
}

.question-main-content .question-content > p {
    margin: 10px 0;
}

.question-main-content .vote-block span {
    color: #fff;
    min-width: 45px;
    height: 23px;
    text-align: center;
    margin: 0 auto;
    display: table;
    padding: 0 10px;
    line-height: 23px;
    font-size: 12px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #3397db;
}

.question-main-content .question-content {
    margin: 25px 0 20px;
    font-size: 13px;
    color: #5f6f81;
    border-bottom: 1px solid #dadfea;
    padding-bottom: 15px;
}

.question-cat span.user-badge {
    padding: 0 10px;
    color: #fff;
    /* margin-left: 10px; */
    margin-right: 15px;
    line-height: 20px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #00adef;
}

.question-cat span {
    display: inline-block;
    vertical-align: middle;
}

.question-cat span {
    display: inline-block;
    vertical-align: middle;
}

.q-right-content .question-control {
    text-align: right;
}

.q-right-content .question-control ul li {
    display: inline-block;
    margin-left: 10px;
}

.q-right-content .question-control ul li a {
    color: #5f6f81;
}

.question-cat span.author-avatar {
    max-width: 30px;
}

.question-cat span.author-avatar img {
    max-width: 100%;
    height: auto;
}

#main_users_list li.user-item .user-avatar img, .author-avatar img, .comment-avatar img {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    max-width: 100%;
    height: auto;
}

.author-name {
    margin: 0 15px;
    color: #6f7d95;
}

.answers-filter, .paginations {
    min-height: 44px;
    border-bottom: 1px solid #dadfea;
}

.answers-filter {
    margin: 0;
}

.answers-filter {
    margin: 0;
}

.answers-filter .answers-count {
    color: #444c63;
    font-size: 14px;
    font-weight: 700;
    display: block;
    margin-top: 12px;
}

.sort-questions ul, ul.q-f-sort {
    display: block;
    padding-left: 5px;
	float:right;
}

.sort-questions ul li, ul.q-f-sort li {
    display: inline-block;
    margin-right: 40px;
}

.sort-questions ul li a.active, .sort-questions ul li a:hover, ul.q-f-sort li a.active, ul.q-f-sort li a:hover {
    border-bottom: 4px solid #f39c12;
}

.sort-questions ul li a, #header_search input, #submit_question input, .paginations ul li a {
    color: #8c97b2;
}

.sort-questions ul li a, ul.q-f-sort li a {
    font-size: 14px;
    color: #8c97b2;
    text-decoration: none;
    display: block;
    line-height: 40px;
    border-bottom: 4px solid transparent;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.title-hd-detail {
	font-size:16px;
	line-height:24px;
	margin-bottom:20px;
}

.vote-block ul {
	padding-left:10px;
}

.answers-filter {
	padding-left:10px;
	padding-right:10px;
}

.form-reply {
	padding:10px;
}

.user-accept-1 {
    float: left;
    padding-top: 3px;
	padding-left:10px;
}

.user-accept-1-left {
    float: left;
    width: 25px;
}

.user-accept-1-right {
    float: left;
    color: #fff;
}

.user-accept-1-right1 {
    float: left;
    color: #fff;
    margin-left: 10px;
}

.user-accept-1-right1 p {
    margin-bottom: 0px;
    font-size: 12px;
    padding-top: 2px;
}

.user-accept-1-right1 a {
    font-size: 14px;
}

.user-accept-1-left img {
    width: 25px;
}

.user-accept-1-right p {
    text-overflow: ellipsis;
    max-width: 120px;
    white-space: nowrap;
    display: block;
    overflow: hidden;
    margin-left: 5px;
    padding-top: 2px;
    margin-bottom: 0px;
}

.hoidap-content-left-bt .btn {
    width: 100%;
}

/*-- news and events --*/

.content-border {
    margin-bottom: 20px;
    padding: 15px;
    border: 0px solid #ddd;
    border-radius: 5px;
}

.content-border:hover {
    border-color: #b71f2c;
}

.content-border .article-title {
    margin: 0px;
    color: #333;
    font-size: 24px;
    font-weight: 700;
	margin-bottom:20px;
}

.content-border p {
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 24px;
}

.no-padding {
	padding:0px;
}

.content-border h3.title_block {
    margin: 0px;
    padding: 15px 30px;
    line-height: 23px;
    background-color: #f5f5f5;
    font-size: 16px;
}

.menu-new #vt_menu {
    width: 100%;
    position: relative;
    background: #333;
}

.articleWrap .articleDate > span.articleDay {
    font-size: 40px;
    font-weight: 700;
    line-height: 40px;
	color:#b71f2c;
}

.articleWrap .articleDate > span {
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    vertical-align: text-bottom;
	color:#b71f2c;
}

.articleWrap .articleTitle {
    padding: 0px 0 0px;
}

.articleWrap .articleTitle h1 {
    font-size: 24px;
    font-weight: 700;
	margin-top:0px;
}

.articleWrap .articleTitle > a {
    color: #333;
}

.articleWrap .articleTitle > a:hover {
    color: #b71f2c;
}

.recent-post {
    padding: 10px;
}

.recent-post .media {
	padding-bottom:10px;
}

.recent-post .media-body h4 {
    font-size: 14px;
}

.recent-post .media-left img {
    width: 70px;
}

.articleWrap .social_blog .title_social_blog {
    display: inline-block;
    vertical-align: middle;
    line-height: 30px;
    font-size: 14px;
    font-weight: 500;
    color: #333;
}

.articleWrap .social_blog li {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: transparent;
}

.articleWrap .social_blog ul {
    display: inline-block;
    vertical-align: middle;
}

.social_blog ul {
    padding-left: 10px;
    margin-bottom: 0px;
}

.bgr_tag {
    margin-bottom: 10px;
}

h3.title-sub i {
    vertical-align: bottom;
}

.block-bg {
    padding: 10px;
    border: 1px solid #ddd;
}

.sign-in ul li {
	display:inherit;
}

.sign-in ul li a {
	color:#333;
}

.sign-in-wp .dropdown-menu {
    left: inherit;
}

.name-sign {
	color:#fff;
}

.name-sign {
    color: #fff;
    font-size: 16px;
}

/* =====================
 * Timeline
 * ===================== */

.timeline {
    margin: 40px 0px 0px 0px;
    padding: 0;
    border-top: 2px solid #428bca;
    list-style: none;
    margin-bottom: 90px;
}

.timeline__step {
  float: left;
  width: 33%;
  padding-top: 30px;
  position: relative;
}
.timeline__step:first-of-type:before, .timeline__step:last-of-type:before {
  content: "";
  width: 55%;
  height: 100%;
  background: #fff;
  position: absolute;
  top: -2px;
  left: 0;
}
.timeline__step:last-of-type:before {
  left: 50%;
}
.timeline__step:hover .timeline__step-label {
  opacity: 1;
  -webkit-transform: rotate(0deg);
  height: auto;
  padding: 5px 10px;
  font-size: 12px;
  border-width: 1px;
  bottom: 100%;
}
.timeline__step:hover .timeline__step-label:before, .timeline__step:hover .timeline__step-label:after {
  display: block;
}

.timeline__step-label {
  opacity: 0;
  height: 0;
  padding: 0;
  font-size: 0;
  border-width: 0;
  -webkit-transform: rotate(30deg);
  width: 110px;
  margin: 0 0 45px -55px;
  border-style: solid;
  border-color: #428bca;
  background: #fff;
  font-weight: normal;
  position: absolute;
  left: 50%;
  bottom: 0;
  transition: bottom 0.1s ease-in-out, opacity 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
}
.timeline__step-label:before, .timeline__step-label:after {
  display: none;
  content: "";
  width: 0;
  height: 0;
  border: solid transparent;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 50%;
}
.timeline__step-label:before {
  border-top-color: #428bca;
  border-width: 8px;
  margin-left: -8px;
}
.timeline__step-label:after {
  border-top-color: #fff;
  border-width: 6px;
  margin-left: -6px;
}

.timeline__step-content {
  display: block;
  overflow: hidden;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.timeline__step-title {
  display: block;
  width: 100%;
  padding: 30px 0 0;
  font-size: 12px;
  text-align: center;
  position: absolute;
  top: 0;
}

.timeline__step-marker {
  width: 50px;
  height: 50px;
  margin-left: -25px;
  background: #fff;
  border: 4px solid #428bca;
  border-radius: 50%;
  box-shadow: 0 0 0 10px #fff;
  text-align: center;
  line-height: 50px -10;
  color: #428bca;
  font-size: 2em;
  font-style: normal;
  position: absolute;
  top: -26px;
  left: 50%;
}
.done .timeline__step-marker {
  background: #428bca;
  color: #fff;
}

.timeline__step-radio {
  display: none;
}

.timeline--summary {
  width: 200px;
  border-width: 2px;
}
.timeline--summary .timeline__step-label {
  margin-bottom: 19px;
}
.timeline--summary .timeline__step-title {
  padding: 10px 0 0;
  font-size: 8px;
  font-weight: bold;
}
.timeline--summary .timeline__step-marker {
  width: 12px;
  height: 12px;
  margin-left: -6px;
  border-width: 2px;
  text-indent: -999em;
  box-shadow: 0 0 0 3px #fff;
  top: -7px;
}

.step-thanks {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 40px;
}

.step-form-login {
	margin-bottom: 40px;
}

.thongketruycap h3 {
    font-size: 12px;
    margin: 0px;
    margin-bottom: 5px;
    background: #3a82e4;
    padding: 8px 5px 8px 5px;
    color: #fff;
    text-transform: uppercase;
}

.thongketruycap {
    color: #333;
    width: 100%;
    background: #f6f6f6;
    float: left;
	font-size: 14px;
	border:1px solid #ccc;
	margin-top:10px;
}

.thk-body {
    padding: 5px 10px 5px 10px;
}

.thongketruycap p {
	margin-bottom:10px;
}

.product-detail-top img {
	max-width:100%;
	position:relative;
}

.content-comment-r .rating_wp_plan {
    margin:inherit;
}

.touchPDF {
	overflow: hidden;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: default;
    font-family: arial, verdana, sans-serif;
    font-size: 16px;
}

.touchPDF,
.touchPDF *,
.touchPDF *:before,
.touchPDF *:after {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}


.touchPDF > .pdf-outerdiv {
    position: relative;
    -webkit-transform-origin: 0 0 0;
    -ms-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
}

.touchPDF > .pdf-outerdiv > div {
	position: absolute;
	top : 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.touchPDF > .pdf-outerdiv > .pdf-tabs {
	visibility: hidden;
}

.touchPDF > .pdf-outerdiv > .pdf-toolbar {
    height: 0;
    color: white;
    padding: 5px 0;
    text-align: right;
}
.touchPDF > .pdf-outerdiv > .pdf-toolbar > .pdf-title {
    cursor: pointer;
	display: inline-block;
	float: left;
    font-weight: bold;
}
.touchPDF > .pdf-outerdiv > .pdf-toolbar > .pdf-button {
    display: inline-block;
}
.touchPDF > .pdf-outerdiv > .pdf-toolbar > .pdf-button > .pdf-page-count {
    display: inline-block;
    min-width: 80px;
    text-align: center;
}

.touchPDF > .pdf-outerdiv > .pdf-viewer {
    border: 0px solid #404040;
    box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.4); 
    z-index: 2000;
    background-color: #ffffff;
    overflow: hidden;
}
.touchPDF > .pdf-outerdiv > .pdf-viewer > .pdf-drag {
    position: absolute;
    top: 0;
    left: 0;
}

.touchPDF > .pdf-outerdiv > .pdf-viewer > .pdf-drag  canvas {
    visibility: hidden;
}

.touchPDF > .pdf-outerdiv > .pdf-viewer > .pdf-drag  .pdf-annotations {
    position: absolute;
	top: 0;
	left: 0;
    z-index: 2500;
}
.touchPDF > .pdf-outerdiv > .pdf-viewer > .pdf-loading {
    position: absolute;
	top: 60px;
	left: 0px;
    width: 100%;
    z-index: 3000;
    text-align: center;
    vertical-align: middle;
    color: #CCCCCC;
}


.touchPDF > .pdf-outerdiv > .pdf-viewer > .pdf-drag  .pdf-annotations > .annotLink > a {
    font-size: 1em;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.touchPDF > .pdf-outerdiv > .pdf-viewer > .pdf-drag .pdf-annotations > .annotLink > a {
    background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAA LAAAAAABAAEAAAIBRAA7") repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.touchPDF > .pdf-outerdiv > .pdf-viewer > .pdf-drag  .pdf-annotations > .annotLink > a:hover {
    background: none repeat scroll 0 0 #ff0;
    box-shadow: 0 2px 10px #ff0;
    opacity: 0.2;
}




.touchPDF > .pdf-outerdiv > .pdf-tabs > .tab {
    position: absolute;
	left: 0;
    display: block;
    width: 100px;
    height: 50px;
    cursor: pointer;
    box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.5); 
	border-style: solid;
	border-color: #404040;
    border-width: 1px 0 1px 1px;
    border-radius: 12px 0 0 12px;
	background-color: #FAE5A7;
}
.touchPDF > .pdf-outerdiv > .pdf-tabs > .tab.right {
    border-radius: 0 12px 12px 0;
    border-width: 1px 1px 1px 0;
	left: auto;
	right: 0;
}
.touchPDF > .pdf-outerdiv > .pdf-tabs > .tab, .touchPDF > .pdf-outerdiv > .pdf-tabs > .tab:hover {
    text-decoration: none;
    color: black;
}
.touchPDF > .pdf-outerdiv > .pdf-tabs > .tab span, .touchPDF > .pdf-outerdiv > .pdf-tabs > .tab:hover span {
	position: absolute;
    top: 17px;
	left: 10px;
    width: 20px;
    height: 20px;
    font-size: 14px;
    font-weight: bold;
    display: block;
    text-align: center;
	line-height: 12px;
}
.touchPDF > .pdf-outerdiv > .pdf-tabs > .tab.right span {
    top: 17px;
	left: auto;
	right: 10px;
}

.touchPDF > .pdf-outerdiv > .pdf-tabs > .tab.large {
    height: 140px;
}
.touchPDF > .pdf-outerdiv > .pdf-tabs > .tab.large span {
	top: auto;
	bottom: -20px;
    -webkit-transform-origin: 0 0 0;
    -ms-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    -webkit-transform:rotate(270deg);
    -ms-transform:rotate(270deg);
    transform: rotate(270deg);
    width: 140px;
}
.touchPDF > .pdf-outerdiv > .pdf-tabs > .tab.large.right span {
    -webkit-transform-origin: 100% 0 0;
    -ms-transform-origin: 100% 0 0;
    transform-origin: 100% 0 0;
    -webkit-transform:rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

.touchPDF > .pdf-outerdiv > .pdf-tabs > .tab.beige {
    background-color: #FAE5A7;
}
.touchPDF > .pdf-outerdiv > .pdf-tabs > .tab.green {
    background-color: #79B550;
}
.touchPDF > .pdf-outerdiv > .pdf-tabs > .tab.blue {
    background-color: #2A9892;
}
.touchPDF > .pdf-outerdiv > .pdf-tabs > .tab.brown {
    background-color: #9C8852;
}
.touchPDF > .pdf-outerdiv > .pdf-tabs > .tab.yellow {
    background-color: #EBB600;
}
.touchPDF > .pdf-outerdiv > .pdf-tabs > .tab.orange {
    background-color: #EBA500;
}
.touchPDF > .pdf-outerdiv > .pdf-tabs > .tab.white {
    background-color: #FFFFFF;
}
.touchPDF > .pdf-outerdiv > .pdf-tabs > .tab.black {
    background-color: #000000;
    color: white;
}

.lang-wp ul li {
    list-style: none;
    display: inline-block;
}

.lang-wp ul {
    padding-left: 10px;
}

.lang-wp {
    float: right;
    width: 155px;
}

.lang-wp ul li img {
    width: 30px;
}

.lang-wp ul li {
	padding-left:5px;
	padding-right:5px;
}

.lang-wp ul li a {
    font-size: 15px;
    color: #fff;
	text-decoration:none;
}

.lang-wp ul li a:hover {
    color: yellow;
}

.facebook_popup_left {
    position: fixed;
    z-index: 100;
    right: 0px;
    top: 170px;
}
.title_facebook_popup_left {
    padding: 5px;
    background: url(../images/icon_fanpage_facebook.png);
    width: 50px;
    height: 50px;
    float: left;
    box-sizing: border-box;
}
.body_facebook_popup_left {
    background: #fff;
    overflow: hidden;
    box-sizing: border-box;
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
    min-height: 210px;
    float: left;
    width: 0px;
}
.box_facebook_popup_left {
    width: 240px;
    box-sizing: border-box;
}

.binhluan-danhgia
{
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 12px;
}
.form-cm-message-error
{
    color: #d60c0c;
    font-size: 11px;
    padding-top: 5px;
}
.danhgia-box
{
    background: #eee;
    padding: 10px;
}
.binhluan-box
{

}
.danhgia-count
{
    text-align: center;
}

.rating_wp
{
    padding-bottom: 5px;
}

.rating_wp_plan_1
{
    background: rgba(0, 0, 0, 0) url("../images/stars_small_ok.png") no-repeat scroll 0 0;
}

.rating_wp_plan
{
    background: rgba(0, 0, 0, 0) url("../images/stars_small_non.png") no-repeat scroll 0 0;
    height: 17px;
    width: 97px;
}

.rating_wp_plan
{
    background: rgba(0, 0, 0, 0) url("../images/stars_small_non.png") no-repeat scroll 0 0;
    height: 17px;
    width: 97px;
    margin: 0 auto;
}
.rating_wp_plan_1
{
    background: rgba(0, 0, 0, 0) url("../images/stars_small_ok.png") no-repeat scroll 0 0;
}
.rating_wp_plan_2
{
    background: rgba(0, 0, 0, 0) url("../images/stars_small_ok.png") no-repeat scroll 0 -20px;
}
.rating_wp_plan_3
{
    background: rgba(0, 0, 0, 0) url("../images/stars_small_ok.png") no-repeat scroll 0 -40px;
}
.rating_wp_plan_4
{
    background: rgba(0, 0, 0, 0) url("../images/stars_small_ok.png") no-repeat scroll 0 -60px;
}
.rating_wp_plan_5
{
    background: rgba(0, 0, 0, 0) url("../images/stars_small_ok.png") no-repeat scroll 0 -80px;
}

.rating-count
{
    font-size: 40px;
    line-height: 30px;
}

.danhgia-bt
{
    border-left: 1px solid #ccc;
    padding-left: 20px;
    min-height: 125px;
}

.danhgia-count
{
    border-right: 1px solid #ccc;
    padding-right: 20px;
}

.danhgia-list
{
    padding-right: 0px;
    padding-left: 0px;
}

.rating-ul li
{
    float: left;
    list-style: none;
}

.rating-ul
{
    padding-left: 0px;
    margin-bottom: 8px;
}

.rating-li-number
{
    width: 35px;
}

.rating-li-number i
{
    font-size: 12px;
    color: #999;
}

.rating-li-progress
{
    width: 170px;
}

.rating-li-progress .progress
{
    height: 18px;
    margin-bottom: 0px;
    border-radius: 0px;
}

.rating-li-count
{
    padding-left: 6px;
}

.rating-li-count a
{
    color: #333;
}

.rating-li-count a:hover
{
    color: red;
}

.dg-bl-title
{
    margin-bottom: 20px;
    margin-top: 20px;
}

.bl-from-1
{
    padding-left: 15px;
    padding-right: 15px;
}

.binhluan-form
{
    background: #fff !important;
    padding: 10px;
    border: 1px solid #c1bfbf;
}

.mabaomat input[type="text"]
{
    width: 120px;
    float: left;
}

.mabaomat h4
{
    width: 100px;
    float: left;
    margin: 0px;
    margin-top: 0px;
    margin-left: 10px;
    background: #fff;
    padding: 6px;
    color: rgba(0,138,225,1.00);
}

.binhluan-wp
{
    margin-top: 0px;
}

.binhluan-nhap
{
    border-bottom: 1px solid #c1bfbf;
    display: block;
}

.binhluan-nhap textarea
{
    border: none;
    min-height: 100px;
}

.binhluan-nhap .form-control:focus
{
    border-color: none;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.075) inset, 0 0 0px rgba(102, 175, 233, 0.6);
    outline: 0 none;
    border-radius: 0px;
}

.binhluan-nhap textarea
{
    resize: none;
}

.binhluan-button
{
    border: 1px solid #c1bfbf;
    border-top: 0px solid #c1bfbf;
    background-color: #fff;
    padding: 5px;
}

.upload-bl
{
    width: 108px;
    height: 40px;
    background: url(../images/bt-upload.png) no-repeat;
    overflow: hidden;
    margin: 0 auto;
}

.upload-bl input
{
    display: block !important;
    width: 108px !important;
    height: 40px !important;
    opacity: 0 !important;
    overflow: hidden !important;
}

.bl-chen-icon
{
    border-left: 0px solid #c1bfbf;
    border-right: 1px solid #c1bfbf;
    margin-right: 10px;
}

.btn-send
{
    text-align: right;
    padding-right: 10px;
    margin-top: 3px;
}

.item-sanphamcungloai
{
    margin: 10px;
}

.item-sanphamcungloai-img img
{
    max-width: 100%;
}

.sanphamcungloai
{
    position: relative;
}

.sanphamcungloai .owl-controls
{
    display: none !important;
}

.sanphamcungloai .prev
{
    position: absolute;
    left: -30px;
    top: 80px;
}

.sanphamcungloai .next
{
    position: absolute;
    right: -30px;
    top: 80px;
}

.sanphamcungloai .prev i, .sanphamcungloai .next i
{
    font-size: 40px;
    color: #333;
}

.binhluan-icon
{
    border-right: 1px solid #c1bfbf;
    border-left: 1px solid #c1bfbf;
    border-bottom: 1px solid #c1bfbf;
    position: relative;
}

.nut-close
{
    position: absolute;
    top: 5px;
    right: 10px;
    padding: 5px;
    background: #ccc;
    color: #fff;
}

.nut-close a
{
    color: #fff;
    font-size: 20px;
    display: block;
    line-height: 0px;
}

.nut-close a:hover
{
    color: red;
}


.icon-hai
{
    padding: 10px;
}

.binhluan-icon .nav-tabs
{
    width: 300px;
    margin: 0 auto;
    border-bottom: 0px;
}

.button-icon
{
    border-bottom: 1px solid #c1bfbf;
}

.binhluan-icon
{
    display: none;
}

.sort-binhluan
{
    margin-top: 30px;
    margin-bottom: 20px;
    text-align: right;
}

.sort-binhluan a
{
    padding: 10px;
}

.sort-binhluan .active
{
    background: #ccc;
    color: #fff;
}

/*-- comment style --*/

.infocomment
{
    display: block;
    overflow: hidden;
    margin-bottom: 20px;
}

.comment_ask
{
    display: block;
    overflow: visible;
    margin: 10px 0 0;
    margin-top: 20px;
}

.comment_reply
{
    display: block;
    margin-top: 5px;
    position: relative;
    background: #f1f1f1;
    border: 1px solid #e7e7e7;
    padding: 15px 10px;
    font-size: 14px;
    color: #333;
    margin-left: 30px;
}
.comment_reply_2
{
    margin-left: 60px;
}

.comment_reply_3
{
    margin-left: 90px;
}

.comment_reply_4
{
    margin-left: 120px;
}

.comment_reply_5
{
    margin-left: 150px;
}

.comment_ask strong
{
    font-size: 14px;
    color: #333;
    text-transform: capitalize;
}

.iconcom-user
{
    width: 25px;
    height: 25px;
    background-image: none;
    background-color: #ccc;
    margin-right: 7px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 26px;
    font-style: normal;
    padding: 7px;
}

.infocom_ask, .infocom_ask_s
{
    display: block;
    font-size: 14px;
    color: #4a4a4a;
    line-height: 22px;
    margin-left: 30px;
}

.comment_ask .relate_infocom
{
    margin-left: 30px;
    margin-bottom: 20px;
}

.relate_infocom
{
    display: block;
    overflow: visible;
    height: 18px;
    padding: 5px 0;
    font-size: 12px;
    color: #666;
}

.relate_infocom .reply
{
    cursor: pointer;
    color: #4a90e2;
}

.relate_infocom .dot
{
    float: left;
    display: inline;
    font-size: 8px;
    vertical-align: middle;
    margin: 2px 5px;
    color: #babbb8;
}

.relate_infocom .numlike
{
    color: #999;
}

.relate_infocom span
{
    float: left;
}

.relate_infocom span.like
{
    float: none;
}

.like
{
    color: #4a90e2;
    cursor: pointer;
}

.relate_infocom
{
    display: block;
    overflow: visible;
    height: 18px;
    padding: 5px 0;
    font-size: 12px;
    color: #666;
}

.relate_infocom .baoloi
{
    cursor: pointer;
    position: relative;
    color: #4a90e2;
}

.arrow_box
{
    position: relative;
    left: 7px;
    display: block;
    margin-top: -15px;
    z-index: 9;
    background: #f1f1f1;
}

.arrow_box:before
{
    border-bottom-color: #e7e7e7;
    border-width: 12px;
    margin-left: -12px;
}

.arrow_box:after
{
    border-bottom-color: #f1f1f1;
    border-width: 11px;
    margin-left: -11px;
}

.clr
{
    clear: both;
}

.comment_reply .relate_infocom
{
    margin-left: 0px !important;
}

.conticon
{
    margin-top: 10px;
    padding-left: 5px;
}

.infocom_ask
{
    margin-top: 10px;
    padding-left: 2px;
}

.comment_ask .qtv
{
    text-transform: uppercase;
    margin-right: 10px;
    color: #000;
    font-weight: normal;
    font-size: 10px;
    background: #eebc49;
    padding: 2px 6px;
    border-radius: 3px;
    line-height: 18px;
    height: 18px;
    margin-left: 10px;
}

.button-login-wp
{
    border-left: 0px solid #c1bfbf;
    padding-top: 10px;
    padding-right: 10px;
    height: 40px;
    text-align: right;
}

.comment_content
{
    min-height: 100px;
    border-radius: 0px;
}

.binhluan-form .form-control
{
    border-radius: 0px;
}

/****** Style Star Rating Widget *****/

.rating
{
    border: none;
    float: left;
}

.rating > input
{
    display: none;
}
.rating > label:before
{
    margin: 5px;
    font-size: 1.25em;
    font-family: FontAwesome;
    display: inline-block;
    content: "\f005";
}

.rating > .half:before
{
    content: "\f089";
    position: absolute;
}

.rating > label
{
    color: #ddd;
    float: right;
}

.star-rating
{
    margin-top: 3px;
}

.star-rating label
{
    margin-bottom: 0px;
}

/***** CSS Magic to Highlight Stars on Hover *****/

.rating > input:checked ~ label, /* show gold star when clicked */ .rating:not(:checked) > label:hover, /* hover current star */ .rating:not(:checked) > label:hover ~ label
{
    color: #FFD700;
}
/* hover previous stars in list */

.rating > input:checked + label:hover, /* hover current star when changing rating */ .rating > input:checked ~ label:hover, .rating > label:hover ~ input:checked ~ label, /* lighten current selection */ .rating > input:checked ~ label:hover ~ label
{
    color: #FFED85;
}

.rating.disabled > input:checked ~ label, .rating.disabled:not(:checked) > label:hover, .rating.disabled:not(:checked) > label:hover ~ label
{
    color: #ddd;
}

/*--- popup dang nhap ---*/

.margin-mid
{
    background: rgba(255,255,255,0.9);
    margin: 00px auto;
    padding: 10px;
    text-align: center;
    border-radius: 8px;
}

.title_dangnhap
{
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
    margin-top: 0px;
    padding-bottom: 10px;
    text-align: center;
}

.title_dangnhap h3
{
    margin-top: 0px;
}

.ua-facebook-button-header
{
    border-top: 1px solid #ddd;
    height: 0;
    margin: 25px 0;
    position: relative;
    text-align: center;
}

.ua-facebook-button-header__text
{
    background: #fff none repeat scroll 0 0;
    font-style: normal;
    padding: 0 10px;
    position: relative;
    top: -0.65em;
}

.footer_login
{
    margin-top: 20px;
}

.dangnhappop
{
    width: 600px;
    left: 50%;
    margin-left: -300px;
}
.rating-box-comment
{
    margin-top: 2px;
    margin-left: 4px;
}
.rating-box-comment
{
    background: url("../images/sm_rating.png") 0 -15px repeat-x;
    width: 75px;
    height: 15px;
    overflow: hidden;
    position: absolute;
    margin-left: 10px;
}
.rating-box-comment .rating
{
    background: url("../images/sm_rating.png") repeat-x;
    height: 15px;
    float: left;
}
@media screen and (min-width: 200px) and (max-width: 480px)
{
    .col-rating
    {
        width: 100%;
    }
    .danhgia-count
    {
        border-right: 0px solid #ccc;
        border-bottom: 1px solid #ccc;
        margin-bottom: 15px;
    }
    .danhgia-bt
    {
        border-left: 0px solid #ccc;
        border-top: 1px solid #ccc;
        margin-top: 15px;
    }
    .danhgia-bt p
    {
        padding-top:10px;
    }
    .col-maxwidth
    {
        width:100%;
    }
    .bl-chen-icon {
        border-left: 0px solid #c1bfbf;
        border-right: 0px solid #c1bfbf;
        border-bottom: 1px solid #c1bfbf;
        margin-right: 0px;
        margin-bottom:10px;
    }
    .button-login-wp
    {
        border-bottom: 1px solid #c1bfbf;
        margin-bottom:10px;
    }
}

.social-login a {
    display: block;
    background: #333;
    margin-bottom: 5px;
    padding: 10px;
    color: #fff;
    font-size: 16px;
    border-radius: 6px;
    width: 220px;
	text-decoration:none;
}

.social-login .fb {
	background:#3b5998;
}

.social-login .google {
	background:#d34836;
}

.social-login a:hover {
    background: #333;
}

.discount h3 {
    position: absolute;
    /* right: 10px; */
    right: 35px;
    background: red;
    width: 55px;
    height: 55px;
    font-size: 18px;
    color: #fff;
    padding: 10px;
    margin: 0px;
    line-height: 30px;
    border-radius: 50%;
	z-index:9;
}

.bg-bia {
    background: url(../images/biasach-1a.png) no-repeat 12px 0px;
    height: 380px;
}

.articleContent-img img {
    width: 130px;
    height: 130px;
}

.articleContent-img {
    float: left;
    width: 130px;
    /* padding-right: 10px; */
}

.articleContent {
    overflow: hidden;
    padding-left: 15px;
}

.product-detail-top ul li {
    list-style: none;
}

.product-detail-top ul {
    padding-left: 0px;
}

.product-detail-top ul li:nth-child(2), 
.product-detail-top ul li:nth-child(3), 
.product-detail-top ul li:nth-child(4), 
.product-detail-top ul li:nth-child(5),
.product-detail-top ul li:nth-child(6),
.product-detail-top ul li:nth-child(7),
.product-detail-top ul li:nth-child(8),
.product-detail-top ul li:nth-child(9),
.product-detail-top ul li:nth-child(10),
.product-detail-top ul li:nth-child(11),
.product-detail-top ul li:nth-child(12) {
	display:none;
}

.account-notify .item
{
    padding: 25px;
    border-bottom: 1px solid #f4f4f4;
    background: #fff;
}
.account-notify .item div.account-notify-date
{
    width: 12%;
}
.account-notify .item div
{
    font-size: 13px;
    margin-bottom: 0;
    float: left;
}
.account-notify .item div.account-notify-content
{
    width: 88%;
    padding-right: 70px;
}
.account-notify .item div
{
    font-size: 13px;
    margin-bottom: 0;
    float: left;
}
.account-notify .account-notify-content
{
    margin-top: 0;
}
.account-notify-content
{
    position: relative;
    width: 100%;
    margin-top: -10px;
}
.account-notify-content p
{
    margin-bottom: 0;
    text-align: justify;
}
.account-delete-notify-status-icon, .account-unread-notify-status-icon
{
    position: absolute;
    bottom: 0;
    right: 35px;
    height: 28px;
    margin: auto;
    border-radius: 4px;
    background: 0 0;
    border: none;
    color: #007ff0;
    font-size: 14px;
}
.account-delete-notify-status-icon
{
    right: 0;
    color: #d52e1d;
    top: -6px;
    bottom: auto;
}
.account-header:after, .account-header:before, .account-notify .item:after, .account-notify .item:before
{
    display: table;
    content: "";
    clear: both;
}
.account_title
{
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    color: #242424;
}
.account-notify .item.unread
{
    background-color: #f6fcff;
}
.dropdown-menu a strong
{
    background: #ff3323;
    color: #fff;
    font-size: 10px;
    font-weight: 300;
    padding: 1px 3px;
    border-radius: 11px;
    min-width: 18px;
    display: inline-block;
    height: 14px;
    line-height: 11px;
    text-align: center;
    vertical-align: text-top;
    margin: 0 3px;
}
.account-review .item
{
    background-color: #fff;
    padding: 20px;
    position: relative;
}
.account-review .item:first-child
{
    border-radius: 4px 4px 0 0;
}
.account-review .item:last-child
{
    border-radius: 0 0 4px 4px;
}
.account-review .item .item-col-1
{
    float: left;
    width: 100px;
    height: 100px;
}
.account-review .item .item-col-1 .image
{
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #ffffff;
}
.img-responsive
{
    max-width: 100%;
}
.img-responsive
{
    display: block;
    height: auto;
}
.account-review .item .item-col-1 img
{
    max-width: 100%;
    max-height: 100%;
    margin: auto;
}
.account-review .item .item-col-2 .infomation
{
    padding: 0 0 0 20px;
    overflow: hidden;
}
.account-review .item .item-col-2 .infomation:first-child
{
    border-top: none;
    padding-top: 0;
}
.content-right p.date
{
    position: absolute;
    color: #242424;
    top: 27px;
    right: 0;
    font-size: 13px;
}
.account-review .item .item-col-2 .infomation .date
{
    color: #787878;
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 0;
    position: static;
}
.account-review .item .item-col-2 .infomation .line-1
{
    margin-bottom: 6px;
}
.account-review .review-title
{
    color: #000;
    font-size: 15px;
    margin-bottom: 6px;
}
.account-review .rating
{
    margin: 0 0 0 0px;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
}
.account-review .review-title
{
    color: #000;
    font-size: 15px;
    margin-bottom: 6px;
}
.account-review .rating
{
    margin: 0 0 0 5px;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
}
.account-review .rating .rating-content
{
    font-size: 0;
    line-height: 1;
    position: relative;
    white-space: nowrap;
    display: inline-block;
}
.account-review .review-title
{
    color: #000;
    font-size: 15px;
    margin-bottom: 6px;
}
.account-review .rating
{
    margin: 0 0 0 0px;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
}
.account-review .rating .rating-content
{
    font-size: 0;
    line-height: 1;
    position: relative;
    white-space: nowrap;
    display: inline-block;
}
.account-review .rating .rating-content .star
{
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    display: inline-block;
    margin: .1rem;
    color: #dedddc;
    font-size: 13px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.account-review .rating .rating-content span
{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    overflow: hidden;
    line-height: 1;
}
.account-review .rating .rating-content span .star
{
    color: #ffc324;
}
.account-review .rating .rating-content .star:nth-child(1)
{
    margin-left: 0;
}
.account-review .rating .rating-content .star:before
{
    content: "\f005";
}
.account-review .review-title
{
    color: #000;
    font-size: 15px;
    margin-bottom: 6px;
}
.account-review .review-title > span
{
    display: inline-block;
    vertical-align: middle;
}
.account-review .review-title-text
{
    float: left;
    font-weight: bold;
    margin-right: 10px;
}
.account-review .item .item-col-2 .infomation .description
{
    color: #1c1c1c;
    font-size: 13px;
    line-height: 1.38;
}
.account-review .text-warning
{
    color: #fcb415;
    margin-left: 10px;
    font-size: 13px;
}
.group-bt .btn-cart {
    float: left;
    width: 180px;
}
.group-bt .btn-wishlist {
    float: left;
    width: 45px;
    background: red;
    color: #fff;
    margin-left: 5px;
    padding: 12px;
    height: 40px;
    text-align: center;
}
.group-bt .btn-wishlist:hover {
    background: blue;
}

.slogan-wp {
	padding-top:25px;
}

.lg-css3.lg-zoom-in .lg-item {
  opacity: 0; }
  .lg-css3.lg-zoom-in .lg-item.lg-prev-slide {
    -webkit-transform: scale3d(1.3, 1.3, 1.3);
    transform: scale3d(1.3, 1.3, 1.3); }
  .lg-css3.lg-zoom-in .lg-item.lg-next-slide {
    -webkit-transform: scale3d(1.3, 1.3, 1.3);
    transform: scale3d(1.3, 1.3, 1.3); }
  .lg-css3.lg-zoom-in .lg-item.lg-current {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1; }
  .lg-css3.lg-zoom-in .lg-item.lg-prev-slide, .lg-css3.lg-zoom-in .lg-item.lg-next-slide, .lg-css3.lg-zoom-in .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
.lg-css3.lg-zoom-in-big .lg-item {
  opacity: 0; }
  .lg-css3.lg-zoom-in-big .lg-item.lg-prev-slide {
    -webkit-transform: scale3d(2, 2, 2);
    transform: scale3d(2, 2, 2); }
  .lg-css3.lg-zoom-in-big .lg-item.lg-next-slide {
    -webkit-transform: scale3d(2, 2, 2);
    transform: scale3d(2, 2, 2); }
  .lg-css3.lg-zoom-in-big .lg-item.lg-current {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1; }
  .lg-css3.lg-zoom-in-big .lg-item.lg-prev-slide, .lg-css3.lg-zoom-in-big .lg-item.lg-next-slide, .lg-css3.lg-zoom-in-big .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
.lg-css3.lg-zoom-out .lg-item {
  opacity: 0; }
  .lg-css3.lg-zoom-out .lg-item.lg-prev-slide {
    -webkit-transform: scale3d(0.7, 0.7, 0.7);
    transform: scale3d(0.7, 0.7, 0.7); }
  .lg-css3.lg-zoom-out .lg-item.lg-next-slide {
    -webkit-transform: scale3d(0.7, 0.7, 0.7);
    transform: scale3d(0.7, 0.7, 0.7); }
  .lg-css3.lg-zoom-out .lg-item.lg-current {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1; }
  .lg-css3.lg-zoom-out .lg-item.lg-prev-slide, .lg-css3.lg-zoom-out .lg-item.lg-next-slide, .lg-css3.lg-zoom-out .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
.lg-css3.lg-zoom-out-big .lg-item {
  opacity: 0; }
  .lg-css3.lg-zoom-out-big .lg-item.lg-prev-slide {
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0); }
  .lg-css3.lg-zoom-out-big .lg-item.lg-next-slide {
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0); }
  .lg-css3.lg-zoom-out-big .lg-item.lg-current {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1; }
  .lg-css3.lg-zoom-out-big .lg-item.lg-prev-slide, .lg-css3.lg-zoom-out-big .lg-item.lg-next-slide, .lg-css3.lg-zoom-out-big .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
.lg-css3.lg-zoom-out-in .lg-item {
  opacity: 0; }
  .lg-css3.lg-zoom-out-in .lg-item.lg-prev-slide {
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0); }
  .lg-css3.lg-zoom-out-in .lg-item.lg-next-slide {
    -webkit-transform: scale3d(2, 2, 2);
    transform: scale3d(2, 2, 2); }
  .lg-css3.lg-zoom-out-in .lg-item.lg-current {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1; }
  .lg-css3.lg-zoom-out-in .lg-item.lg-prev-slide, .lg-css3.lg-zoom-out-in .lg-item.lg-next-slide, .lg-css3.lg-zoom-out-in .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
.lg-css3.lg-zoom-in-out .lg-item {
  opacity: 0; }
  .lg-css3.lg-zoom-in-out .lg-item.lg-prev-slide {
    -webkit-transform: scale3d(2, 2, 2);
    transform: scale3d(2, 2, 2); }
  .lg-css3.lg-zoom-in-out .lg-item.lg-next-slide {
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0); }
  .lg-css3.lg-zoom-in-out .lg-item.lg-current {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1; }
  .lg-css3.lg-zoom-in-out .lg-item.lg-prev-slide, .lg-css3.lg-zoom-in-out .lg-item.lg-next-slide, .lg-css3.lg-zoom-in-out .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
.lg-css3.lg-soft-zoom .lg-item {
  opacity: 0; }
  .lg-css3.lg-soft-zoom .lg-item.lg-prev-slide {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }
  .lg-css3.lg-soft-zoom .lg-item.lg-next-slide {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }
  .lg-css3.lg-soft-zoom .lg-item.lg-current {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1; }
  .lg-css3.lg-soft-zoom .lg-item.lg-prev-slide, .lg-css3.lg-soft-zoom .lg-item.lg-next-slide, .lg-css3.lg-soft-zoom .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
.lg-css3.lg-scale-up .lg-item {
  opacity: 0; }
  .lg-css3.lg-scale-up .lg-item.lg-prev-slide {
    -moz-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
    -o-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
    -ms-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
    -webkit-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
    transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0); }
  .lg-css3.lg-scale-up .lg-item.lg-next-slide {
    -moz-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
    -o-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
    -ms-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
    -webkit-transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0);
    transform: scale3d(0.8, 0.8, 0.8) translate3d(0%, 10%, 0); }
  .lg-css3.lg-scale-up .lg-item.lg-current {
    -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    opacity: 1; }
  .lg-css3.lg-scale-up .lg-item.lg-prev-slide, .lg-css3.lg-scale-up .lg-item.lg-next-slide, .lg-css3.lg-scale-up .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
.lg-css3.lg-slide-circular .lg-item {
  opacity: 0; }
  .lg-css3.lg-slide-circular .lg-item.lg-prev-slide {
    -moz-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    -o-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    -ms-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); }
  .lg-css3.lg-slide-circular .lg-item.lg-next-slide {
    -moz-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    -o-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    -ms-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); }
  .lg-css3.lg-slide-circular .lg-item.lg-current {
    -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    opacity: 1; }
  .lg-css3.lg-slide-circular .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular .lg-item.lg-next-slide, .lg-css3.lg-slide-circular .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
.lg-css3.lg-slide-circular-up .lg-item {
  opacity: 0; }
  .lg-css3.lg-slide-circular-up .lg-item.lg-prev-slide {
    -moz-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
    -o-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
    -ms-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0); }
  .lg-css3.lg-slide-circular-up .lg-item.lg-next-slide {
    -moz-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
    -o-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
    -ms-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0); }
  .lg-css3.lg-slide-circular-up .lg-item.lg-current {
    -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    opacity: 1; }
  .lg-css3.lg-slide-circular-up .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-up .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-up .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
.lg-css3.lg-slide-circular-down .lg-item {
  opacity: 0; }
  .lg-css3.lg-slide-circular-down .lg-item.lg-prev-slide {
    -moz-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
    -o-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
    -ms-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0); }
  .lg-css3.lg-slide-circular-down .lg-item.lg-next-slide {
    -moz-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
    -o-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
    -ms-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0); }
  .lg-css3.lg-slide-circular-down .lg-item.lg-current {
    -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    opacity: 1; }
  .lg-css3.lg-slide-circular-down .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-down .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-down .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
.lg-css3.lg-slide-circular-vertical .lg-item {
  opacity: 0; }
  .lg-css3.lg-slide-circular-vertical .lg-item.lg-prev-slide {
    -moz-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0);
    -o-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0);
    -ms-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0);
    -webkit-transform: scale3d(0, 0, 0) translate3d(0, -100%, 0);
    transform: scale3d(0, 0, 0) translate3d(0, -100%, 0); }
  .lg-css3.lg-slide-circular-vertical .lg-item.lg-next-slide {
    -moz-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0);
    -o-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0);
    -ms-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0);
    -webkit-transform: scale3d(0, 0, 0) translate3d(0, 100%, 0);
    transform: scale3d(0, 0, 0) translate3d(0, 100%, 0); }
  .lg-css3.lg-slide-circular-vertical .lg-item.lg-current {
    -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    opacity: 1; }
  .lg-css3.lg-slide-circular-vertical .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-vertical .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-vertical .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
.lg-css3.lg-slide-circular-vertical-left .lg-item {
  opacity: 0; }
  .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-prev-slide {
    -moz-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
    -o-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
    -ms-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0); }
  .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-next-slide {
    -moz-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
    -o-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
    -ms-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0); }
  .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-current {
    -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    opacity: 1; }
  .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
.lg-css3.lg-slide-circular-vertical-down .lg-item {
  opacity: 0; }
  .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-prev-slide {
    -moz-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
    -o-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
    -ms-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0); }
  .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-next-slide {
    -moz-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
    -o-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
    -ms-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0); }
  .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-current {
    -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    opacity: 1; }
  .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; }
.lg-css3.lg-slide-vertical .lg-item {
  opacity: 0; }
  .lg-css3.lg-slide-vertical .lg-item.lg-prev-slide {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }
  .lg-css3.lg-slide-vertical .lg-item.lg-next-slide {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  .lg-css3.lg-slide-vertical .lg-item.lg-current {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; }
  .lg-css3.lg-slide-vertical .lg-item.lg-prev-slide, .lg-css3.lg-slide-vertical .lg-item.lg-next-slide, .lg-css3.lg-slide-vertical .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
.lg-css3.lg-slide-vertical-growth .lg-item {
  opacity: 0; }
  .lg-css3.lg-slide-vertical-growth .lg-item.lg-prev-slide {
    -moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0);
    -o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0);
    -ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0);
    -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0);
    transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0); }
  .lg-css3.lg-slide-vertical-growth .lg-item.lg-next-slide {
    -moz-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0);
    -o-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0);
    -ms-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0);
    -webkit-transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0);
    transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0); }
  .lg-css3.lg-slide-vertical-growth .lg-item.lg-current {
    -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    opacity: 1; }
  .lg-css3.lg-slide-vertical-growth .lg-item.lg-prev-slide, .lg-css3.lg-slide-vertical-growth .lg-item.lg-next-slide, .lg-css3.lg-slide-vertical-growth .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
.lg-css3.lg-slide-skew-only .lg-item {
  opacity: 0; }
  .lg-css3.lg-slide-skew-only .lg-item.lg-prev-slide {
    -moz-transform: skew(10deg, 0deg);
    -o-transform: skew(10deg, 0deg);
    -ms-transform: skew(10deg, 0deg);
    -webkit-transform: skew(10deg, 0deg);
    transform: skew(10deg, 0deg); }
  .lg-css3.lg-slide-skew-only .lg-item.lg-next-slide {
    -moz-transform: skew(10deg, 0deg);
    -o-transform: skew(10deg, 0deg);
    -ms-transform: skew(10deg, 0deg);
    -webkit-transform: skew(10deg, 0deg);
    transform: skew(10deg, 0deg); }
  .lg-css3.lg-slide-skew-only .lg-item.lg-current {
    -moz-transform: skew(0deg, 0deg);
    -o-transform: skew(0deg, 0deg);
    -ms-transform: skew(0deg, 0deg);
    -webkit-transform: skew(0deg, 0deg);
    transform: skew(0deg, 0deg);
    opacity: 1; }
  .lg-css3.lg-slide-skew-only .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
.lg-css3.lg-slide-skew-only-rev .lg-item {
  opacity: 0; }
  .lg-css3.lg-slide-skew-only-rev .lg-item.lg-prev-slide {
    -moz-transform: skew(-10deg, 0deg);
    -o-transform: skew(-10deg, 0deg);
    -ms-transform: skew(-10deg, 0deg);
    -webkit-transform: skew(-10deg, 0deg);
    transform: skew(-10deg, 0deg); }
  .lg-css3.lg-slide-skew-only-rev .lg-item.lg-next-slide {
    -moz-transform: skew(-10deg, 0deg);
    -o-transform: skew(-10deg, 0deg);
    -ms-transform: skew(-10deg, 0deg);
    -webkit-transform: skew(-10deg, 0deg);
    transform: skew(-10deg, 0deg); }
  .lg-css3.lg-slide-skew-only-rev .lg-item.lg-current {
    -moz-transform: skew(0deg, 0deg);
    -o-transform: skew(0deg, 0deg);
    -ms-transform: skew(0deg, 0deg);
    -webkit-transform: skew(0deg, 0deg);
    transform: skew(0deg, 0deg);
    opacity: 1; }
  .lg-css3.lg-slide-skew-only-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only-rev .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
.lg-css3.lg-slide-skew-only-y .lg-item {
  opacity: 0; }
  .lg-css3.lg-slide-skew-only-y .lg-item.lg-prev-slide {
    -moz-transform: skew(0deg, 10deg);
    -o-transform: skew(0deg, 10deg);
    -ms-transform: skew(0deg, 10deg);
    -webkit-transform: skew(0deg, 10deg);
    transform: skew(0deg, 10deg); }
  .lg-css3.lg-slide-skew-only-y .lg-item.lg-next-slide {
    -moz-transform: skew(0deg, 10deg);
    -o-transform: skew(0deg, 10deg);
    -ms-transform: skew(0deg, 10deg);
    -webkit-transform: skew(0deg, 10deg);
    transform: skew(0deg, 10deg); }
  .lg-css3.lg-slide-skew-only-y .lg-item.lg-current {
    -moz-transform: skew(0deg, 0deg);
    -o-transform: skew(0deg, 0deg);
    -ms-transform: skew(0deg, 0deg);
    -webkit-transform: skew(0deg, 0deg);
    transform: skew(0deg, 0deg);
    opacity: 1; }
  .lg-css3.lg-slide-skew-only-y .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only-y .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only-y .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
.lg-css3.lg-slide-skew-only-y-rev .lg-item {
  opacity: 0; }
  .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-prev-slide {
    -moz-transform: skew(0deg, -10deg);
    -o-transform: skew(0deg, -10deg);
    -ms-transform: skew(0deg, -10deg);
    -webkit-transform: skew(0deg, -10deg);
    transform: skew(0deg, -10deg); }
  .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-next-slide {
    -moz-transform: skew(0deg, -10deg);
    -o-transform: skew(0deg, -10deg);
    -ms-transform: skew(0deg, -10deg);
    -webkit-transform: skew(0deg, -10deg);
    transform: skew(0deg, -10deg); }
  .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-current {
    -moz-transform: skew(0deg, 0deg);
    -o-transform: skew(0deg, 0deg);
    -ms-transform: skew(0deg, 0deg);
    -webkit-transform: skew(0deg, 0deg);
    transform: skew(0deg, 0deg);
    opacity: 1; }
  .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
.lg-css3.lg-slide-skew .lg-item {
  opacity: 0; }
  .lg-css3.lg-slide-skew .lg-item.lg-prev-slide {
    -moz-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px);
    -o-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px);
    -ms-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px);
    -webkit-transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px);
    transform: skew(20deg, 0deg) translate3d(-100%, 0%, 0px); }
  .lg-css3.lg-slide-skew .lg-item.lg-next-slide {
    -moz-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px);
    -o-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px);
    -ms-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px);
    -webkit-transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px);
    transform: skew(20deg, 0deg) translate3d(100%, 0%, 0px); }
  .lg-css3.lg-slide-skew .lg-item.lg-current {
    -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    opacity: 1; }
  .lg-css3.lg-slide-skew .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew .lg-item.lg-next-slide, .lg-css3.lg-slide-skew .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
.lg-css3.lg-slide-skew-rev .lg-item {
  opacity: 0; }
  .lg-css3.lg-slide-skew-rev .lg-item.lg-prev-slide {
    -moz-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px);
    -o-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px);
    -ms-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px);
    -webkit-transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px);
    transform: skew(-20deg, 0deg) translate3d(-100%, 0%, 0px); }
  .lg-css3.lg-slide-skew-rev .lg-item.lg-next-slide {
    -moz-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px);
    -o-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px);
    -ms-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px);
    -webkit-transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px);
    transform: skew(-20deg, 0deg) translate3d(100%, 0%, 0px); }
  .lg-css3.lg-slide-skew-rev .lg-item.lg-current {
    -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    opacity: 1; }
  .lg-css3.lg-slide-skew-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-rev .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
.lg-css3.lg-slide-skew-cross .lg-item {
  opacity: 0; }
  .lg-css3.lg-slide-skew-cross .lg-item.lg-prev-slide {
    -moz-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px);
    -o-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px);
    -ms-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px);
    -webkit-transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px);
    transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px); }
  .lg-css3.lg-slide-skew-cross .lg-item.lg-next-slide {
    -moz-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px);
    -o-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px);
    -ms-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px);
    -webkit-transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px);
    transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px); }
  .lg-css3.lg-slide-skew-cross .lg-item.lg-current {
    -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    opacity: 1; }
  .lg-css3.lg-slide-skew-cross .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-cross .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-cross .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
.lg-css3.lg-slide-skew-cross-rev .lg-item {
  opacity: 0; }
  .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-prev-slide {
    -moz-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px);
    -o-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px);
    -ms-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px);
    -webkit-transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px);
    transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px); }
  .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-next-slide {
    -moz-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px);
    -o-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px);
    -ms-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px);
    -webkit-transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px);
    transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px); }
  .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-current {
    -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    opacity: 1; }
  .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
.lg-css3.lg-slide-skew-ver .lg-item {
  opacity: 0; }
  .lg-css3.lg-slide-skew-ver .lg-item.lg-prev-slide {
    -moz-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px);
    -o-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px);
    -ms-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px);
    -webkit-transform: skew(60deg, 0deg) translate3d(0, -100%, 0px);
    transform: skew(60deg, 0deg) translate3d(0, -100%, 0px); }
  .lg-css3.lg-slide-skew-ver .lg-item.lg-next-slide {
    -moz-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px);
    -o-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px);
    -ms-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px);
    -webkit-transform: skew(60deg, 0deg) translate3d(0, 100%, 0px);
    transform: skew(60deg, 0deg) translate3d(0, 100%, 0px); }
  .lg-css3.lg-slide-skew-ver .lg-item.lg-current {
    -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    opacity: 1; }
  .lg-css3.lg-slide-skew-ver .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
.lg-css3.lg-slide-skew-ver-rev .lg-item {
  opacity: 0; }
  .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-prev-slide {
    -moz-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px);
    -o-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px);
    -ms-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px);
    -webkit-transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px);
    transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px); }
  .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-next-slide {
    -moz-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px);
    -o-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px);
    -ms-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px);
    -webkit-transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px);
    transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px); }
  .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-current {
    -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    opacity: 1; }
  .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
.lg-css3.lg-slide-skew-ver-cross .lg-item {
  opacity: 0; }
  .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-prev-slide {
    -moz-transform: skew(0deg, 20deg) translate3d(0, -100%, 0px);
    -o-transform: skew(0deg, 20deg) translate3d(0, -100%, 0px);
    -ms-transform: skew(0deg, 20deg) translate3d(0, -100%, 0px);
    -webkit-transform: skew(0deg, 20deg) translate3d(0, -100%, 0px);
    transform: skew(0deg, 20deg) translate3d(0, -100%, 0px); }
  .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-next-slide {
    -moz-transform: skew(0deg, 20deg) translate3d(0, 100%, 0px);
    -o-transform: skew(0deg, 20deg) translate3d(0, 100%, 0px);
    -ms-transform: skew(0deg, 20deg) translate3d(0, 100%, 0px);
    -webkit-transform: skew(0deg, 20deg) translate3d(0, 100%, 0px);
    transform: skew(0deg, 20deg) translate3d(0, 100%, 0px); }
  .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-current {
    -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    opacity: 1; }
  .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
.lg-css3.lg-slide-skew-ver-cross-rev .lg-item {
  opacity: 0; }
  .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-prev-slide {
    -moz-transform: skew(0deg, -20deg) translate3d(0, -100%, 0px);
    -o-transform: skew(0deg, -20deg) translate3d(0, -100%, 0px);
    -ms-transform: skew(0deg, -20deg) translate3d(0, -100%, 0px);
    -webkit-transform: skew(0deg, -20deg) translate3d(0, -100%, 0px);
    transform: skew(0deg, -20deg) translate3d(0, -100%, 0px); }
  .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-next-slide {
    -moz-transform: skew(0deg, -20deg) translate3d(0, 100%, 0px);
    -o-transform: skew(0deg, -20deg) translate3d(0, 100%, 0px);
    -ms-transform: skew(0deg, -20deg) translate3d(0, 100%, 0px);
    -webkit-transform: skew(0deg, -20deg) translate3d(0, 100%, 0px);
    transform: skew(0deg, -20deg) translate3d(0, 100%, 0px); }
  .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-current {
    -moz-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -o-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -ms-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    -webkit-transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px);
    opacity: 1; }
  .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
.lg-css3.lg-lollipop .lg-item {
  opacity: 0; }
  .lg-css3.lg-lollipop .lg-item.lg-prev-slide {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  .lg-css3.lg-lollipop .lg-item.lg-next-slide {
    -moz-transform: translate3d(0, 0, 0) scale(0.5);
    -o-transform: translate3d(0, 0, 0) scale(0.5);
    -ms-transform: translate3d(0, 0, 0) scale(0.5);
    -webkit-transform: translate3d(0, 0, 0) scale(0.5);
    transform: translate3d(0, 0, 0) scale(0.5); }
  .lg-css3.lg-lollipop .lg-item.lg-current {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; }
  .lg-css3.lg-lollipop .lg-item.lg-prev-slide, .lg-css3.lg-lollipop .lg-item.lg-next-slide, .lg-css3.lg-lollipop .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
.lg-css3.lg-lollipop-rev .lg-item {
  opacity: 0; }
  .lg-css3.lg-lollipop-rev .lg-item.lg-prev-slide {
    -moz-transform: translate3d(0, 0, 0) scale(0.5);
    -o-transform: translate3d(0, 0, 0) scale(0.5);
    -ms-transform: translate3d(0, 0, 0) scale(0.5);
    -webkit-transform: translate3d(0, 0, 0) scale(0.5);
    transform: translate3d(0, 0, 0) scale(0.5); }
  .lg-css3.lg-lollipop-rev .lg-item.lg-next-slide {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }
  .lg-css3.lg-lollipop-rev .lg-item.lg-current {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; }
  .lg-css3.lg-lollipop-rev .lg-item.lg-prev-slide, .lg-css3.lg-lollipop-rev .lg-item.lg-next-slide, .lg-css3.lg-lollipop-rev .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
.lg-css3.lg-rotate .lg-item {
  opacity: 0; }
  .lg-css3.lg-rotate .lg-item.lg-prev-slide {
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg); }
  .lg-css3.lg-rotate .lg-item.lg-next-slide {
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); }
  .lg-css3.lg-rotate .lg-item.lg-current {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1; }
  .lg-css3.lg-rotate .lg-item.lg-prev-slide, .lg-css3.lg-rotate .lg-item.lg-next-slide, .lg-css3.lg-rotate .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
.lg-css3.lg-rotate-rev .lg-item {
  opacity: 0; }
  .lg-css3.lg-rotate-rev .lg-item.lg-prev-slide {
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); }
  .lg-css3.lg-rotate-rev .lg-item.lg-next-slide {
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg); }
  .lg-css3.lg-rotate-rev .lg-item.lg-current {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1; }
  .lg-css3.lg-rotate-rev .lg-item.lg-prev-slide, .lg-css3.lg-rotate-rev .lg-item.lg-next-slide, .lg-css3.lg-rotate-rev .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
.lg-css3.lg-tube .lg-item {
  opacity: 0; }
  .lg-css3.lg-tube .lg-item.lg-prev-slide {
    -moz-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0);
    -o-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0);
    -ms-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0);
    -webkit-transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0);
    transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0); }
  .lg-css3.lg-tube .lg-item.lg-next-slide {
    -moz-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0);
    -o-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0);
    -ms-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0);
    -webkit-transform: scale3d(1, 0, 1) translate3d(100%, 0, 0);
    transform: scale3d(1, 0, 1) translate3d(100%, 0, 0); }
  .lg-css3.lg-tube .lg-item.lg-current {
    -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    opacity: 1; }
  .lg-css3.lg-tube .lg-item.lg-prev-slide, .lg-css3.lg-tube .lg-item.lg-next-slide, .lg-css3.lg-tube .lg-item.lg-current {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }

/*# sourceMappingURL=lg-transitions.css.map */
