*,body{
	margin:0;
	padding:0
}
body{
	background:rgba(0, 0, 0, 0) linear-gradient(to top, #124c1c, #41a529) repeat scroll 0 0 !important;
}
.main-index-ld{
	width:1024px;
	margin:0 auto;
}
.header-top-ld{
	background:#FFFFFF;
	padding: 15px;
}
.header-left-ld{
	float:left;
}
.header-left-ld p{
	font-size:14px;
	color:#b1f9c8;
}
.header-right-ld{
	float:right;
}
.header-menu-ld{
	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #124c1c, #41a529) repeat scroll 0 0;
	padding:0 10px 0px 20px;
}
.header-menu-left-ld{
	float:left;
}
.header-search-ld{
	float:right;
	width: 190px;
    height: 40px;
}

.slider-index-ld{
	background:#fff;
	padding: 20px;
}
.four-col-index-ld{
	background:#fff;
	padding: 0 20px 20px;
}
.col-one-index-ld{
	background:#42A42D;
	padding: 10px 10px 0 10px;
}

.col-one-index-ld, .col-two-index-ld, .col-three-index-ld{
	float:left;
	width:23%;
	margin-right:15px;
}
.col-two-index-ld .textwidget, .col-three-index-ld .textwidget{
	border-right:1px solid #42A42D;
}
.col-four-index-ld{
	float:right;
	width:24%;
}
.col-four-index-ld ul{
	list-style:none;
	padding-left: 0px;
}
.col-four-index-ld ul li a{
	color:#42a42d;
	font-size: 13px;
}
.head-h3 {
	border-radius: 50px 0;
    background:#42A42D;
    margin-bottom: 10px;
}
.head-h3 h3 {
    /*border-bottom: 1px solid #58C97E;*/
    color: #fff !important;
    margin: 0;
	font-size: 15px;
    padding: 5px 0 5px;
    text-align: left;
}

.footer-index-ld {	
	background: rgba(0, 0, 0, 0) linear-gradient(to right, #195D20, #41A529) repeat scroll 0 0;
	padding:10px 40px;
}
.footer-index-ld  p{
	color:#FFFEFD;
	text-transform:uppercase;
}
.col-one-index-ld p, .col-three-index-ld p {
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    text-decoration: none;
    text-align: justify;
}
.col-two-index-ld a, .col-three-index-ld p {
    color: #42a42d;
    cursor: pointer;
    font-size: 13px;
    text-align: left;
    text-decoration: none;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-flyout ul.mega-sub-menu{
	width:250px;
}
.ls-inner .ls-layer p{
	display:none !important;
}
#layerslider_1:hover .ls-inner .ls-layer p{
	display:block !important;
}
.head-h3 h3{
	text-align: center;
	color:#fffefd !important;
}
.col-three-index-ld a{
	color:#20402B !important;
}
input#woocommerce-product-search-field{
	border: 1px solid #ccc;
    margin: 6px;
	color:#42A42D;
	border-radius: 15px;
    padding: 5px 8px;
    width: 164px;
}
input.btn-submit-ld{
	display:none;
}
#mega-menu-wrap-primary-menu .mega-menu-toggle + #mega-menu-primary-menu{
	/*display:block !important;*/
}
ul#menu-menu-index{
	list-style: none;
	padding: 0;
    margin: 0;
}
ul#menu-menu-index li{
	float: left;
	padding: 10px 20px 11px;
}
ul#menu-menu-index li.current_page_item{
	background:#fff;
}
ul#menu-menu-index li:hover {
	background:#fff;
	cursor: pointer;
}
ul#menu-menu-index li:hover  a{
	color:#222;
}

ul#menu-menu-index li.current_page_item  a{
	color:#222;
}
ul#menu-menu-index li a{
	text-transform:uppercase;
	color:#fff;
}
ul#menu-menu-index li a:hover{
	text-decoration: none;
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {	
	body{
		background:#fff;
	}
	.main-index-ld {
		margin: 0 auto;
		width:99%;
		max-width: 480px;
	}
	#menu-menu-index li{
		float:none !important;
	}
	.header-menu-ld{
		padding: 0px;
	}
	.header-right-ld, .header-left-ld {
		float: none;
		text-align: center;
	}
	
	.col-one-index-ld, .col-two-index-ld, .col-three-index-ld {
		float: none;
		margin-right: 0px;
		width: 96%;
	}
	.col-four-index-ld {
		float: none;
		width: 100%;
	}
	.slider-index-ld {		
		padding: 0px 0px 10px;;
	}
	.four-col-index-ld {	
		padding: 0;
	}
	.footer-index-ld {
		background: rgba(0, 0, 0, 0) linear-gradient(to right, #195d20, #41a529) repeat scroll 0 0;
		margin-top: 10px;
		padding: 10px 5px;
	}
	.header-menu-left-ld{
		float:none;
	}
}

