/* general body settings */

@import url('http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,800,700,600,300&subset=latin,vietnamese');

@font-face {

  font-family: 'UTM A&S Signwriter';

  src: url('font/UTM A&S Signwriter.ttf') format('truetype');

}

body { 

	color: #424242; 

	font-family: 'Open Sans', sans-serif;

	padding: 0px !important;

	margin: 0px !important;

	font-size:14px; 

	direction: ltr;

}



/*

Internet Explorer 10 doesn't differentiate device width from viewport width, and thus doesn't 

properly apply the media queries in Bootstrap's CSS. To address this, 

you can optionally include the following CSS and JavaScript to work around this problem until Microsoft issues a fix.

*/

@-webkit-viewport { 

	width: device-width; 

}



@-moz-viewport { 

	width: device-width; 

}



@-ms-viewport { 

	width: device-width; 

}



@-o-viewport { 

	width: device-width; 

}



@viewport { 

	width: device-width; 

}



/* Internet Explorer 10 doesn't differentiate device width from viewport width, 

and thus doesn't properly apply the media queries in Bootstrap's CSS. To address this, following CSS code applied */

@-ms-viewport { 

	width: auto !important; 

}



/***

Custom Scrollbars

***/



::-webkit-scrollbar {  

    width: 12px;  

}  



::-webkit-scrollbar-track {  

    background-color: #eaeaea;  

    border-left: 1px solid #cecece;  

}  



::-webkit-scrollbar-thumb {  

    background-color: #cecece;  

}  



::-webkit-scrollbar-thumb:hover {  

    background-color: #aaa;  

}  



::-webkit-scrollbar-track {

    border-radius: 0;

    box-shadow: none;

    border: 0; 

}



::-webkit-scrollbar-thumb {

    border-radius: 0;

    box-shadow: none;

    border: 0; 

}

/***

General typography 

***/

h1 small,

h2 small,

h3 small, 

h4 small, 

h5 small,

h6 small {

  color: #444;

}





h1.block, 

h2.block, 

h3.block, 

h4.block, 

h5.block, 

h6.block {

  padding-top: 10px;

  padding-bottom: 10px;

}



a {

  text-shadow: none !important;

  color: #20905E;

}



/***

Fix link outlines after click

***/

a:focus, a:hover, a:active {

  outline: 0;

  color: #03582C;

}

#content {

	min-height: 300px;

}

#navbar {

	width: 100%;

}

.navbar {

	border-radius: 0;

	text-transform: uppercase;

	margin: 0px auto;

	position: relative;

}

.navbar-default .navbar-collapse, .navbar-default .navbar-form, .navbar-default {

	background: #FFFFFF;

	border: 0;

}

.navbar-default .navbar-brand {

	font-size: inherit;

}

.navbar-right {

	right: 0;

	text-align: right;

}

.navbar-default .navbar-nav>li>a, .navbar-default .navbar-brand {

	color: #01833D;

	font-weight: 600 !important;

	font-size:14px;

	position: relative;

}

.navbar-default .navbar-nav>li>a span {

	position: absolute;

	top: 5px;

	right: -10px;

}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus,

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus,

.navbar-default .navbar-brand.active, .navbar-default .navbar-brand:hover {

	color: #01833D;

	background: transparent;

}

.navbar .nav ul {

	margin: 0;

	position: absolute;

	background: #FFFFFF;

	z-index: 99;

	width: 100%;

	min-width: 200px;

	display: none;

}

.navbar .nav li:hover ul {

	display: block;

}

.navbar .nav ul li a {

    display: block;

    padding: 3px 20px;

    clear: both;

    font-weight: 400;

    line-height: 1.42857143;

    color: #01833D;

    white-space: nowrap;

    border-bottom: 1px solid #01833D;

}

.navbar .nav ul li a:hover, .navbar .nav ul li.active > a {

	background: #B4EDCE;

	text-decoration: none;

	color: #D31032;

}



