/*--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/

.float {
    position: fixed;
    width: 60px;
    height: 60px;
    top: 200px;
    right: 40px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
}

.my-float{
	margin-top:16px;
}

.float1 {
    position: fixed;
    width: 60px;
    height: 60px;
    top: 275px;
    right: 40px;
    background-color: #25d366;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    font-size: 40px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
}

.chaituherbalife
{
min-height:230px;
height:100%;
margin-top:40px;
}

.innerherballife
{
position:absolute;
bottom: 26px;
left: 85px;
}

.innerherballife a
{
color:#000;
text-decoration:none;
font-family: "OpenSans";
font-size:12px;
font-weight:bold;
}

.innerherballife a:hover
{
color:#3c9e02;
text-decoration:none;
font-family: "OpenSans";
font-size:12px;
font-weight:bold;
}

h2
{
color:#
}

.herbalife
{
padding:0px;
}

.herballife
{
position:absolute;
bottom: 106px;
left: 95px;
}

.chaituherbalifeindependentdistributor
{
position:absolute;
bottom: -6px;
left: 65px;
}


.herballife a
{
color:#000;
text-decoration:none;
font-family: "OpenSans-Bold";
font-size:12px;
font-weight:bold;
}

.herballife a:hover
{
color:#3c9e02;
text-decoration:none;
font-family: "OpenSans-Bold";
font-size:12px;
font-weight:bold;
}

.herbal
{
padding:0px 32px 0px 32px;
font-weight:bold;
font-size:13px;
color:#43b714;
font-style:italic;
line-height:18px;
}

.herbalife-links 
{
float:left;
list-style:none;
padding:0px;
}

.herbalife-links li{
float:left;
width:100%;
background-image:url(../i/green-1.jpg);
background-repeat:repeat-x;
padding:5px 0px 5px 0px;
margin-bottom:4px; 
}

.herbalife-links li a{
float:left;
text-decoration:none;
font-size:14px;
color:#fff;
width:100%;
line-height:24px;
padding-left:3px;
padding-right:3px;
}

.herbalife-links li a:hover{
color:#d7fb23;
}
.right
{
margin-right:2px;
}

.banner-top
{
top:-18px;
}

.links-left
{
margin-top:12px;
}

.myherbalife
{
background-color:#62ae1b;
line-height:6px;
margin-top:10px;
}

.head
{
	font-size: 22px;
	color: #199231;
	font-weight:bold;
}

.header
{
 font-size: 24px;
color:#5ac517;
font-family: Montserrat, sans-serif;
line-height:54px;
}

.img-full a img
{
width:100%;
}

.chaitu-bg img {
	width:100%;
}

.chaitu-position {
	position:absolute;
	z-index:99;
	text-align:center;
	bottom:0px;
	width:100%;
	color:#fff;
}

.social-icons i{
	width:50px;
	height:50px;
	background:url('../i/social-icons.png') no-repeat 0px 0px;
	display:inline-block;
}

.social-icons i:hover{
	opacity:0.5;
}

.background-img {
background:url('../i/menu-bg.png') no-repeat bottom right;
}

.inner-background-img {
background:url('../i/menu-inner-bg1.jpg') no-repeat bottom right;
height:160px;
margin-top:-1px;
}

.table-head
{
	color: #000;
	font-weight:bold;
	font-size:16px;
	background-color:#fff;
}

.table-inner
{
	color: #000;
	font-weight:bold;
	font-size:14px;
	background-color:#fff;
}

.text
{
font-family: "Roboto";
font-size:17px;
}

.copy
{
color: #fff;
text-align:center;
}

.area
{
font-family: arial,sans-serif;
font-size: small;
font-weight:bold;
}

.fl a
{
color:#5ac517;
font-family: arial,sans-serif;
font-size: medium;
}

.fl a:hover
{
color:#3c9e02;
font-family: arial,sans-serif;
font-size: medium;
}

.center
{
width:100%
text-align:center;
}


@media (min-width: 320px) and (max-width: 320px) {

.herballife
{
float:left;
position:absolute;
bottom: 45px;
left: 55px;
}

.innerherballife
{
float:left;
position:absolute;
bottom: 18px;
left: 55px;
}

.chaituherbalife
{
margin-top:40px;
}

}


@media (min-width: 321px) and (max-width: 360px) {

.chaituherbalife
{
margin-top:50px;
}


.herballife
{
float:left;
position:absolute;
bottom: 34px;
left: 75px;
}

.innerherballife
{
float:left;
position:absolute;
bottom: 80px;
left: 55px;
}



}

@media (min-width: 321px) and (max-width: 480px) {

.innerherballife
{
position:absolute;
bottom: 21px;
left: 75px;
}

.herballife
{
float:left;
position:absolute;
bottom: 34px;
left: 75px;
}



}


@media (max-width: 767px) {


.herbal {
    padding: 0px 15px;
}
.right {
    margin-right: 0px;
}
.banner-top {
    top: 0px;
}
.chaitu-bg img {
	width:100%;
	height:250px;
}

.herballife
{
float:left;
position:absolute;
bottom: 34px;
left: 75px;
}

}

@media (min-width: 768px) and (max-width: 991px) {

.herballife
{
position:absolute;
bottom: 44px;
left: 90px;
}


.herbal {
    padding: 0px 15px;
}
.banner-top {
    top: 0px;
}
.chaitu-bg img {
	width:100%;
	height:250px;
}

.innerherballife
{
position:absolute;
bottom: 30px;
left: 90px;
}

}

@media (min-width: 1280px) and (max-width: 1920px) {

.herballife
{
position:absolute;
bottom: 75px;
left: 60px;
}

.innerherballife
{
position:absolute;
bottom: 16px;
left: 60px;
}

}

@media (min-width: 1920px) and (max-width: 1920px) {

.herballife
{
position:absolute;
bottom: 43px;
left: 80px;
}

.innerherballife
{
position:absolute;
bottom: 30px;
left: 100px;
}

}