@media only screen and (max-width: 480px){	
	body{
		background:#fff;
	}
	.main-index-ld {
		margin: 0 auto;
		width:330px;
		max-width: 480px;
	}
	#menu-menu-index li{
		float:none !important;
	}
	.header-menu-ld{
		padding: 0px;
	}
	.header-right-ld {
		float: none;
		text-align: center;
	}
	.col-one-index-ld, .col-two-index-ld, .col-three-index-ld {
		float: none;
		margin-right: 0px;
		width: 94%;
	}
	.col-four-index-ld {
		float: none;
		width: 100%;
	}
	.slider-index-ld {		
		padding: 0px 0px 10px;;
	}
	.four-col-index-ld {		
		padding: 0;
	}
	.footer-index-ld {
		background: rgba(0, 0, 0, 0) linear-gradient(to right, #195d20, #41a529) repeat scroll 0 0;
		margin-top: 10px;
		padding: 10px 5px;
	}
	.header-menu-left-ld{
		float:none;
	}
}

/*----------------------------------*/
.suntory-alo-phone {
    background-color: transparent;
    cursor: pointer;
    height: 120px;
    position: fixed;
    transition: visibility 0.5s ease 0s;
    width: 120px;
    z-index: 200000 !important;
}
.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-circle {
    border-color: #bfebfc;
    opacity: 1;
}
.suntory-alo-ph-circle {
    animation: 1.2s ease-in-out 0s normal none infinite running suntory-alo-circle-anim;
    background-color: transparent;
    border: 2px solid rgba(30, 30, 30, 0.4);
    border-radius: 100%;
    height: 100px;
    left: 0;
    opacity: 0.1;
    position: absolute;
    top: 0;
    transform-origin: 50% 50% 0;
    transition: all 0.5s ease 0s;
    width: 100px;
}
.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-circle-fill {
    background-color: rgba(0, 175, 242, 0.9);
}
.suntory-alo-ph-circle-fill {
    animation: 2.3s ease-in-out 0s normal none infinite running suntory-alo-circle-fill-anim;
    border: 2px solid transparent;
    border-radius: 100%;
    height: 70px;
    left: 15px;
    position: absolute;
    top: 15px;
    transform-origin: 50% 50% 0;
    transition: all 0.5s ease 0s;
    width: 70px;
}
.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-img-circle {
    background-color: #ff0000;
}
.suntory-alo-ph-img-circle {
    border: 2px solid transparent;
    border-radius: 100%;
    height: 50px;
    left: 25px;
    opacity: 0.7;
    position: absolute;
    top: 25px;
    transform-origin: 50% 50% 0;
    width: 50px;
}
.suntory-alo-ph-img-circle i {
    animation: 1s ease-in-out 0s normal none infinite running suntory-alo-circle-img-anim;
    color: #fff;
    font-size: 20px;
    line-height: 50px;
    padding-left: 10px;
}
.fa {
    display: inline-block;
    font-family: FontAwesome;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size: inherit;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
}
/*=================== End phone ring ===============*/
@keyframes suntory-alo-ring-ring {
0% {
    transform: rotate(0deg) scale(1) skew(1deg);
}
10% {
    transform: rotate(-25deg) scale(1) skew(1deg);
}
20% {
    transform: rotate(25deg) scale(1) skew(1deg);
}
30% {
    transform: rotate(-25deg) scale(1) skew(1deg);
}
40% {
    transform: rotate(25deg) scale(1) skew(1deg);
}
50% {
    transform: rotate(0deg) scale(1) skew(1deg);
}
100% {
    transform: rotate(0deg) scale(1) skew(1deg);
}
}

@keyframes suntory-alo-circle-anim {
0% {
    opacity: 0.1;
    transform: rotate(0deg) scale(0.5) skew(1deg);
}
30% {
    opacity: 0.5;
    transform: rotate(0deg) scale(0.7) skew(1deg);
}
100% {
    opacity: 0.6;
    transform: rotate(0deg) scale(1) skew(1deg);
}
}

@keyframes suntory-alo-circle-img-anim {
0% {
    transform: rotate(0deg) scale(1) skew(1deg);
}
10% {
    transform: rotate(-25deg) scale(1) skew(1deg);
}
20% {
    transform: rotate(25deg) scale(1) skew(1deg);
}
30% {
    transform: rotate(-25deg) scale(1) skew(1deg);
}
40% {
    transform: rotate(25deg) scale(1) skew(1deg);
}
50% {
    transform: rotate(0deg) scale(1) skew(1deg);
}
100% {
    transform: rotate(0deg) scale(1) skew(1deg);
}
}
@keyframes suntory-alo-circle-fill-anim {
0% {
    opacity: 0.2;
    transform: rotate(0deg) scale(0.7) skew(1deg);
}
50% {
    opacity: 0.2;
    transform: rotate(0deg) scale(1) skew(1deg);
}
100% {
    opacity: 0.2;
    transform: rotate(0deg) scale(0.7) skew(1deg);
}
}