@media (max-width: 768px) {

	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus,

	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {

		text-align:center;

		line-height:30px;

	}

	#navbar{ text-align:center;}

}

@media (min-width: 768px) {

	.navbar {

		display:flex;

		align-items: flex-end;

	}

}

.navbar-default .navbar-toggle {

	*border-color: #00AA50;

	border-radius: 0;

}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {

	background-color: transparent;

}

.navbar-default .navbar-toggle .icon-bar {

	*background-color: #00AA50;

}

.navbar-right.collapse {

	padding:0;

}

.navbar-toggle {

	float: left;

	border: none;

	width: 100%;

	margin: 0; 

	padding: 0;

}



.navbar-header .logo{

	text-align: center

}

.nav-breadcrumb {

	background: #03622C;

	color: #FFFFFF;

	position: relative;

}

.nav-breadcrumb .nav-icon {

	position: absolute;

	right: 20%;

	width: 120px;

	height: 120px;

	top: -52px;

}

.breadcrumb {

	background: transparent;

	margin: 0 auto;

}

.breadcrumb li:first-child:before {

	content: "\f015";

	font-family: 'FontAwesome';

	padding-right: 3px;

}

.breadcrumb li {

	color: #FFFFFF;

}

.breadcrumb>li+li:before {

	content: '\00bb';

	color: #FFFFFF;

}

.breadcrumb li a {

	color: #FFFFFF;

}

.breadcrumb li a:hover {

	color: #FFD200;

	text-decoration:none;

}

.breadcrumb-name h1 {

	margin: 0 auto;

	color: #CF112B;

	margin-left: 38px;

	margin-bottom: 5px;

	font-size:21px;

	font-weight: 600 !important;

}

.breadcrumb-name a {

	*font-size: 2.5em;

	color: #03A750;

}

span.required {

	color: #00A94F;

	padding-left: 5px;

}

.form-control {

	border-radius: 0;

	box-shadow: none;

	background-color: #F5F5F5;

}

.form-control:focus {

	background-color: #FFFFFF;

}

.pagination, .pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li:last-child>a, .pagination>li:last-child>span {

	border-radius: 0px;

}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, 

.pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus,

.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {

	background-color: #83C299;

	color: #FFFFFF;

	border-color: #83C299;

}

.pagination>li>a, .pagination>li>span {

    color: #83C299;

    border: 1px solid #C1E0CC;

    font-weight: bold;

}

.btn-cart, .btn-cart:active {

	background: transparent;

	color: #000000;

	font-size: 1.2em;

	margin-left:1px;

	border: 1px solid #000000;

	text-transform: uppercase;

}

.btn-cart:hover {

	color: #FFFFFF;

	background: #00833C;

	border-color: #00833C;

}

.btn:focus,

.btn:active:focus,

.btn.active:focus {

  	outline: none;

}

.btn:active,

.btn.active {

  	outline: 0;

  	box-shadow: none;

}



.portlet.box {

	padding: 0px !important;

}

.portlet.box > .portlet-title {

	margin-bottom: 0px;

}

.portlet > .portlet-title > .tools, .portlet > .portlet-title > .actions {

	display: inline-block;

	padding: 0;

	margin: 0;

	margin-top: 6px;

	float: right;

}

.portlet > .portlet-body {

	clear: both;

	background-color: #fff;

	padding: 10px;

}

.error {

	color: #FF0000;

}

.utm {

	font-family: 'UTM A&S Signwriter';

	color: #D31032;

}

.navbar-default .navbar-nav>li>a.utm {

	font-size: 2em;

	text-transform: none;

	color: #D31032;

}

.shopping-cart {

	background: url('../images/cart-icon.png') no-repeat;

	width: 40px;

	height: 40px;

	display: inline-block;

}

.cart-box .cart-header {

	background-color: #CF112B;

	padding: 2px 10px;

}

