@font-face {
  font-family: 'Asap';
  font-style: normal;
  font-weight: 400;
  src: local('Asap'), local('Asap-Regular'), url(//themes.googleusercontent.com/static/fonts/asap/v2/SgBaq0dzhSGNMfqm2JX5ng.woff) format('woff');
}
@font-face {
  font-family: 'Asap';
  font-style: normal;
  font-weight: 700;
  src: local('Asap Bold'), local('Asap-Bold'), url(//themes.googleusercontent.com/static/fonts/asap/v2/yVILXKVgPzaz72DegpV7Bg.woff) format('woff');
}
@font-face {
  font-family: 'Asap';
  font-style: italic;
  font-weight: 400;
  src: local('Asap Italic'), local('Asap-Italic'), url(//themes.googleusercontent.com/static/fonts/asap/v2/MdJnJ_Rxy6GcPmasGZsTfQ.woff) format('woff');
}
@font-face {
  font-family: 'Asap';
  font-style: italic;
  font-weight: 700;
  src: local('Asap Bold Italic'), local('Asap-BoldItalic'), url(//themes.googleusercontent.com/static/fonts/asap/v2/_sVKdO-TLWvaH-ptGimJBT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v14/DXI1ORHCpsQm3Vp6mXoaTa-j2U0lmluP9RWlSytm3ho.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v14/DXI1ORHCpsQm3Vp6mXoaTZX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v14/DXI1ORHCpsQm3Vp6mXoaTRWV49_lSm1NYrwo-zkhivY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v14/DXI1ORHCpsQm3Vp6mXoaTaaRobkAwv3vxw3jMhVENGA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v14/DXI1ORHCpsQm3Vp6mXoaTf8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v14/DXI1ORHCpsQm3Vp6mXoaTT0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v14/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v14/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v14/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v14/LWCjsQkB6EMdfHrEVqA1KRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v14/xozscpT2726on7jbcb_pAhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v14/59ZRklaO5bWGqF5A9baEERJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v14/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v14/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v14/MTP_ySUJH_bn48VBG8sNSq-j2U0lmluP9RWlSytm3ho.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v14/MTP_ySUJH_bn48VBG8sNSpX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v14/MTP_ySUJH_bn48VBG8sNShWV49_lSm1NYrwo-zkhivY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v14/MTP_ySUJH_bn48VBG8sNSqaRobkAwv3vxw3jMhVENGA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v14/MTP_ySUJH_bn48VBG8sNSv8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v14/MTP_ySUJH_bn48VBG8sNSj0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v14/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v14/k3k702ZOKiLJc3WVjuplzK-j2U0lmluP9RWlSytm3ho.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v14/k3k702ZOKiLJc3WVjuplzJX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v14/k3k702ZOKiLJc3WVjuplzBWV49_lSm1NYrwo-zkhivY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v14/k3k702ZOKiLJc3WVjuplzKaRobkAwv3vxw3jMhVENGA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v14/k3k702ZOKiLJc3WVjuplzP8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v14/k3k702ZOKiLJc3WVjuplzD0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v14/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v14/EInbV5DfGHOiMmvb1Xr-hq-j2U0lmluP9RWlSytm3ho.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v14/EInbV5DfGHOiMmvb1Xr-hpX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v14/EInbV5DfGHOiMmvb1Xr-hhWV49_lSm1NYrwo-zkhivY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v14/EInbV5DfGHOiMmvb1Xr-hqaRobkAwv3vxw3jMhVENGA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v14/EInbV5DfGHOiMmvb1Xr-hv8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v14/EInbV5DfGHOiMmvb1Xr-hj0LW-43aMEzIO6XUTLjad8.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v14/EInbV5DfGHOiMmvb1Xr-hugdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

html, body, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; margin: 0; outline: 0; padding: 0; }
body { font-family: 'Asap', sans-serif; font-size: 13px; color: #676767; margin: 0; padding: 0; text-decoration: none; background: #ffffff; }
input[type="text"], input[type="Password"] { margin: 0px; border: 1px solid #d5d5d5; background: #FFF; font-size: 16px; color: #429bff; padding: 13px; font-family: 'Asap', sans-serif; -webkit-appearance: none; }
textarea { -webkit-appearance: none; }
select, textarea { margin: 0px; border: 1px solid #d5d5d5; background: #FFF; font-size: 16px; color: #429bff; padding: 13px; font-family: 'Asap', sans-serif; resize: none; }
:focus { outline: none; }
h1, h2, h3, h4, h5 { font-weight: normal; }
p { margin: 0 0 20px 0; padding: 0px; line-height: 20px; }
img { border: none; outline: none; }
a { color: #0699c0; text-decoration: none; font-family: 'Roboto', sans-serif; font-size: 13px; outline: none; }
a:hover { color: #9dc62e; text-decoration: none; outline: none; }
.clear { clear: both; }
.relative { position: relative; }
.fleft { float: left !important; }
.fright { float: right !important; }
.valignmidd { vertical-align: middle; }
.sprites { background: url(../images/sprites.png?v=1) no-repeat 0 0; }
/* Common CSS End Here */

#main { display: block; }
#top-container { display: block; position: relative; }
#midd-container { display: block; min-height: 500px; }
#midd-container-inner { display: block; min-height: 500px; background: url(../images/otherprod-bg.png); }
#bott-container { display: block; padding: 25px 0;  }
.fix-content { width: 1175px; margin: auto; }
.logo { width: 277px; float: left; padding:24px 0; }
.acceptcard { width: 473px; float: left; padding-top: 28px; }
.topmenu-fix { position: absolute; top: 41px; right: 20px; z-index: 2; text-align: right; }
.weaccept { width: 340px; margin: auto; }
.weaccept-card { width: 340px; height: 25px; display: block; background-position: -309px -386px; }
.weaccept-txt { text-align: center; margin-bottom: 10px; color: #40a1b3; background: url(../images/greenline.png) repeat-x center; }
.weaccept-txt span { background: #fff; padding: 0 7px; }
.topmenu-fix ul li { list-style-type: none; display:inline-block; vertical-align: middle; margin-left:32px; }
.topmenu-fix ul li a { font-size:14px; color:#368b9b; text-transform:uppercase;font-weight:700;}
.topmenu-fix ul li a:hover, .topmenu-fix ul li a.active { color: #9dc62e; }
.menulist a span.menu-icon { width: 16px; height: 12px; display: inline-block; background-position: -182px -1px; margin-top: 3px; margin-left: 10px; }
.menulist a:hover span.menu-icon { background-position: -182px -15px; }
.midd-banner {  position: relative; background: url(../images/midd-banner.jpg) no-repeat top center; background-size: 150%; height: 396px; }

.midd-banner2 {  position: relative; background: url(../images/midd-banner-2.jpg) no-repeat top center; background-size: 150%; height: 421px; }
.midd-banner3 {  position: relative; background: url(../images/midd-banner-3.jpg) no-repeat top center; background-size: 150%; height: 421px; }
.midd-banner4 {  position: relative; background: url(../images/midd-banner-4.jpg) no-repeat top center; background-size: 150%; height: 421px; }

.copyright { width: 75%; float: left; font-size: 11px; color: #8d8d8d; padding-top: 10px; }
.copyright a { color: #1e91af; margin: 0 5px; font-size: 11px; }
.copyright a:hover { color: #9dc62e; }
.brand-logo { padding: 25px 65px; position: relative; }
.brand-logo ul li { list-style-type: none; float: left; width: 11.1%; text-align: center; }
.brand-logo h4 { font-size: 16px; color: #198ea3; margin-bottom: 30px; text-transform: uppercase; text-align: center; }
.otherproducts { background: url(../images/otherprod-bg.png); border-top: 1px solid #dedede; padding: 30px 0 40px; }
.otherproducts h4, .socialmedia h4 { font-size: 16px; color: #82b200; margin-bottom: 30px; text-transform: uppercase; text-align: center; }
ul.otherprodlist li { list-style-type: none; float: left; width: 18.6%; padding: 0 3%; text-align: center; border-right: 1px solid #d1d1d1; font-size: 14px; }
ul.otherprodlist li.last { border-right: none; }
.prod-logo1 { width: 184px; height: 54px; display: block; margin: auto; background-position: 0 -27px; margin-bottom: 13px; }
.prod-logo2 { width: 194px; height: 54px; display: block; margin: auto; background-position: -192px -27px; margin-bottom: 13px; }
.prod-logo3 { width: 192px; height: 54px; display: block; margin: auto; background-position: 0 -81px; margin-bottom: 13px; }
.prod-logo4 { width: 164px; height: 54px; display: block; margin: auto; background-position: -201px -81px; margin-bottom: 13px; }

.prod-logo1:hover, .prod-logo2:hover, .prod-logo3:hover, .prod-logo4:hover { opacity: .8; }

.prev-arr { width: 15px; height: 29px; display: block; background-position: 0 -135px; position: absolute; top: 55%; left: 20px; }
.next-arr { width: 15px; height: 29px; display: block; background-position: -16px -135px; position: absolute; top: 55%; right: 20px; }
.prev-arr:hover, .next-arr:hover { opacity: .7; }
.banner-content { width: 767px; margin: auto; position: relative; padding-top: 94px; position: absolute; top: 0px; left: 20%; }
.banner-iphone-img { position: absolute; top: -28px; right: 0px; }
.banner-box-bg { background: rgba(1,130,153,.9); border-radius: 10px; min-height: 269px; }
.banner-box-cnt { width: 420px; margin-left: 20px; padding-top: 50px; }
.banner-box-cnt h1 { font-size: 48px; color: #fff; text-transform: uppercase; margin-bottom: 10px; }
.banner-box-cnt p { margin-bottom: 0; font-size: 19px; color: #d1ecf1; line-height: 25px; }
.download-app { background: #182008; border-radius: 10px; height: 70px; margin-top: 25px; font-size: 18px; color: #9dcb22; line-height: 60px; padding: 0 20px; }
.download-app a { font-size: 15px; color: #9dcb22; }
.download-app a:hover { color: #fff; }
.download-l { width: 170px; float: left; line-height: normal; font-size: 15px; padding-top: 19px; padding-left: 15px; }
.download-r { width: 185px; float: left; padding-top: 20px; }
.downloadapp-arr { width: 6px; height: 9px; display: inline-block; vertical-align: middle; background-position: -301px -1px; margin-left: 10px; }
.download-ico1 { width: 19px; height: 27px; display: block; background-position: -201px 0; }
.download-ico2 { width: 22px; height: 27px; display: block; background-position: -223px 0; }
.download-ico3 { width: 25px; height: 27px; display: block; background-position: -248px 0; }
.download-ico4 { width: 23px; height: 27px; display: block; background-position: -276px 0; }
.download-r ul li { list-style-type: none; float: left; margin-left: 15px; }
.mainmenu { width: 306px; background: #008299; position: fixed; height: 100%; top: 0px; right: 0px; z-index: 999; }
.menulink-block { width: 210px; margin: auto; margin-top: 20px; position: relative; }
ul.menulink-main li { list-style-type: none; margin-bottom: 10px; }
ul.menulink-main li a { font-size: 18px; /*color: #7fc0cc; text-transform: uppercase; font-weight: 700;*/color: #a6dee8;font-weight: 500; }
ul.menulink-main li a:hover, ul.menulink-main li a.active { color: #fff; }
.menu-ico1 { width: 23px; height: 17px; display: block; background-position: -416px -19px; float: left; margin-right: 10px; }
a:hover .menu-ico1, a.active .menu-ico1 { background-position: -439px -19px; }
.menu-ico2 { width: 23px; height: 18px; display: block; background-position: -416px -37px; float: left; margin-right: 10px; }
a:hover .menu-ico2, a.active .menu-ico2 { background-position: -439px -37px; }
.menu-ico3 { width: 23px; height: 18px; display: block; background-position: -416px -56px; float: left; margin-right: 10px; }
a:hover .menu-ico3, a.active .menu-ico3 { background-position: -439px -56px; }
.menu-ico4 { width: 23px; height: 23px; display: block; background-position: -504px -64px; float: left; margin-right: 10px; }
a:hover .menu-ico4, a.active .menu-ico4 { background-position: -527px -64px; }

.menu-ico5 { width: 23px; height: 18px; display: block; background-position: -391px -54px; float: left; margin-right: 10px; }
a:hover .menu-ico5, a.active .menu-ico5 { background-position: -391px -74px; }

.menu-ico6 { width: 23px; height: 18px; display: block; background-position: -455px -186px; float: left; margin-right: 10px; }
a:hover .menu-ico6, a.active .menu-ico6 { background-position: -478px -186px; }


a.close-ico { width: 15px; height: 15px; display: block; background-position: -389px -20px; position: absolute; top: 0px; right: 0px; }
a.close-ico:hover { background-position: -389px -36px; }
.mainmenu-sub { padding-top: 10px; }
.mainmenu-sub ul li { list-style-type: none; margin-bottom: 8px; }
.mainmenu-sub ul li a { font-size: 16px; color: #7fc0cc; }
.mainmenu-sub ul li a:hover, .mainmenu-sub ul li a.active { color: #fff; }
.mainmenu-sub ul li a span.submenu-ico1 { width: 20px; height: 13px; display: block; float: left; margin-right: 10px; background-position: -462px 0; vertical-align: middle; margin-top: 3px; }
.mainmenu-sub ul li a:hover span.submenu-ico1, .mainmenu-sub ul li a.active span.submenu-ico1 { background-position: -482px 0; }
.mainmenu-sub ul li a span.submenu-ico2 { width: 20px; height: 14px; display: block; float: left; margin-right: 10px; background-position: -462px -15px; vertical-align: middle; margin-top: 3px; }
.mainmenu-sub ul li a:hover span.submenu-ico2, .mainmenu-sub ul li a.active span.submenu-ico2 { background-position: -482px -15px; }
.mainmenu-sub ul li a span.submenu-ico3 { width: 20px; height: 13px; display: block; float: left; margin-right: 10px; background-position: -462px -32px; vertical-align: middle; margin-top: 3px; }
.mainmenu-sub ul li a:hover span.submenu-ico3, .mainmenu-sub ul li a.active span.submenu-ico3 { background-position: -482px -32px; }
.mainmenu-sub ul li a span.submenu-ico4 { width: 20px; height: 17px; display: block; float: left; margin-right: 10px; background-position: -462px -47px; vertical-align: middle; margin-top: 3px; }
.mainmenu-sub ul li a:hover span.submenu-ico4, .mainmenu-sub ul li a.active span.submenu-ico4 { background-position: -482px -47px; }
.mainmenu-sub ul li a span.submenu-ico5 { width: 20px; height: 16px; display: block; float: left; margin-right: 10px; background-position: -462px -66px; vertical-align: middle; margin-top: 3px; }
.mainmenu-sub ul li a:hover span.submenu-ico5, .mainmenu-sub ul li a.active span.submenu-ico5 { background-position: -482px -66px; }
.mainmenu-sub ul li a span.submenu-ico6 { width: 20px; height: 16px; display: block; float: left; margin-right: 10px; background-position: -462px -83px; vertical-align: middle; margin-top: 3px; }
.mainmenu-sub ul li a:hover span.submenu-ico6, .mainmenu-sub ul li a.active span.submenu-ico6 { background-position: -482px -83px; }
.mainmenu-sub ul li a span.submenu-ico7 { width: 20px; height: 12px; display: block; float: left; margin-right: 10px; background-position: -462px -101px; vertical-align: middle; margin-top: 3px; }
.mainmenu-sub ul li a:hover span.submenu-ico7, .mainmenu-sub ul li a.active span.submenu-ico7 { background-position: -482px -101px; }
.mainmenu-sub ul li a span.submenu-ico8 { width: 20px; height: 18px; display: block; float: left; margin-right: 10px; background-position: -462px -116px; vertical-align: middle; margin-top: 3px; }
.mainmenu-sub ul li a:hover span.submenu-ico8, .mainmenu-sub ul li a.active span.submenu-ico8 { background-position: -482px -116px; }
.mainmenu-sub ul li a span.submenu-ico9 { width: 20px; height: 17px; display: block; float: left; margin-right: 10px; background-position: -462px -136px; vertical-align: middle; margin-top: 3px; }
.mainmenu-sub ul li a:hover span.submenu-ico9, .mainmenu-sub ul li a.active span.submenu-ico9 { background-position: -482px -136px; }
.mainmenu-sub ul li a span.submenu-ico10 { width: 20px; height: 13px; display: block; float: left; margin-right: 10px; background-position: -462px -155px; vertical-align: middle; margin-top: 3px; }
.mainmenu-sub ul li a:hover span.submenu-ico10, .mainmenu-sub ul li a.active span.submenu-ico10 { background-position: -482px -155px; }
.mainmenu-sub ul li a span.submenu-ico11 { width: 20px; height: 11px; display: block; float: left; margin-right: 10px; background-position: -462px -171px; vertical-align: middle; margin-top: 7px; }
.mainmenu-sub ul li a:hover span.submenu-ico11, .mainmenu-sub ul li a.active span.submenu-ico11 { background-position: -482px -171px; }
.mainmenu-sub ul li .fx-icon{ width: 20px;height: 20px;display: block;float: left;margin-right: 10px;background-position: -458px -227px;vertical-align: middle;margin-top: 2px;}
.mainmenu-sub ul li a:hover .fx-icon, a.active .fx-icon{ background-position:-478px -227px;}
ul.social-icon li { list-style-type: none; float: left; margin-right: 17px; }
a.social-ico1 { width: 15px; height: 19px; display: block; background-position: -309px 0; }
a.social-ico1:hover { background-position: -386px 0; }
a.social-ico2 { width: 8px; height: 19px; display: block; background-position: -325px 0; }
a.social-ico2:hover { background-position: -402px 0; }
a.social-ico3 { width: 18px; height: 19px; display: block; background-position: -335px 0; }
a.social-ico3:hover { background-position: -412px 0; }
a.social-ico4 { width: 11px; height: 19px; display: block; background-position: -355px 0; }
a.social-ico4:hover { background-position: -432px 0; }
a.social-ico5 { width: 15px; height: 19px; display: block; background-position: -367px 0; }
a.social-ico5:hover { background-position: -444px 0; }
a.social-ico6 { width: 18px; height: 19px; display: block; background-position: -458px -207px; }
a.social-ico6:hover { background-position: -479px -207px; }

.distributors-banner { background: url(../images/distributors-banner.jpg) no-repeat center top; height: 297px; background-size: 100%;  }
.showsites-banner { background: url(../images/shoppingsites-banner.jpg) no-repeat center top; height: 259px; background-size: 100%;  }
.showsites-banner.affiliate-banner { background: url(../images/register-affiliate-bg.jpg) no-repeat right top; background-size: cover;}
.showsites-banner.referal-rewards-banner { background: url(../images/referal-rewards-bg.jpg) no-repeat right top; background-size: cover;}
.showsites-banner.referal-rewards-banner h1.banner-heading { color: #0c5b80; padding-top: 50px; font-size: 35px; font-weight: 500;}
.showsites-banner.referal-rewards-banner .banner-subtitle {  color: #0c5b80; font-weight: 500; font-size: 35px; margin-top: 10px; }
.showsites-banner h1.banner-heading { padding-top: 70px; } 
.download-banner { background: url(../images/download-banner.jpg) no-repeat center top; height: 260px; background-size: 100%;  }
.download-banner h1.banner-heading { padding-top: 56px; }
.static-banner { background: url(../images/static-banner.jpg) no-repeat center top; height: 216px; background-size: 100%;  }
.pressmedia-banner { background: url(../images/pressmedia-banner.jpg) no-repeat center top; height: 224px; background-size: 100%;  }
.contact-banner { background: url(../images/contact-banner.jpg) no-repeat center top; height: 458px; background-size: 100%;  }

.contact-banner h1.banner-heading { padding-top: 190px; }

.pressmedia-banner h1.banner-heading { padding-top: 75px; } 

h1.banner-heading { font-size: 56px; color: #fff; text-transform: uppercase; padding-top: 90px; }
h1.banner-heading span { font-size: 36px; color: #9dcb22; }
.middpage-padding, .static-page { padding: 35px 0;}
.distributor-left { width: 45%; float: left; }
.distributor-right { width: 48%; float: right; }
.distr-part { float: left; width: 48%; }
.pickup-box { float: right; }
.distributor-left h3 { font-size: 16px; font-weight: 700; color: #404040; margin-bottom: 15px; }
.distributor-left p, .distributor-right p { font-size: 15px; }
.distributor-left a, .distributor-right a { font-size: 15px; text-decoration: underline; }
.distributor-left a:hover, .distributor-right a:hover { text-decoration: none; }

.webcardonline a { background: #328fa5; height: 48px; line-height: 48px; display: inline-block; padding: 0 13px; font-size: 20px; color: #ffffff; text-decoration: none; font-weight:700; border-radius: 5px; text-transform: uppercase; }
.webcardonline a:hover { background: #a6ce39; }
.webcardonline a img { vertical-align: middle; margin-right: 15px; }
.distributor-section { margin-top: 60px; }
.right-img { float: left; }
.distr-part h2 { font-size: 24px; color: #505050; text-transform: uppercase; margin-bottom: 30px; float: left; }
.distr-part h2 span { font-size: 34px; }
.right-img { float: left; margin-left: 40px; }


.shoppingsite-left { width: 40%; float: left; font-size: 15px; }  
.shoppingsite-left a { font-size: 15px; } 
.shoppingsite-right { width: 55%; float: right; }  
.showsitelist { margin-top: 60px; }
a.downloadapplink { font-size: 16px; color: #00829a; font-weight: 700; }
a.downloadapplink:hover { color: #9dc62e; }
ul.download-app-btn li { list-style-type: none; float: left; margin-right: 9px; width: 149px; text-align: center; font-size: 12px; color: #656565; line-height: 14px; }
ul.download-app-btn li a { width: 149px; height: 43px; display: block; }

 .download-app-btn.new {width:100%;display:inline-block;margin-bottom:15px;}
.download-app-btn.new1 {width: 73%;margin: 0px auto;text-align: center;display: inherit;}
.chrome-web-icon {background-position:-314px -333px;cursor: pointer;}

.app-ico1 { background-position: -34px -135px; }
.app-ico2 { background-position: -185px -135px; }
.app-ico3 { background-position: -34px -181px; }
.app-ico4 { background-position: -185px -181px; }
.app-ico5 { background-position: -186px -227px; }
.showsitelist ul li { list-style-type: none; background: #fff; text-align: center; float: left; width: 19.5%; min-height: 93px; margin-right: 5px; margin-bottom: 5px; }
.showsitelist ul li img { margin-top: 20px; }
.watchapp { margin-top: 20px; }
.watchapp a { font-size: 14px; color: #259cb7; }
.watchapp a:hover { color: #fff; }
.watchapp a span { width: 22px; height: 22px; display: inline-block; vertical-align: middle; background-position: -3px -167px; margin-right: 10px; }
.download { text-align: center; font-size: 15px; padding: 0 60px; margin-bottom: 35px; line-height:20px; }
.download-btns { margin-bottom: 40px; }
.download-btns ul { width: 845px; margin: auto; }
.download-btns ul li { margin: 0 10px; }
.download-btns ul li span { display: block; margin-top: 10px; }
.downloadapp-txt { text-align: center; font-size: 15px; color: #6d6d6d; font-weight: 700; }
.downloadapp-txt a { font-size: 15px; }
h1.static-heading { padding-top: 50px; }
h1.static-heading-single { padding-top: 75px; }
.static-page {  font-size: 15px; }
.static-page a { font-size: 15px; }
.static-page h3 { font-size:22px;font-weight:700; color:#368b9b;margin-bottom: 20px;} 
.static-page ul { margin:0px 0px 30px 0px;display: inline-block;}
.static-page ul li { list-style-type: none; margin-bottom: 7px; background: url(../images/bullet-dott.png) no-repeat 0 6px; padding-left: 15px; } 
.faq { display: block; }
.faqlist-left { width: 48%; float: left; }
.faqlist-right { width: 48%; float: right; }

ol.staticpagelist { margin-left: 20px; }
ol.staticpagelist li { margin-bottom: 7px; }

ul.faqlist li { list-style-type: none; margin-bottom: 3px; }
ul.faqlist li .question { background: url(../images/green-plus.png) no-repeat top right #fafafa; padding: 12px 0; display: block; font-size: 15px; color: #232323; padding-left: 20px; padding-right: 35px; }
ul.faqlist li a:hover { color: #9dcb22; }
ul.faqlist li.active { background: #fff; border-left: 4px solid #9dcb22; }
ul.faqlist li.active .question { background: url(../images/faq-close-ico.png) no-repeat top right #fff; }
.faq-answer-block { padding: 0 40px 20px 20px; color: #229cb2; font-size: 15px; word-wrap: break-word; }
.faq-answer-block a{ padding: 0px!important; background: none; }
.aboutus-banner { background: url(../images/aboutus-banner.jpg) no-repeat center top; height: 356px; background-size: 100%;  }
.aboutus-banner h1.banner-heading { font-size: 56px; color: #a6ce38; padding-top: 0; margin-bottom: 10px; }
.aboutus-left { width:40%; float: left; padding-top: 60px; }
.aboutus-right { width:50%; float: right;  padding-top: 70px; }
.aboutus-right a { color: #b0dde0; font-size: 15px; }
.aboutus-right a:hover { color: #fff; }


.aboutus-left p { font-size: 16px; color: #fff; }
.aboutus-right p { color: #b0dde0; font-size: 15px; line-height: 18px; }
p.bigfont { font-size: 18px; }
p.bigfont a { font-size: 18px; }

p.mediumfont { font-size: 15px; }
p.mediumfont a { font-size: 15px; }

ul.about-prodlist li { list-style-type: none; background: #fafafa; border: 1px solid #d5d5d5; margin-right: 8px; float: left; width: 20%; padding: 0; font-size: 14px; text-align: center; padding: 20px 25px; min-height: 230px; line-height: 18px; }
ul.about-prodlist li.last { margin-right: 0; }
.prodlist-img { display: block; margin-bottom: 15px; }
.prodlist-text-cnt { display: block; }
ul.mgmtteam-list li { list-style-type: none;  padding:0; padding-bottom: 60px; background: none; }
ul.mgmtteam-list li:last-child { padding-bottom: 0; }
.mgmt-left { width: 297px; float: left; margin-right: 58px; }
.mgmt-left img { padding: 8px; background: #fff; border: 1px solid #bdbdbd; }
.mgmt-right { width: 795px; float: right; font-size: 14px;  }
.mgmt-right h4 {  font-size: 18px; font-weight: 700; margin-bottom: 5px; }
.onlinewebcard-block { float: right; margin-top: 70px; } 
ul.onlinewebcard-steps li { width: 202px; float: left; border: 1px solid #b6b6b6; list-style-type: none; padding:13px 20px; background: #dcdcdc; text-transform: uppercase; font-size:24px; font-weight: 700; position: relative;}
ul.onlinewebcard-steps li:last-child { border-left: none; }
ul.onlinewebcard-steps li span { font-size: 16px; color: #a1a1a1; }
ul.onlinewebcard-steps li.active span { font-size: 16px; color: #0e7e94; }
ul.onlinewebcard-steps li.active { color: #1e655c; background: #a6ce39; border: 1px solid #96b542; }
ul.onlinewebcard-steps li em { display: none; }
ul.onlinewebcard-steps li.active em { background: url(../images/active-arr.png) no-repeat; width: 24px; height: 13px; display: block; position: absolute; bottom: -12px; left: 45%; }


.registration-left { width: 46%; float: left; }
.registration-right { width: 47%; float: right;  }
.registration-left h2, .registration-right h2 { font-size:20px; color: #333333; font-weight: 700; margin-bottom: 12px; }

.reg-form-lft { width: 49%; float: left; }
.reg-form-rght { width: 49%; float: right; }
.reg-form-full { display: block; }

.reg-form-lft input[type="text"], .reg-form-lft input[type="password"], .reg-form-lft textarea { width: 100%; box-sizing: border-box; }
.reg-form-lft select { width: 100%; }

.reg-form-rght input[type="text"], .reg-form-rght input[type="password"], .reg-form-rght textarea { width: 100%; box-sizing: border-box; }
.reg-form-rght select { width: 100%;}

.reg-form-full input[type="text"], .reg-form-full input[type="password"], .reg-form-full textarea { width: 100%; box-sizing: border-box; }
.reg-form-full select { width: 100%; }

.login-info { clear: both; }

.form-row { margin-bottom: 10px; }

.reg-mr { width: 26%; float: left; padding-right: 10px; box-sizing: border-box; }
.reg-firstname { width: 37%; float: left;  padding-right: 10px !important; box-sizing: border-box; }
.reg-lastname { width: 37%; float: left }
.mr-input { width: 100% !important; box-sizing: border-box; }
.mr-name { width: 100% !important; box-sizing: border-box; }
.reg-lastname input { width: 100% !important; box-sizing: border-box; } 
.valignmidd { vertical-align: middle; }
.regis-captcha input[type="text"] { width: 63%; }
h2.totalamount { background: #e6f3fa; border: 1px solid #b1d8df; border-radius: 10px; font-size: 18px; color: #3885bc; padding: 10px; text-align: center; margin-bottom: 30px; }
.form-row label { width: 50%; float: left; }
.form-row .single-row { width: 50%; float: left; }
.rowbigfontbold { font-weight: 700; font-size: 18px; }
.onlinewebcard-block-cnt { font-size: 15px; } 
.onlinewebcard-block-cnt .form-row { margin-bottom: 15px; }
.bluecolorfont { color: #0b7eb5; }
.formlineheight { line-height: 40px; }
.agree-text { font-size: 15px; margin-bottom: 30px; }
.agree-text a { font-size: 15px; color: #676767; text-decoration: underline;  }
.agree-text a:hover { text-decoration: none; }

.register-submit-but { background: #286fc9; border: none; border-bottom: 3px solid #3a4c61; height: 50px; color: #fff; font-weight: 700; font-size: 26px; text-shadow: 0 1px 0px #333; font-family: 'Asap', sans-serif; text-transform:uppercase; padding: 0 10px; min-width: 150px; cursor: pointer; }
.register-submit-but:hover { background: #9dc62e; }

.order-confirm-block { background: #fff; border: 1px solid #ccc; padding: 15px; margin-top:0px;text-align: center;}
.registration-left-small label { width: 20%; }
#tour-popup, #tour-popup-mobile, #tour-popup-desk { position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; background: url(../images/tour-popupbg.png); z-index:1001; }
.tour-pop-cnt { width: 642px; margin: auto; margin-top: 105px; }
.tour-pop-video { border: 1px solid #000; background: #fff; }
.tour-pop-cnt h3 { font-size: 42px; color: #c0fb20; margin-bottom: 25px; text-transform:uppercase; }
.tour-popup-close { float: right; margin-top: 20px; }
.tour-popup-close a { font-size: 14px; color: #a9fdb0; text-transform: uppercase; }
.tour-popup-close a:hover { color: #fff; }
.tour-popup-close a img { vertical-align: middle; margin-left: 5px; }

.helpsupport-video { float: right; width:430px; font-size: 18px; color: #94c7cb; text-transform: uppercase; font-weight:700; margin-top: 90px; }
.helpsupport-video img { float: left; margin-right: 23px; }
.helpsupport-video a { font-size: 15px; text-transform: uppercase; color: #9ac735; font-weight: 700; display: block; margin: 5px 0; }

.helpsupprt-content { width: 870px; margin: auto; }
.helpblock-tab { width: 575px; margin: auto; margin-bottom: 40px; }

.helpblock-left { width: 464px; float: left; margin-right: 45px; }
.helpblock-right { width: 360px; float: right; padding-top: 50px; }
.helpblock-right p { font-size: 20px; color: #6e6e6e; }

.helpblock-tab ul li  { list-style-type: none; float: left; margin-right: 20px; background: none; padding-left: 0; margin-bottom: 0; }
.helpblock-tab ul li a { background: #fff; border: 1px solid #d9d9d9; width: 120px; height: 120px; display: block; border-radius: 100px; text-align: center; font-size: 18px; color: #0a737f; font-weight: 700; font-style: italic;  }
.helpblock-tab ul li a:hover { border: 1px solid #8eb733; }
.helpblock-tab ul li a.active { border: 3px solid #8eb733; }
.helpblock-tab ul li a span { display: block; font-size: 23px; font-weight: 700; color: #8eb733; margin-bottom: 15px; margin-top: 15px; }

.nopaddingtop { padding-top: 0; }
.pressmedia-cnt { width: 278px; margin-right: 20px; float: left; }
.pressmedia-cnt.last { margin-right: 0; } 
.pressmedia-cnt ul li { list-style-type: none; padding: 0; background: #fafafa; margin-bottom: 20px; border-top: 3px solid #69acb8; padding: 20px; }
.pressmediacnt-1 { width: 220px; font-size: 15px; }

.pressmediacnt-1 a { font-size: 15px; color: #676767; }
.pressmediacnt-1 a:hover { color: #0699c0; }

.pressmediacnt-logo { text-align: right; margin-top: 20px; }
.addfunds-left { width: 123px; float: left; }
.addfunds-right { width: 1040px; float: left; }
.addfunds-left span { border-bottom: 6px solid #a6ce39; padding-bottom: 7px; font-size: 24px; color: #00829a; font-style: italic; }
.addfunds-right h4 { color: #00829a; font-weight: 700; font-size: 24px; margin-bottom: 10px; } 
.addfund-subleft { width: 527px; float: left; margin-right: 88px; }
.addfund-subright { width: 372px; float: right; background: #fafafa; border: 1px solid #c9c9c9; border-radius: 5px; padding: 25px; margin-top: 90px; }
.addfund-subright h5 { font-size: 16px; color: #de4e05; margin-bottom: 20px; }
.addfund-subright p { font-size: 14px; margin-bottom: 0; }
.onlinefund-block { display: block; }
.onlinefund-l { width: 150px; float: left; }
.onlinefund-r { width: 200px; float: left; }
.onlinefund-r span { background: #fff; padding: 5px 10px; display: inline-block; }
.addfund-l-img { width: 48%; float: left; }
.addfund-r-img { width: 48%; float: right; }
.fundlogo { position: absolute; top: 0px;  left: 260px; }
.fullwidth-block { width: 100%; }


.btn-login { background: #286fc9; border: none; border-bottom: 3px solid #3a4c61; height: 50px; color: #fff; font-weight: 700; font-size: 26px; text-shadow: 0 1px 0px #333; font-family: 'Asap', sans-serif; text-transform:uppercase; padding: 0 20px; min-width: 150px; cursor: pointer; }
.btn-login:hover { background: #9dc62e; }

/* cancel button */
a.btn-cancel { background: #286fc9; border: none; border-bottom: 3px solid #3a4c61; height: 50px; color: #fff; font-weight: 700; font-size: 26px; text-shadow: 0 1px 0px #333; font-family: 'Asap', sans-serif; text-transform:uppercase; padding:10px 27px 9px 27px; min-width: 150px; cursor: pointer;}
a.btn-cancel:hover { background-color: #9dc62e; }
/* cancel button */

.btn-small { background: #286fc9; border: none; border-bottom: 3px solid #3a4c61; height: 50px; color: #fff; font-weight: 700; font-size: 26px; line-height: 50px; text-shadow: 0 1px 0px #333; font-family: 'Asap', sans-serif; text-transform:uppercase; padding: 0 20px; min-width: 150px; cursor: pointer; display: inline-block; text-align:center; margin-top:2%;}
.btn-small:hover { background: #9dc62e; color: #fff; }

.forgot-pass {  float: right; margin-top: 5px; }
.forgot-pass ul li { margin-bottom: 10px; }
.forgot-pass ul li a { font-size: 15px; font-weight: 700; }

h2.contact-hd { font-size: 31px; color: #242424; text-transform: uppercase; font-weight: 400; margin-bottom: 20px; }
.regarding-row { font-size: 18px; font-weight: 700; color: #5b5b5b; }
.regarding-row .err { font-weight: normal; font-size: 13px; }
.regarding-row select { width: 80%; margin-left: 20px; }
.contact-icon { width: 40px; margin-right: 20px; float: left; }
.contact-cnt { width: 420px; float: left; font-size: 26px; font-weight: 700;  }
.emailcnt { padding-top: 5px; }
.emailcnt a { font-size: 26px; color: #286fc9; font-weight: normal; }
.emailcnt a:hover { color: #9dc62e; }
ul.contact-social li { list-style-type: none; float: left; margin-right: 10px; }

.register-webcard { width: 317px; background: #a6ce39; border-bottom: 3px solid #6ca926; padding: 17px 20px; float: right; margin-top: 75px; }
.register-webcard a  { font-size: 14px; text-transform: uppercase; color: #fff; font-weight: 700; text-shadow: 0 1px 0px rgba(0,0,0,.3); }
.register-webcard a span { font-size: 22px; color: #0d648c; font-weight: 700; text-shadow: 0 1px 0px rgba(255,255,255,.3); }
.register-webcard img { float: left; margin-right: 15px;  }

.form-row-webcard { margin-bottom: 15px; } 
.form-row-webcard label { display: block; margin-bottom: 5px; font-size: 15px; }

input.webcardonline-input { border: 1px solid #d5d5d5; background: #FFF; font-size: 16px; color: #429bff; padding: 10px; }
.myaccount-banner  { min-height: 86px; height: auto; font-size: 43px; }
.myaccount-banner h1.banner-heading {  padding-top: 15px;  text-transform: capitalize; font-size: 43px; }
.welcome-txt { float: right; font-size: 14px; color: #fff; margin-top: 25px; line-height: 18px; }
.welcome-txt a { font-size: 14px; color: #a6ce39; font-weight: 700; }
.welcome-txt a:hover { color: #fff; }
.welcome-txt span { color: #60d9f0; font-weight: 700; }
.table-box { border: 1px solid #ccc; font-size: 14px; }
.table-box a { font-size: 14px; }
.table-box tr td { padding: 15px; border-top: 1px solid #ccc; }
.table-box tr th { background: #0a869d; padding: 10px; color: #fff; font-weight: 700; text-transform: uppercase;font-size: 13px;}
.table-box tr.even td { background: #fff; }
.table-box tr.highlight td { background: #ffbbba; color: #b14950; }
.table-box tr.highlight td a { color: #b14950; }


.pager { margin-top: 20px; text-align: right; }
.pager a { background: #fff; border: 1px solid #ccc; padding: 7px 10px; margin-left: 5px; color: #666; }
.pager a:hover { background: #0a869d; border: 1px solid #fff;  color: #fff; }
.pager a.active { background: #0a869d; border: 1px solid #fff;  color: #fff; font-weight: 700; }

.new-form { margin-bottom: 10px; }
.new-form label { width: 100px; float: left; font-size: 16px; font-weight: 700; }
.new-form .new-form-txt { float: left; font-size: 16px; }
.new-form .new-form-txt a { font-size: 16px;  }
.topmenu-arr-img { position: absolute; top: -18px; right: 0px; }

.myaccount-section { display: block; }
ul.myaccountsec-list li { list-style-type: none; margin-right: 10px; background: #fafafa; border: 1px solid #dedede; float: left; width: 28.3%; margin-bottom: 10px; padding: 2%;  min-height: 155px; }
/*ul.myaccountsec-list li:nth-child(2n+0) {margin-right:0px;}*/
ul.myaccountsec-list li.myaccount-mergecol { width: 65.6%; background: #0a869d; border: 1px solid #64aebc; padding:0; }
.myaccount-l { width: 90px; float: left; }
.myaccount-r { width: 240px; float: left; }
.myaccount-r p { margin-bottom: 0; line-height: 17px; }
.myaccount-r h4 { margin-bottom: 18px; }
.myaccount-r h4 span { color: #8c8c8c; font-weight: normal; font-size: 24px; text-transform: uppercase; }
.myaccount-r h4 a { font-size: 24px; color: #81ae0a; text-transform: uppercase; font-weight: 700; }
.myaccount-r h4 a:hover { color: #0699c0; }
.myaccount-ico1 { width: 39px; height: 39px; display: block; background-position: -417px -130px; }
.myaccount-ico2 { width: 36px; height: 41px; display: block; background-position: -373px -130px; }
.myaccount-ico3 { width: 56px; height: 56px; display: block; background-position: -350px -173px; }
.myaccount-ico4 { width: 38px; height: 44px; display: block; background-position: -415px -178px; }
.myaccount-ico5 { width: 34px; height: 37px; display: block; background-position: -3px -228px; }
.myaccount-ico6 { width: 58px; height: 45px; display: block; background-position: -42px -229px; }
.myaccount-ico7 { width: 33px; height: 40px; display: block; background-position: -106px -229px; }

.myaccount-ico8 {width: 56px; height: 38px; display: block; background-position: -350px -235px;}
.myaccount-ico9 { width: 56px; height: 49px; display: block;background-position: -406px -225px;}

.myaccount-ico10 { width: 56px; height: 49px; display: block;background-position: -347px -276px;}

.myaccount-r ul li { padding: 0; margin-right: 0; background: none; border: none; width: auto; float: none; background: url(../images/myacc-list-arr.png) no-repeat 0 3px; padding-left: 15px; margin-bottom: 4px; min-height:inherit; }
.myaccount-r ul li a { color: #0a869d; font-weight: 700; }
.myaccount-r ul li a:hover { color: #9dc62e;}
.myaccount-webcard-block { margin-left: 11px; margin-right:23px;}
.myaccount-webcard-l { width: 341px; float: left; background: #9bc133; min-height: 136px; padding: 19px 20px;}
.myaccount-webcard-r { width: 324px; float: right; font-size: 10px; color: #90d8e5; text-transform: uppercase; text-align: right; } 
.myacc-webcard-block { margin-bottom: 10px; margin-top: 50px; background: #ebebeb; }
.myacc-webard-l { width: 101px; height: 61px; background: #a6ce39; border-right: 1px solid #66b062; float: left; color: #105c6a; padding-right: 14px; padding-top: 10px; font-size: 17px; text-transform: uppercase; line-height: 16px; }
.myacc-webard-r { width: 207px; float: left; text-align: center; font-size: 30px; color: #0a869d; line-height: 70px; }
.myacc-webard-r.webcard_number { font-size: 22px;}
.myacc-webard-l span { font-size: 12px; line-height: 15px; }

.myaccount-webcard-l h3 { font-size: 28px; font-weight: 700; color: #10515a; margin-bottom: 13px; padding-right: 100px; text-transform: uppercase; }
.myaccount-webcard-l span.webcard-ico { width: 41px; height: 30px; display: block; float: right; background-position: -415px -98px; }
.myaccount-webcard-l ul li {  padding: 0; margin-right: 0; background: none; border: none; width: auto; float: none; font-size: 15px; color: #354607; margin-bottom: 4px; min-height:inherit; }

.myaccount-webcard-l ul li a {  font-size: 15px; color: #354607; }
.myaccount-webcard-l ul li a:hover { color: #fff; }

.myaccount-webcard-l ul li em { font-style: normal; color: #fff; }
.myaccount-webcard-l ul li span { background: #f5f5f5; border: 1px solid #939393; border-radius: 30px; font-size: 13px; color: #6e862e; font-weight: 700; width: 19px; height: 19px; text-align: center; display: inline-block; margin-right: 5px; line-height: 19px; }

.row-add  { background: #fafafa; border: 1px solid #dedede; float: left; padding: 20px; border-radius: 2px; margin-right: 10px; width: 20.7%; margin-bottom: 10px; }
.row-add.last { margin-right: 0; }
.nameblock { font-weight: 700; min-height: 30px; } 
.nameblock span { font-weight: 400; font-size: 12px; color: #00829a; }
.addressblock { min-height: 125px; }
.phoneblock { min-height: 30px; margin-bottom: 10px; }
.editdellink { text-transform: uppercase; }

.buywebcardonline { margin-top: 60px; }
.buywebcardonline a {  background: #a6ce39; border-right: 1px solid #66b062; color: #fff; text-align: center; padding: 20px; display: block; font-size: 20px; }
.buywebcardonline a:hover { background: #95be25; }

.table-box input[type="text"] { padding: 7px; }

.order-decs-row { background: #fafafa; padding: 10px; margin-top: 5px; color: #0397b8; font-size: 15px; font-weight: 700; }
.address-new { background: #fff; padding: 10px 25px; border-left: 4px solid #9dcb22; }

.pro-box h2 { font-size: 18px; font-weight:700; color: #505050; text-transform: uppercase; margin-bottom: 20px;  }
.row-add-full { width: 44%;  padding: 10px; min-height: 130px; }
.orderdetail-total { background: #fff; border: 1px solid #ccc; padding: 10px; font-size: 15px; border-top: 3px solid #9dcb22; }
.orderdetail-total tr td { padding: 5px; }
.review-total tr td { text-align: right !important; }
#__p_ew_l{ /*border:1px solid #ccc !important;*/ border:none !important; padding: 0 !important;}

.webcardbalance { margin-bottom: 20px; }

.webcardbalance { background: #86a828; padding: 15px; color: #fff; font-weight: 700; font-size: 16px; float:left; }
.webcardbalance img { vertical-align: middle; }

.ccinformation-block label { width: 30% !important; line-height: 40px; }
.ccinformation-block  input[type="text"], .ccinformation-block input[type="password"], .ccinformation-block textarea { width: 40% !important; }

.ccinformation-block select { width: 42.5% !important; }


.ccinformation-block  .debit-txt { margin-bottom: 10px; }

.promotion-left { width: 48%; float: left; }
.promotion-left img { width: 100%;  }
.promotion-right { width: 48%; float: right; }

.contact-address { display: block; margin: 30px 0;  }
.contact-address h3 { font-size:  18px; font-weight: 700; color: #333; }
.topphonenumber { font-weight: 700; font-size: 20px; float: left; padding-top: 27px; color: #2090a4;}

.contact-add-left { width: 50%; min-height: 166px; float: left; }
.contact-add-right { width: 45%; float: right; }

.firstbanner-link { position: relative; width: 860px; margin: auto; } 


/* New Added CSS on 23-06-14 */
.onlinewebcard-bg { background: url(../images/online-webcard-bg.jpg) no-repeat; height: 259px; background-size: 100%; position: relative; }
.onlinewebcard-bg h1.static-heading { padding-top: 75px; }
.onlinewebcard-bg .onlinewebcard-block { position: absolute; top: 0; left: 33%; top: 150px; }
.addfunds { background: url(../images/add-funds-bg.jpg) no-repeat; height: 259px; background-size: 100%; }
.addfunds h1.static-heading { padding-top: 75px; }

.faqbanner { background: url(../images/faq-banner-bg.jpg) no-repeat; height: 260px; background-size: 100%; }
.faqbanner h1.static-heading { padding-top: 75px; }

.helpsupport-banner { background: url(../images/helpsupport-banner-bg.jpg) no-repeat; height: 260px; background-size: 100%; }
.helpsupport-banner h1.static-heading { padding-top: 75px; }



.middbanner1-img { width: 972px; margin: auto; margin-top: 60px; position: relative;  }
.middbanner1-cnt-img { position: absolute; top:0px; right: 0px; }
.middbanner1-blockarea { width: 80%; padding-top: 60px;  }
.middbanner1-cntarea { background: rgba(0,130,154,.9); border-radius: 10px; padding-top: 30px; font-size: 76px; color: #a6ce39; font-weight: 700; text-transform: uppercase; line-height: 60px;  }
.middbanner1-cntarea span { font-size: 54px; color: #ffffff; } 
.middbanner-txt { padding-left: 30px; }


.midd-banner2 .middbanner1-img { width: 810px; }
.midd-banner2 .middbanner1-cntarea {  font-size: 56px; padding-top: 50px; }

.midd-banner3 .middbanner1-img { width: 750px; }
.midd-banner3 .middbanner1-cntarea {  font-size: 56px; padding-top: 50px; }
.midd-banner3 .middbanner1-cnt-img { top: -32px; }

.midd-banner4 .middbanner1-img { width: 860px; }
.midd-banner4 .middbanner1-cntarea {  font-size: 47px; padding-top: 50px; }
.midd-banner4 .middbanner1-cnt-img { top: -60px; }
.midd-banner4 .download-app { margin-top: 25px; }
.ui-multiselect { width: 100% !important; }

.edit-dtpicker {width:74% !important; margin-top: 3px !important; }
.new-icon { position: absolute; top: -7px; left: -7px; }


.register_block .register-verification { position: absolute; top: 180px; left: 30%; }

a.register-submit-but { background: #286fc9; border: none; border-bottom: 3px solid #3a4c61; height: 50px; display: inline-block; text-align: center; line-height:50px; color: #fff; font-weight: 700; font-size: 26px; text-shadow: 0 1px 0px #333; font-family: 'Asap', sans-serif; text-transform:uppercase; padding: 0 10px; min-width: 150px; cursor: pointer; }
a.register-submit-but:hover { background: #9dc62e; }
.selecttype { font-size: 18px; margin-bottom: 40px }
.selecttype  label.selectlabel { width: 30%; float: left; font-weight: 700; }
.selecttype  .selecttype-single { width: 70%; float: left; }
ul.verify-btns li { width: 33%; float: left; text-align: center; list-style-type: none; }
.verifytxt { font-size: 16px; font-weight:700; color: #005157; margin-top: 7px; }
.pendingtxt { font-size: 16px; font-weight:700; color: #e35000; margin-top: 7px; }

.verificationbg { background: url(../images/static-banner.jpg) no-repeat center top; background-size: 115%;   }
.verification-thankyou { text-align: center; padding-top: 50px; font-size: 23px; }
.verification-thankyou span { color: #93c01b; font-weight: 700; font-size: 35px; margin-bottom: 10px; display: block; }

.addmore_block a { background: url(../images/addnew-plus.png) no-repeat 8px center #9dcb22; border: 1px solid #fff; border-radius: 4px; padding: 8px 10px 8px 25px; display: inline-block; color: #fff; font-size: 12px; text-transform: uppercase; }  

/* New Added CSS */
.socialmedia { background: #dedede; padding: 15px 0; text-align: center; margin-bottom: 25px; }
.socialmedia a { margin: 0 5px; }
a.facebook { width: 35px; height: 35px; display: inline-block; vertical-align: middle; background-position: 0 -275px; }
a:hover.facebook { background-position: -147px -275px; }
a.twitter { width: 35px; height: 35px; display: inline-block; vertical-align: middle; background-position: -36px -275px; }
a:hover.twitter { background-position: -183px -275px; }
a.instagram { width: 35px; height: 35px; display: inline-block; vertical-align: middle; background-position: -73px -275px; }
a:hover.instagram { background-position: -220px -275px; }
a.youtube { width: 35px; height: 35px; display: inline-block; vertical-align: middle; background-position: -110px -275px; }
a:hover.youtube { background-position: -257px -275px; }

.homebott-txtarea { display: block;  background: url(../images/home-bottpart-bg.gif) repeat-y center top;  }
.homebott-txt-l { width: 310px; float: left; padding: 20px 0; background: url(../images/middbott-arr-bg.gif) no-repeat right top; height: 180px; }
.homebott-txt-l img { margin-top: 30px; }
.homebott-txt-r { width: 825px; float: right; line-height: 20px; padding: 20px 20px; font-size: 15px; color: #fff; }
.homebott-txt-r a { color: #9dcb24; font-size: 15px; }
.homebott-txt-r a:hover { color: #fff; font-size: 15px; }

ul.whyusemfa li { list-style-type: none; background: none; padding: 0; margin-bottom: 30px; line-height: 22px; }
ul.whyusemfa li span { color: #00829a; font-weight: 700; font-size: 17px; text-transform:uppercase; margin-right: 10px; }
ul.whyusemfa li div.count { background: #a6ce39; border-radius: 30px; width: 30px; height: 30px; line-height: 30px; display: block; float: left; margin-right: 10px; color: #fff; text-align: center; font-weight: 700; font-size: 17px; }
ul.whyusemfa li div.whyinfo-txt { float: left; width: 96%; }

ul.shoponline li { list-style-type: none; background: none; padding: 0; margin-bottom: 30px; line-height: 22px; } 
ul.shoponline li .step-l { width: 70px; float: left; margin-right: 20px; background: #00829a; text-align: center; color: #fff; font-weight: 700; padding: 5px; border-radius: 5px; text-transform: uppercase; }
ul.shoponline li .step-r { width: 90%; float: left; font-size: 17px; padding-top: 3px; }

.buyclothes-cnt { background: #fff; padding: 20px; clear: both; min-height: 150px; line-height: 20px; }
.greenfontcolor { color: #a6ce39; }

/* Styles related to learn more */
.learnmore-block {
	display: block;
	padding: 30px 0;
}
#learn-more {
width: 100%;
border: 1px solid #cfcfcf;
border-radius: 3px;
}

#learn-more #learn-more-title {
  width:126px;
  color: #ffffff;
  font-size: 17px;
  padding: 11px 0 10px 30px;
  display: block;
  float: left;
  border-top: none; border-left: none;
  position: relative;
  background-color: #0e889e;font-family: "Asap",sans-serif;
}
#learn-more #learn-more-title .arrow-icon {
  background: url('../img/common/learn_more_arrow.png') no-repeat 0 0;
  width: 16px; height: 14px;
  display: block; position: absolute;
  top: 14px; right: 14px;
}
#learn-more #tabs {
  font-family: "gnuolane", sans-serif;
  overflow: hidden;
  background: #f4f3f3; /* Old browsers */
		
  border-bottom: 1px solid #cfcfcf;
  
}
#learn-more #tabs a {
  color:#676767;
  font-size: 15px;
  padding:13px 76px 10px 37px;
  display: block;
  float: left;
  border-right: 1px solid #c1c2c2;
  position: relative;
}
#learn-more #tabs a:hover {
  background-color: #f5f5f5;
}
#learn-more #tabs a:last-child {
  border-right: none;
}
#learn-more #tabs a.active {
  background: #ffffff; /* Old browsers */ color:#6b9b3b;
 

}
#learn-more #tabs a .status-icon {
  background: url('../img/common/learn_more_tab_icons.png') no-repeat top;
  width: 26px; height: 26px;
  display: block; position: absolute;
  top: 9px; right: 14px;
}
#learn-more #tabs a.active .status-icon {
  background-position: bottom;
}
#learn-more #tab-panes {
  background: #fcfcfc;
}
p.more{
  padding: 0 0 10px;
  margin: 0;
}
#learn-more #tab-panes .cont {
  display: none;
}
#learn-more #tab-panes>div {
  display: none;
  padding: 15px;
}
#learn-more #tab-panes>div h5 {
  font-weight: 700;
  margin-bottom: 15px;color: #82b200; font-size:16px;
}
#learn-more #tab-panes>div h6 {
  font-weight: 700;
  margin-bottom: 0;
}
#learn-more #tab-panes>div ul {
  list-style: disc;
  padding-left: 1.5em;
} 
#learn-more #tab-panes>div a {
  color: #0e889e;
  text-decoration:  none; font-size:12px; 
}
#learn-more #tab-panes>div a:hover{ color:#9dc62e;}
#learn-more #tab-panes>div p:last-child {
  margin-bottom: 30px;
}
#learn-more #tab-panes .col {
  float: left;
}
#learn-more #tab-panes .col.left {
  margin-right: 50px;
}

#learn-more #learn-more-title .arrow-icon{background: url(../images/tab_icon.png) no-repeat !important; width:15px !important; height:40px !important;right:-15px !important;top:0px !important; z-index:10;}
.new_tab_cont{ width:100%; display: inline-block;}
.new_tab_cont ul{ margin:0; padding:0;}
.new_tab_cont li{ list-style-type:none; width:20%; float:left; list-style:none; font-size:14px; line-height:22px;text-transform: capitalize;}

.bott-social { width: 25%; float: right; text-align: right; margin-bottom: 20px; color: #82b200;
    font-size: 14px; text-transform: uppercase; padding-top: 25px; }
	
.widthautofloatnone { width: auto !important; float: none; }
.customorder-l { width: 48%; float: left; }
.customorder-r { width: 48%; float: right; }

.copyright-link { float: left; padding-top: 10px; }
.newsletterbox { float: left; margin-left: 10px; border-left: 1px solid #ccc; padding-left: 10px;  }
.newsletterbox h4 { font-size: 14px; color: #00829a; text-transform: uppercase; font-weight: 700; margin-bottom: 4px; }
.subscribe-input { display: block; }
.subscribe-input input[type="text"] { width: 200px; padding: 7px; color: #333 !important; font-size: 14px; }
.go-btn { background: #a6ce39; border: none; padding: 8px 10px 7px; color: #fff; font-weight: 700; text-transform: uppercase;  font-family: 'Asap'; vertical-align: top; cursor: pointer; }
.go-btn:hover { background: #00829a; }

.review-address .row-add { width: 46%; margin-right: 0; min-height: 200px; }
.check-box label { margin-bottom: 5px; display: block; }
.paymentmethod-txt { margin-bottom: 5px; }

.btn-apply { background: #286fc9; border: none; border-bottom: 3px solid #3a4c61; height: 45px; color: #fff; font-weight: 700; font-size: 22px; line-height: 45px; text-shadow: 0 1px 0px #333; font-family: 'Asap', sans-serif; text-transform:uppercase; padding: 0 20px; min-width: 150px; cursor: pointer; display: inline-block; text-align:center; vertical-align: middle; min-width: 170px;}
.btn-apply:hover { background: #9dc62e; color: #fff; }

.debit-box { font-size: 18px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 20px 0; }
.pickup-address-block { display: block; margin-top: 20px; width: 46%; }
.revieworder-red { font-size: 18px; font-weight: 700; color: #dd0c11; float: right; }


/* New Added CSS on 27/11/2014 */
ul.otherprodud-big li { width: 27%;  }
.homepage-steps { display: block; padding: 35px 0; border-top: 1px solid #e5e5e5; }
ul.homestep-content li { list-style-type: none; width: 27%; padding: 0 3%; float: left; text-align: center; }
.homestep-ico1 { width: 100px; height: 100px; display: block; margin: auto; background-position: 0 -312px; margin-bottom: 30px; }
.homestep-ico2 { width: 100px; height: 100px; display: block; margin: auto; background-position: -104px -312px; margin-bottom: 30px; }
.homestep-ico3 { width: 100px; height: 100px; display: block; margin: auto; background-position: -209px -312px; margin-bottom: 30px; }
.homestep-ico1 a, .homestep-ico2 a, .homestep-ico3 a { width: 100px; height: 100px; display: block; }
.homestep-cntarea { display: block; font-size: 15px; color: #585959; line-height: 20px; }
.homestep-cntarea a { font-size: 15px; color: #585959; text-decoration: underline;  }
.homestep-cntarea a:hover { text-decoration: none; }
.homestep-cntarea h3 { font-size: 24px; color: #9cc330; font-weight: 700; margin-bottom: 15px; text-transform: uppercase; }
.homestep-cntarea h3 a { font-size: 24px; color: #9cc330; font-weight: 700; text-decoration: none; }
.homestep-cntarea h3 a:hover { color: #0699c0;  }
.steplinebg { background: url(../images/greenline-bg.gif) no-repeat center 50px; }

.step-btnsarea { display: block; margin-top: 50px; text-align: center; }
.step-btnsarea a { background: #00829a; border: none; border-radius: 3px; height: 45px; line-height: 45px; color: #fff; font-size: 18px; text-shadow: 0 1px 0px #333; display: inline-block; padding: 0 20px; cursor: pointer; margin: 0 5px;  }
.step-btnsarea a:hover { background: #9dc62e; }

.myaccount-directchina-ico { background: url(../images/direct-from-china-ico.png) no-repeat; width: 58px; height: 42px; display: block; }

input.form-small-btn { font-size: 12px; height: auto; line-height: normal; border-radius: 4px; display: inline-block; padding: 6px; min-width:inherit; }

/*.common-small-btn { background: #a6ce39; border: none; padding: 8px 10px 7px; color: #fff; font-weight: 700; text-transform: uppercase;  font-family: 'Asap'; vertical-align: top; cursor: pointer; border-radius: 3px; }
.common-small-btn:hover { background: #00829a; color: #fff; }

.result_block { border: 1px solid #ccc; border-radius: 4px; background: #fff; margin-bottom: 10px; padding: 10px; }

.cus-search-img { width: 100px; float: left; margin-right: 20px; }
.cus-search-img img { width: 100%; }
.cus-search-desc { width: 88%; float: left; font-size: 14px; }
.cus-search-desc a { font-size: 16px; }
.title { font-size: 18px; font-weight: 700; margin-bottom: 10px; color: #a6ce39; } 
.title a { font-weight: 400; color: #666; font-size: 14px; }*/

/*#result a { font-size: 14px; }
#result a:hover { color: #d5d5d5; }*/
.mfabookmark-left { float: left; }
.mfabookmark-right { float: right; }

.upload-pic-left { float: left; margin-right: 20px; padding-top: 30px; }
.upload-pic-right { float: left; font-size: 11px; }
.upload-pic-right span { display: block; margin-top: 5px; }

/*  Refund Page Style  */
.refound-form { width:80%;margin:0 auto;}
.refound-form h2 { font-size:26px;color:#141414;font-weight:700;margin-bottom:15px;}
.refound-form p{ font-size:13px; color: #141414; margin: 0 0 5px 0;}
.refound-form .row { width:80%;font-size:14px;margin-bottom:15px;display:inline-block;}
.refound-form .row label{ width:30%;float:left;height:32px;line-height:32px;}
.refound-form .row .label-txt { width:70%;float:left;}
.refound-form .row .label-txt span {font-size:13px;}
.refound-form .row .label-txt input[type="text"], .refound-form .row .label-txt input[type="Password"] { margin: 0px; border:1px solid #acacac; background: #FFF; font-size:16px;/*color: #000;*/ padding:0px 15px;font-weight:normal;height:32px;line-height:32px;width:80%;}
.refound-form .row .label-txt input, select, textarea { border: 1px solid #acacac; background:#FFF; /*color: #000;*/ resize: none; margin: 0px; /*padding: 0px 15px;*/ }
.refound-form .row .label-txt .btn-login:hover { background-color: #00829A; }
.refound-form .row .label-txt .btn-login { width: 150px; background: #9dcb22; border: 1px solid #7ca218; box-shadow: 0px 3px 3px #bebebe; font-size: 24px; font-weight: 700; text-transform: uppercase; color: #FFF; cursor: pointer; padding: 10px; margin: 0px; margin-right: 15px; }
.date { float:right;text-align:right;width:50%;font-weight:bold;}
.status { float:left;text-align:left;width:50%;font-weight:bold;}
h1.webcard-pur { font-size: 44px; }
input.webcard-pur-input { width: 40% !important; }
.webcardonline-captcha-img { vertical-align: middle; }
.webcard-purchase-cnt { font-size: 15px; }

ul.purchase-confirm li { list-style-type: none; margin-bottom: 7px; padding: 7px 0; font-size: 15px;  }
ul.purchase-confirm li label { width: 35%; float: left; font-weight: 700; }
ul.purchase-confirm li .purchase-confirm-line { width: 65%; float: left; }
ul.purchase-confirm li:last-child { border-top: 2px solid #ccc; color: #00718e; font-size: 16px; }


.dona-new { background: url(../images/download-banner-new.jpg) no-repeat center top; height:260px; background-size:100%;}
.fix-content { width:1175px;margin:auto;}
.app-install { margin-top: 20px;}
.app-install p { font-size:14px; color:#fff;margin:0px;margin:0px;text-shadow:1px 1px 1px #000;text-align:center;padding-top:31px;padding-bottom:20px; font-weight:bold;}  
.app-install p.bt { padding-top:0px;}
.app-install p.bt span {border-radius:3px;text-align:center;padding:3px 5px;border:1px solid #fff;margin:0 5px;box-shadow:1px 1px 1px #000;}
.app-install p.bt span a { font-size: 14px; color: #259cb7;box-shadow:1px 1px 1px #000;}
.app-install p.bt span a:hover{ width: 22px; height: 22px; display: inline-block; vertical-align: middle; background-position: -3px -167px; margin-right: 10px; }
.app-install h1 { font-size:36px;color:#fff;margin:0px;margin:0px;text-shadow:1px 1px 1px #000;text-align:center;padding-bottom:20px; padding-top:0 !important;}
a.install-btn { background:#a6ce39;text-shadow:1px 2px 1px #000;padding:15px 35px;display:block;width:280px;margin:0 auto;text-align: center;color:#fff;text-decoration:none;font-size:34px;font-weight:bold;border-radius:5px;line-height:34px;margin-bottom:20px;}
a.install-btn:hover { background:#999999;} 
/*---------- payment process -------------------*/
        .debit-box .debit-txt select.months{width: 21% !important; box-sizing: border-box;}
        .debit-box .debit-txt select.years{width: 21% !important; box-sizing: border-box;}
        
/*---9-1-2015---new css---*/
.online-webcard-block{ width:100%; display:inline-block;}
.online-webcard-block img{ vertical-align:middle; height:36px;}
.online-webcard-block  img.paypalobjects-img{ height:26px;}
.form-row-webcard-new input.webcardonline-input-new{ width:55%;}


.price-info {  color: hsl(0, 0%, 62%); font-size: 16px; color: #000; text-transform: uppercase; font-weight: 500; margin-bottom: 5px; }
.price-info span { color: #96bc2c; margin-right: 10px; }





.menu-ico7 { width: 21px; height: 21px; display: block; background-position: -504px 0px; float: left; margin-right: 10px; }
a:hover .menu-ico7, a.active .menu-ico7 { background-position: -527px 0px; }
.menu-ico8 { width: 21px; height: 18px; display: block; background-position: -504px -23px; float: left; margin-right: 10px; }
a:hover .menu-ico8, a.active .menu-ico8 { background-position: -527px -23px; }
.menu-ico9 { width: 23px; height: 15px; display: block; background-position: -504px -45px; float: left; margin-right: 10px; }
a:hover .menu-ico9, a.active .menu-ico9 { background-position: -527px -45px; }

.pay-cnt-area { display: block; padding: 30px 0; text-align: left; }
.pay-cnt-area h3 { font-size: 18px; color: #a6ce39; font-weight: 700; text-transform: uppercase; margin-bottom: 10px }
.pay-cnt-area ol { margin-left: 15px; }
.pay-cnt-area ol li { margin-bottom: 10px; font-size: 14px; }
.payment-detail-cnt { margin-top: 50px; }
.payment-detail-cnt input { margin: 0 7px 0 20px; padding: 10px !important; color: #333;  }
button.savecode { background: #00829a; border: none; border-radius: 3px; color: #fff; text-transform: uppercase; font-weight: 700; height: 40px; line-height: 4px; display: inline-block; padding: 0 15px; font-family: 'Asap'; vertical-align: top; cursor: pointer; }
button.savecode:hover { background: #a6ce38; }
.continue-shop .savecode{margin-top: 10px;width: 100%;}

/**added on 8-10-16**/
.payment-method-rdo {  border-right:2px solid #6a6a6a !important; height:150px; box-sizing:border-box; }
.payment-method-4col{width:25% !important;}
.payment-method-2col{width: 50% !important;}
.payment-method-1col{width: 90% !important;}
.payment-method-rdo:last-child { border-right:none !important; }
.payment-method-rdo-midd { border-left:none !important; }
/**added on 8-10-16**/

/**added on 10-10-16**/
.payment-method-rdo img.mpesa-img { height:40px !important; }
.online-webcard-desc.mpesa-part {padding-top: 6px;}
/**added on 10-10-16**/
 .li-site-box { min-height: 240px;  }
 
 .not-chrome-cls .banner-text { width: 70%; margin: auto; text-align: center; display: block; position: inherit; }
 .not-chrome-cls .banner-text h3 { font-size: 60px; margin-top: 70px; }
 
 .no-banner-cls .store-section { position: relative !important; top: -5px !important; }
  .no-banner-cls .banner-srch { border-radius: 0 0 4px 4px !important; }
 .header-part { border-bottom: 1px solid #e4e4e4; }
  .no-banner-cls .banner-section { display: none; }
  
  .top-country-dropdown .select2-selection img { margin-right: 7px; }
 
/**added on 25-11-16**/
.store-section { top:-50px !important; }

.chrome-condition { background: #C00; text-align: center; padding: 5px 10px; color: #fff; font-weight: 700; text-transform: uppercase; font-size: 15px;  }

.walkthrough-video-url{display:inline-block; position:relative;}
.walkthrough-video-url .play-icon{position: absolute; left: 50px; top: 0; right: 50px; bottom: 16px; text-align: center; margin: auto;  display: block; border-radius: 14px 14px 0 0;}
.walkthrough-video-url:hover .play-icon{position: absolute; left: 50px; top: 0; right: 50px; bottom: 16px; text-align: center; margin: auto; display: block; border-radius: 14px 14px 0 0;}
.walkthrough-video-url .play-icon img{top:50%; position:absolute; left: 50%; margin-left: -35px; margin-top: -35px;}
.helpblock-right .walkthrough-video-url .play-icon{position: absolute; left: 20px; top: 3px; right: 8px; bottom: 15px; text-align: center; margin: auto; display: block; border-radius: 26px;}
.helpblock-right .walkthrough-video-url:hover .play-icon{position: absolute; left: 20px; top: 3px; right: 8px; bottom: 15px; text-align: center; margin: auto; background: rgba(0,0,0,0.5); display: block; border-radius: 26px;}
a#chrome_video { margin-top: 80px; }

.videointro-l { width: 70%; float: left; }
.videointro-r { width: 30%; float: right; text-align: right; }

.register-block-cnt { width: 450px; margin: auto; border: 1px solid #ccc; padding: 20px; background: #fff; }
.register-block-cnt h2 { color: #333; font-weight: 400; margin-bottom: 20px; } 
.register-block-cnt .form-row input[type="text"], .register-block-cnt .form-row input[type="password"], .register-block-cnt .form-row select { width: 100% !important; box-sizing: border-box; }
.register-block-cnt .mr-name { width: 100% !important; }
.register-block-cnt .reg-buttonarea { display: block; margin-top: 20px; }
.register-block-cnt .register-submit-but { display: block; width: 100%; border-bottom: none; font-size: 18px; }

@media screen and (max-width:786px){
	.registration-left .reg-form-full input{width:100% !important}
.registration-left .reg-form-full textarea{width:100% !important}
}



/* 11-7-17  */
.dress-category { width:1175px; margin:0px auto;  }
.dress-category ul { display:block; margin-bottom:20px;}
.dress-category ul:last-child { border: none;}
.dress-category ul li { display:block; text-align:center; width: 33%; float: left; margin:5px 0; font-family: 'Open Sans'; font-size:15px; font-weight:300; color:#000; line-height:normal;}
.prod { display:block;}
.prod-item { display:inline-block; width:23.3%;  border:1px solid #ddd; background:#fff; padding:5px; margin:5px; float:left;}
.prod-item:nth-child(5n), .prod-item:nth-child(1){ margin-left:0;}
.prod-item:nth-child(4n){ margin-right:0;}
.prod-item:hover, .prod-item:focus { border-color: #a6ce39;}
.pro-img { width:100%; min-height:200px; margin:auto; text-align:center; display:block;}
.pro-img img { height:auto; width:auto; max-width:100%; max-height:200px;}
.item-logo { width:100%; min-height:50px; text-align:center; vertical-align:middle; display:block;}
.item-logo img { width:auto; max-height:50px; max-width:100%; vertical-align:middle;}
.prod-item p { text-align:left; color:#000; padding: 0 10px; margin-bottom:0; min-height:65px; font-size: 12px;}
.prod-item .btn-shop { padding:10px; background:#000; color:#fff; font-size:14px; text-transform:uppercase; display:block; border-radius:3px; transition:ease 0.2s; text-align:center;text-decoration: none !important;}
.prod-item .btn-shop:hover { background:#a6ce39;}
.page-title { text-align:center; padding-top:15px; height:72px !important;}
.page-title h4 { color:#9dcb22; font-size:18px; text-transform:uppercase; margin: 0;}
.page-title h2 { color:#fff; font-size:25px; text-transform:uppercase; font-weight:600; margin-top: 0;}
.hd-desc { font-size:17px; line-height:22px; color:#000; font-weight:300;  font-family: 'Open Sans'; padding-top:10px; width:1175px; margin:auto; }
.hd-desc span { display:block; color: #fff; font-family: 'Open Sans'; font-weight:400; font-size:26px;}
.green-bg { width:100%; background: none; margin-bottom: 20px;}
.padtop20 { padding-top:20px !important;}
.header-part .topmenu-fix ul { margin-bottom:0;}


.page-title h2.static-hd-big { font-size: 35px; line-height: 35px; } 
.nobg-hd { background: none !important; }
.nobg-hd.page-title h2, .nobg-hd.page-title h4 {  color: #000 !important; }
.nobg-hd.page-title h2 { font-size: 40px; }

.smallbox {border:1px solid #d5d5d5 !important;font-size:15px !important;padding:9px !important;}
.static-main-whitebg { background: white; overflow: hidden; }
.static-main-whitebg { background: white; overflow: hidden; }
.verification-lbl { font-size: 11px !important; width:100% !important;float: none !important; display: block;}

.cmn-blue-btn { background: #286fc9; border: none; height: 47px; color: #fff; font-weight: 700; font-size: 18px; text-shadow: 0 1px 0px #333; font-family: 'Asap', sans-serif; text-transform:uppercase; padding: 0 20px; min-width: 120px; cursor: pointer; }
.cmn-blue-btn:hover { background: #9dc62e; }
.affiliate-url { background: #fff; border: 1px solid #ccc; width: 100%; padding: 10px; box-sizing: border-box; border-radius: 3px; }
.affiliate-url-reg { background: #fff; border: 1px solid #ccc; padding: 14px 10px; box-sizing: border-box;  font-family: 'Asap'; font-size: 16px; }
.static-page.register-affilate-part { padding: 15px 0 10px; }
.static-page.register-affilate-part h3 { margin-bottom: 5px; font-size: 18px; }
.static-page.register-affilate-part p { font-size:14px; text-align:justify; }
.last-btm-row { width:100%; display:inline-block; text-align:left; padding-top: 20px; }
.submit-btn-row {width: 100%;display: inline-block;margin-top: 15px;}
.register-affilate-part .form-row {width: 100%;float: left;}
.lft-input-row {float: left;margin-right: 5px;}
input.affiliate_code_text_cls { padding: 2px 5px !important; line-height: 25px; }
.url-txt {margin-top: 5px;display: inline-block; font-size: 14px;} 
.reg-affiliate-btn { padding-top: 96px; }
.section-margin-top { margin-top: 20px; }
.get-app-app-btn { height: 50px; line-height: 50px; background: #31cd28; display: inline-block; font-size: 20px; font-weight: 400; border-radius: 12px;
color: #FFF; padding: 0 20px }
.get-app-app-btn:hover { color: #fff; background: #27c21e; }
#affiliate_url img { margin-left: 10px; vertical-align: middle; }

h1.ajx-popup-title { padding: 10px; background: #00829a; color: #fff; padding: 5px; font-size: 20px; }
.ajx-popup-table { padding: 20px; }
table.reward-points { background: #e4e4e4; }
table.reward-points tr th { background: #f6f6f6; padding: 8px; }
table.reward-points tr td { padding: 8px; background: #fff;  }



/* New added css on 17/04/2018 */
.shipfree-promo { display: block; margin-top: 30px; color: #222; }
.shipfree-l { float: left; width: 40%; margin-right: 2%; }
.shipfree-l img { max-width: 100%; }
.shipfree-r { float: left; width: 58%; }
.shipfree-r h3 { font-size: 22px; color: #368b9b; font-weight: 700; text-transform: uppercase; margin-bottom: 20px; }
.shipfree-r p { border-bottom: 1px solid #d6d6d6; padding-bottom: 15px; margin-bottom: 15px; font-size: 15px; }
.shipfree-r p:last-child { border-bottom: none; padding: 0; }
.shipfree-r p em { font-style: normal; color: #85ae21; text-transform: uppercase; font-weight: 700; }
.shipfree-r p span.freeship { font-size: 16px; text-transform: uppercase; color: #dc5b2c; border: 1px dashed #dc5b2c; padding: 5px 7px; background: #fff; display: inline-block; font-weight: 700;}
.ship-step-cnt { display: block; margin-top: 30px; }
.ship-step-cnt ul li { width: 32.60%; margin-right: 1%; float: left; list-style-type: none; background: #fff; border-radius: 4px; }
.ship-step-cnt ul li:last-child { margin-right: 0; }
.step-l { background: url(../images/step-bg.png) no-repeat right; width: 20%; float: left; min-height: 100px; text-align: center; font-size: 40px; color: #0c5b80; font-weight: 700; line-height: 100px; }
.step-r { width: 80%; float: left; font-size: 14px; padding: 10px 15px; box-sizing: border-box; line-height: 20px;  }
.install-lst-area-blk1 { width: 34%; float: left; color: #000; padding-top: 20px; font-size: 16px;  }
.install-lst-area-blk2 { width: 22%; float: left; text-align: center; padding-top: 7px; }
.install-lst-area-blk2 a { color: #222222; }
.install-lst-area-blk2 a:hover { color: #0c5b80; }
.step-r span { color: #0c5b80; }
.step-r .green-box-area { background: #a5cd36; padding: 7px 5px; display: inline-block; text-transform: uppercase; color: #fff; border-radius: 3px; font-weight: 700; margin-top: 5px; }
.ship-terms { margin-top: 30px; }
.ship-terms h3 { font-size: 22px; color: #368b9b; font-weight: 700; text-transform: uppercase; margin-bottom: 20px; }
.ship-terms ul { margin-left: 20px; }
.ship-terms ul li { font-size: 14px; margin-bottom: 10px;  }

.share-btns .addthis_toolbox .custom_images a img{width: auto !important;height: 39px !important;}



label#affiliate_url { word-wrap: break-word; }
.custom_images a { margin-right: 5px; display: inline-block; }

.menu-car-ico { width:23px; height:10px; background-position: -502px -90px; display: inline-block; vertical-align: middle; margin-right: 10px; }
a:hover .menu-car-ico {background-position: -527px -90px;}

.reffer-friends .fancybox-skin { background: #fff; border:10px solid #0e8299; }
.reffer-friend-popup-main .popup-title {font-weight: 600;font-size: 25px; color: #0e8299; margin-bottom: 10px; }
.reffer-friend-popup-main .hide {display: none;}
.reffer-friend-popup-main .show {display:block;}
.reffer-friend-popup-main .top-msg { padding: 18px 1%; background-color: #dff0d8;font-weight: 600;position: absolute;top: 0px;text-align: center; width: 98%;font-size: 12px;    color: #3c763d; border-radius: 4px; box-sizing: border-box;}
.reffer-friends-link{margin-left: 5px;}
.reffer-friend-popup-main .row-btn {text-align: center;}

.reffer-friend-popup-main .reffer-text-msg{margin-top: 5px;font-size: 16px;}

.static-page ol{padding-left: 15px;}
.static-page ol li p.title-heading{font-weight: bold;text-decoration: underline;}
.static-page ul.non-list-style{display: block;margin-top: 7px;}
.static-page ul.non-list-style li{background: none;}