/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */
@import url(https://fonts.googleapis.com/css?family=Dosis:400,600);
@import url("animation.css");
@font-face { font-family: 'cheddar_jackregular'; src: url('../fonts/cheddar_jack-webfont.eot'); src: url('../fonts/cheddar_jack-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/cheddar_jack-webfont.woff') format('woff'), url('../fonts/cheddar_jack-webfont.ttf') format('truetype'), url('../fonts/cheddar_jack-webfont.svg#cheddar_jackregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'courier-primeregular'; src: url('../fonts/courier-prime/courier-prime-webfont.eot'); src: url('../fonts/courier-prime/courier-prime-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/courier-prime/courier-prime-webfont.woff') format('woff'), url('../fonts/courier-prime/courier-prime-webfont.ttf') format('truetype'), url('../fonts/courier-prime/courier-prime-webfont.svg#courier-primeregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'courier-primebold'; src: url('../fonts/courier-prime-bold/courier-bold-webfont.eot'); src: url('../fonts/courier-prime-bold/courier-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/courier-prime-bold/courier-bold-webfont.woff') format('woff'), url('../fonts/courier-prime-bold/courier-bold-webfont.ttf') format('truetype'), url('../fonts/courier-prime-bold/courier-bold-webfont.svg#courier-primebold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-weight: 600; src: url('../fonts/melbourne_bold_basic-webfont.eot'); src: url('../fonts/melbourne_bold_basic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/melbourne_bold_basic-webfont.woff') format('woff'), url('../fonts/melbourne_bold_basic-webfont.ttf') format('truetype'), url('../fonts/melbourne_bold_basic-webfont.svg#melbourne_bold_basic-webfont') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'melbourne-regular'; src: url('../fonts/melbourne_regular_basic-webfont.eot'); src: url('../fonts/melbourne_regular_basic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/melbourne_regular_basic-webfont.woff') format('woff'), url('../fonts/melbourne_regular_basic-webfont.ttf') format('truetype'), url('../fonts/melbourne_regular_basic-webfont.svg#melbourne_regular_basic-webfont') format('svg'); font-weight: normal; font-style: normal; }
* { -webkit-overflow-scrolling: touch; }
html, button, input, select, textarea { color: #222; outline: none; }
body { font-family: 'Dosis', sans-serif; font-weight: 400; font-style: normal; color: #58595b; font-size: 20px; line-height: 1.4; background: #F3F3F3; }
::-moz-selection {
background:#b3d4fc;
text-shadow:none;
outline:none;
}
::selection { background: #b3d4fc; text-shadow: none; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
img { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
[class^="icon-"], [class*="icon-"] { background: url(../img/sprite-img.png); background-repeat: no-repeat; display: inline-block; vertical-align: middle; }
.container { margin-left: auto; margin-right: auto; max-width: 1400px; }
.container:before, .container:after { content: ""; display: table; line-height: 0; }
.container:after { clear: both; }
.red-txt { color : #BF2026; }
.left { float: left; }
.right { float: right; }
header { position: relative; z-index: 99999; }
.header-wrap { position: absolute; top: 0; left: 0; margin-left: auto; margin-right: auto; width: 96%; padding: 45px 2%; }
.logo { display: inline-block; width: 106px; height: 85px; }
.landingPg-nav { float: right; margin-top: 35px; }
ul.landingPg-menu li { margin: 0 0 0 10px; }
ul.landingPg-menu li a { font-size: 18px; color: #000; transition: all ease-in 0.2s; -webkit-transition: all ease-in 0.2s; -moz-transition: all ease-in 0.2s; }
ul.landingPg-menu li a:hover { }
.banner-slides li img { width: 100%; }
ul.landingPg-menu li a.button-red-bdr { border: 5px solid #D32D3D; color: #D32D3D; border-radius: 10px; padding: 8px 5px 4px; font-size: 17px; }
.red-cart-icn { background: url(../img/red-cart.png) no-repeat 0 0; height: 18px; width: 20px; display: inline-block; padding-right: 4px; margin-bottom: -3px; }
/*header-breadcrumb*/
.icon-arrow { background-position: -500px -17px; width: 16px; height: 12px; margin-left: 8px; margin-top: 8px; float: right; }
.user-text { display: block; padding-left: 10px; float: left; }
.user-text:hover { color: #BF0303; }
.user-text:hover .icon-arrow { background-position: -552px -17px; width: 16px; height: 12px; }
.popup { display: none; position: absolute; top: 0; padding-top: 38px; right: 0; width: 250px; }
.logout-popup { display: block; }
.logout-popup li { display: block; list-style: none; text-align: left; }
.logout-popup li a { color: #fff; font-weight: 400; display: block; padding: 15px 20px; background-color: #BF0303; }
.logout-popup li:first-child { border-bottom: 1px solid #9D1616; }
.logout-popup li:hover a { background-color: #841818; }
.logout-popup li:first-child a { border-radius: 5px 5px 0px 0px; }
.logout-popup li:last-child a { border-radius: 0px 0px 5px 5px; }
.up-triangle { width: 0; height: 0; border-bottom: 13px solid #BF0303; border-left: 10px solid transparent; border-right: 10px solid transparent; position: absolute; top: 26px; right: 14px; }
.user-text:hover > .popup { display: block; }
.logout-popup li:hover i { border-bottom: 13px solid #841818; }
.head-txt { overflow: hidden; white-space: nowrap; max-width: 180px; text-overflow: ellipsis; display: block; float: left; }
/*popup*/
.alert-popup { position: absolute; left: 5%; top: 20%; background: #FFF; display: none; z-index: 9; box-shadow: 0 0 3px rgba(0,0,0,1); overflow: hidden; border-radius: 2px; max-width: 500px; font-size: 16px; }
.popup-title { background: #F8F8F8; border-bottom: 1px solid #D6D6D6; height: 26px; padding: 10px 20px; font-size: 18px; font-weight: 600; color: #000; }
.alert-popup-content { margin: 0; overflow: hidden; padding: 10px 25px 15px; border-bottom: 1px solid #d6d6d6; }
.confirme-popup p, .confirme-popup .communicate-footer { text-align: center; }
.communicate-footer { overflow: hidden; padding: 15px 0; }
.confirme-popup .communicate-footer .button { display: inline-block; float: none; }
.communicate-footer .button { border: 1px solid #666; float: right; font-size: 14px; height: 38px; margin: 0 0 0 10px; width: 103px; background: #666; line-height: 38px; }
.button.wht { background: none repeat scroll 0 0 #000; border: 1px solid #000; color: #fff; margin: 0; }
/*popup-end*/
ul.banner-slides li { position: relative; }
.banner-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; color: #fff; }
.button-red { border: 5px solid #d13127; color: #fff; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 10px 15px 5px; font-size: 20px; background: #d13127; transition: all ease-in 0.5s; -webkit-transition: all ease-in 0.5s; -moz-transition: all ease-in 0.5s; }
.white-cart-icn { background: url(../img/white-cart.png) no-repeat 0 0; height: 25px; width: 29px; display: inline-block; padding-right: 5px; margin-bottom: -5px; }
.banner-content table { height: 100%; width: 100%; }
.main-wrap { background: #fff; position: relative; width: 100%; overflow: hidden; margin-left: auto; margin-right: auto; text-align: center; }
.main-wrap h2 { color: #000; }
.main-wrap div { color : #86888a; margin-left: auto; margin-right: auto; max-width: 1400px; min-width: 768px; border-bottom: 1px solid #dedfe0; padding-bottom: 40px; }
.main-wrap .container { text-align: left; border-top: 1px solid #e6e7e8; padding: 20px 0 40px 0; }
.main-wrap .container .left-wrap { width: 50%; margin-right: 50px; float: left; }
.main-wrap .container .right-wrap { overflow: hidden; }
.main-wrap .btn-wrap { margin: 0 0 25px 0; }
a.button { height: 53px; line-height: 53px; padding: 0 40px; color: #fff; font-weight: 600; transition: all ease-in 0.2s; -webkit-transition: all ease-in 0.2s; -moz-transition: all ease-in 0.2s; font-size: 20px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; display: inline-block; }
a.button.black { background: #000; padding: 0 23px; }
a.button.black:hover { background: #252525; }
a.button.red { background: #C11A29; }
a.button.red:hover { background: #961421; }
a.subscription-btn { background: #C11A29; padding: 20px 0; display: block; border-radius: 7px; }
a.subscription-btn:hover { background: #961421; }
.per-month a.subscription-btn label, .per-year a.subscription-btn label { font-size: 12px; vertical-align: 2px; font-weight: 600; }
.per-month a.subscription-btn span, .per-year a.subscription-btn span { font-size: 60px; line-height: normal; }
.per-month.subscription-btn-wrap, .per-year.subscription-btn-wrap { background: none; padding: 0 0 20px 0; min-height: 70px; float: right; width: 150px; }
/** Login page CSS **/
.page-wrapper { overflow: hidden; background: url(../img/bxslider-img1.jpg) no-repeat right bottom fixed; background-size: cover; padding-top: 115px; }
.content-wrapper { margin-left: auto; margin-right: auto; padding: 20px; overflow: hidden; max-width: 420px; }
.login-table { width: 100%; height: 100%; margin: 0; padding: 0; }
.login-table td { vertical-align: middle; padding: 0; margin: 0; }
.form-heading { text-align: center; }
.login-heading { font-family: 'cheddar_jackregular'; font-size: 60px; color: #fff; line-height: 1.2; }
.login-subHeading { font-weight: 600; font-size: 20px; color: #fff; margin-bottom: 32px; }
.login-subHeading .signup-text { font-family: 'cheddar_jackregular'; color: #fff; font-size: 30px; -moz-transition: text-decoration linear 0.5s; -o-transition: text-decoration linear 0.5s; transition: text-decoration linear 0.5s; -webkit-transition: text-decoration linear 0.5s; }
.login-subHeading .signup-text:hover { text-decoration: underline; }
.form-block { background-color: #B30808; background: rgba(191, 3, 3, 0.9); border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 15px; }
.form-control { overflow: hidden; }
.profileWrapper .profile-details .error-holder { top: 58px; }
.text-field { background: #FFF; color: #605F5F; padding: 0 15px; min-height: 22px; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; position: relative; border: 1px solid #990F08; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; white-space: nowrap; margin: 0; }
button, input[type="button"], .cbox, .cbox-selected { cursor: pointer; outline: none; border: none; }
textarea, input[type="text"], input[type="password"], input[type="email"] { background-color: transparent; border: none; color: #605F5F; width: 100%; font-size: 20px; padding: 15px 0; font-family: 'Dosis', sans-serif; }
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, .textfield:focus, textarea:focus { border: none; outline: none; }
input[type="text"]:hover, input[type="password"]:hover, input[type="email"]:hover, .textfield:hover, textarea:hover { color: #000; }
.text-field input { height: 22px; resize: none; width: 100%; box-shadow: none; }
.forgot-pwd-link a { font-weight: 600; width: auto; vertical-align: middle; margin: 10px 0 0 5px; font-size: 18px; color: #fff; display: inline-block }
.ck-cbox .label { font-weight: 600; width: auto; font-size: 18px; color: #fff; }
.forgot-pwd-link a { text-decoration: underline; -moz-transition: text-decoration linear 0.5s; -o-transition: text-decoration linear 0.5s; transition: text-decoration linear 0.5s; -webkit-transition: text-decoration linear 0.5s; }
.forgot-pwd-link a:hover { text-decoration: none; }
.button, button { font-size: 20px; color: #FFF; position: relative; display: inline-block; padding: 0 10px; height: 42px; line-height: 42px; border: none; outline: none; background: #252525; overflow: hidden; cursor: pointer; transition: background linear 0.2s; -webkit-transition: background linear 0.2s; -moz-transition: background linear 0.2s; -o-transition: background linear 0.2s; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-weight: 600; }
.login-wrapper .button { height: 56px; line-height: 56px; width: 100%; text-align: center; padding: 0; margin-top: 15px; }
.button.fb-btn { background: #30588F; margin-top: 35px; }
.login-wrapper .button.fb-btn:hover { background: #284D7F; }
.facebook-icn { display: inline-block; background: url(../img/sprite-img.png) no-repeat -18px -13px; width: 11px; height: 23px; margin-right: 42px; margin-left: -42px; margin-bottom: -5px; }
.login-wrapper .button:hover { background: #000; }
.login-wrapper .ck-cbox { margin-top: 7px; }
.login-wrapper .forgot-pwd-link { margin-top: -3px; }
.error-holder { width: 100%; height: 20px; font-size: 14px; text-align: right; overflow: hidden;/*line-height:100%;*/ }
.error-holder span { color: #FEEBA9; display: none;/*margin-top:4px;*/ }
footer { background: #f3f3f3; color: #999; float: left; font-size: 18px; margin: 0; padding: 45px 32px; position: relative; width: 100%; z-index: 1; }
footer .container { max-width: 994px; }
footer .container .left-wrap { float: left; padding-bottom: 20px; }
footer ul.footer-links { padding-bottom: 15px; }
footer ul.footer-links li a { color: #666; font-size: 18px; padding-right: 15px; transition: color ease-out 0.2s; -webkit-transition: color ease-out 0.2s; -moz-transition: color ease-out 0.2s; -o-transition: color ease-out 0.2s; }
footer ul.footer-links li a:hover { color: #000; }
footer .container .right-wrap { overflow: hidden; text-align: right; padding-bottom: 20px; }
footer .container .right-wrap ul li { padding-right: 5px; }
.social-link { display: inline-block; background: url(../img/sprite-img.png) no-repeat; width: 48px; height: 48px; border-radius: 50%; -moz-transition: text-decoration linear 0.5s; -o-transition: text-decoration linear 0.5s; transition: text-decoration linear 0.5s; -webkit-transition: text-decoration linear 0.5s; }
.social-link.facebook { background-position: -0px -0px; background-color: #2E5791; }
.social-link.facebook:hover { background-color: #284D7F; }
.social-link.linkedin { background-position: -44px -0px; background-color: #0070B6; }
.social-link.linkedin:hover { background-color: #005A91; }
.social-link.orange { background-position: -100px -2px; background-color: #DB533D; }
.social-link.orange:hover { background-color: #BE3A23; }
.icon-footer1 { background-position: -207px -62px; width: 37px; height: 31px; }
.icon-footer2 { background-position: -207px -10px; width: 38px; height: 31px; }
.icon-footer3 { background-position: -310px -59px; width: 38px; height: 31px; }
.form-elements { max-width: 363px; margin: 0 auto; }
.ck-cbox input[type="checkbox"].left { float: left; margin-right: 5px; margin-top: 5px; }
/*signup page by pooja*/
.ck-cbox a { text-decoration: underline; color: #fff; -moz-transition: text-decoration linear 0.5s; -o-transition: text-decoration linear 0.5s; transition: text-decoration linear 0.5s; -webkit-transition: text-decoration linear 0.5s; }
.ck-cbox a:hover { text-decoration: none; }
.login-wrapper .ck-cbox .label { background-position: left 2px; }
.login-wrapper .ck-cbox input[type="checkbox"]:checked + label { background-position: left 2px; }
/* Check out page CSS*/
header { position: relative; background: #F3F3F3; padding: 15px 10px 5px; color: #666; font-size: 20px; z-index: 9999999 }
header .container { max-width: 994px; padding-bottom: 25px; }
.user-text, .question-txt { font-weight: 600; color: #000; }
.welcome-txt { font-size: 20px; text-align: right; margin-top: 50px; position: relative; padding-right: 15px; z-index: 20; }
.middle-wrapper { background: #fff; min-height: 100%; padding: 30px 10px; }
.profileWrapper { min-height: 100%; }
.middle-wrapper .container { max-width: 994px; }
.middle-wrapper .container aside { float: left; margin-right: 15px; }
.middle-wrapper .container aside.marr0 { margin-right: 0; }
ul.form-content-list li { display: block; }
.text-field.large { min-height: 44px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.block { display: block; overflow: hidden; color: #fff; font-weight: 600; font-size: 20px; margin-bottom: 10px; }
.form-content-list input[type="text"], .form-content-list input[type="password"], .form-content-list input[type="email"] { padding: 11px 0; }
.sampfeed { color: #fff; display: block; line-height: 24px; margin-bottom: 34px; font-size: 20px; }
.container h6 { padding-bottom: 15px; }
.bill-cbox { margin: 4px 0 17px !important; }
.ck-cbox.bill-cbox .label { font-size: 20px; font-family: 'melbourneregular'; }
.middle-wrapper.my-checkout-wrap { padding: 30px 10px; }
.middle-wrapper.my-checkout-wrap .container { padding-bottom: 30px; }
.middle-wrapper.my-checkout-wrap .form-block { padding-bottom: 0; background: #BF0303; }
.middle-wrapper.my-checkout-wrap aside:first-child .form-block { padding-top: 54px; }
.middle-wrapper.my-checkout-wrap aside:last-child .form-block { padding-bottom: 15px; }
/*My Interest*/
header .container .left-wrap.my-interest-heading { font-size: 20px; color: #000; float: left; padding-right: 14px; max-width: 50%; }
header .container .right-wrap { display: block; overflow: hidden; text-align: right; }
.middle-wrapper.my-interest-wrap .container { max-width: 994px; overflow: hidden; }
.question-blk { padding-bottom: 30px; }
ul.ans-option-list { width: 103%; }
ul.ans-option-list li { width: 23%; margin: 6px 10px 8px 0; vertical-align: top; }
ul.ans-option-list li .form-control { background: #C11D1F; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 8px 10px; font-size: 18px; line-height: 1.4 }
ul.ans-option-list li label.form-control { display: block; }
.innerpg-btn.right { margin-left : 10px; }
.ans-option-list li .text-field { margin: 0; line-height: 22px; }
.ans-option-list li .text-field input[type="text"] { padding: 8px 0; }
/**My shopping**/
.my-shopping-wrap .select-box-control { width: 43%; }
.my-shopping-wrap .select-box-control li { display: block; }
.my-shopping-wrap .select-box-control .text-field { border: 1px solid #999; }
.my-shopping-wrap .question-txt { margin-bottom: 10px; }
.numeric-scale { background-color: #F3F3F4; padding: 20px; border-radius: 5px; }
.save-btn .innerpg-btn { width: 100%; }
.save-btn { margin-top: 25px; }
.btn-loader { position: absolute; top: 0; left: 0; width: 100%; height: 100%;/*background:url(../img/loaderBtn.gif) no-repeat center;background-color:rgba(255,255,255,.8);*/ background: #666 url(../img/loader1.gif) no-repeat center; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; z-index: 999; }
.btn-loader.loader1 { background: #666 url(../img/loader1.gif) no-repeat center; }
.btn-loader.loader2 { background: #252525 url(../img/loader2.gif) no-repeat center; }
.btn-link { position: relative; display: block; }
.btn-link.inline { display: inline-block; }
.btn-link input[type="button"].innerpg-btn { width: 100%; }
.my-shopping-wrap .question-blk:first-child { padding-bottom: 0; }
/*createprofile-me*/
.me-avatar-wrap h5 { margin-bottom: 20px; }
.me-avatar-wrap .container { font-size: 20px; padding: 0 10px 0 0; }
.user-list li { float: left; overflow: hidden; text-align: center; width: 155px; margin: 0 0 20px 10px; }
.user-list li figure { display: inline-block; cursor: pointer; height: 200px; display: table-cell; vertical-align: bottom; width: 155px; }
.user-list li figure img { max-width: 100%; height: auto; }
.user-list li figure:hover { opacity: 0.6; }
.age-ratio { display: block; }
.user-list li figcaption { margin-top: 20px; height: 55px; }
.pets { width: 100%; margin: 0 auto; }
.my-pets { text-align: center; margin-bottom: 100px; }
/*.my-pets.user-list li{ text-align:center; margin-left:100px;}
.my-pets.user-list li:first-child{margin-left:0;}*/
.clickto-remove, header .container .right-wrap .click-print { text-align: center; display: inline-block; width: 100%; }
.clickto-remove { cursor: default !important; }
/*Costum Checkbox Button*/
.checkbox { position: relative; margin: 0; padding: 0; display: block; font-size: 20px; font-weight: 600; color: #fff; line-height: 1.2; }
.checkbox input[type="checkbox"] { opacity: 0; position: absolute; margin: 11px 0 0 7px; float: inherit; padding: 0; }
.checkbox label { background: url(../img/chk-bx-icn.png) left 4px no-repeat; display: inline-block; padding: 0 0 0 23px !important; margin: 0; min-height: 24px; }
.checkbox input[type="checkbox"]:checked + label { background: url(../img/chk-bx-selected.png) left 4px no-repeat; }
.lt-ie9 .checkbox label { background: none repeat scroll 0 0 transparent; }
.lt-ie9 .checkbox input { width: 14px; height: 14px; }
.checkbox input[type="checkbox"]:disabled + label { background: url(../img/unchecked-checkbox.png) left top no-repeat; }
.checkbox input[type="checkbox"]:disabled:checked + label { background: url(../img/checked-checkbox.png) left top no-repeat; }
/** Button CSS **/
.innerpg-btn { font-size: 20px; color: #FFF; position: relative; display: inline-block; padding: 0 30px; height: 56px; line-height: 56px; border: none; outline: none; background: #252525;/*overflow:hidden;*/ cursor: pointer; transition: background linear 0.2s; -webkit-transition: background linear 0.2s; -moz-transition: background linear 0.2s; -o-transition: background linear 0.2s; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-weight: 600; }
.innerpg-btn:hover { background: #000; }
.innerpg-btn.btn-grey { background: #666; }
.innerpg-btn.btn-grey:hover { background: #444; }
/*Print Frame CSS*/
.photo-frame { border: 10px solid #C11D1F; padding: 0 5px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; min-width: 190px; height: 100px; position: relative; text-align: center; white-space: nowrap; }
.sun-block { position: absolute; top: 0; right: 0; background: url(../img/sun-img.png) no-repeat 0 0; height: 45px; width: 56px; }
[class^="icons-"], [class*="icons-"] { float: left; position: relative; margin-top: 11px; }
[class^="icons-"] figure, [class*="icons-"] figure { display: table-cell; vertical-align: bottom; height: 90px; }
.icons-avatar-me { z-index: 10; }
.icons-avatar-family1 { z-index: 8; margin-left: -10px; }
.icons-avatar-family2 { z-index: 7; margin-right: -10px; }
.icons-avatar-family3 { z-index: 6; margin-left: -10px; }
.icons-avatar-family4 { z-index: 5; margin-right: -10px; }
.icons-avatar-family5 { z-index: 4; margin-left: -10px; }
.icons-avatar-family6 { z-index: 3; margin-right: -10px; }
.icons-avatar-family7 { z-index: 2; margin-left: -10px; }
.icons-avatar-family-odd { margin-left: -10px; }
.icons-avatar-family-even { margin-right: -10px; }
.icons-avatar-pet1 { z-index: 9; margin-left: -10px; }
.icons-avatar-pet2 { z-index: 9; margin-right: -10px; }
.icon-down-arrow { background-position: -445px -650px; float: right; height: 12px; margin-right: 20px; margin-top: 17px; width: 21px }
.avatar-delete-icon { background: url(../img/sprite-img.png) no-repeat -462px -9px; height: 40px; width: 30px; position: absolute; z-index: 11; display: none; top: -19px; left: 50%; margin-left: -16px; }
.avatar-frame-list { display: table; margin: 0 auto; }
.click-print, .clickto-remove { font-size: 20px; color: #666; margin-top: 12px; cursor: pointer; }
/**Forgot Password CSS **/
.login-wrapper.forgot-pwd-wrapper .button { width: 48%; float: left; }
.login-wrapper.forgot-pwd-wrapper .button:first-child { margin-right: 13px; }
/**Manage Profile CSS **/
ul.manage-profile-form > li { width: 100%; padding: 20px 0; border-top: 1px solid #DFDFE0; color: #000; }
ul.manage-profile-form > li > section { width: 100%; float: left; word-wrap: break-word; }
ul.manage-profile-form > li:first-child { border-top: none; }
.setting-headings h6 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.editSave { float: right; }
.editSave a { font-size: 20px; color: #C31914; }
.manage-profile-form .text-field { border: 1px solid #999; }
.manage-profile-form input[type="text"], .manage-profile-form input[type="password"], .manage-profile-form input[type="email"] { padding: 11px 0; }
.profile-details.address-details aside { float: left; width: 50%; margin-right: 0; }
.profile-details.address-details ul li { display: block; list-style: none; }
.profile-details .form-control.overflow-visible { width: 50%; }
.profile-details.basic-details-section .form-control { width: 50%; }
.profile-details ul li { display: block; }
.profile-details .user-list { font-size: 20px; color: #727272; }
.profile-details ul.ans-option-list li { display: inline-block; }
.icon-selected { background-position: -20px -69px; width: 13px; height: 11px; position: absolute; top: 6px; }
.checkbox.selected-ans label { background: none; }
.question-txt span { display: block; margin-top: 10px; }
h6.change-ps { color: #C31915; display: block; }
.change-password-form .form-control { width: 50%; }
.manage-profile-form .question-txt { font-weight: 400; }
.manage-profile-form .question-txt span { font-weight: 600; }
.content-wrapper.pwd-request-sent { max-width: 600px; }
.content-wrapper.pwd-request-sent figure { margin: 30px 0; }
.content-wrapper.pwdResetSuccessWrap figure { margin: 60px 0; }
.middle-wrapper.my-checkout-wrap.error404-wrapper { padding: 80px 0 50px; }
.error404-wrapper figure { padding: 0 0 30px; }
.error404-wrapper p { padding: 0 0 40px; max-width: 600px; margin: 0 auto; font-size: 20px; color: #000; }
/*radio button*/
.custom-radio { position: relative; float: left; margin-right: 25px; }
.custom-radio:last-child { margin-right: 0; }
.custom-radio input { position: absolute; left: 0; top: 0; margin: 0; z-index: 0; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
.custom-radio label { display: block; position: relative; z-index: 1; padding-left: 32px; cursor: pointer; overflow: hidden; min-height: 23px; line-height: 1.2; font-size: 20px; color: #000; font-weight: 600; }
.custom-radio label { background: url(../img/radio-button.png) no-repeat; }
.custom-radio label { background-position: 0 0; }
.custom-radio input[type="radio"]:checked + label { background: url(../img/radio-button-selected.png) no-repeat; }
.checkbox.form-control label { display: block; }
/*--------------Index page------------------*/
#slides { position: relative; }
#slides .slides-container { display: none; }
#slides .scrollable {
 *zoom:1; position: relative; top: 0; left: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; height: 100%; }
#slides .scrollable:after { content: ""; display: table; clear: both; }
.slides-navigation { margin: 0 auto; position: absolute; z-index: 3; top: 46%; width: 100%; }
.slides-navigation a { position: absolute; display: block; height: 75px; width: 36px; top: -40px; background: url(../img/sprite-img.png) no-repeat 0 -250px; }
.slides-navigation a.prev { left: 0px; background-position: 0 -150px; }
.slides-navigation a.next { right: 0; }
.slides-pagination { position: absolute; z-index: 3; bottom: 40px; text-align: center; width: 100%; }
.slides-pagination a { width: 18px; height: 18px; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align:auto;
background: url(../img/sprite-img.png) no-repeat 0 -350px; zoom: 1; *display:inline;
margin: 5px; overflow: hidden; text-indent: -99999999px; }
.slides-pagination a.current { background-position: -50px -350px; }
. banner-wrap {
position:relative;
height:100%;
min-height:100%;
}
.slider-content { max-width: 1240px; width: 100%; margin: 0 auto; position: relative; z-index: 5; height: 100%; min-height: 100%; }
.slider-content table { width: 100%; height: 100%; position: relative; margin: 0; padding: 0; }
.slider-content table tr td { height: 100%; vertical-align: middle; text-align: center; color: #FFF; }
.icon-video { width: 63px; height: 63px; background-position: -50px -150px; cursor: pointer; }
.icon-video:hover { opacity: 0.8; }
.row-fluid { width: 100%; float: left; }
.row-fluid:after {
content:(''); clear: both; height: 0; }
.inner-wrapper { max-width: 1080px; margin: 0 auto; padding: 0 10px; font-family: 'melbourne-regular'; }
/*.inner-wrapper { overflow:hidden; max-width: 1070px; margin: 0 auto; padding: 0px; font-family: 'melbourne-regular'; }*/
.our-story .inner-wrapper {max-width:1000px;}
.block-title { width: 100%; border-bottom: 3px solid #e6e7e8; padding: 5px 0 20px; text-align: left; }
.block-title-slide { width: 100%; padding: 5px 0 20px; text-align: left; }
.inner-wrapper h2 { text-align: left; margin: 0; padding: 50px 0 0; color: #000; line-height: normal; }
.ligt-gray { color: #c8c8c8; }
.inner-wrapper .left-wrap, .inner-wrapper .right-wrap { float: left; width: 50%; padding: 15px 0; }
.inner-wrapper .left-wrap p { padding: 0 20px 0 0; }
.inner-wrapper .right-wrap p { padding: 0 0 0 20px; }
.inner-wrapper .btn-wrap { text-align: center; padding: 55px 0 40px; overflow: hidden; }
.how-it-work { overflow: hidden; padding: 35px 0 0; margin: 30px 0 0; border-top: 3px solid #e6e7e8; }
.how-it-work-list li .work-list-block { padding-top: 20px; }
.how-it-work-list { width: 100%; margin: 0; padding: 0; overflow: hidden; }
.how-it-work-list li { display: inline-block; margin: 0; padding: 0 1.5%; text-align: center; vertical-align: middle; float: left; width: 16%; }
.icon-right-arrow { width: 66px; height: 46px; margin-top: 70px; }
.how-it-work-list li.arrow-icon { width: 66px; padding: 0 10px; }
.slides-container li img { position: fixed !important; }
#slides { position: relative; height: 100%; min-height: 100%; z-index: 0; }
.front-page-content { position: relative; z-index: 3; overflow: hidden; background: #fff; }
.work-list-block { display: block; height: 130px; vertical-align: bottom; width: 100%; }
.how-it-work-list li label { display: block; padding: 20px 0 0 0; text-align: left; color: #000; }
.work-list-block.mart30 img { margin-top: 30px; }
.how-it-work-region { padding: 0; }
.getstarted h2 { padding-top: 20px; }
.getstarted { background: #fff; }
.get-started { width: 100%; overflow: hidden; padding: 0 0 20px; }
.get-started ul { width: 100%; overflow: hidden; padding: 0; font-size: 18px; color: #000; }
.get-started > ul > li { width: 100%; overflow: hidden; margin: 0; padding: 20px 0 30px 0; border-bottom: 3px solid #e6e7e8; }
.started-left-block { width: 100%; max-width: 70.5%; float: left; }
.per-month { background: #C11A29; }
.started-content span { font-family: 'courier-primebold'; display: block; color: #000; font-size: 30px; }
.started-content p { font-size: 20px; color: #000; text-align: left; }
.started-right-block { overflow: hidden; text-align: center; color: #FFF; width: 313px; }
.started-right-block p { font-size: 16px; padding: 0; color: #000; overflow: hidden; width: 100%; text-align: center; text-shadow: 0 0 #000; }
.per-month, .per-year { width: 100%; padding: 12px 0; min-height: 101px; }
.per-month span, .per-year span { display: block; font-size: 60px; padding: 0 5px; font-weight: 600; }
.per-month a, .per-year a { display: block; color: #FFF; font-weight: 600; }
.per-month label, .per-year label { font-size: 20px; display: block; text-align: center; cursor: pointer; }
.icon-dolor { width: 22px; height: 43px; background-position: -100px -100px; vertical-align: 7px; }
.per-year { margin: 0 0 0 10px; }
.info-block { max-width: 546px; margin: 20px auto 0; font-size: 18px; text-align: center; color: #000; }
.everyday-discover .discoveries { padding: 140px 0; width: 100%; }
.discoveries h3 { color: #000; text-align: left; font-size: 120px; }
.our-member-region { overflow: hidden; width: 100%; text-align: center; padding: 40px 0; }
.quote-block { width: 100%; margin: 25px 0 0; }
.quote-block-content { width: 100%; margin: 0 auto; text-align: center; padding: 0 0 70px; position: relative; font-family: 'courier-primeregular'; }
.quote-block-content p { font-size: 25px; color: #3D3D3D; padding: 0 100px; }
.quote-block-content a { color: #979494; font-size: 20px; }
.user-via { display: inline-block; }
.filter-tab { width: 100%; text-align: center; font-size: 20px; font-weight: 600; }
.filter-tab a { display: inline-block; color: #000; margin: 25px; }
.filter-tab a:hover, .filter-tab a.selected { color: #CB0000; }
.brand-listing-block { width: 100%; overflow: hidden; }
.brand-listing { overflow: hidden; margin-left: -5px; padding: 40px 0 20px; }
.brand-listing li { width: 206px; height: 100px; border: 1px solid #BFBFBF; vertical-align: middle; text-align: center; display: inline-block; margin: 0 0 10px 5px; }
.brand-listing li a { display: block; width: 100%; height: 100%; position: relative; overflow: hidden; cursor: default; }
.brand-listing li a img { position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; }
.hide { display: none; }
.contact-us-block { padding: 45px 0 0; overflow: hidden; }
.contact-us-left { width: 48%; max-width: 460px; float: left; /*border:3px solid #e6e7e8; border-radius:8px;*/ }
.contact-us-right { float: right; max-width: 500px; }
address { font-style: normal; margin: 10px 0 0; font-size: 14px; font-family: 'courier-primeregular'; color: #000; }
address span { font-weight: 600; color: #000; }
address a { color: #000; }
.contact-us-left label { display: block; font-size: 18px; color: #000; font-family: 'courier-primebold'; }
.contact-us-region label { color: #FFF; font-weight: 600; font-size: 30px; line-height: normal; }
.contact-us .text-field input, .contact-us ul li .text-field textarea { padding: 7px 0; font-size: 16px; font-family: 'courier-primeregular'; color: #6d6c6c; }
.contact-us .text-field select { font-family: 'courier-primeregular'; font-size: 15px; }
.contact-us ul { width: 100%; float: left; padding: 0; }
.contact-us ul li { width: 47%; float: left; margin: 0 3% 0 0; }
.contact-us ul li .text-field { min-height: 30px; border: 3px solid #e6e7e8; border-radius: 6px; z-index: 9; }
.contact-us ul li .text-field .sbSelector { font-family: 'courier-primeregular'; font-size: 16px; color: #6d6c6c; height: 35px; line-height: 35px; }
.contact-us ul li .text-field .sbOptions { padding: 0; }
.contact-us ul li .text-field .sbToggle { background: #fff url(../img/select-bg.png) no-repeat right center; height: 35px; }
.contact-us ul .index-button { width: 100%; font-size: 17px; margin: 16px 0 0; }
.contact-us ul li .text-field .sbOptions li { width: 100%; font-size: 16px; font-family: 'melbourne-regular'; font-size: 15px; margin: 0; text-transform: none; }
.text-field.select-option { border-radius: 4px 6px 6px 4px; }
.contact-us ul li .text-field textarea { resize: none; min-height: 183px; }
.text-center { text-align: center; }
.contact-us ul li .button { width: 100%; }
.clearfix { clear: both; height: 0; width: 100%; }
.index-footer { width: 100%; overflow: hidden; background: #bf2026; padding: 0; }
.contact-us ul li.wd97 { width: 97%; margin: 0; position: relative; z-index: 0; }
.contact-wrapper .inner-wrapper { overflow: hidden; }
.contact-wrapper { padding: 0 0 100px 0; }
.index-footer-block { padding: 45px 0; }
.footer-title { font-size: 24px; color: #FFF; display: block; text-transform: uppercase; font-weight: 600; }
.footer-links { text-align: left; margin: 0 40px 0 0; }
.index-footer .footer-links { display: inline-block; text-align: left; margin: 0 40px 0 0; }
.link-wrapper { overflow: hidden; max-width: 180px; float: left; padding: 30px 0; }
.footer-links a { display: inline-block; color: #FFF; }
.link-wrapper li { width: 100%; padding: 7px 0; font-size: 20px; float: left; }
.index-footer .inner-wrapper { overflow: hidden; }
.row-fluid.brand-section, .row-fluid.contact-wrapper, .our-story, .how-it-work-block { background: #FFF; }
.social-icon { overflow: hidden; padding: 20px 0; }
/*.index-header { position: fixed; top: 0; left: 0; z-index: 10; width: 100%; padding: 10px 0; background: url(../img/trans70.png) repeat;  }*/
.index-header { position: fixed; top: 0; left: 0; z-index: 99; width: 100%; padding: 10px 0; background: url(../img/trans70.png) repeat; box-shadow: 0 1px 1px rgba(0,0,0,0.1); }
.index-header .logo { float: left; }
.header-content { max-width: 1080px; margin: 0 auto; padding: 0 10px; }
ul.landingPg-menu li a.button-red-bdr { padding: 4px 10px 3px; border: 3px solid #D32D3D; }
ul.landingPg-menu li a.button-red-bdr:hover { border-color: #A90E1E; }
.facebook, .linkedin, .instagram { width: 48px; height: 48px; display: inline-block; margin: 0 3px 0 0; background: url(../img/sprite-img.png) no-repeat 0 0; }
.facebook { background-position: 0 -400px; }
.linkedin { background-position: -100px -400px; }
.instagram { background-position: -200px -400px; }
.icon-menu { width: 40px; height: 5px; position: relative; background: #D13041; float: right; margin: 23px 0 0; cursor: pointer; }
.icon-menu:after, .icon-menu:before { content: ''; width: 40px; height: 5px; position: absolute; top: -10px; left: 0; background: #D13041; }
.icon-menu:after { top: 10px; }
.icon-menu.selected { background: #AE2634; }
.icon-menu.selected:after, .icon-menu.selected:before { background: #AE2634; }
.sbHolder { text-align: left; }
ul.landingPg-menu li a:hover, ul.landingPg-menu li a.active { color: #bf1e2e; }
#everydaySection { background: url(../img/everyday-img2.jpg) no-repeat 50% 0; position: relative; z-index: 2; background-color: #fff; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed; display: block!important; visibility: visible!important; }
body { display: block; }
#footerSection { background-image: url(../img/footerParallax-img.jpg); background-repeat: no-repeat; background-position: 50% 0; position: relative; z-index: 2; background-color: #fff; }
.keepme-update-popup { width: 100%; max-width: 570px; position: absolute; top: 20%; left: 20%; background: #fff; z-index: 9999; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-shadow: 0 0 20px rgba(0,0,0,0.7); display: none; border-radius: 8px; }
.keepme-update { float:none !important }
.popup-content { position: relative; font-family: 'melbourne-regular'; padding: 25px; }
.popup-content h2 { font-size: 30px; padding: 40px 0 10px; margin: 0; color: #000; text-align: center; font-family: 'courier-primebold'; }
.icon-close-btn { width: 17px; height: 17px; background-position: -100px -450px; position: absolute; right: 25px; top: 25px; cursor: pointer; }
.icon-close-btn:hover { background-position: -150px -450px; }
.keepme-update-popup .form-block { max-width: 320px; padding: 35px; background: none; margin: 0 auto; }
.form-footer { width: 100%; text-align: center; overflow: hidden; padding: 5px 0 0; }
.popup-footer { max-width: 320px; text-align: center; font-size: 14px; margin: 0 auto; padding: 30px 0 0; color: #6d6d6d; }
.popup-desc { max-width: 400px; text-align: center; font-size: 14px; margin: 0 auto; padding: 0; color: #000; }
.keepme-update-popup .form-block .text-field { min-height: 30px; border: 3px solid #e6e7e8; border-radius: 6px; }
.keepme-update-popup .form-block .text-field input { padding: 7px 0; font-size: 16px; font-family: 'courier-primeregular'; color: #6d6c6c; }
.keepme-update-popup .form-block .index-button { width: 100%; }
.landingPg-menu { float: right; }
.landingPg-nav .welcome-txt { margin: 2px 0 0; float: left; padding: 0; font-size: 18px; }
.landingPg-nav .head-txt { max-width: 135px; }
.landingPg-nav .popup { right: -15px; }
.banner-wrap { display: block; height: auto !important; min-height: 100%; overflow: hidden; z-index: 0; }
.footer-btns { display: block; overflow: hidden; }
.brdrtop p { margin-top: 20px; }
/*Alert Message*/
.alert-box { position: fixed; top: 0; left: 0; background-color: #000; background: rgba( 61,61,61,0.95 ); z-index: 9999999999; width: 100%; font-size: 20px; font-weight: 600; color: #fff; padding: 14px 5px; line-height: 32px; display: none; }
.alert-box .container { max-width: 994px; }
.alert-box .container .success-icon { background: url(../img/sprite-img.png) no-repeat scroll -51px -59px rgba(0, 0, 0, 0); float: left; height: 40px; padding-right: 20px; width: 42px; }
.alert-box .container .error-icon { background: url(../img/sprite-img.png) no-repeat -110px -60px; width: 40px; height: 40px; padding-right: 20px; float: left; }
.alert-box .container .cross-icon { background: url(../img/sprite-img.png) no-repeat -166px -66px; width: 16px; height: 16px; float: right; margin-top: 7px; cursor: pointer; margin-right: 10px; padding: 2px; transition: background-color linear 0.5s; -webkit-transition: background-color linear 0.5s; -moz-transition: background-color linear 0.5s; -o-transition: background-color linear 0.5s; }
.alert-box .container .cross-icon:hover { background-color: #000; }
.alert-box .container .alert-msg { overflow: hidden; }
/*for print*/
.printPopup { margin: 0 auto; background: #fff; width: 90%; height: 90%; display: none; padding: 20px 10px; text-align: center; }
.printOuterFrame { overflow: auto; position: relative; height: 85%; padding-bottom: 30px; }
.avatarPopupFrame { border: 10px solid #C11D1F; padding: 0 10px; -moz-border-radius: 6px; border-radius: 6px; -webkit-border-radius: 6px; position: relative; width: 842px; height: 595px; margin: 0 auto; }
.avatarPopupFrame figure > img {/* height:200px;width:auto;*/ }
.avatarPopupFrame [class^="icons-"], .avatarPopupFrame [class*="icons-"] { margin-top: 390px; }
.avatarPopupFrame [class^="icons-avatar-pet"] { margin-top: 450px; }
.avatarPopupFrame [class^="icons-avatar-pet"] img {/* height:100px; width:auto;*/ }
.avatar-frame-tbl { margin: 0 auto; }
/* privacy policy*/
.subheading { font-size: 20px; font-weight: bold; margin: 15px 0 5px 0; }
.privacy-policy span { display: block; margin-left: 50px; }
.privacy-policy h6 { margin: 20px 0 10px 0; padding: 0; }
.privacy-policy ul { margin-left: 40px; }
.privacy-policy p { margin: 10px 0; }
.privacy-policy ul li { display: list-item; list-style: disc; list-style-position: inside; }
.mar0 { margin: 0 !important; }
.bold-font { font-weight: bold; color: #036; }
.privacy-statement ul li { list-style-position: outside; list-style: decimal; margin-bottom: 20px; }
/*accordian start*/

.rulesLable .icon-down { background-position: -159px -105px; float: left; width: 20px; height: 23px; margin: 6px 10px 0 0; background-image: url(../img/sprite-img.png); margin: 0px 10px 0 0; }
.rulesLable.active .icon-down { background-position: -218px -111px; }
.rules-popup { font-size: 18px; }
.middle-wrapper .container aside.rules-popup { float: none; }
.faqs-head { border-bottom: 1px dotted #999; padding: 15px 0 !important; }
.faqs-head a { color: #C31914; }
.rules-popup h6 { margin-top: 35px; }
.rules-popup ul li { list-style: none; width: 100%; }
.expanded-field { display: none; }
.rules-popup > ul > li { padding: 15px 0px; border-bottom: 1px dotted #999; }
.rulesLable.active { color: #C31914; }
.rules-popup > ul > li > a { display: block; }
.rules-popup label { display: block; overflow: hidden; cursor: pointer; }
.rules-popup > ul > li aside { padding-top: 10px; }
.rules-popup > ul > li aside p { margin-top: 5px; margin-left: 30px; word-wrap: break-word; }
.rules-popup > ul > li aside a { color: #C31914; }
.expanded-field ul { margin-left: 70px; }
.expanded-field ul li { list-style: disc; display: list-item; }
.txt-underline { text-decoration: underline; }
ul.nlist-style li { list-style: decimal; }
/**bx slider**/
.bx-wrapper { position: relative; margin: 0; padding: 0; *zoom:1;
}
.bx-wrapper img { max-width: 100%; display: block; }
/** THEME
===================================*/
.bx-wrapper .bx-viewport { left: 0; }
.bx-wrapper ul li { display: block; }
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; }
.bx-wrapper .bx-loading { min-height: 50px; background: url(../img/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }
.bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; }
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: none; }
.bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; }
.bx-wrapper .bx-prev { left: 10px; background: url(../img/controls.png) no-repeat 0 -32px; }
.bx-wrapper .bx-next { right: 10px; background: url(../img/controls.png) no-repeat -43px -32px; }
.bx-wrapper .bx-prev:hover { background-position: 0 0; }
.bx-wrapper .bx-next:hover { background-position: -43px 0; }
.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; }
.bx-wrapper .bx-controls-direction a.disabled { display: none; }
.x-wrapper .bx-controls-auto { text-align: center; }
.bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(../img//controls.png) -86px -11px no-repeat; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; }
.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(../img//controls.png) -86px -44px no-repeat; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }
.bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; }
.bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; }
/**bx slider**/

.middle-wrapper.my-checkout-wrap.edit-address-wrap aside { width: 49%; }
.middle-wrapper.my-checkout-wrap.edit-address-wrap aside:last-child { margin-right: 0; }
.middle-wrapper.my-checkout-wrap.edit-address-wrap aside:last-child .form-block { padding-bottom: 0; }
.middle-wrapper.my-checkout-wrap.edit-address-wrap aside .bill-cbox { margin-bottom: 11px !important; }
.index-footer-cpyright { font-size: 15px; color: #fff; text-align: left; display: inline-block; }
header .container .left-wrap.my-interest-heading.privacy-stat-wrap { max-width: inherit !important; }
.get-started ul li ul.list-view { list-style: disc; }
.get-started ul li ul.list-view li { margin: 0; padding: 0; background-image: url(../img/bullet-icn.png); background-position: 3px 8px; background-repeat: no-repeat; padding: 0 0 0 10px; text-align: left; width: auto; display: block; }
.front-page-content .text-field { margin-bottom: 0; }
.footer-links.right { float: right; text-align: right; margin: 0; }
.middle-wrapper.my-checkout-wrap aside.checkout-box { width: 50%; margin: 0 auto; float: none; }
.middle-wrapper.my-checkout-wrap aside.checkout-box .form-block { padding-top: 15px; }
/*-----FlexSlider----------*/
/* Browser Resets
*********************************/
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; }
.slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; }
/* Icon Fonts
*********************************/
 /* FlexSlider Necessary Styles
*********************************/
.flexslider { margin: 0; padding: 0; }
.flexslider .slides > li { display: none; height: 100%; } /* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider.ssld .slides > li {height:auto;}
.flexslider.ssld .slides img {width:100%}
.tdr {overflow:initial}

.flexslider .slides img { width: 100%; display: block; }
.flex-pauseplay span { text-transform: capitalize; }
/* Clearfix for the .slides element */
.slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .slides { display: block; }
* html .slides { height: 1%; }
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child { display: block; }
/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0px; position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }
/* Direction Nav */
.flex-direction-nav { *height:0;
}
.flex-direction-nav a { text-decoration: none; display: block; width: 36px; height: 74px; margin: -37px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; background: url(../img/sprite-img.png) no-repeat 0 0; text-indent: 99999px; }
.flex-direction-nav .flex-prev { left: 0; background-position: 0 -150px; }
.flex-direction-nav .flex-next { right: 0; text-align: right; background-position: 0 -250px; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 0; }
.flexslider:hover .flex-next { opacity: 0.7; right: 0; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default; }
/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; text-indent: -99999; }
/* Control Nav */
.flex-control-nav { width: 200px; position: absolute; bottom: 40px; text-align: center; z-index: 10; right:40px;}

.flexslider.ssld .flex-control-nav {bottom: -20px;}

.flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display:inline;
}
.flex-control-paging li a { width: 11px; height: 11px; display: block; border: 2px solid #231f20; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { border: 2px solid #bf1e2e; }
.flex-control-paging li a.flex-active { border: 3px solid #bf1e2e; }
.flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; }
.flex-control-thumbs li { width: 25%; float: left; margin: 0; }
.flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; }
.flex-control-thumbs img:hover { opacity: 1; }
.flex-control-thumbs .flex-active { opacity: 1; cursor: default; }
.overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../img/trans30.png) repeat; z-index: 1; }
.timeline-block { width: 100%; overflow: hidden; margin: 100px 0 0; }
.timeline-block ul { width: 100%; overflow: hidden; margin: 0; padding: 0; }
.timeline-block ul li { width: 25%; float: left; }
.timeline-top-block { width: 100%; height: 62px; padding: 0 0 6px 0; border-bottom: 22px solid #c02228; text-align: center; vertical-align: bottom; }
.timeline-top-block.line02 { border-bottom: 22px solid #6fc0e2; }
.timeline-top-block.line03 { border-bottom: 22px solid #4fc0a5; }
.timeline-top-block.line04 { border-bottom: 22px solid #f26229; }
.timeline-block ul li span { display: block; overflow: hidden; height: 33px; border: 2px dashed #6d6e71; border-width: 0 2px 0 0; padding: 15px 10px 0; font-size: 25px; color: #bf2227; font-family: 'courier-primebold'; }
.timeline-block ul li:first-child span { border-width: 0 2px; }
.timeline-block ul li p { font-size: 20px; padding: 5px 10px; color: #000; }
.icon-timeline01 { width: 45px; height: 62px; background-position: -300px -438px; }
.icon-timeline02 { width: 75px; height: 62px; background-position: -350px -438px; }
.icon-timeline03 { width: 105px; height: 62px; background-position: -450px -438px; }
.icon-timeline04 { width: 43px; height: 62px; background-position: -250px -438px; }
.follow-link-region { background: #971116; width: 100%; overflow: hidden; padding: 25px 0; }
.follow-link-region a { color: #fff; font-size: 24px; font-family: 'courier-primebold'; display: inline-block; margin: 0 30px 0 0; text-transform: uppercase; }
.follow-link-region a:hover { text-decoration: underline; }
.icon-fblink, .icon-instagramflw { width: 36px; height: 36px; background-position: -100px -500px; vertical-align: -10px; margin: 0 20px 0 0; }
.icon-instagramflw { background-position: -50px -500px; }
/*---------how it works popup----------*/
.btn-wrap .w100 { min-width: 100px; }
.btn-wrap span { display: block; margin-bottom: 10px; }
.keepme-update-popup .checkpopup-content { padding: 10px 35px; }
.checkpopup-content .text-field { border: 1px solid #ccc; }
#state-field .sbOptions li { display: inline; }
.checkpopup-content .text-field .sbToggle { background: url("../img/select-bg.png") no-repeat scroll right center #FFFFFF; height: 35px; }
.checkpopup-content .text-field .sbOptions li {
font-family: 'courier-primeregular' font-size: 15px; margin: 0; text-transform: none; width: 100%; display: inline; font-size: 16px; }
.checkpopup-content p { font-size: 14px; margin-bottom: 10px; }
.checkpopup-content .sbHolder { font-family: 'courier-primeregular'; font-size: 16px; color: #6D6C6C; }
/*My Profile 17 July*/
.whitebg { background: #fff; clear: both; }
.profileWrapper .landingPg-nav { margin-top: 0; padding: 45px 0 40px }
.pofile-menus { padding: 10px 0 40px 0; max-width: 994px; margin: 0 auto; float: none; }
/* =================== Tabs ======================== */
.tabRegion, .tabsContent { display: block; }
.tabsContent { min-height: 400px }
.tabContentInner { padding: 15px 10px 0; }
.tabsContent { width: 100% }
.hide { display: none; }
.tabsIndex { display: table; width: 100%; /*padding-bottom: 15px;*/ border-bottom:2px solid #f2f2f2}
#basicdetails .tabsIndex { display: table; /*padding: 0 10px 15px;*/ width: 98%; }
#basicdetails .tabsIndex > a { margin-top: 13px; }
#basicdetails .tabsIndex > a:not(:last-child){padding:15px;}
#basicdetails .tabsIndex > a.button { margin-top: 0; }
.tabsIndex > a { padding:14px; float: left; font-family: 'courier-primeregular'; font-size: 14px; line-height: 1; text-align: center; transition: none 0s ease 0s; margin: 0 0 0 65px }
.tabsIndex > a:first-child { margin-left: 0; padding-left: 0; }
.tabsIndex > a:hover, .tabsIndex > a:focus, .tabsIndex > a:active { text-decoration: none; color: #bf2026 }
.tabsIndex > a.active { background: #f2f2f2; cursor: default; color: #bf2026; padding:15px;}
.tabsIndex.pofile-menus { background: #f3f3f3; float: none; }
.tabsIndex.pofile-menus a { float: left; margin-left: 60px; font-size: 16px; color: #6e6e6e; font-family: 'courier-primeregular'; letter-spacing: -1px; display: block; min-width: inherit }
.tabsIndex.pofile-menus a:first-child { margin: 0; }
.tabsIndex.pofile-menus a:hover, .tabsIndex.pofile-menus a.active { color: #bf2026 }
.profileWrapper h3 { font-size: 24px; color: #6d6d6d; font-family: 'melbourne-regular'; margin: 30px 0; text-align: center }
.profile-details > li { background: #f2f2f2; border-bottom-right-radius: 5px; border-top-right-radius: 5px; display: table-cell; width: 50%; vertical-align: top }
.tab-content-menus .icon-menu { margin: 0; position: fixed; right: 25px; top: 37px; z-index: 999999; }
.profileWrapper .container { max-width: 994px; overflow: hidden; }
/*.profile-details > li img { width: 100%; height: 100% }*/
.profile-details > li > .content { padding: 46px 40px; }
.profile-details > li > .content.subscription-plan { padding: 35px 40px 80px; position: relative; min-height: 205px; }
.profile-details > li.pattern { background: url(../img/pattern.jpg); position: relative; border-top-left-radius: 5px; border-bottom-left-radius: 5px; overflow: hidden; text-align: center; vertical-align: middle }
.profile-details > li.pattern > img { max-width: 175px; }
.profile-details > li.pattern .rightstrip { position: absolute; background: url(../img/rightstrip.png) no-repeat center right; right: 0; top: 0; width: 46px; height: 100%; }
.profile-details > li.pattern2 { background: url("../img/pattern2.jpg") repeat; border-bottom-left-radius: 5px; border-top-left-radius: 5px; display: table-cell; position: relative; text-align: center; vertical-align: middle; }
.profile-details > li.pattern2 .rightstrip { position: absolute; background: url(../img/rightstrip2.png) no-repeat center right; right: 0; top: 0; width: 46px; height: 100%; }
.profile-details .button, .family-portrait .button, .profileWrapper .button { background: none; border: 1px solid #c2c2c2; border-radius: 5px; color: #6d6d6d; font-family: 'melbourne-regular'; font-size: 18px; font-weight: normal; height: 38px; line-height: 38px; margin: 0; padding: 0 20px; -moz-transition: background 0.3s ease 0s; -webkit-transition: background 0.3s ease 0s; -o-transition: background 0.3s ease 0s; }
/*.profile-details .button:last-child, .profileWrapper .button:last-child { margin-left:7px;}*/
.profile-details .subscription-plan table td label { min-width: 180px; }
.family-portrait .button:last-child { margin: 20px auto 30px }
.profileWrapper .button:hover { background: #333; color: #fff; border: 1px solid #333 }
.profileWrapper .text-field { background: none; border: 0 none; border-radius: 0; }
.profile-details table td { border-bottom: 1px solid #ffffff; font-size: 18px; padding: 15px 2px 0; position: relative; vertical-align: top }
.profileWrapper .profile-details .view-mode, .profileWrapper .profile-details .edit-mode { width: 278px; }
.profileWrapper .view-mode.balance { font-weight: normal; padding-left: 0; }
.profileWrapper .view-mode, .profileWrapper .edit-mode { /*color: #6d6d6d;*/ font-weight: bold; }
.profileWrapper .edit-mode.select-editmode, .select-oh { overflow: inherit; }
.profileWrapper .edit-mode.text-field { padding: 0; background: #fff; padding: 6px 8px; border: 1px solid #eee }
.profileWrapper .address-select .profile-actions.subscription-actions { margin: 0; position: absolute; right: 20px; top: 25px; z-index: 999 }
.select-form .sbHolder { height: inherit }
.renewal { bottom: 10px;  position: absolute; padding-right:10px; }
.renewal.ck-cbox .label { color: #58595b; }
.delivery-actions { bottom: 14px; position: absolute; }
.yearly-paln { font-size: 17px; margin: 30px 0; }
/*.profileWrapper .cc-form .view-mode, .profileWrapper .cc-form .edit-mode { overflow: inherit }*/
.profileWrapper .cc-form .ck-cbox label { width: auto; }
.profileWrapper .error-holder { height: auto; position: absolute; right: 0; top: 0; }
.profile-actions { margin: 25px 0 0 0; text-align: right }
.profileWrapper .error-holder span { color: red; }
.cc-wrapper .profile-actions { margin: 60px 19px 0 0; text-align: right }
.create-password .profile-actions { margin: 50px 0 0; text-align: right }
.profile-details table td label { display: block; min-width: 85px; }
.profileWrapper textarea, .profileWrapper input[type="text"], .profileWrapper input[type="password"], .profileWrapper input[type="email"] { padding: 0; font-weight: normal; font-size: 18px; }
.profile-wrap, .subscription-wrap { display: table; width: 100% }
.profile-details { clear: both; display: table-row; overflow: hidden; width: 100%; }
.track-details { clear: both; display: table; overflow: hidden; width: 100%; }
.track-details { border-top: 1px solid #f0f0f0; margin: 30px 0 0; padding: 30px 0 0; }
.track-details > li { display: table-cell; height: 100%; overflow: hidden; text-align: center; vertical-align: middle; width: 50%; }
.track-details > li.vtop { vertical-align: top }
.track-details li .content { padding: 50px 30px; text-align: center; }
.track-details li.my-delivery .content { padding: 50px 30px 20px }
.m-t-20 { margin-top: 20px; }
.track-details li.survey-links { background: #f2f2f2; }
.track-details li.my-delivery { background: #ef878f; color: #fff }
.track-details li.my-delivery h3 { color: #fff }
.track-details.manage-profile-links li.product-booklet { background:#99D6C6;}
.track-details.manage-profile-links li { width:33.3%}
.track-details.manage-profile-links li .content { text-align:left; padding: 40px 30px 50px;}
.track-details.manage-profile-links  h3 { text-align:left;}
.track-details.manage-profile-links  .track-survey-links { margin:0;}
.track-details.manage-profile-links li.product-booklet h3 { color:#fff}
.track-details.manage-profile-links li.my-delivery .content {padding: 40px 30px 50px;}
 .track-details.manage-profile-links li .survey-content { color:#fff;}
.track-details li p { font-size: 15px; padding: 10px; margin-bottom: 15px }
.track-details h3 { font-size: 24px; font-weight: bold; font-family: 'melbourne-regular'; cursor: default; }
.icon-arrow1 { width: 37px; height: 37px; background-position: -50px -600px }
.icon-arrow1:hover { width: 37px; height: 37px; background-position: -50px -650px }
.icon-arrow2 { width: 37px; height: 37px; background-position: -100px -600px }
.icon-arrow2:hover { width: 37px; height: 37px; background-position: -100px -650px }
.icon-pause { width: 37px; height: 37px; background-position: -150px -600px }
.icon-pause:hover { width: 37px; height: 37px; background-position: -150px -650px }
.icon-cancel { width: 37px; height: 37px; background-position: -200px -600px }
.icon-cancel:hover { width: 37px; height: 37px; background-position: -200px -650px }
.track-details h3 { margin: 0 0 10px; padding: 0; }
.track-details a { display: block; margin: 0 auto; }
.family-portrait { border-bottom: 1px solid #f0f0f0; border-top: 1px solid #f0f0f0; margin: 30px 0 35px; padding-bottom: 5px; }
.family-portrait .button { display: block; margin: 30px auto; }
.family-portrait h3 { font-weight: bold; }
.family-portrait p { color: #333; font-size: 12px; margin-top: 25px; text-align: center; }
.portrait { background: url("../img/portrait-img.png") no-repeat scroll 53px 85px #f2f2f2; border-radius: 5px; padding: 30px 0 50px; text-align: center; }
.portrait li { vertical-align: bottom; margin-left: -25px }
.intrerest-fields { margin: 50px 0 40px; text-align: center }
.intrerest-fields li { display: inline-block; float: none; margin: 0 0 20px 40px; min-width: 100px; vertical-align: middle; }
.intrerest-fields li > div, .travel { background: url(../img/profile-images.png) no-repeat left top; text-align: center; vertical-align: middle; color: #6d6d6d; font-size: 18px; font-weight: bold; font-family: 'melbourne-regular'; display: table-cell; line-height: 20px; }
.intrerest-fields li.movies > div { background-position: 0 0; height: 93px; width: 95px; }
.intrerest-fields li.cooking > div { background-position: -99px -2px; height: 90px; width: 85px; }
.intrerest-fields li.beauty > div { background-position: -195px 0; height: 91px; width: 111px; }
.intrerest-fields li.home > div { background-position: -313px -1px; height: 91px; width: 87px; }
.intrerest-fields li.weight > div { background-position: -413px -2px; height: 89px; width: 112px; }
.intrerest-fields li.fashion > div { background-position: -556px -6px; height: 85px; width: 66px; }
.intrerest-fields li.groceries > div { background-position: -1px -107px; height: 110px; width: 109px; }
.intrerest-fields li.supermarket > div { background-position: -145px -109px; height: 98px; width: 93px; }
.intrerest-fields li.next12months > div { background-position: -252px -108px; width: 125px; height: 111px; }
.intrerest-fields li.interest > div { background-position: -389px -108px; width: 143px; height: 143px; }
.intrerest-fields li.beautyproducts > div { background-position: -577px -144px; height: 108px; width: 131px; }
.intrerest-fields li.supermarketeachweek > div { background-position: -2px -289px; width: 115px; height: 78px; }
.intrerest-fields li.liquor > div { background-position: -145px -289px; height: 114px; width: 97px; }
.intrerest-fields li.loyalty > div { background-position: -288px -289px; height: 97px; width: 128px; }
.intrerest-fields li.household > div { background-position: -465px -286px; height: 148px; width: 115px; }
.travel { background-position: -637px 0; display: block; height: 94px; line-height: 94px; margin: 0 auto; padding-left: 2px; text-align: center; width: 144px; }
.pofile-menus .landingPg-nav { float: left; }
.category { margin-bottom: 50px }
/*ScrollPane*/
*:focus { outline: none; }
.jspContainer { overflow: hidden; position: relative; }
.jspPane { position: absolute; }
.jspVerticalBar { position: absolute; top: 0; right: 0; width: 10px; height: 100%; }
.jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; }
.jspCap { display: none; }
.jspHorizontalBar .jspCap { float: left; }
.jspTrack { background: #ccc; position: relative; border-radius: 10px; }
.jspDrag { background: #666; position: relative; top: 0; left: 0; cursor: pointer; border-radius: 10px; }
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; }
.jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; padding: 0; margin: 0; }
.jspArrow.jspDisabled { cursor: default; background: #80808d; }
.jspVerticalBar .jspArrow { height: 16px; }
.jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; }
.jspVerticalBar .jspArrow:focus { outline: none; }
.jspCorner { background: #eeeef4; float: left; height: 100%; }
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner { margin: 0 -3px 0 0; }
.scroll-pane { width: 100%; height: 100px; overflow: automargin: 0 auto;
}
.horizontal-only { height: auto; max-height: 180px; }
.track-survey-links { /*max-width: 150px;*/ margin: 0 auto }
.track-survey-links > .survey-content { margin: 0 auto; max-width: 130px; }
.track-survey-links a { font-size: 16px; font-family: 'melbourne-regular'; color: #bf2026; line-height: 26px; text-decoration: underline }
.track-survey-links a:hover { color: #000000 }
.track-survey-links.delivery-links a { color: #fff }
.track-survey-links.delivery-links a:hover { color: #272727 }
.category .tabsIndex .button { border-color: #cccccc; float: right; height: 29px; line-height: 32px; min-width: inherit; padding: 10px 20px; }
.pofile-menus .icon-menu { margin: -69px 9px 0 0; right: 6px; z-index: 99; position: fixed; }
/*subscription*/
.subscription .profile-details table tr.last-row td { border-bottom: 0; }
.subscription .track-details { border-top: 0; padding: 0; margin: 0 0 40px 0; text-align: center }
.subscription .track-details li.my-delivery { background: #bf2026; color: #ffffff; }
.subscription .track-details li.my-delivery.graybG { background: #c5c5c5 }
.subscription .cmnSubHead { border-top: 1px solid #f0f0f0; margin: 40px 0 25px; padding: 25px 0 0; }
.cmnSubHead.no-border { border: none; margin-top: 0; padding-top: 0; }
.main-title { color: #333; font-family: 'melbourne-regular'; font-size: 30px; text-align: center; margin: 30px 0 20px; border-top: 1px solid #f0f0f0; padding: 25px 0 0 }
.cc-wrapper, .create-password { background: #f3f3f3; padding: 50px 60px; margin: 30px 0 70px 0 }
.cc-heading h3, .password-heading h3 { font-size: 36px; color: #6d6d6d; font-weight: bold; text-align: left; padding: 0; float: left; margin: 0; }
.cc-heading .button, .password-heading .button { float: right; }
.password-form table .form-control { border-bottom: 1px solid #ffffff; display: block; margin-left: 50px; overflow: inherit; padding: 15px 0; position: relative; width: 410px; }
.profileWrapper .password-form .error-holder { top: 64px; }
.profileWrapper .addressForm .error-holder { top: 67px; }
.password-form .form-control label { width: 200px; float: left; margin-right: 10px; }
.password-form .form-control .fields { float: left; word-wrap: break-word; }
.password-form table .select-field-tbl { height: 28px }
.password-form table .sbOptions { overflow-y: scroll; oveflow-x: hidden }
.password-form table .sbOptions li { clear: both; display: block }
.password-form table .sbOptions li a { font-size: 18px; }
.password-form table .sbHolder { width: 217px; }
.password-form table td:first-child .form-control { margin-left: 0; }
.password-form textarea, .profileWrapper input[type="text"], .password-form input[type="password"], .password-form input[type="email"] { padding: 0; font-weight: bold; font-size: 18px; }
.password-form table .form-control label.termsaccept { width: auto }
.password-form table .checkbox label { float: none; margin-right: 13px; width: auto; background: url(../img/sprite-img.png) no-repeat -350px -650px; margin-top: 5px; }
.password-form table .checkbox input[type="checkbox"]:checked + label { background: url(../img/sprite-img.png) no-repeat -400px -650px; }
.password-form table .fields.checkfields { float: right; overflow: hidden; }
.profileWrapper .cc-form .view-mode, .profileWrapper .cc-form .edit-mode { font-weight: bold; font-size: 18px; }
.profileWrapper .password-form .view-mode, .profileWrapper .password-form .edit-mode { font-weight: normal; font-size: 16px; width: 170px }
.profileWrapper .sbToggle { width: 20px; height: 20px; background: url(../img/sprite-img.png) no-repeat -250px -650px; right: 10px; top: 10px; }
.profileWrapper .sbToggleOpen { background-position: -300px -650px }
.profileWrapper .sbSelector { font-size: 16px; font-weight: normal; left: 0; overflow: hidden; text-indent: 8px; text-overflow: ellipsis; top: 2px; width: 86%; }
.profileWrapper.subscription .sbSelector, .subscription-plan .sbSelector { top: -4px; }
.profileWrapper.subscription .sbToggle, .subscription-plan .sbToggle { top: 7px; }
.cc-form, .password-form { clear: both; padding-top: 40px; }
.cc-form table, .password-form table { width: 100% }
.cc-form table .form-control { border-bottom: 1px solid #ffffff; clear: both; overflow: hidden; padding: 15px 0; width: 409px; margin-left: 50px; }
.cc-form table .form-control label { width: 120px; float: left; }
.cc-form table .form-control .fields { float: left; }
.cc-form table .select-field-tbl { height: 28px }
.cc-form table .sbOptions { overflow-y: scroll; oveflow-x: hidden; }
.cc-form table .sbOptions li { clear: both; display: block }
.cc-form table .sbOptions li a { font-size: 18px; text-transform: capitalize; }
.cc-form table .sbSelector { text-transform: capitalize; }
.cc-form table .sbHolder { width: 207px; font-family: 'melbourne-regular', sans-serif; font-size: 20px; height: 36px; }
.cc-form table td:first-child .form-control { margin-left: 0; }
.cc-form textarea, .profileWrapper input[type="text"], .cc-form input[type="password"], .cc-form input[type="email"] { padding: 0; font-weight: bold; font-size: 18px; }
.cc-form-table .address-select { float: left; overflow: inherit; width: 73%; }
.cc-form table .form-control .fields { overflow: hidden; float: none }
.password-form textarea, .password-form input[type="text"], .password-form input[type="password"], .password-form input[type="email"] { padding: 0; font-weight: normal; font-size: 18px; color: #333 }
.cc-form table .form-control label.termsaccept { width: auto }
.view-mode.authority-div, .edit-mode.edit-note { padding-left: 0 }
.cc-form table .checkbox label { float: none; margin-right: 13px; width: auto; background: url(../img/sprite-img.png) no-repeat -350px -650px; margin-top: 5px; }
.cc-form table .checkbox input[type="checkbox"]:checked + label { background: url(../img/sprite-img.png) no-repeat -400px -650px; }
.cc-form table .fields.checkfields { float: right; overflow: hidden; }
.error-holder.postcode-error { left: 0; line-height: 14px; margin: 0; padding: 0; text-align: left; top: 36px !important; }
.cc-form table .form-control.address-select .fields { float: left; overflow: inherit;/* width: 70%*/ }
/*Address*/
.address-wrapper { background: #f3f3f3; padding: 50px 60px; clear: both; margin: 30px 0 70px 0 }
.address-wrapper h3 { color: #6d6d6d; float: left; font-size: 36px; font-weight: bold; margin: 0 0 70px; padding: 0; text-align: left; }
.address-wrapper .shippingForm h3 { color: #999; margin: 0 0 60px }
.button.editAddressForm { position: absolute; right: 0; top: 8px; }
.addressForm { clear: both; }
.billingForm { float: left; margin-right: 50px; }
.shippingForm { float: left; position: relative }
.addressForm table .form-control { border-bottom: 1px solid #ffffff; clear: both; overflow: hidden; padding: 15px 0 0; position: relative; }
.addressForm .form-control label { width: 102px; float: left; }
.addressForm table .form-control.textareanote { height: auto; overflow: hidden }
.addressForm .form-control.textareanote label, .addressForm .form-control.textareanote .fields { float: none; padding: 0; }
.addressForm .form-control.textareanote textarea { min-height: 100px; background: #fff; padding: 5px; margin-top: 3px; }
.addressForm table .form-control .fields { float: left; width: 70% }
.addressForm table .form-control.textareanote .fields.checkfields { width: 100% }
.addressForm table .select-field-tbl { height: 28px }
.addressForm table .sbOptions { overflow-y: scroll; oveflow-x: hidden; left: 0 !important; top: 37px !important; }
.addressForm table .sbOptions li { clear: both; display: block }
.addressForm table .sbOptions li a { font-size: 18px; }
.addressForm table .sbHolder { width: 217px; }
.addressForm textarea, .profileWrapper input[type="text"], .addressForm input[type="password"], .addressForm input[type="email"] { padding: 0; font-weight: normal; font-size: 18px; }
.addressForm textarea, .addressForm input[type="text"], .addressForm input[type="password"], .addressForm input[type="email"] { padding: 0; font-weight: normal; font-size: 14px; color: #333 }
.addressForm table .form-control label.termsaccept { width: auto }
.addressForm table .checkbox label { float: none; margin-right: 13px; width: auto; background: url(../img/sprite-img.png) no-repeat -350px -650px; margin-top: 5px; }
.addressForm .view-mode, .addressForm .edit-mode { font-weight: normal; font-size: 18px; }
.addressForm table .checkbox input[type="checkbox"]:checked + label { background: url(../img/sprite-img.png) no-repeat -400px -650px; }
.addressForm table .fields.checkfields { float: right; overflow: hidden; }
.address-wrapper .profile-actions { padding: 30px 7px 0 0; text-align: right; clear: both; }
.profile-details .button.cancel-btn, .family-portrait .button.cancel-btn, .profileWrapper .button.cancel-btn { margin-left: 7px; }
.address-wrapper .profile-actions .button:last-child { margin-left: 7px; }
.address-same { border: 1px solid #ff0000; border-radius: 6px; clear: both; color: #ff0000; cursor: pointer; font-size: 12px; margin-bottom: 18px; padding: 4px 10px; position: absolute; top: 78px; }
.fields.address-select { width: 207px; }
.addressForm table .fields.address-select .sbHolder { width: auto }
.phoneno { color: #6d6d6d; }
.profileWrapper .cc-form .select-field-tbl { position: relative; z-index: 999999 }
.addressForm table, .password-form table { width: 100%; clear: both }
.form-control.address-select { overflow: inherit !important }
.form-control.address-select.sbSelector { text-indent: 5px; font-weight: normal; left: 0; }
.form-control.address .sbToggle { right: 0; }
/*////////My Profile 17 July*/

/*Testimoniasl-Slider*/
.testimonials-slider { }
.testimonials-slider .bx-wrapper { display: table; width: 100% }
.testimonials-slider .bx-wrapper .bx-viewport { display: table-row; vertical-align: middle }
.testimonials-slider ul li { text-align: left; vertical-align: middle; font-family: 'melbourne-regular'; }
.testimonials-slider ul li img { display: inline-block; vertical-align: top }
.inner-slider-content { border: 15px solid #E21618; background: #FFFFFF; display: table }
.testi-slider-content { display: block; margin: 0 auto; width: 100%}
.testi-slider-content figure { display: table-cell; margin-right: 10px; }
.testi-events-browse { display: table-row }
.testi-events-browse li { padding-left: 10px; }
.msg-listing { background: #ffffff; display: table; padding-top: 8px; }
.events-browse { float: left; list-style-type: none; margin: 0; padding: 0; width: 100%; }
.event-photo { float: left; height: 26px; overflow: hidden; width: 26px; }
.events-info { overflow: hidden; padding: 0 0 0 10px; text-align: left; font-size: 10px; }
.event-title { font-size: 12px; color: #29618F; width: 80%; }
.events-members { color: #666666; font-size: 11px; text-shadow: 1px 0 0 rgba(0, 0, 0, 0.2); margin: 2px 0; }
.events-desc { margin-right: 30px; min-width: 220px; overflow: hidden; padding: 2px 0 5px; width: 45%; }
.activitybar { background: none repeat scroll 0 0 #ffffff; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; font-size: 12px; height: 18px; overflow: hidden; padding: 10px 0; position: relative; width: 100%; }
.activitybar > div { left: 9px; position: absolute; }
.testimonials-slider ul li .activitybar img { margin-right: 7px; vertical-align: middle; }
.activitybar span { font-size: 12px; color: #29618F; }
.comment-box { background: none repeat scroll 0 0 #ffffff; border-top: 1px solid #cccccc; bottom: 2px; padding: 10px; position: absolute; right: 1px; width: 43%; }
.comment-input { border: 1px solid #dddddd; border-radius: 2px; font-size: 12px; height: 22px; line-height: 22px; margin: 0 5px; overflow: hidden; padding-left: 9px; text-align: left; vertical-align: middle; }
.comment-box img { float: left; width: 29px; margin-right: 5px; }
.comment-box img.comment-img { float: right; margin-right: 0; margin-left: 5px; }
.chat { float: right; display: block; width: 20px; margin-left: 20px }
.msg { display: block; font-size: 14px; }
.gray-head { background: #e8e8e8; border-top-left-radius: 4px; border-top-right-radius: 4px; font-size: 15px; height: 46px; line-height: 46px; padding: 0 0 0 30px; text-align: left; font-weight: 600 }
.second-testi-slide .inner-slider-content { border: 0; }
.secondslidemid { border-radius: 4px; background: #fff; padding: 30px; font-size: 18px; text-align: left; }
.bottom-gray { background: #E8E8E8; border-bottom-left-radius: 3px; border-bottom-right-radius: 4px; height: 43px; }
.third-testi-slide { border: 1px solid #D5D5DA; width: 51%; margin: 0 auto; border-radius: 5px; }
.third-testi-slide .slider-inner { padding: 15px 15px 10px 15px; }
.testi-user-info figure { float: left; width: 42px; height: 42px; margin-right: 10px; }
.test-user-info { overflow: hidden; }
.test-user-info > i { margin-top: 0; }
.test-user-info > .title { font-size: 15px; color: #3A5897; font-weight: bold; }
.five-testi-slide .test-user-info .title { color: #333333 !important }
.third-testi-slide .time img { vertical-align: middle }
.test-user-info > .time { color: #999999; display: block; font-size: 12px; font-weight: bold; }
.msg-user { font-size: 13px; color: #000000; line-height: 16px; clear: both; margin: 15px 0 7px 0 }
.quote-block-content p.action { color: #4060A0; font-size: 13px; padding: 0 !important; }
.listing-likes { border-top: 1px solid #D5D5DA; background: #F7F8F9; padding: 15px; }
.status-likes { font-size: 12px; color: #333; }
.status-likes span { color: #3A5897; margin-left: 5px; }
.new-comments > figure { width: 34px; height: 34px; float: left; margin-right: 10px }
.new-comments .write-comment { overflow: hidden; margin: 10px 0 0 0 }
.write-comment .comments { background: #ffffff; border: 1px solid #d5d5da; color: #999999; font-size: 15px; padding: 7px; }
.write-comment .comments img { float: right; }
.addressForm table .form-control.tick-authorise label.termsaccept { float: left; line-height: 20px; overflow: hidden; width: 76%; }
.addressForm .tick-authorise .checkfields.edit-mode { float: right; margin-right: 45px; overflow: inherit; width: 20px; }
.five-testi-slide .slider-inner { padding: 20px 20px 10px; }
.five-testi-slide .new-comments > figure { height: 41px; width: auto; }
.five-testi-slide .msg-user { color: #848484; font-size: 16px; line-height: 18px; }
.five-testi-slide .listing-likes { background: none; border-top: 0 none; padding: 0 20px 25px; }
.five-testi-slide .write-comment .comments { border-color: #e3e3e3; color: #999999; margin-top: 2px; border-width: 2px; padding: 6px; }
.five-testi-slide .test-user-info > .time { font-size: 15px; color: #666666 }
.seven-testi-slide figure { float: left; width: 82px; height: 81px; margin-top: 8px; }
.seven-testi-slide .slide-text { overflow: hidden; }
.seven-testi-slide .testi-slider-content { width: 60% }
.seven-testi-slide .slide-text span { color: #333; font-size: 14px; font-weight: bold; }
.seven-testi-slide p { color: #292f51; font-size: 15px; padding: 0; line-height: 22px }
.nine-testi-slide .event-photo { width: 74px; height: 74px; margin-top: 20px }
.nine-testi-slide .desctiption-testi { font-size: 14px; color: #666; }
.nine-testi-slide .msg-listing { border-bottom: 1px solid #cccccc; display: table; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box;    /* Firefox, other Gecko */ box-sizing: border-box;         /* Opera/IE 8+ */ width: 100%; padding-bottom: 4px; padding-left: 20px; background: none }
.nine-testi-slide .desctiption-testi { color: #666666; font-size: 14px; margin: 21px 30px 17px; }
.nine-testi-slide .events-info { padding: 50px 33px 0 10px }
.nine-testi-slide .event-title { color: #666666; font-size: 14px; font-weight: bold; }
.nine-testi-slide .testi-slider-content figure { vertical-align: top; width: 247px; }
.second-slide { /*padding-top: 82px;*/ }
.third-slide { /*padding-top: 78px;*/ }
.five-slide, .eight-slide, .nine-testi-slide { padding-top: 78px; }
.seven-testi-slide { padding-top: 136px; }
.six-testi-slide ..events-desc {
font-size:14px;
}
.credit-card { padding: 35px 0 26px }
.m-b-30 { margin-bottom: 30px; }
.footer-link-block { width: 100%; overflow: hidden; }
.footer-logo { float: left; }
.ewayLink { color: #ffffff; float: left; font-family: "courier-primeregular"; overflow: hidden; padding: 50px 0 0; text-align: left; }
.ewayLink span { display: block; font-family: "courier-primebold"; font-size: 15px; padding: 0 0 10px; }
.footer-nav { float: left; overflow: hidden; color: #fff; width: 86%; max-width: 780px; padding: 35px 0; font-family: 'courier-primeregular'; }
.footer-nav li > span { font-family: 'courier-primebold'; display: block; padding: 0 0 10px 0; font-size: 15px; }
.footer-nav li { float: left; font-size: 14px; padding: 0 5px; width: 23% }
.footer-nav li:first-child{width:19%}
.footer-nav li:nth-child(2){width:27%}
.footer-nav li a { color: #fff; }
.footer-nav li a:hover { color: #000; }
.error-profile { color: #ff0000; display: block; font-size: 13px; line-height: 14px; height: 100%; padding: 2px 0; min-height: 20px; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
.tabsIndex.pofile-menus a { margin-left: 85px; }
}
.profileWrapper.subscription .view-mode.balance, .profileWrapper.subscription .view-mode-exits, .subscription .view-mode.balance, .subscription .view-mode-exits { font-weight: bold }
/*.subscription-plan .edit-settings-table .edit-mode.select-editmode { width: 233px;}*/
.subscription-plan .sbSelector { font-size: 18px; font-weight: normal; left: 0; width: 89%; overflow: hidden; padding-top: 2px; text-overflow: ellipsis; }
.subscription-plan .edit-settings-table .sbOptions a { font-weight: normal; text-transform: capitalize; font-size: 18px; }
.subscription-plan .edit-settings-table .sbOptions { overflow-x: scroll; overflow-y: scroll; top: 32px !important }
.profile-details .subscription-plan table td { border-bottom: 1px solid #ffffff; font-size: 18px; padding: 15px 2px; position: relative; vertical-align: top; }
.profile-details .subscription-plan table td.select-form { padding-bottom: 0; }
.middle-wrapper.edit-address-wrap { padding: 0; }
#form_billing { margin-top: 20px; }

@media screen and (max-width:860px) {
.flex-direction-nav .flex-prev { opacity: 1; }
.flex-direction-nav .flex-next { opacity: 1; }
/*Testimonials Slider*/
.tes.profile-details .subscription-plan table td { border-bottom: 1px solid #ffffff; font-size: 18px; padding: 15px 2px; position: relative; vertical-align: top; }
i-slider-content figure { display: block; margin: 0 auto }
.testi-slider-content figure img { width: 100% }
.msg-listing { display: block; margin-top: 20px; }
.comment-box { position: inherit; width: auto; margin-top: 30px; }
.activitybar { height: 30px; }
.activitybar > div { padding: 0 10px; }
.secondslidemid { padding: 15px }
.secondslidemid > div.inner { width: 100% }
.footer-nav li { width: 22%; }
.footer-nav li:last-child { width: 25%; }
.ewayLink { float: right; margin-right: 14px; }
.profile-details > li.pattern .rightstrip { display: none }
.profile-details > li.pattern2 .rightstrip { display: none }
.delivery-actions { bottom: inherit; margin: 30px 0 0; position: inherit; }
.delivery-actions .button { width: 100%; margin-bottom: 10px; }
.form-control.select-oh .edit-mode { width: 150px !important; }
.addressForm table .form-control .fields, .cc-form table table .form-control .fields { float: none; width: 100% }
.addressForm .form-control label, .cc-form table .form-control label { float: none; width: 100%; clear: both; display: block }
.subscription table { width: 100% }
}
.banner-holder { display: block; height: auto !important; min-height: 100%; overflow: hidden; z-index: 0; }
.banner-wrap { top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 0; }
.mainflex { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 0; }
.flexslider .slides img { max-width: none; display: block; margin-bottom: 0; width: auto; z-index: 0; position: fixed; }

.flexslider.ssld .slides img {position:relative;}

.flexslider .slides { zoom: 1; }
.flex-viewport, .mainflex .slides { height: 100% !important; }
.flexslider .slides > li { position: relative; overflow: hidden; margin: 0; background: #fff; }


html, body { height: 100%; width: 100%; }
.slider-wrapper { width: 100%; height: 100%; min-height: 100%; }
.copy-right-region { width: 100%; overflow: hidden; background: #971116; padding: 14px 0; color: #fff; font-size: 14px; }
.copy-right-region .inner-wrapper { font-family: 'courier-primeregular'; font-size: 13px; }
.copy-right-region span { font-family: 'courier-primebold'; font-size: 18px; }
.icon-facebook { width: 34px; height: 34px; background-position: -150px -500px; margin: -5px 0 0; }
.icon-facebook:hover { background-position: -200px -500px; }
.timeline-block ul li p label { display: block; overflow: hidden; padding: 0 0 0 10px; background: url(../img/bullet-icon-img.png) no-repeat left 12px; }
/*--------25/04/2014--Thank-You-Page -------*/
.thank-you-wrapper { width: 100%; overflow: hidden; padding: 150px 0 0; }
.thankyou-page { background: url(../img/thankyou-page-bg.jpg) repeat; }
.thank-you-wrapper .container { max-width: 880px; padding: 0 30px; color: #000; font-family: 'courier-primeregular'; }
.thank-you-wrapper h2 { font-family: 'courier-primebold'; font-size: 48px; margin: 0; padding: 0 40px; }
.thank-you-wrapper p { font-family: 'courier-primebold'; font-size: 24px; color: #000; margin: 0; padding: 10px 40px; }
.thank-you-wrapper h3 { font-family: 'melbourne-regular'; font-size: 18px; font-weight: 600; padding: 20px 40px; }
.desc-block { position: relative; padding: 25px 50px 25px 313px; min-height: 200px; max-width: 480px; margin: 50px 0 30px; background: #fff; border-radius: 9px; box-shadow: 0 2px 12px rgba(0,0,0,0.5); }
.desc-block p { font-family: 'courier-primeregular'; font-size: 18px; margin: 0; padding: 25px 0; text-shadow: 0 0 #000; }
.desc-block .attached-image { position: absolute; left: 50px; top: -26px; }
.red-button { border: 3px solid #c11a29; border-radius: 5px; display: inline-block; padding: 5px 10px; color: #c11a29; font-size: 18px; font-family: 'melbourne-regular'; font-weight: 600; }
.red-button:hover { background: #c11a29; color: #fff; }
.social-button-block { max-width: 842px; padding: 10px 0 30px; text-align: center; }
.social-button { display: inline-block; background: #c11a29; border-radius: 5px; color: #fff; padding: 10px; min-width: 170px; font-size: 14px; font-family: 'melbourne-regular'; font-weight: 600; vertical-align: middle; }
.social-button:hover { background: #ab0918; }
.icon-like { width: 17px; height: 16px; background-position: -250px -550px; margin: 0 8px 0 0; vertical-align: -2px; }
.icon-instagram { width: 17px; height: 16px; background-position: -300px -550px; margin: 0 8px 0 0; vertical-align: -4px; }
.thankyou-popup { position: absolute; left: 20%; top: 20%; z-index: 9; width: 100%; max-width: 570px; border-radius: 8px; overflow: hidden; background: url(../img/thankyou-popup-bg.jpg) no-repeat 0 0; background-size: cover; display: none; }
.thankyou-popup .popup-content { max-width: 280px; margin: 16% auto; padding: 0; text-align: left; }
.thankyou-popup .popup-content h2, .thankyou-popup .popup-content .social-button-block { text-align: left; }
.thankyou-popup .popup-content .social-button-block .social-button { margin: 0 0 10px 0; border: 3px solid #ce171f; background: #fff; color: #c11a29; }
.thankyou-popup .popup-content .social-button-block .social-button:hover { border-color: #c11a29; color: #e70015; }
.thankyou-popup .popup-content .social-button-block .social-button .icon-like { background-position: -350px -550px; }
.thankyou-popup .popup-content .social-button-block .social-button .icon-instagram { background-position: -400px -550px; }
.subscriber-link ul li a { color: #C31914; }
.address-same.checked { border-color: green; color: green }
/*14 July*/
.check-out-table { margin-bottom: 15px; }
.check-out-table > tbody > tr > td { color: #fff; font-size: 20px; line-height: 24px; padding: 3px 0; vertical-align: top }
.check-out-table > tbody > tr > td.price { text-align: right }
.form-control { overflow: hidden; }
.form-control.address-select { overflow: inherit; }
/* ==========================================================================
   Media Queries
   ========================================================================== */

.visible-phone { display: none !important; }
.visible-inline-phone { display: none !important; }
.visible-tablet { display: none !important; }
.hidden-desktop { display: none !important; }
.visible-desktop { display: inherit !important; }

@media (min-width:1023px) and (max-width:1050px) {
.how-it-work-list li { width: 15%; }
.timeline-block { width: 98%; padding: 0 1%; }
}

@media (max-width:1023px) {
/*Tablet View*/
.hidden-desktop { display: inherit !important; }
.visible-desktop { display: none !important; }
.visible-tablet { display: inherit !important; }
.hidden-tablet { display: none !important; }
/*Login page*/
footer { padding-top: 25px; padding-bottom: 0px; }
footer .container .left-wrap, footer .container .right-wrap { display: block; width: 100%; float: none; text-align: center; }
ul.ans-option-list li { width: 31%; }
footer ul.footer-links { float: none; text-align: center; margin: 0; }
.check-out-table td:first-child { padding-left: 15px; }
/*my shopping page*/
.my-shopping-wrap .select-box-control { width: 54%; }
.numeric-scale { padding: 20px 10px; }
/*Check out page*/
.middle-wrapper .container aside { float: none; width: 100%; margin-right: 0; margin-bottom: 30px; }
ul.form-content-list { display: inline-block; }
ul.form-content-list > li { display: block; width: 50%; float: left; }
ul.form-content-list > li .form-control { margin-left: 15px; }
.block { margin-left: 15px }
/*ul.form-content-list > li .form-control { margin-left: 15px; }*/
.middle-wrapper.my-checkout-wrap .form-block { padding-top: 15px; padding-left: 0; }
.middle-wrapper.my-checkout-wrap aside:first-child .form-block { padding-top: 15px; }
.middle-wrapper.my-checkout-wrap .container { padding-bottom: 0; }
.bill-cbox { margin: 15px 0 0 !important; }
/*.block, .sampfeed { margin-left: 15px; }*/
.middle-wrapper.my-checkout-wrap .footer-btns .right { float: none; margin: 0 auto; text-align: center; }
.middle-wrapper.my-checkout-wrap.create-profile-wrap .footer-btns .right { float: right; margin-left: 15px; }
.sampfeed { margin-bottom: 20px; }
.ptopbtm { padding: 13px 0 2px !important; }
.middle-wrapper.my-checkout-wrap .footer-btns .innerpg-btn { width: 50%; }
.middle-wrapper.my-checkout-wrap .footer-btns .btn-link .innerpg-btn { width: 100%; }
/*createprofile-me*/
.me-avatar-wrap .container { padding: 0; }
.user-list li { margin: 0 47px 20px; }
.me-avatar-wrap input[type="button"] { float: right; }
.middle-wrapper.me-avatar-wrap .footer-btns .innerpg-btn { width: auto; }
header .container .left-wrap.my-interest-heading { max-width: 45%; }
.profile-details.address-details aside { float: left; margin-right: 0; width: 50%; }
.profile-details .form-control.overflow-visible { width: auto; }
ul.manage-profile-form > li:first-child { padding-bottom: 20px; }
.privacy-statement ul li { margin-left: 20px; }
.click-print { display: none !important; }
.rules-popup > ul > li aside { margin-bottom: 0px !important; }
/*-------Index page------*/
.landingPg-nav { display: none; }
.inner-wrapper h2 { font-size: 80px; }
.started-content { padding: 25px 10px; }
.started-right-block { float: left; width: 100%; }
.inner-wrapper { padding: 0 10px; width: auto; }
.how-it-work-list { text-align: center; }
.how-it-work-list li { padding: 0 1%; float: none; vertical-align: top; width: 13%; }
.contact-us-left, .contact-us-right { width: 100%; display: inline-block; float: none; overflow: hidden; max-width: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.contact-us-right { margin-top: 15px; }
.contact-wrapper { padding: 0 0 50px 0; }
ul.landingPg-menu li { width: 100%; text-align: center; margin: 0; padding: 10px 0; border-top: 1px solid #dedfe0; }
ul.landingPg-menu li a.button-red-bdr { display: inline-block; }
ul.landingPg-menu li a { display: block; }
.landingPg-menu, .landingPg-nav { width: 100%; }
.discoveries h3 { font-size: 100px; }
.save-btn { text-align: center; }
.me-avatar-wrap.error404-wrapper input[type="button"] { float: none; }
/*.my-pets.user-list li{float:left;}*/
header .container .left-wrap.my-interest-heading h4 { font-size: 60px; }
.photo-frame { border: 3px solid #C11D1F; padding: 0 3px; }
.icon-right-arrow { width: 46px; height: 32px; margin-top: 55px; }
.started-right-block p { padding: 10px; text-align: left; }
.work-list-block { height: 100px; }
.middle-wrapper.my-checkout-wrap.edit-address-wrap aside { width: auto; }
.started-left-block { max-width: inherit; }
.index-header { height: 95px; }
.index-header .header-content { padding: 0; }
.index-header .icon-menu { margin-right: 10px; }
.index-header .logo { margin-left: 10px; }
.landingPg-nav { background: url(../img/trans70.png) repeat; margin-top: 10px; padding-top: 35px; }
.landingPg-nav .welcome-txt { margin: 0 auto; display: table; float: none; }
.index-footer-cpyright { padding: 20px 0 0; text-align: center; font-size: 20px; }
.link-wrapper { max-width: 208px; padding: 10px 0; }
.index-footer .footer-links { margin: 0 20px 0 0; }
.started-content div { margin: 0 auto; }
.slides-container li img { left: 0 !important; }
.index-footer .inner-wrapper { text-align: left }
.follow-link-region a { margin-bottom: 10px; }
.footer-links.right { float: none; margin: 15px 0 0; text-align: center; }
.footer-links:nth-child(3) { margin-right: 0; }
.middle-wrapper.my-checkout-wrap aside.checkout-box { width: auto; }
.brand-listing li { width: 235px; }
/*My Profile 17 July*/
.pofile-menus { padding-bottom: 0; padding-top: 0; }
.pofile-menus a { border-bottom: 1px solid #dddddd; display: block; float: none; padding: 5px 0; text-align: center; margin: 0; }
.pofile-menus .landingPg-nav { padding-top: 10px; margin-top: 0; }
.password-form table td { display: block; clear: both; float: none; }
.password-form table .form-control { margin-left: 0; width: auto }
.cc-form table td { display: block; clear: both; float: none; }
.cc-form table .form-control { width: 100%; margin: 0; }
.shippingForm { margin-top: 50px; }
.billingForm { width: 100%; margin: 0; }
/*.profileWrapper .addressForm .view-mode, .profileWrapper .addressForm .edit-mode { width: 213px; }*/
.address-wrapper h3 { margin: 0 0 30px 0 }
.address-wrapper { position: relative }
.shippingForm { clear: both; display: block; float: none; padding-top: 10px; position: inherit; width: 100%; }
.button.editAddressForm { top: 52px; right: 15px; }
.profileWrapper .profile-details .view-mode, .profileWrapper .profile-details .edit-mode { width: auto }
.cc-form table .sbHolder { width: 385px; }
.intrerest-fields li { margin: 0 0 20px 40px; }
/*Header fixed*/
header { position: fixed; width: 97.8%; top: 0; right: 0; }
.pofile-menus { top: 136px; position: fixed; right: 0; left: 0; width: 100%; z-index: 9999 }
.pofile-menus.credit-card { z-index: 2147483647; }
/*.middle-wrapper { position: relative; top: 138px; }*/
.profileWrapper { margin-top: 138px; clear: both; position: inherit }
.address-same { top: inherit; margin-top: 70px; margin-right: 23px; }
/*Testimonials Slider*/
.testi-slider-content figure { display: block; }
.msg-listing { display: block; margin-top: 20px; }
.comment-box { position: inherit; width: auto; margin-top: 30px; }
.addressForm .tick-authorise .checkfields.edit-mode { margin-right: 0; }
.create-password .profile-actions { margin-bottom: 20px; }
.addressForm.cc-form { padding-top: 0; }
.msg-listing { margin-top: 0; }
.third-testi-slide { width: 70% }
.nine-testi-slide .testi-slider-content figure { width: auto; }
.six-testi-slide .inner-slider-content { width: 100% }
.second-slide { padding-top: 259px; }
.third-slide { padding-top: 248px; }
.five-slide { padding-top: 251px; }
.seven-testi-slide { padding-top: 305px; }
.seven-testi-slide .testi-slider-content { width: 70% }
.seven-testi-slide .testi-slider-content figure { margin-right: 20px; margin-top: 0; }
.eight-slide { padding-top: 245px; }
.nine-testi-slide { padding-top: 0; }
.six-testi-slide .comment-box { width: auto }
.seven-testi-slide .testi-slider-content figure { margin-top: 20px; }
.nine-testi-slide .event-photo { margin-bottom: 15px; }
.profileWrapper .landingPg-nav { padding: 0; }
.tabsIndex.pofile-menus { background: #fff; }
.tabsIndex.pofile-menus a { display: block; float: none; padding: 10px 0; width: 100%; margin: 0 auto; }
.subscription-plan .sbSelector { max-width: 93%; }
/*.cc-form table .form-control.address-select .fields { width: 100% }*/
.subscription .profile-details table td { display: block; width: 100%; float: none; }
.per-month.subscription-btn-wrap, .per-year.subscription-btn-wrap { margin: 0; width: 100%; }
.save-btn.save-cancel .innerpg-btn { width: 45%!important; }
.save-btn.save-cancel .checkout.btn-link.inline { width: 45%!important; display: inline-block; }
.save-btn.save-cancel .checkout.btn-link.inline .innerpg-btn { width: 100%!important; }
.meprofile-content .container .left-wrap, .meprofile-content .container .right-wrap { float: none; clear: both; display: block; text-align: center; }
.meprofile-content .container .right-wrap { margin: 20px auto; }
.middle-wrapper-checkout .footer-btns { text-align: center; }
.middle-wrapper.interest-wapper { top: 0; margin-top: 138px; }
.meprofile-content.statics-page { margin-top: 130px }
.meprofile-content.statics-page >.container { padding-bottom: 0; }
/*.edit-address-wrap .statics-page { margin-top: 77px}*/
}

@media (max-width:767px) {
/*Mobile View*/ 
.hidden-desktop { display: inherit !important; }
.visible-desktop { display: none !important; }
.visible-phone { display: inherit !important; }
.visible-inline-phone { display: inline !important; }
.hidden-phone { display: none !important; }
.hidden-inline-phone { display: none !important; }
/*Login Page*/
.middle-wrapper.faqs-wrap { padding: 0 10px 30px 10px; }
.page-wrapper { padding-top: 77px; }
.content-wrapper { padding: 10px 15px 40px; }
.login-heading { font-size: 40px; }
.login-subHeading { font-size: 20px; }
.login-subHeading .signup-text { font-size: 20px; }
.ck-cbox.left { float: none; }
.forgot-pwd-link.right { float: none; }
.forgot-pwd-link a { margin-left: 0; }
.facebook-icn { margin: 0 30px -5px -30px; }
.cpyright { line-height: 30px; padding: 0 45px; }
/*Check out*/
header { padding: 15px 10px 5px; }
header .container { padding-bottom: 0; text-align: center; }
header .container .logo.left { display: block; float: none; }
.welcome-txt { float: none; padding-right: 0; text-align: center; display: table; margin: 0 auto; }
.user-text { float: left; margin-top: 0; padding-left: 10px; text-align: left; }
header .container .left-wrap.my-interest-heading, header .container .right-wrap { display: block; width: auto; float: none; text-align: center; padding-bottom: 24px; }
header .container .left-wrap.my-interest-heading { max-width: inherit; }
header .container .left-wrap.my-interest-heading h4 { width: 100%; font-size: 20px; color: #000; font-size: 48px; padding-bottom: 8px; }
.middle-wrapper { padding: 32px 15px; }
.question-blk { padding-bottom: 22px; }
ul.ans-option-list li { width: 97%; }
.footer-btns .right { float: none; margin: 0 auto; text-align: center; }
.btn-link.marl15 { width: 100%; margin-bottom: 30px; }
.innerpg-btn.right { margin-left: 0; margin-bottom: 10px; width: 100%; }
footer { padding: 20px 15px 0px; }
ul.form-content-list > li { display: block; width: 100%; }
.middle-wrapper.my-checkout-wrap .footer-btns .innerpg-btn { width: 100%; }
.middle-wrapper.my-checkout-wrap .footer-btns .innerpg-btn.right { margin-bottom: 10px; margin-left: 0; width: 100%; }
.sampfeed { margin-bottom: 10px; }
.middle-wrapper .container h6 { text-align: center; }
.middle-wrapper .container aside { margin-bottom: 20px; }
.middle-wrapper .container aside:last-child { margin-bottom: 30px; }
.bill-cbox { margin: 4px 0 15px !important; }
/*my shopping page*/
.my-shopping-wrap .select-box-control { width: 100%; }
.jslider .jslider-scale ins { display: none; }
/*createprofile-me*/
.user-list li figure { width: auto; display: inherit; height: auto; }
.user-list li figcaption { height: auto; margin-top: 0; }
.user-list li { margin-left: 0; width: 100%; }
.user-list li figure img { display: block; margin: 0 auto; }
.me-avatar-wrap h5 { text-align: center; }
.my-pets.user-list li { margin: 40px 0 0 0; }
/*.my-pets.user-list li figcaption{margin-top:50px;}*/
.my-pets.user-list li:last-child { margin-bottom: 20px; }
.icons-avatar-family-odd { margin-left: -20px; }
.icons-avatar-family-even { margin-right: -20px; }
.login-wrapper.forgot-pwd-wrapper .button { width: 100%; }
.manage-profile-form h6 { text-align: left !important }
.setting-headings h6 {/*float:none; padding:0;*/ }
.editSave {/* float:none*/ }
.profile-details.address-details aside { float: none; width: auto; }
.profile-details.address-details aside:first-child { margin-top: 15px; }
ul.manage-profile-form > li { padding: 20px 0 2px; }
ul.manage-profile-form > li:first-child { padding-top: 0; }
.middle-wrapper .container aside:last-child { margin-bottom: 0; }
.change-password-form .form-control { width: 100%; }
ul.manage-profile-form > li > section.forgot-pwd-buttons { text-align: center }
.custom-radio { float: none; margin-top: 10px; }
.custom-radio:first-child { margin-top: 0 }
.manage-profile-form .text-field { float: none; margin-bottom: 10px; margin-right: 0; }
.privacy-policy ul { margin-left: 20px; }
.privacy-policy ul li { list-style-position: outside; }
.mart0 { margin-top: 0 !important; }
.privacy-policy h6 { text-align: left !important; }
.rules-popup > ul > li { line-height: 22px; }
.faqs h6 { text-align: left !important; }
.rules-popup > ul > li aside p { padding-right: 10px; }
/*-------Index page----------*/
.our-story p { width: 100%!important; margin: 0 0 10px 0; }
.our-story p + p { margin: 0!important; }
.landingPg-nav { display: none; }
.inner-wrapper h2, .discoveries h3 { font-size: 44px!important; padding: 20px 0 10px; }
.block-title { padding-top: 0; }
.inner-wrapper .left-wrap, .inner-wrapper .right-wrap { width: 100%; font-size: 20px; }
.inner-wrapper .right-wrap p { padding: 0; }
.how-it-work-list li { width: 100%; padding: 10px 0 20px; text-align: center; }
.icon-right-arrow { transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); }
.inner-wrapper .btn-wrap { padding: 20px 0; }
.how-it-work-region { padding-bottom: 20px; }
.block-title, .started-content p, .footer-title { font-size: 20px; }
.how-it-work-list li label, .link-wrapper li { font-size: 16px; text-align: center; }
.slider-content h3, .started-content span { font-size: 23px!important; line-height: 50px; }
.slider-content p { font-size: 18px!important; max-width: 310px!important; }
.header-content .logo { width: 70px; margin-left: 10px; height: auto; }
.quote-block-content p { font-size: 24px; padding: 0 75px; }
.contact-us ul li.wd97 { width: 100%; }
.started-content { padding: 25px 10px; }
.started-right-block { float: left; width: 100%; }
.inner-wrapper { padding: 0 10px; width: auto; }
ul.landingPg-menu li { width: 100%; text-align: center; margin: 0; padding: 8px 0; border-top: 1px solid #dedfe0; }
ul.landingPg-menu li a.button-red-bdr { display: inline-block; }
ul.landingPg-menu li a { display: block; }
.everyday-discover .discoveries { padding: 80px 0; }
.quote-block-content { padding: 0 0 40px; }
.brand-listing { text-align: center; }
.filter-tab a { margin: 10px; font-size: 20px; }
.contact-us-block { padding: 30px 0; }
.contact-left-content { padding: 30px!important; }
.contact-us-left, .contact-us-right { width: 100%; max-width: 100%; display: inline-block; float: none; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.contact-wrapper { padding: 0 0 30px 0; }
.contact-us ul li { width: 100%; margin: 0; }
.keepme-update-popup { max-width: 300px; padding: 0px; }
.popup-content h2 { font-size: 25px; padding: 16px 0 10px; }
.keepme-update-popup .form-block { max-width: 260px; padding: 10px; }
.icon-close-btn { top: 10px; right: 10px; width: 25px; height: 25px; background-position: -100px -450px; }
.icon-close-btn:hover { background-position: -150px -450px; }
.popup-footer { padding: 15px 0; }
.slides-navigation { top: 60%; }
h4.subhead404 { font-size: 48px; padding-top: 20px; line-height: 1.2; }
.me-avatar-wrap.error404-wrapper input[type="button"] { margin-bottom: 30px; }
.me-avatar-wrap.error404-wrapper p { padding-left: 5px; padding-right: 5px; }
.middle-wrapper.my-checkout-wrap.error404-wrapper { padding-bottom: 0; }
.cpyright { padding: 0 47px; line-height: 30px; }
.profile-details .form-control { width: auto; }
.subscription-wrap.form-control { width: inherit; }
.profile-details.basic-details-section .form-control { width: auto; }
.cpyright > span { display: block; }
#allBrand { max-height: 263px; overflow-y: scroll; margin: 20px 0 0; }
.how-it-work-list li { float: none; width: inherit; }
.how-it-work-list li.arrow-icon { width: auto; }
address { text-align: left; margin: 20px 0 15px; }
.work-list-block { height: auto; }
.icon-right-arrow { margin-top: 0; }
.index-header { height: 70px; }
.index-header .header-content { padding: 0; }
.index-header .icon-menu { margin-right: 10px; }
.landingPg-nav { background: url(../img/trans70.png) repeat; margin-top: 10px; padding-top: 0px; }
.started-content p { max-width: 86%; margin: 0 auto; }
.index-footer-cpyright { font-size: 16px; }
.started-content div { max-width: inherit; margin: 0 auto; }
.middle-wrapper.my-checkout-wrap.create-profile-wrap .footer-btns .right { margin-bottom: 10px; margin-left: 0; }
.link-wrapper { padding: 8px 0; }
.front-page-content .text-field { margin: 0; }
.contact-us ul li.captchaview { margin: 0 0 10px 0; }
.slides-container li img { left: 0 !important; }
.footer-links.right { float: left; }
.index-footer .inner-wrapper { text-align: left; }
.popup { right: -15px; }
.flex-control-paging { display: none; }
.slider-content h3 { margin: 85px 0 4px 0!important; }
.footer-nav li { width: 97%; margin: 0 0 20px 0; }
.footer-nav li:last-child { width: 100% }
.footer-nav li:first-child{width:97%}
.footer-nav li:nth-child(2){width:97%}
.ewayLink { float: left; margin-right: 20px; }
.footer-nav { padding-bottom: 0; }
.ewayLink { padding: 0 0 35px 0; }
.flex-direction-nav a { width: 23px; height: 47px; }
.flex-direction-nav .flex-prev { background-position: 0 -500px; }
.flex-direction-nav .flex-next { background-position: 0 -550px; }
#redpawpawlogo { width: 85px; height: 60px; overflow: hidden; margin: 0; padding: 0; }
.timeline-block ul li { width: 100%; margin: 0 0 30px 0; }
.follow-link-region a { margin: 0 10px 20px 0; font-size: 15px; }
.timeline-block ul li span { border-width: 0 2px; }
/*------Thank you Page----------*/

.thank-you-wrapper { padding: 110px 0 0; }
.thank-you-wrapper .container { padding: 0 10px; }
.thank-you-wrapper p, .thank-you-wrapper h2 { padding: 0; }
.thank-you-wrapper h2 { font-size: 35px; }
.thank-you-wrapper p { font-size: 16px; padding: 0 0 15px 0; }
.thank-you-wrapper h3 { margin: 0; padding: 20px 0; }
.desc-block { padding: 20px; }
.desc-block .attached-image { position: inherit; top: -46px; left: 9%; max-width: 230px; }
.social-button { margin-bottom: 10px; }
/*My Profile 17 July*/
.profile-details, .track-details { width: 100%; display: block; }
.subscription .profile-details > li > .content, .profile-details > li > .content { padding: 20px; }
.profile-details li, .track-details li { width: 100%; float: none; display: block; }
.intrerest-fields li { margin-bottom: 30px; min-width: 144px; display: inline-block }
.tabsIndex > a { font-size: 12px; margin: 0 0 0 21px; min-width: inherit; }
.category .tabsIndex .button { border-color: #cccccc; display: block; float: none; margin: 50px 10px auto 0; padding: 0 20px; text-align: center }
#basicdetails .tabsIndex > a.button { margin-top: 50px; }
.billingForm { clear: both; float: none; margin-right: 0; width: 100%; }
.shippingForm { clear: both; display: block; float: none; width: 100%; }
.addressForm table, .password-form table { clear: both; }
.profileWrapper .view-mode, .profileWrapper .edit-mode { padding-left: 0; }
.track-details > li { min-height: inherit }
.profile-details .button, .family-portrait .button, .profileWrapper .button { padding: 0 10px; }
.track-details > li > .content { display: block; text-align: center; }
.profile-details table tr td, .profile-details table { width: 100% }
.profile-details table tr td:first-child { width: 20% }
/*.profileWrapper .profile-details .view-mode, .profileWrapper .profile-details .edit-mode { width: 150px; }*/
.cc-wrapper, .create-password { padding: 20px; }
.profileWrapper .cc-heading h3, .profileWrapper .password-heading h3 { font-size: 20px; padding-top: 5px; }
.password-form .form-control label { font-size: 17px; width: 151px; }
.cc-form, .password-form { padding-top: 10px; }
.cc-form table .form-control label { width: 115px; font-size: 17px; display: block; clear: both }
/*.profileWrapper .cc-form .view-mode {  float: left; }*/
.cc-form table .checkbox label { width: auto }
.cc-form table .sbHolder { width: 100px; }
.profile-wrap, .subscription-wrap { display: block }
.profileWrapper h3 { padding: 0 }
.track-details li.my-delivery h3 { padding: 0; }
.profileWrapper .track-details h3 { padding: 0; }
.cc-form table .fields.checkfields { width: 21px; }
.cc-form table .form-control.address-select .fields { width: 100% }
/*.profileWrapper .cc-form .edit-mode { width: 102px }*/
.cc-wrapper .profile-actions, .create-password .profile-actions { margin: 20px 0 0 0; }
.address-wrapper { padding: 20px; position: relative }
.address-wrapper h3 { font-size: 25px; margin: 0; padding: 0; }
/*.profileWrapper .addressForm .view-mode, .profileWrapper .addressForm .edit-mode { width: 113px; }*/
.shippingForm { margin-top: 50px; position: inherit }
.address-wrapper .profile-actions { padding: 0; }
.button.editAddressForm { top: 15px; right: 15px; }
.profileWrapper { padding: 0 10px; }
.cc-form table .form-control label.termsaccept { float: left; width: 69%; }
.fields.address-select { width: auto }
.profileWrapper .password-form .edit-mode { width: auto }
.password-form .form-control .fields { clear: both; float: none; width: 100%; word-wrap: break-word; }
.addressForm .tick-authorise .checkfields.edit-mode { margin-right: 0; }
.cc-form table td:first-child .form-control.tick-authorise { height: 63px; }
.address-same { top: inherit; margin-top: 51px; margin-right: 23px; }
.testi-slider-content, .third-testi-slide { width: 100% }
.seven-testi-slide .testi-slider-content { width: 100% }
.seven-testi-slide .testi-slider-content figure { display: block; float: none; }
.seven-testi-slide .slide-text { overflow: inherit; width: auto; padding: 0 51px }
.quote-block-content .seven-testi-slide .slide-text p { padding: 0!important; font-size: 15px; }
.second-slide { padding-top: 0; }
.third-slide { padding-top: 0; }
.five-slide, .eight-slide, .nine-testi-slide { padding-top: 0; }
.seven-testi-slide { padding-top: 0; }
.testimonials-slider .bx-wrapper .bx-controls-direction a { opacity: 0.5; }
.testimonials-slider .bx-wrapper .bx-controls-direction a:focus, .testimonials-slider .bx-wrapper .bx-controls-direction a:active, .testimonials-slider .bx-wrapper .bx-controls-direction a:hover { opacity: 1; }
.six-testi-slide .inner-slider-content { width: 100% }
.seven-testi-slide .testi-slider-content figure { margin: 0 auto }
.profile-details > li.pattern2 { display: block; width: 100%; padding: 20px 0 }
.category .tabsIndex { padding: 0 10px; }
.yearly-paln { margin: 20px 15px; }
.profile-details > li.pattern2 > img { width: 90% }
.form-control.select-oh .edit-mode { width: auto !important }
.profile-details > li > .content.subscription-plan { min-height: inherit }
.profile-details > li > .content.subscription-plan { padding: 10px 20px; }
.flexslider .slides img { width: 100%; height: auto }
.flex-direction-nav a { margin-top: 30px !important }
.subscription-plan table tr td { display: block; float: none; width: 100%; }
.subscription-plan table tr td:first-child { width: 100% }
.profile-details { overflow: inherit }
.pofile-menus { top: 114px !important }
.profile-details>li>.content.subscription-plan { padding: 35px 10px 80px }
.profile-details>li>.content.subscription-plan { padding: 35px 10px 80px }
.track-details.manage-profile-links li { width:100%}

.lefty, .righty { width:100% !important; }
}

@media (min-width:400px) and (max-width:600px) {
.landingPg-menu { max-height: 175px; overflow: auto; }
.landingPg-menu .button-red-bdr { margin-bottom: 20px; }
.testimonials-slider .bx-wrapper .bx-controls-direction a { top: 15% }
}

/*My Profile 17 July*/
@media (max-width:320px) and (max-width:500px) {
.pofile-menus .icon-menu { margin-top: -98px; }
.pofile-menus.credit-card .icon-menu { margin-top: -93px; right: 15px; }
.portrait li { vertical-align: bottom; margin: 0 auto; padding: 10px; display: block; }
.testimonials-slider .bx-wrapper .bx-controls-direction a { top: 230px !important; }
.alert-popup.confirme-popup { margin: 0 1px !important; width: 93% !important }
.logout-popup li { text-align:right;}
}

@media print {
.no-print { display: none; }
/*for print*/
.printPopup { margin: 0 auto; background: #fff; width: 90%; height: 90%; display: none; padding: 20px 10px; text-align: center; }
.printOuterFrame { overflow: auto; position: relative; height: 85%; padding-bottom: 30px; }
.avatarPopupFrame { border: 10px solid #C11D1F; padding: 0 10px; -moz-border-radius: 6px; border-radius: 6px; -webkit-border-radius: 6px; position: relative; width: 842px; height: 595px; margin: 0 auto; }
.avatarPopupFrame figure > img {/* height:200px;width:auto;*/ }
.avatarPopupFrame [class^="icons-"], .avatarPopupFrame [class*="icons-"] { margin-top: 390px; }
.avatarPopupFrame [class^="icons-avatar-pet"] { margin-top: 450px; }
.avatarPopupFrame [class^="icons-avatar-pet"] img {/* height:100px; width:auto;*/ }
.avatar-frame-tbl figure { display: inline-block; margin-right: -20px; }
.avatar-frame-tbl { margin: 0 auto; height: 100%; border-spacing: 0; }
}

/********************************************************************************************** Fixed Mobile View in 320px */
/*@media only screen and (max-width:21.2em) {
    .page-wrap {min-width:300px; max-width:300px;}
}*/

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and ( min-moz-device-pixel-ratio:2), only screen and ( -o-min-device-pixel-ratio:2/1), only screen and ( min-device-pixel-ratio:2), only screen and ( min-resolution:192dpi), only screen and ( min-resolution:2dppx) {
/* Retina-specific stuff here */
.sbToggle, .sbToggleOpen, [class^="icon-"], [class*="icon-"], .facebook-icn, .social-link, .avatar-delete-icon, .slides-navigation a, .slides-pagination a, .facebook, .linkedin, .instagram, .alert-box .container .success-icon, .alert-box .container .error-icon, .alert-box .container .cross-icon { background-image: url(../img/sprite-img@2x.png); background-size: 600px 700px; }
.red-cart-icn { background-image: url(../img/red-cart@2x.png); background-size: 20px 18px; }
}

@media (max-width:500px) {
.error-holder.postcode-error { position: inherit; }
.pofile-menus { top: 138px; }
.tab-content-menus #mainMenu { top: 45px; }
.subscription-plan .edit-settings-table .sbOptions { max-height: 400px !important; overflow-x: hidden !important; overflow-y: scroll !important }
}
/*-------Designer Select---------------------*/
.select { width: 135px; float: right; }
.sbHolder { font-size: 20px; height: 36px; font-family: 'melbourne-regular', sans-serif; }
.sbSelector { display: block; height: 44px; left: 0; line-height: 2.3; outline: none; overflow: hidden; position: absolute; text-indent: 15px; top: 0; width: 100%; }
.sbSelector:link, .sbSelector:visited, .sbSelector:hover { color: #605F5F; outline: none; text-decoration: none; }
.sbToggle { background: #000 url(../img/sprite-img.png) -149px 3px no-repeat; display: block; height: 44px; outline: none; position: absolute; right: -1px; top: 0; width: 44px; border-radius: 0 4px 4px 0; z-index: 2; }
.sbToggleOpen { background: #000 url(../img/sprite-img.png) -305px -6px no-repeat; }
.sbHolderDisabled { background-color: #3C3C3C; border: solid 1px #515151; }
.sbOptions { background-color: #fff; list-style: none; left: -1px; margin: 0; padding: 0; position: absolute; top: 44px; width: 100%; border: 1px solid #D6D6D6; z-index: 98; overflow-y: auto; }
.sbOptions li { padding: 0; border-top: 1px solid #d7d7d7; box-shadow: inset 0 1px 1px #FFF; font-size: 20px; font-family: 'melbourne-regular', sans-serif; }
.sbOptions li:first-child { border: none; }
.sbOptions a { display: block; outline: none; padding: 7px 15px; text-transform: uppercase; }
.sbOptions a:link, .sbOptions a:visited { color: #646464; text-decoration: none; }
.sbOptions a:hover, .sbOptions a:focus, .sbOptions a.sbFocus { color: #000; background: #F3F3F3; }
.sbOptions li.last a { border-bottom: none; }
.sbOptions .sbDisabled { color: #999; display: block; padding: 7px 0 7px 3px; }
.sbOptions .sbGroup { border-bottom: dotted 1px #515151; color: #EBB52D; display: block; font-weight: bold; padding: 7px 0 7px 3px; }
.sbOptions .sbSub { padding-left: 17px; }
/**Form error holder**/
.fieldErrorHolder { color: #C31914; position: absolute; background: #FFF; line-height: 22px; height: 22px; right: 1px; top: 0; bottom: 0; margin: auto; padding: 0 15px; display: none; font-size: 16px; }
.text-field.hasError .fieldErrorHolder { display: block; }
.text-field.select-text-field .fieldErrorHolder { padding-right: 44px; }
.fieldErrorHolder.textalign-right { padding: 0; }
/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir { background-color: transparent; border: 0; overflow: hidden; *text-indent:-9999px;
}
.ir:before { content: ""; display: block; width: 0; height: 150%; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom:1;
}
.w30per { width: 30%; }
.w36pt5per { width: 36.5%; }
.overflow-visible { overflow: visible !important; }
.red-txt { color: #C31914; }
.ptop8 { padding-top: 8px; }
.dynamic-date { position: relative; }
.dynamic-date small { color: #f26229; display: block; font-size: 29px; font-style: normal; font-weight: bold; left: 0; position: absolute; right: 0; top: 26px; vertical-align: middle; }
.mart-8 { margin-top: -8px; }
.padt54 { padding-top: 54px; }
.padb0 { padding-bottom: 0 !important; }
.mart15 { padding-top: 15px; }
.marr0 { margin-right: 0; }
.f20 { font-size: 20px !important; line-height: 1.2 }
.ptopbtm { padding: 15px 0; }
.hide { display: none; }
.show { display: block; }
.marr20 { margin-right: 20px; }
select { display: none; }
.overflow { overflow: hidden }
.textalign-center { text-align: center; }
.padb30 { padding-bottom: 30px; }
.marl15 { margin-left: 15px; }
.position-relative { position: relative; }
.textalign-right { text-align: right; }
.padb { padding-bottom: 10px; }
.mart20 { margin-top: 20px; }
.atsign { font-family: sans-serif; font-weight: normal; }

.lefty { float:left; width:48%; }
.righty { float:right; width:48%; }
.payCharges { width:95%; margin-bottom:10px; background-color:#252525; color:#ffffff; padding:10px; border-radius:7px; text-align:center; font-weight:bold; }
.payCharges:hover {cursor:pointer; background-color:#000}

.firstSlide .full-wraper img {width:100% !important; height:auto !important; }
.showMore {display:none}
.videoPreview { background: url(../img/videoPreview2.png) no-repeat 0 0; width:400px; height:255px; background-size:contain;}

.ssld .flex-direction-nav .flex-prev {background: url(../img/arrow_left.png) no-repeat;}
.ssld .flex-direction-nav a {height:75px; width:66px; margin: -37px -60px 0;}
.ssld .flex-direction-nav .flex-next {background: url(../img/arrow_right.png) no-repeat;}
.ssld.flexslider:hover .flex-prev { opacity: 0.7; left: 0; }
.ssld.flexslider:hover .flex-next { opacity: 0.7; right: 0; }
.ssld.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }

.leftt {text-align:center;}
.first-slide .bigTxt.small {font-size:20px; line-height:2; font-weight:bold; color: #d32d3d; }
.first-slide .bigTxt.big {font-size:37px; line-height:1.3; font-weight:bold; color: #d32d3d; }
.first-slide .leftt {width:30%; padding:65px 30px; float:left;}
.first-slide .leftt img {width:56%; margin: 0 auto}
.first-slide .rightt {width:60%; padding:66px 0; float:left;}

.second-slide .leftt {width:30%; padding:65px 30px; float:left;}
.second-slide .leftt img {width:56%;}
.second-slide .rightt {width:60%; padding:66px 0; float:left;}
.whot {width:250px; margin: 0 auto;}

.third-slide .rightt{ width:60%; float:left; padding:66px 30px;}
.third-slide .leftt{width:30%; float:left; padding: 72px 20px;}
.third-slide .leftt img {width:56%; margin:0 auto;}
.third-slide .bigTxt.big {font-size:37px; line-height:1.3; font-weight:bold; color: #d32d3d; }
.third-slide .bigTxt.small {font-size:20px; line-height:2; font-weight:bold; color: #d32d3d; }

#testimonial .flexslider .slides img { position: relative; }
#testimonial .flexslider .slides img.q { width: auto !important;}
.q1 {float:left;}
.q2 {float:right;}
#testimonial .flex-prev {display:none}
#testimonial .flex-next {display:none}
#testimonial .flex-control-nav.flex-control-paging {display:none}
.flexslider .slides img.notsh {display:none; width:30px; float:left}


.nopadding { padding: 0px !important}
.ribbon {
  width:420px;
   height:70px;
   background: url(../img/ribbon3.png) no-repeat;
   background-size:100%;
   text-align:center;
   font-weight:bold;
   color:#fff;
   float:right;
   padding-top:13px;
   line-height: 1.5;
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
   .hidable {
      display:none;
   }

   .flex-next, .flex-prev {
      display:none !important;
   }

   .showMore {display:inline}

   .leftt { display:none; !important}
   .rightt {width:100% !important; text-align:center; padding:0px !important}

   .q2 { float: right; }

   .first-slide .bigTxt.big {font-size:20px; !important}
   .third-slide .bigTxt.big {font-size:20px; !important}

   .flexslider .slides img.notsh {display:block}
}

@media only screen and (max-width : 420px) {
   .videoPreview, .playIcons {
      width:100% !important;
   }

   .ribbon {
      width:100%;
      font-size: 15px;
      line-height: 1.6;
	  padding-top:11px;
   }
}
@media only screen and (max-width : 360px) {
    .ribbon {
     font-size: 12px;
   }
}