.cart-box .total-cart-item {

	display: inline-block;

	float: left;

	font-size: 1.8em;

	line-height: 40px;

	color: #FFFFFF;

	margin-right: 20px;

}

.languages-box li a {

	padding: 15px 10px;

	font-weight: bold;

}

.languages-box li.active a, .languages-box li a:hover, .languages-box li a:focus {

	color: #CF112B !important;

}

.head-box.utm {

	font-size: 3em;

	font-weight: 500 !important;

}

.category-list ul li a {

	font-weight: normal;

}

.category-list .box-content > ul > li > a {

	text-transform: uppercase;

	font-weight: 700;

}

.support-box div {

	background: url('../images/support.png') no-repeat 0px 1px;

	height:50px;

	padding-left: 60px;

	margin-bottom: 10px;

}

.support-box .email-box {

	background-position: 0px -61px;

}

.support-box h4 {

	color: #CF0A2C;

	text-transform: uppercase;

	margin: 5px 0;

	font-weight: 600 !important;

	padding-top: 6px;

}

.support-box p {

	color: #00833E;

	font-weight: 600;

}

.box-prd .prd-detail {

	height: 260px;

	text-align: center;

	margin: 15px 0;

	position: relative;

}

.box-prd .img-prd {

	display: inline-block;

	position: relative;

}

.box-prd .img-prd img {

	height: 180px;

	margin: 0 auto;

}

.prd-list .row-prd {

	float: left;

	width: 100%;

}

.prd-list .row-prd + .row-prd {

	border-top: 1px solid #E5C78A;

	padding-top: 10px;

}

.box-prd .prd-detail .btn-cart {

	position: absolute;

	width: 0px;

	top: 100%;

	left:0;

	right: 0;

	margin: 0 auto;

	opacity: 0;

	-webkit-transition: top .3s ease .10s, opacity .3s ease .10s, width .3s ease .10s;

    transition: top .3s ease .10s, opacity .3s ease .10s, width .3s ease .10s;

}

.box-prd .prd-detail:hover .btn-cart {

	top: 70px;

	opacity: 1;

	width: 120px;

}

.prd-bag {

	position: absolute;

	top: -10px;

	right: 0;

	border-radius: 50% !important;

	-webkit-border-radius: 50% !important;

	-ms-border-radius: 50% !important;

	-moz-border-radius: 50% !important;

	height: 70px;

	width: 70px;

	color: #FFFFFF;

	padding: 10px;

	text-align: center;

	text-transform: uppercase;

	font-size: 10px;

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;  

	-webkit-flex-flow: row wrap;

	flex-flow: row wrap;	

	align-items: center;

	justify-content: center;

	align-content: center;

}

.prd-bag > * {

	flex: 1 100%;

}

.prd-bag .bag-percent {

	display: block;

	font-size: 1.3em;

}

.prd-bag-red {

	background: #D0112B;

}

.prd-bag-default {

	background: #000000;

}

.alert {

	margin-bottom: 0;

}

.flex {

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;  

	-webkit-flex-flow: row wrap;

	flex-flow: row wrap;

	align-items: center;

	justify-content: center;

	align-content: center;

}

.flex.between {

	justify-content: space-between;

}

.flex.around {

	justify-content: space-around;

}

.flex.end {

	justify-content: flex-end;

}

.flex.start {

	justify-content: flex-start;

}

.flex.column {

	-webkit-flex-flow: column wrap;

	flex-flow: column wrap;

}

.flex.flex-block > * {

	flex: 1 100%;

}

.support-box {

	padding: 0 10px;

}

.box-link {

	text-transform: uppercase;

	font-weight: 700;

}

.box-link ul li {

	margin: 5px 0;

}

.box-link ul li span + span:before {

	content: '/';

	margin-left: 5px;

	padding-right: 5px;

	color: #20905E;

}

.gift-family {

	border-top: 1px solid #E5C78A;

	margin-top: 10px;

	padding-top: 10px;

}

.footer {

	color: #0B8240;

	font-weight: 600;

	padding: 0;

}

.footer .footer-content {

	border-top: 1px solid #E5C78A;

	padding-top: 20px;

}

.footer .footer-text-right ul {

	text-align: right;

	float: right;

}

.footer .footer-text-right ul li {

	padding: 0;

	float: left;

}

.footer .footer-text-right ul li + li:before {

	content: '|';

	padding: 0;

	margin: 0;

	clear: both;

}

.footer-bottom {

	background: #00833D;

	height: 30px;

}

.top-parent-scroll {

	position: relative;

}

.parent-scroll {

	position: absolute;

	right: 15px;

	bottom: 0;

	width: 50px;

	height: 10px;

}

.scrollTop {

	background: url('../images/backtop.png') no-repeat 50% 50%;

	width: 50px;

	height: 50px;

	position: fixed;

	bottom: 50px;

	right: 15px;

	cursor: pointer;

	z-index: 999;

}

.product-detail h2.title {

	border-bottom: 3px solid #00843D;

    margin-bottom: 10px;

    padding-bottom: 10px;

    align-items: flex-end;

}

.product-detail h2.title label {

	font-size: 1.8em;

}

.product-detail h2.title span a {

	font-size: 13px;

	font-weight: bold;

	color: #D00B29;

	text-transform: uppercase;

}

.product-detail h2.title span a:hover {

	text-decoration: none;

}

.price {

	font-size: 2em;

}

.product-detail h3.name {

	font-weight: 500 !important;

	text-transform: uppercase;

}

.prd-share a {

	color: #FFFFFF;

	background: #83C299;

	border-radius: 50% !important;

	-webkit-border-radius: 50% !important;

	-ms-border-radius: 50% !important;

	display: inline-block;

	height: 35px;

	width: 35px;

	text-align: center;

	font-weight: bold;

}

.button-cart {

	margin: 30px 0;

}

.prd-info p {

	margin: 0;

}

.prd-info p span {

	padding-left: 10px;

}

.prd-share {

	margin: 20px auto;

}

.prd-share a:hover, .prd-share a:focus {

	background: #00833C;

}

.prd-share a i.fa {

    font-size: 25px;

    margin: 0 auto;

    text-align: center;

    line-height: 35px;

}

.product-description h4 {

	margin-bottom: 0;

	font-weight: 600 !important;

	text-transform: uppercase;

}

.product-description span {

	background: #D0E6D5;

	display: inline-block;

	padding: 10px;

}

.product-description-content {

	border: 1px solid #BFBFBF;

	padding: 10px;

}

.price .special-name {

	text-transform: uppercase;

	font-size: 13px;

	font-weight: 500;

}

.same-product h3.title {

	border-bottom: 1px solid #ECD9B1;

	text-transform: uppercase;

	font-weight: 600 !important;

	font-size: 18px;

	padding-bottom: 5px;

	margin-top: 30px;

}

.row-box-cat {

	position: relative;

	margin-top: -15px;

}

.box-cat {

	height: 200px;

	background: #BA4416;

}

.box-cat .btn {

	border: 1px solid #DCB464;

	color: #DCB464;

}

.box-cat .btn:hover {

	background: rgba(220, 180, 100, 0.37);

}

.box-cat-2 {

	background: #754C29;

}

.box-cat-3 {

	background: #D0112B;

}

#home-prd-carousel {

	height: 270px;

	padding: 0 50px;

	overflow: hidden;

}

.carousel-control {

	width: 30px;

}

.carousel-control.left, .carousel-control.right {

	background: transparent;

}

.carousel-control span.fa {

	background: #00833C;

	font-size: 30px;

	line-height: 30px;

	position: absolute;

	top: 50%;

	width: 30px;

	height: 30px;

}

.carousel-control.left span.fa {

	left: 0;

}

.carousel-control.right span.fa {

	right: 0;

}

.home-prd h3.box-title, .category-detail h3.title {

	text-align: center;

	font-size: 2em;

}

.home-prd h3.box-title:before, .home-prd h3.box-title:after, .category-detail h3.title:before, .category-detail h3.title:after {

	content: '-';

	padding: 0 30px;

    display: inline-block;

    transform: scaleX(5);

    -o-transform: scaleX(5);

    -ms-transform: scaleX(5);

    -webkit-transform: scaleX(5);

    -moz-transform: scaleX(5);

    font-family: 'Arial';

}

.box-help > div {

	color: #FFFFFF;

}

.box-help p {

	margin: 0;

	white-space: nowrap;

}

.box-help a {

	display: inline-block;

	text-transform: uppercase;

	color: #FFFFFF;

}

.box-help .help-time {

	background: url('../images/time-deliver.png') no-repeat 10px center #00833C;

	padding-left: 90px;

	height: 100px;

}

.box-help .deliver .where-deliver {

	background: url('../images/shipping.png') no-repeat 10px center #00833C;

	padding-left: 90px;

	height: 100px;

}

.box-help .deliver .security-deliver {

	background: url('../images/satisfied.png') no-repeat 10px center #00833C;

	padding-left: 90px;

	height: 100px;

}

.box-help .deliver .free-support {

	background: url('../images/free-support.png') no-repeat 10px center #00833C;

	padding-left: 90px;

	height: 100px;

}

.box-help .support-buy, .box-help .deliver {

	background: #00833C;

}

.box-help .support-buy {

	height: 100px;

}

.box-contact, .box-join {

	border-bottom: 1px solid #B5DAC2;

}

.box-contact > div {

	margin: 20px auto;

}

.connect > div {

	float: left;

}

.connect .connect-box a {

	display: inline-block;

	background: #D0112B;

	height: 40px;

	width: 40px;

	color: #FFFFFF;

	text-align: center;

	line-height: 40px;

	border-radius: 50% !important;

	-o-border-radius: 50% !important;

	-ms-border-radius: 50% !important;

	-moz-border-radius: 50% !important;

	-webkit-border-radius: 50% !important;

}

.connect .connect-box a:hover {

	opacity: 0.8;

}

.connect .connect-box a i {

	font-size: 25px;

	line-height: 40px;

}

.connect .connect-box {

	margin-left: 15px;

}

.hotline-support > div, .email-support > div {

	background: url('../images/support-transparent.png') no-repeat top left transparent;

	height: 60px;

	padding-left: 70px;

}

.email-support > div {

	background-position: bottom left;

}

.box-contact p {

	margin: 0;

	color: #05823F;

	font-weight: bold;

	font-size: 1.6em;

}

.box-contact p.head {

	color: #CF0A2C;

	text-transform: uppercase;

	font-size: 1.4em;

	font-weight: normal;

}

.sale-box p.head {

	margin-top: -25px;

	color: #05823F;

}

.sale-box p.utm {

	color: #D31032;

	font-size: 3em;

}

.connect .connect-title {

	flex: 1;

}

.connect .connect-title p {

	font-size: 1.2em;

	text-transform: uppercase;

}

.commit > div {

	background: url('../images/guaranted.png') no-repeat left center transparent;

	height: 190px;

	background-size: 150px;

	padding-left: 160px;

}

.commit p.head {

	font-weight: bold;

	font-size: 1.2em;

}

.box-login, .box-login button {

	text-transform: uppercase;

}

.box-login h4 {

	font-weight: 700 !important;

}

.box-login input {

	background: #DBEDE1;

	border-color: #DBEDE1;

}

.footer-information {

	background: #E6F2E8;

	margin-top: 5px;

	padding: 10px 0;

}

.footer-information p, .footer-information address {

	margin: 0;

}

.footer-information p span {

	padding-left: 20px;

}

.about-menu {

	margin-right: 20px;

}

.about-menu, .product-menu, .about-menu a, .product-menu a {

	text-transform: uppercase;

	color: #000000;

}

.about-menu h4, .product-menu h4 {

	font-weight: 600 !important;

}

.about-menu h4:before, .product-menu h4:before {

	content: '\00BB';

	padding-right: 5px;

}

p.design-by, p.design-by a {

	color: #D1D3D4;

	margin: 10px 0;

}

.product-introduce {

	background: #DCB464;

	min-height: 150px;

	margin: 20px 0;

	color: #FFFFFF;

}

.product-introduce h3 {

	text-transform: uppercase;

	font-weight: 700 !important;

}

.product-introduce .bg-introduce {

	height: 230px;

	background: url('../images/bg-intro.png') no-repeat 80% center transparent;

	width: 100%;

	background-size: 300px;

}

.product-introduce .bg-hat {

	background: url('../images/hatdieu.png') no-repeat left bottom transparent;

}

.portlet > .portlet-title > .actions > .btn-group {

	margin-top: 0;

}

.portlet > .portlet-title > .caption {

	margin-top: 6px;

	margin-bottom: 0;

}

.portlet > .portlet-title > .caption h3 {

	font-weight: bold !important;

	text-transform: uppercase;

}

.portlet > .portlet-title {

	border-bottom: 2px solid #00833C;

}

table.table thead th {

	background-color: #D0E6D5 !important;

	position: relative;

	border-right: 2px solid #FFFFFF !important;

	border-bottom: 2px solid #3FA26C !important;

	color: #008C3C;

	text-transform: uppercase;

	text-align: center;

}

table.table thead th:last-child {

	border-right: 0 !important;

}

table.table, table.table td, table.table th {

	border-color: #D0E6D5 !important;

}

table.table td, table.table th {

	*border-width: 2px !important;

	vertical-align: middle !important;

	color: #008C3C;

}

.table-scrollable {

	border: none;

}

.table img.img-responsive {

	max-height: 100px;

	width: auto;

	max-width: 100%;

}

.table input.quantity {

	width: 60px;

	padding: 5px;

	border: 1px solid #00833C;

	outline: 0;

}

.btn-update, .btn-delete {

	background: url('../images/cart-tool.png') no-repeat left center transparent;

	width: 35px;

	height: 35px;

	border: 0;

	padding: 0;

	outline: 0;

}

.btn-delete {

	background-position: right center;

}

.cart-bought {

	text-transform: uppercase;

	font-weight: 600;

}

i.VISA, i.MASTE, i.AMREX, i.JCB, i.VCB, i.TCB, i.MB, i.VIB, i.ICB, i.EXB, i.ACB, i.HDB, i.MSB, i.NVB, i.DAB, i.SHB, i.OJB, i.SEA, i.TPB, i.PGB, i.BIDV, i.AGB, i.SCB, i.VPB, i.VAB, i.GPB, i.SGB,i.NAB,i.BAB 

{ width:80px; height:30px; display:block; background:url(../images/bank_logo.png) no-repeat;}

i.MASTE { background-position:0px -31px}

i.AMREX { background-position:0px -62px}

i.JCB { background-position:0px -93px;}

i.VCB { background-position:0px -124px;}

i.TCB { background-position:0px -155px;}

i.MB { background-position:0px -186px;}

i.VIB { background-position:0px -217px;}

i.ICB { background-position:0px -248px;}

i.EXB { background-position:0px -279px;}

i.ACB { background-position:0px -310px;}

i.HDB { background-position:0px -341px;}

i.MSB { background-position:0px -372px;}

i.NVB { background-position:0px -403px;}

i.DAB { background-position:0px -434px;}

i.SHB { background-position:0px -465px;}

i.OJB { background-position:0px -496px;}

i.SEA { background-position:0px -527px;}

i.TPB { background-position:0px -558px;}

i.PGB { background-position:0px -589px;}

i.BIDV { background-position:0px -620px;}

i.AGB { background-position:0px -651px;}

i.SCB { background-position:0px -682px;}

i.VPB { background-position:0px -713px;}

i.VAB { background-position:0px -744px;}

i.GPB { background-position:0px -775px;}

i.SGB { background-position:0px -806px;}

i.NAB { background-position:0px -837px;}

i.BAB { background-position:0px -868px;}

ul.cardList {

	list-style: none;

}

ul.cardList li {

	cursor: pointer !important;

	float: left;

	margin-right: 5px;

	padding: 5px 4px;

	text-align: center;

	width: 90px;

	border: 1px solid #dcdcdc;

	background-color: #f8f8f8;

	margin-bottom: 5px;

	outline: 0;

	border-radius: 5px;

}

ul.cardList li.active, ul.cardList li:hover, ul.cardList li:focus {

    background-color: rgba(208, 85, 13, 0.08);

    border-color: rgba(255, 0, 0, 0.38);

    box-shadow: -3px 3px rgba(206, 2, 2, 0.18);

}

ul.cardList li label {

	cursor: pointer;

}

ul.cardList li.js .radio {

	display: none;

}

#payment-method div.radio span, .receiver-box div.checker span {

	background: url('../images/uncheck.png') no-repeat top center transparent;

}

#payment-method div.radio span.checked, .receiver-box div.checker span.checked {

	background: url('../images/checked.png') no-repeat top center transparent;

}

.form-checkout label:not(.error) {

	color: #00833E;

}

#payment-method label:not(.error) {

	color: #000000;

}

.form-checkout input, .form-checkout textarea, .form-checkout select {

	border-color: #00833E;

	background: #FFFFFF;

}

.form-checkout h3 {

	text-transform: uppercase;

	color: #00833E;

	font-size: 16px;

	font-weight: 700 !important;

}

.receiver-box, .buyer-box, #payment-method {

	border-top: 1px solid #3DA46C;

	margin-top: 10px;

}

.receiver-box h3 label {

	padding-top: 0 !important;

	color: #CF0A2C !important;

	text-transform: none;

	font-weight: 600;

}

.form-checkout .form-section {

	border-color: #3DA46C;

}

.login-box {

	background: #D0E7D5;

	padding: 20px;

}

.text-uppercase {

	text-transform: uppercase;

}

.text-lowercase {

	text-transform: lowercase;

}

.text-capitalize {

	text-transform: capitalize;

}

.select-custom {

	position: relative;

	height: 34px;

	background: url('../images/select-arrow.jpg') no-repeat right center transparent;

	border: 1px solid #00833E;

	padding: 6px 12px;

}

.select-custom select {

	position: absolute;

	width: 100%;

	top: 0;

	left: 0;

	opacity: 0;

}

.form-checkout .select2-container .select2-choice .select2-arrow {

	width: 35px;

}

.form-checkout .select2-container .select2-choice .select2-arrow b {

	background: url('../images/select-arrow.png') no-repeat 0 0 transparent;

}

.form-checkout .select2-dropdown-open .select2-choice .select2-arrow b {

	background-position: 0 -45px;

}

.form-checkout .form-control .select2-choice, .form-checkout .select2-drop-active {

	border-color: #00833E !important;

}

@media (min-width: 768px) {

	.box-help .deliver {

		border-left: 2px solid #FFFFFF;

		border-right: 2px solid #FFFFFF;

	}

	.box-contact .contact-us .row {

		border-left: 1px solid #BADCC6;

   		border-right: 1px solid #BADCC6;

	}

	.box-contact .contact-us .email-support {

		border-left: 1px solid #BADCC6;

	}

	.footer-information address {

		white-space: pre-wrap;

		text-align: right;

	}

}