@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900);
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css);
@import url(https://fonts.googleapis.com/css?family=Roboto:100,100i,200,300,400,400i,500,700,900);

:focus,
a,
a:focus,
input[type=radio]:focus,
input[type=checkbox]:focus {
outline: 0
}

a img,
a:link,
a:visited {
text-decoration: none
}

*,
ol,
ul {
margin: 0;
padding: 0
}

body,
html {
height: 100%;
width: 100%
}

body {
font-family: Roboto, sans-serif;
font-weight: 300;
​transition: background-color .5s
}

fieldset,
img {
border: none
}

picture {
display: flex;
}

.btn:focus,
.invoice-print:focus,
.minus-btn:focus,
.plus-btn:focus {
outline: 0 !important
}

a img {
border: 0
}

ol,
ul {
list-style: none
}

h1, .ualuebox_sec h3, .about_us_sec h3, .fresh_sec h3 {
font-weight: 400;
margin-top: 0;
font-family: 'Parisien Night'
}

.fruit_part li,
.residential_sec .service h2,
.right_text,
.special_sec .special_cont p,
h2,
h3 {
font-family: Roboto, sans-serif
}

#sidenav_code h3,
.sidenav .closebtn {
font-family: 'Parisien Night'
}

.fw {
float: left;
width: 100%
}

.no-pad {
padding: 0 !important
}

.no-pad-left {
padding-left: 0 !important
}

.no-pad-right {
padding-right: 0 !important
}

.top_slider header {
position: absolute;
z-index: 99;
width: 100%;
top: 0;
left: 0
}

.top_header {
background: #ff4141;
padding: 8px 0
}

.top_header .social_icon {
margin-left: 0
}

.top_header .social_icon li {
display: inline-block;
padding: 0 6px;
vertical-align: middle
}

.top_header .social_icon li:first-child {
padding-left: 0
}

.top_header .social_icon li a {
background: #fff;
transition: all .8s ease 0s;
width: 25px;
height: 25px;
line-height: 27px;
font-size: 16px;
border-radius: 50%;
display: inline-block;
text-align: center
}

.top_header .social_icon li a .fa-facebook {
color: #3B5997
}

.top_header .social_icon li a .fa-instagram {
color: #b42abb
}

.top_header .social_icon li a .fa-youtube {
color: #ED1C24
}

.top_header .social_icon li a .fa-twitter {
color: #56ADF2
}

.top_header .social_icon li:nth-child(1):hover a,
.top_header .social_icon li:nth-child(2):hover a,
.top_header .social_icon li:nth-child(3):hover a,
.top_header .social_icon li:nth-child(4):hover a {
transform: scale(1.1) rotate(360deg)
}

.top_header .login_part li {
color: #fff;
text-transform: capitalize;
display: inline-block;
font-size: 13px;
letter-spacing: 1px;
padding: 0 8px;
vertical-align: middle;
transition: .5s ease
}

.top_header .login_part li a {
color: #fff;
font-size: 13px;
transition: .5s ease;
line-height: 25px;
font-weight: 400
}

.top_header .login_part li a:hover {
text-decoration: underline
}

.top_header .login_part li:last-child {
padding-right: 0
}

.top_header .login_part li a i {
font-size: 18px;
padding-right: 5px;
vertical-align: middle
}

.bottom_header .logo {
float: left;
padding-top: 5px
}

.bottom_header .menu_sec {
float: right;
padding-top: 14px;
text-align: right;
width: 100%
}

.bottom_header .menu_sec .navbar-default {
background: rgba(0, 0, 0, 0);
border: 0;
display: inline-block;
margin-bottom: 0;
min-height: 1px;
position: relative;
vertical-align: middle
}

.bottom_header .menu_sec .navbar-collapse {
border: 0;
height: auto;
padding: 0
}

.bottom_header .menu_sec .navbar-nav li a {
position: relative;
background: rgba(0, 0, 0, 0);
color: #000 !important;
font-size: 14px;
padding: 0 15px;
text-transform: uppercase;
transition: all .5s ease 0s;
-moz-transition: all .5 ease 0s;
-webkit-transition: all .5 ease 0s;
font-weight: 400
}

.bottom_header .menu_sec .navbar-nav li a::before,
.menu_sec .navbar-nav li a::after {
background: #ff4141;
bottom: -6px;
height: 2px;
position: absolute;
transition: all .2s ease 0s;
width: 0
}

.bottom_header .menu_sec .navbar-nav li a::after {
right: 50%
}

.bottom_header .menu_sec .navbar-nav li a::before {
left: 50%
}

.bottom_header .menu_sec .navbar-nav li a:hover::after,
.bottom_header .menu_sec .navbar-nav li a:hover::before,
.bottom_header .menu_sec .navbar-nav li.active a::after,
.bottom_header .menu_sec .navbar-nav li.active a::before {
width: 50%
}

.fixed-header .menu_sec .navbar-nav li a::after,
.fixed-header .menu_sec .navbar-nav li a::before {
background: #ff4141
}

.bottom_header .menu_sec .navbar-default .navbar-nav>.active>a,
.menu_sec .navbar-nav li a:focus {
background: 0 0
}

.bottom_header .menu_sec .navbar-nav li a:hover {
color: #000 !important
}
.bottom_header .menu_sec  .login_part .navbar-nav li a:hover {
color: #ff4141 !important
}
.bottom_header .menu_sec .login_part li a {
background: rgba(0, 0, 0, 0);
color: #fff !important;
font-size: 15px;
text-transform: uppercase;
transition: all .5s ease 0s;
-moz-transition: all .5 ease 0s;
-webkit-transition: all .5 ease 0s
}

.bottom_header {
padding: 6px 0 0
}

.bottom_header .menu_sec .login_part li a i {
position: relative;
font-style: normal
}

.bottom_header .menu_sec .login_part li a i::after {
border-radius: 25px;
content: "";
display: inline-block;
font-weight: 600;
height: 26px;
font-style: normal;
position: absolute;
right: -7px;
text-align: center;
top: -4px;
width: 27px;
z-index: -1
}

.bottom_header .menu_sec .login_part li a i:hover {
color: #000
}
.sidenav {
height: 100%;
width: 0;
position: fixed;
z-index: 1000000;
top: 0;
right: 0;
background-color: #fff;
overflow-x: hidden;
transition: .5s;
padding-top: 60px;
font-weight: 400;
padding-bottom: 10px
}

.sidenav_a {
padding: 8px 8px 8px 20px;
text-decoration: none;
font-size: 25px;
color: #818181;
display: block;
transition: .3s
}

.sidenav_header,
.sidenav_row {
padding-left: 0;
padding-right: 0;
margin: 0;
}

.sidenav_a:hover {
color: #f1f1f1
}

.sidenav .closebtn {
position: absolute;
top: 0;
font-size: 24px;
width: 100%;
background: #444;
color: #fff;
font-weight: 400;
padding-top: 15px;
padding-bottom: 15px;
padding-right: 20px
}

.fix_bottom_cart {
bottom: 0;
position: absolute;
width:100%;
}

.sidenav_header {
padding-top: 20px
}

.cart_empty_img {
display: inline-block
}

.start_shopping {
bottom: 10px;
text-align: center;
color: #fff !important;
left: 10px;
right: 10px;
border-radius: 50px;
font-size: 18px !important;
margin-bottom: 6px;
margin-top: -6px
}

.sidenav_i {
background: #f85f5f;
color: #fff;
padding: 2px 4px;
margin-left: 5px;
border-radius: 4px
}


    
    .da-slide img{width:100%;
        position: absolute;
    width: 100%;
      background: rgba(0, 0, 0, .49);
    top: -48%;
    }
    
    

.carousel-caption {
    top: 0;
    background: rgba(0, 0, 0, .49);
    right: 0;
    left: 0;
    padding: 12% 20%;
    bottom: 0;
    z-index: auto;
}
.da-slide-current h2, .da-slide-current p, .da-slide-current .da-link {
    left: 0%;
    opacity: 1;
}

.da-slide p {
    text-align: center;
    width: 100%;
    top: 250px;
    font-weight: 400;
    font-size: 50px;
    line-height: 50px;
    color: #fff;
}

 .banner_slogan, .second_banner_content {
    font-family: 'DK Bocadillo';}

@media screen and (max-height:450px) {
    
    
.sidenav {
padding-top: 15px
}

.sidenav_a {
font-size: 18px
}


.da-slide img{width:100% !important;
        position: absolute !important;
    width: 100% !important;
      background: rgba(0, 0, 0, .49) !important;
    top: -48% !important;
    }
    
.da-slide-current h2, .da-slide-current p, .da-slide-current .da-link {
    left: 0 !important;
    opacity: 1 !important;
}
.da-slide p {
    width: 100% !important;
    text-align: center !important;
    font-weight: 400 !important;
    color: #fff !important;
}



}

.banner_slogan,
.second_banner_content {
font-family: 'DK Bocadillo'
}

.cart_menu {
background: #fff;
margin-top: -15px;
padding: 17px 18px 10px 14px !important;
margin-bottom: -8px;
margin-left: 10px
}

.cart_menu_a {
color: #fff !important;
font-weight: 500 !important;
font-size: 16px
}

.nav_cart_scroll {
overflow-y: scroll;
padding: 0 20px;
font-weight: 400;
width: 100%;
}

.animatedParent,
.invoice-print {
overflow: hidden
}

.cart_free {
color: #0eb714
}

.cart_hr {
margin: 0 -35px 10px -20px
}

.cart_hr_bold {
border-top: 10px solid #eee;
margin: 0 -35px 15px -20px
}

.total_saving {
color: red !important;
font-size: 14px;
font-weight: 500
}

.nav_cart_clearance,
.nav_cart_off {
color: #fff;
padding: 2px 4px;
text-transform: uppercase
}

.nav_cart_clearance {
background: #f85f5f
}

.nav_cart_off {
background: #50a71b
}

.cart_nav_minus_icon,
.cart_nav_plus_icon {
height: 26px !important;
line-height: 1.3 !important;
padding: 4px 5px !important;
color: #ff4141 !important
}

.cart_nav_minus_icon {
border: 2px solid #ff4141 !important;
border-radius: 50px !important;
margin-right: 0 !important
}

.cart_nav_minus_icon:hover {
border: 2px solid #ff4141 !important;
background: rgba(255, 65, 65, .07)
}

.cart_nav_plus_icon {
margin-left: 0 !important;
border: 2px solid #ff4141;
border-radius: 50px !important
}

.code_text_box {
border-top-left-radius: 21px;
border-bottom-left-radius: 20px
}

.sidenav_code_btn {
border-top-right-radius: 21px;
border-bottom-right-radius: 20px;
background: #ddd;
color: #333
}

.apply_code_button {
background: #fbfaf6;
font-size: 11px;
color: #525252;
font-weight: 400;
width: 100px;
border-radius: 0 20px 20px 0;
border: 1px solid #dcdcdc;
border-left: 0;
line-height: 29px;
padding: 7px 16px 6px
}

.discount_amount_txt {
font-weight: 500
}

.sidenav_success {
height: 100%;
background: #fff
}

.cart_nav_plus_icon:hover {
border: 2px solid #ff4141 !important;
background: rgba(255, 65, 65, .07)
}

.cart_nav_insdec_text {
height: 26px !important;
line-height: 1.3 !important;
text-align: center;
border: none;
box-shadow: none
}

.cart_nav_insdec_text:focus {
box-shadow: none
}

.cart_hr_counter {
margin: 0 -35px 10px -20px
}

.recurring_section_radio {
margin-left: 15px !important;
margin-right: 15px !important
}

.bottom_header .menu_sec .login_part li a i::before {
bottom: -10px;
content: "";
height: 30px;
left: -30px;
position: absolute;
width: 29px;
z-index: -2;
font-size: 26px
}

.fixed-header .menu_sec .login_part li a i::before {
background-position: 0 -30px;
color: #666
}

.fixed-header,
.fixed-header .menu_sec .login_part li a,
.fixed-header .menu_sec .navbar-default .navbar-nav>.active>a,
.menu_sec .navbar-nav li a:focus {
color: #000 !important
}

.bottom_header .menu_sec .nav.navbar-nav {
padding-top: 20px
}

.menu_sec .login_part {
display: inline-block;
vertical-align: middle
}

.fixed-header {
background: #fff;
border-bottom: 1px solid rgba(0, 0, 0, .2);
left: 0;
position: fixed;
top: 0;
transition: all .5s ease 0s;
width: 100%;
z-index: 999999
}

.login_part>li {
list-style-type: none
}

.fixed-header .logo img {
width: 92px
}

.fixed-header.bottom_header .menu_sec {
padding-top: 0
}

.fixed-header .cart-icon-1 {
display: none
}

.fixed-header .cart-icon-2 {
display: block !important
}

.top_slider {
position: relative;
padding: 0 0 0
}

.top_slider .carousel-indicators {
bottom: 75px;
display: table;
left: 0;
margin: 0 !important;
width: 100%
}

.top_slider .carousel-indicators li {
margin: 0 4px;
width: 24px;
height: 8px;
border-radius: 0
}

.top_slider .carousel-indicators span {
background: rgba(255, 255, 255, .2);
display: block;
height: 6px;
width: 20px
}

.top_slider .carousel-indicators li:first-child {
padding-left: 0
}

.top_slider .carousel-indicators li:last-child {
padding-right: 0
}

.top_slider .carousel-indicators .active span {
background: #fff
}

.top_slider .carousel-caption {
top: 0;
background: rgba(0, 0, 0, .49);
right: 0;
left: 0;
padding: 12% 20%;
bottom: 0;
z-index: auto
}

.top_slider .banner_img {
width: 100%;
height: auto !important
}

.top_slider .carousel-inner {
background-size: cover;
background-attachment: fixed;
height: auto
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img {
width: 100%;
height: 100%
}

.banner_slogan {
letter-spacing: 3px;
margin-bottom: 5px;
font-weight: 300;
font-size: 18px
}

.top_slider .carousel-inner>.active {
height: 100%
}

.top_slider .carousel-caption .now_btn {
background: #ff4141;
transition: all .5s ease 0s;
border-radius: 100px;
color: #fff;
display: inline-block;
font-size: 20px;
line-height: 50px;
margin-top: 50px;
min-width: 205px;
text-shadow: none;
text-transform: uppercase;
overflow: hidden;
position: relative;
}

.cus-btn:hover {
background: #000
}

.carousel-caption figure img {
width: 47%
}

.second_banner_content {
margin-top: 20%;
font-size: 46px;
line-height: 60px
}

.delivery_cont {
background: #fff;
box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
display: block;
margin: -30px 0 0 12%;
width: 76%
}

.delivery_cont img,
.delivery_cont p {
display: inline-block;
vertical-align: middle
}

.delivery_cont img {
margin: -15px 1%;
width: 89px
}

.delivery_cont p {
color: #333;
font-size: 14px;
padding-right: 3%;
text-transform: capitalize;
margin: 0;
width: 34%;
font-weight: 500
}

.delivery_cont input[type=text] {
display: inline-block;
vertical-align: middle;
font-size: 16px;
color: #999;
border: 0;
border-left: 1px solid #693;
text-align: center;
padding: 0 0 0 66px;
width: 27%
}

.delivery_cont a {
background: #ff4141;
border: 0;
border-radius: 0;
color: #fff;
text-transform: uppercase;
cursor: pointer;
float: right;
line-height: 39px;
padding: 10px 30px;
height: 59px;
position: relative;
transform: perspective(1px) translateZ(0);
transition-duration: .5s;
transition-property: color;
vertical-align: middle;
margin-right: -1px
}

.cus-btn:hover:before {
transform: scaleX(1);
transition-timing-function: cubic-bezier(.52, 1.64, .37, .66)
}

.cus-btn:before {
background: #000;
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
transform: scaleX(0);
transform-origin: 0 50% 0;
transition-duration: .5s;
transition-property: transform;
transition-timing-function: ease-out;
z-index: -1
}

.post-code-icon {
color: #ff4141;
padding-right: 10px
}

.post_code_h_one {
font-size: 28px
}

.post_code_display {
color: #ff4141;
border-top: 1px dotted #999;
border-bottom: 1px dotted #999
}

.post_code_h3 {
padding-top: 20px;
padding-bottom: 20px
}

.post_code_shop_btn {
padding: 4px 18px;
border-radius: 50px;
line-height: 22px;
font-size: 12px;
width: 120px
}

.post_code .fa-mail-forward {
margin-left: 6px
}

.post_code {
padding-bottom: 40px;
padding-left: 30px;
padding-right: 30px
}

.post_code_apologies {
padding-top: 20px
}

.residential_sec {
padding: 60px 0 50px
}

.residential_sec .col-md-4.col-sm-4 {
padding: 40px;
transition: all .3s ease 0s
}

.residential_sec .service {
padding: 20px;
position: relative
}

.residential_sec .service::after,
.residential_sec .service::before {
content: "";
height: 0;
position: absolute;
transition: width .3s ease .2s, height .3s ease .4s;
width: 0
}

.residential_sec .service::after {
border-bottom: 1px solid transparent;
border-right: 1px solid transparent;
bottom: 0;
right: 0
}

.residential_sec .service::before {
border-left: 1px solid transparent;
border-top: 1px solid transparent;
left: 0;
top: 0
}

.digital_sec .service i {
font-size: 55px;
margin-bottom: 25px;
display: block
}

.digital_sec .service:hover i {
animation: 1s ease 0s normal both 1 running animServiceIcon
}

.residential_sec .service h2 {
font-size: 20px;
letter-spacing: 3px;
text-transform: capitalize;
font-weight: 600;
position: relative;
z-index: 9;
color: #333
}

.residential_sec .service .alt-paragraph {
color: #7a7a7a;
font-size: 16px;
line-height: 26px;
position: relative;
z-index: 9;
min-height: 145px
}

.residential_sec .col-md-4.col-sm-4:hover {
background-color: #292931;
color: #fff
}

.residential_sec .service:hover::after,
.residential_sec .service:hover::before {
border-color: #fff;
height: 50%;
width: 50%
}

.residential_sec .service .icon-presentation {
display: inline-block;
min-height: 76px;
margin-bottom: 20px
}

.icon-presentation img {
width: 80px
}

.residential_sec .col-md-4.col-sm-4:hover h2,
.residential_sec .col-md-4.col-sm-4:hover p {
color: #fff
}

h1.common-title, .valuebox_sec h3.common-title, .about_us_sec h3.common-title, .fresh_sec h3.common-title {
color: #333;
text-align: center;
line-height: 50px;
padding: 0 0 30px;
position: relative;
margin: 0 0 35px;
letter-spacing: 2px
}

h1.common-title:after, .valuebox_sec h3.common-title:after, .about_us_sec h3.common-title:after, .fresh_sec h3.common-title:after {
position: absolute;
left: 50%;
content: '';
width: 220px;
background: #d5d5d5;
height: 3px;
bottom: 16px;
margin: 0 0 0 -110px
}

h1.common-title:before, .valuebox_sec h3.common-title:before, .about_us_sec h3.common-title:before, .fresh_sec h3.common-title:before {
position: absolute;
left: 50%;
bottom: 0;
z-index: 9;
background: url(../images/tree_img.png) top center no-repeat #fff;
width: 40px;
height: 36px;
content: '';
margin: 0 0 0 -20px
}

h1.common-title.transparent:after,
h1.common-title.transparent:before,
.about_us_sec h3.common-title.transparent:after,
.about_us_sec h3.common-title.transparent:before,
.about_us_sec h3.common-title.transparent:after,
.about_us_sec h3.common-title.transparent:before,
.fresh_sec h3.common-title.transparent:after,
.fresh_sec h3.common-title.transparent:before   {
position: absolute;
width: 90px;
background: #d5d5d5;
height: 3px;
bottom: 0;
content: ''
}

h1.common-title.transparent:after, h3.common-title.transparent:after {
left: 50%;
margin: 0 0 0 20px
}

h1.common-title.transparent:before, h3.common-title.transparent:before {
right: 50%;
margin: 0 20px 0 0;
left: auto
}

h1.common-title.transparent span, h3.common-title.transparent span {
position: relative;
color: #fff
}

h1.common-title.transparent span:after, h3.common-title.transparent span:after {
position: absolute;
left: 50%;
bottom: -35px;
z-index: 9;
background: url(../images/tree_img.png) top center no-repeat;
width: 40px;
height: 36px;
content: '';
margin: 0 0 0 -20px
}
.ualuebox_sec h3, .aboutus h3, .fresh_sec h3  {
font-size: 36px;	
}
.whoweare_sec {
background: url(../images/weare_banner.png) top center no-repeat fixed rgba(0, 0, 0, 0);
padding: 100px 0;
background-size: cover
}

.white_box {
background: #fff;
display: block;
margin: 0 auto;
padding: 30px;
width: 65%
}

.inner_box {
border: 1px dashed #333;
height: 100%;
padding: 50px 60px
}

.white_box .inner_box span {
background: #fff;
padding: 0 10px;
position: relative;
z-index: 9
}

.inner_box p {
color: #7a7a7a;
font-size: 14px;
line-height: 26px;
font-weight: 400
}

.fruit_part {
padding-top: 40px
}

.fruit_part li {
display: inline-block;
padding: 0 10px;
width: 32%;
vertical-align: middle;
font-weight: 600
}

.special_sec .viewall,
.special_sec li {
vertical-align: top;
display: inline-block
}

.fruit_part li a img {
display: block;
margin: 0 auto;
padding-bottom: 20px
}

.fruit_part li a {
color: #7a7a7a;
font-size: 18px;
text-transform: uppercase;
cursor: context-menu
}

.white_box .inner_box .shop_btn {
border-radius: 100px;
font-size: 20px;
line-height: 50px;
margin-top: 50px;
min-width: 205px
}

.hoverd-btn {
background: #ff4141;
color: #fff;
display: inline-block;
text-shadow: none;
text-transform: uppercase;
transform: perspective(1px) translateZ(0);
transition-duration: .3s;
transition-property: color
}

.special_sec {
padding: 50px 0 110px
}

.special_sec h2 {
color: #333;
font-size: 48px;
line-height: 52px;
margin-bottom: 20px;
text-transform: capitalize
}

.special_sec h1 {
margin-bottom: 50px;
position: relative;
padding-bottom: 40px
}

.special_sec h1::after {
border-bottom: 2px solid #f2f2f2;
bottom: 15px;
content: "";
left: 50%;
margin-left: -100px;
position: absolute;
width: 200px
}

.special_sec .trees {
background: #fff;
padding: 0 10px;
position: relative;
z-index: 9
}

.special_sec li {
border-right: 1px solid #ededed;
padding: 0 5px;
width: 16.66%;
margin: 0 -2px 20px
}

.special_sec li:nth-child(12),
.special_sec li:nth-child(13),
.special_sec li:nth-child(18),
.special_sec li:nth-child(24),
.special_sec li:nth-child(6) {
border: 0;
padding-right: 0
}

.special_sec li:nth-child(1),
.special_sec li:nth-child(7) {
padding-left: 0
}

.special_sec li img {
max-width: 100%;
min-height: 132px;
max-height: 132px
}

.special_sec .special_cont li h3 {
font-size: 20px;
line-height: 34px;
text-transform: capitalize;
margin: 0
}

.special_sec .special_cont span {
color: #a6a8aa;
font-size: 14px;
padding-right: 10px;
text-decoration: line-through
}

.special_sec .special_cont p {
color: #ff4141;
font-size: 18px
}

.special_sec .viewall {
color: #fff;
font-size: 16px;
line-height: 22px;
padding: 10px;
font-weight: 400;
text-transform: uppercase;
width: 190px;
margin: 65px 0 0;
transition: .4s;
border-radius: 100px
}

.bottom_footer .power,
.bottom_footer .social_part,
.complete-order>table>thead>tr>td,
.social_part a,
.table>tbody>tr>td,
.table>tfoot>tr>td {
vertical-align: middle
}

.special_sec .viewall:hover {
background: #ff4141;
color: #fff
}

.af figure {
display: block;
width: 100%;
height: auto
}

.overlay {
position: absolute;
bottom: 100%;
left: 0;
right: 0;
background-color: rgba(255, 255, 255, .6);
width: 100%;
height: 0;
transition: .5s ease
}

.af:hover .overlay {
bottom: 0;
height: 100%
}

.view-bbdbsm {
white-space: nowrap;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
border-radius: 20px;
border: none;
background: #ff4141;
font-size: 12px
}

.about_us_sec h1::after,
.ualuebox_sec h1::after,
.ualuebox_sec h3::after,
.fresh_sec h3:after {
border-bottom: 2px solid #f2f2f2;
bottom: 15px;
left: 50%;
content: ""
}

.ualuebox_sec h2, .ualuebox_sec h4 {
color: #333;
font-size: 48px;
line-height: 52px;
margin-bottom: 20px;
position: relative;
text-align: center;
text-transform: capitalize;
z-index: 9
}

.ualuebox_sec h1, .ualuebox_sec h3, .fresh_sec h3 {
margin-bottom: 50px
}

.ualuebox_sec h1::after, .ualuebox_sec h3::after, .fresh_sec h3::after {
margin-left: -100px;
position: absolute;
width: 200px
}
.ualuebox_sec h3.common-title, .fresh_sec h3.common-title {
padding: 0px 0px 30px;
    margin: 0px 0px 35px;
	color: rgb(51, 51, 51);
    text-align: center;
    line-height: 50px;
    position: relative;
    letter-spacing: 2px;
    padding: 0px 0px 30px;
    margin: 0px 0px 35px;
}
.ualuebox_sec h3.common-title.transparent::after, .ualuebox_sec h3.common-title.transparent::before, .fresh_sec h3.common-title.transparent::after, .fresh_sec h3.common-title.transparent::before{
    position: absolute;
    width: 90px;
    height: 3px;
    bottom: 0px;
    content: "";
    background: rgb(213, 213, 213);
}
.ualuebox_sec h3.common-title.transparent::before, .fresh_sec h3.common-title.transparent::before {
    right: 50%;
    left: auto;
    margin: 0px 20px 0px 0px;
}

.ualuebox_sec .trees {
background: #fff;
padding: 0 10px;
position: relative;
z-index: 9;
text-align: center
}

.monthly_part {
padding: 30px 3% 0 54%;
position: absolute
}

.value_box_row {
background: rgba(18, 17, 17, .6);
display: table
}

.monthly_part h2, .monthly_part h4{
color: #fff;
font-size: 24px;
position: relative;
text-align: left;
text-transform: uppercase;
margin: 0 0 10px
}
@media (max-width: 767px) {
    
    .da-slide {
    width: 95% !important;
    left: 0 !important;;
}


.monthly_part h4 {
    text-align: center;
}
}
.monthly_part span {
display: block;
font-size: 36px;
line-height: 34px;
color: #fff;
margin: 0 0 25px
}

.monthly_part .shop_btn,
.wrape_about .shop_btn {
display: inline-block;
text-transform: uppercase;
text-align: center;
transition: all .5s ease 0s;
text-shadow: none
}

.monthly_part p {
font-size: 16px!important;
line-height: 24px;
color: #fff;
font-weight: 400
}

.monthly_part .shop_btn {
background: #ff4141;
border-radius: 100px;
color: #fff;
font-size: 14px;
line-height: 40px;
margin-top: 10px;
padding: 0 30px
}

.ualuebox_sec .ualuebox_img {
margin: 0 0 0 -2%;
position: relative;
z-index: 9;
float: left
}

.about_us_sec {
float: left;
padding: 50px 0 120px;
width: 100%
}

.about_us_sec h1, .about_us_sec h3 {
margin-bottom: 50px;
position: relative;
text-align: center
}

.about_us_sec h1::after, .about_us_sec h3::after {
margin-left: -100px;
position: absolute;
width: 200px
}

.about_us_sec .trees {
background: #fff;
padding: 0 10px;
position: relative;
text-align: center;
z-index: 9
}

.wrape_about {
border: 1px dashed #7a7a7a;
padding: 50px;
margin-left: 50%
}

.wrape_about.text-center>p {
color: #7a7a7a;
font-size: 18px;
padding-bottom: 20px;
line-height: 31px
}

.wrape_about .shop_btn {
background: #ff4141;
border-radius: 100px;
color: #fff;
font-size: 18px;
height: 45px;
line-height: 45px;
margin-top: 28px;
min-width: 200px
}

.wrape_about .shop_btn:hover {
background: #333
}

.about_us_image {
float: left;
width: 45%
}

.choose_sec .stated_cont h3 {
color: #2b2b2b;
font-size: 40px;
text-transform: capitalize;
font-weight: 600
}

.choose_sec .stated_cont p {
color: #666679;
display: block;
font-size: 18px;
margin: 0 auto 25px;
width: 80%
}

.basket,
.bottom_footer .power,
.bottom_footer .social_part,
.invoice-print,
.wrape_three_sect,
.wrape_three_sect h6 .img-responsive {
display: inline-block
}

.second_rws .wrape_all_sect h3 {
color: #ff4141;
font-size: 25px;
line-height: 30px;
margin-bottom: 10px
}

.wrape_all_sect img {
padding-right: 14px
}

.organic_right img {
padding-right: 0;
padding-left: 14px
}

.second_rws .wrape_all_sect p {
color: #6a6967;
font-size: 14px;
line-height: 20px
}

.second_rws .wrape_all_sect {
margin-bottom: 75px
}

.second_rws {
margin-top: 20px
}

.basket {
text-align: center
}

footer {
width: 100%
}

.top_footer h3 {
color: #5c5c5c;
font-size: 22px;
font-weight: 400;
line-height: 33px;
margin-bottom: 20px;
text-transform: capitalize
}

.footer_links a,
.top_footer p {
font-weight: 300;
color: #6c6764;
font-size: 15px
}

.top_footer p {
line-height: 20px
}

.footer_links a {
text-transform: capitalize;
line-height: 25px;
transition: all .5s ease 0s;
-moz-transition: all .5 ease 0s;
-webkit-transition: all .5 ease 0s;
padding-left: 10px;
position: relative
}

.footer_links a:hover {
color: #ff4141
}

.top_footer .footer_form .form-control {
border: 1px solid #ddd;
border-radius: 0;
height: 45px;
width: 100%;
color: #000
}

.footer_fbtns .light_gray,
.footer_form .light_gray {
width: auto;
text-transform: uppercase;
border-radius: 0
}

.footer_form .light_gray {
background: #fd6868;
color: #fff;
font-weight: 700;
border-color: #fd6868;
transition: .5s ease
}

.footer_form .light_gray:hover {
background: #333;
border-color: #333
}

.footer_fbtns .light_gray {
background: 0 0;
color: #fd6868;
border: none;
padding: 0;
font-size: 12px
}

.footer_links>li {
padding-right: 5px
}

.footer_links>li a {
padding: 0
}

.footer_links>li a i {
font-size: 24px;
margin-right: 6px
}

.footer_links {
margin-bottom: 25px
}

.social_part a {
color: #6c6c6c;
padding: 8px 4px;
transition: .5s ease
}

.footer_payment_icon {
color: #6c6764
}

.footer_payment_icon2 {
background: #6c6764;
width: 36px;
padding: 3px;
height: 24px;
border-radius: 2px;
margin-top: -14px
}

.social_part a:hover {
color: #ff4141
}

.top_footer .footer_form .dark_gray {
border-radius: 50px 0 0 50px
}

.top_footer .footer_form input {
border: 0;
padding-top: 8px
}

.top_footer .footer_heading {
color: #5c5c5c;
font-size: 22px;
font-weight: 400;
line-height: 33px;
margin-bottom: 20px;
text-transform: capitalize
}

.about_content .col-sm-8 h3,
.cart-sidebar .panel-title,
.faild_btn,
.input-group-addon.light_gray,
.invoice h2,
.moprice,
.onetime,
.payment_form_text,
.recurring,
.shiftone,
.shifttwo,
.wrape-table .view_btn {
text-transform: uppercase
}

.top_footer .footer_col1 {
float: left;
width: 35%;
margin-left: 15px
}

.top_footer .footer_col2 {
float: left;
width: 15%;
margin-right: 2%
}

.top_footer .footer_col3 {
float: left;
width: 24%
}

.top_footer .footer_col4 {
float: left;
width: 22%;
padding-right: 30px
}

.top_footer .logo_footer {
margin-top: 35px
}

.top_footer {
float: left;
width: 100%;
padding: 42px 0 35px
}

.foot_error,
.foot_success {
padding-top: 10px;
font-weight: 400 !important
}

.input-group-addon.light_gray {
font-size: 13px
}

.foot_error {
color: #ff4141 !important
}

.foot_success {
color: #00cc08 !important
}

.bottom_footer .power,
.bottom_footer p {
color: #949398;
font-size: 16px;
line-height: 20px
}

.bottom_footer {
padding: 15px 0;
border-top: 1px solid #e4e4e4
}

.bottom_footer p {
font-weight: 400;
margin-bottom: 0
}

.bottom_footer .social_part {
border-right: 1px solid #cdcdcd;
padding: 0 15px 0 0
}

.bottom_footer .social_part>li {
display: inline-block;
padding: 0 3px;
vertical-align: middle
}

.bottom_footer .power {
font-weight: 400;
margin: 0 0 0 20px
}

footer {
background: url(../images/booter_bg.png) 0 0/100% 100% no-repeat rgba(0, 0, 0, 0);
float: left;
padding-top: 80px;
margin-bottom: -20px
}

.inner-footer {
background-image: none;
background-color: #f3f3f3;
padding-top: 10px
}

.chat_link {
position: fixed;
right: 10px;
bottom: 10px
}

.chat_link img {
width: 100px
}

.complete-order,
.inner-header,
.user_section {
width: 100%;
float: left
}

.footer_no_fix_p {
height: 100px
}

.selt-othr-typ+.col-md-4 .radio .radio-inline+.radio-inline {
margin-left: 30px
}

.inner-header .bottom_header .menu_sec .navbar-nav li a {
color: #fff
}

.inner-header {
position: relative;
padding-bottom: 10px;
box-shadow: 0 0 5px 3px #ddd;
z-index: 1000
}

.change-password,
.my-info {
box-shadow: 0 0 20px 0 #cac9c9
}

.inner-header .bottom_header {
position: static
}

.inner-header .fixed-header {
position: fixed !important
}

.inner-header .bottom_header .menu_sec .login_part li a i::before {
background-position: 0 -30px !important;
color: #666
}

.user_section {
background-color: #fff;
padding: 35px 0 10px
}

.user_section label {
text-align: left !important;
font-weight: 400
}

.right_text {
color: #000;
font-size: 24px;
font-weight: 300
}

.dashboard-btn a,
.reset-paas-btn {
font-weight: 400;
transition: .5s ease;
cursor: pointer
}

.us {
padding-bottom: 30px
}

.pa-nigtht {
font-family: 'Parisien Night' !important;
letter-spacing: 2px;
font-size: 20px;
padding-left: 20px
}

.my-info {
padding: 14px 30px 20px;
border: 1px solid #f1f1f1
}

.first-label {
color: #878787;
font-size: 13px;
padding: 6px 20px
}

.dashboard-btn {
margin-top: 10px
}

.dashboard-btn a {
background: #ff4141;
border: 0;
border-radius: 0;
color: #fff;
padding: 6px 20px;
font-size: 12px
}

.dashboard-btn a:hover {
color: #fff;
background: #000
}

.change-password {
margin-top: 26px;
padding: 40px 36px 6px
}

.reset-paas-btn {
background: #ff4141;
border: 0;
border-radius: 0;
color: #fff;
padding: 10px 30px;
line-height: 16px
}

.change-password .form-control,
.complete-order-text {
border-radius: 0 !important
}

.reset-paas-btn:hover {
color: #fff;
background: #000
}

.complete-order {
margin-top: 50px
}

.order-img {
max-width: 66px
}

.img_sect,
.text_sect,
.wrape_three_sect {
vertical-align: top
}

.imga {
float: left;
padding-top: 22px;
padding-left: 10px;
color: #333 !important
}

.right_text span {
font-size: 15px;
padding: 0 31px;
color: #000
}

.wrape_three_sect {
width: 33%
}

.wrape_three_sect h6 {
font-size: 15px;
color: #000;
line-height: 24px;
font-family: Roboto, sans-serif;
font-weight: 300
}

.top-ds-img {
width: 82px;
padding-top: 52px
}

.top-ds-img2 {
width: 82px;
padding-top: 44px
}

.profile-code {
color: grey
}

.profile-margin {
padding-top: 33px
}

.complete-order-search {
margin-right: 14px;
margin-top: 3px
}

.complete-order-text {
font-size: 14px !important;
height: 42px !important
}

.complete-order-text:focus {
outline: 0 !important;
box-shadow: none !important;
border: 1px solid #ccc !important
}

.complete-order-btn {
border-radius: 0 !important;
background: #ff4141;
color: #fff;
border: none;
height: 42px !important
}

.complete-order-btn:focus {
color: #fff
}

.complete-order-container {
padding: 30px 15px !important
}

.wrape-table-complete-order {
margin: 20px auto !important;
padding: 2px 15px 12px !important
}

.table-striped>tbody>tr:nth-child(even)>td,
.table-striped>tbody>tr:nth-child(even)>th {
background-color: #f9f9f9
}

.table-striped>tbody>tr:nth-child(odd)>td,
.table-striped>tbody>tr:nth-child(odd)>th {
background: #fff
}

.new-order-plus {
padding-right: 10px
}

.view-details-row {
margin-bottom: 22px;
padding-bottom: 26px;
box-shadow: 0 5px 6px -6px #b5b5b5
}

.view-details h2 {
font-weight: 300;
font-size: 26px
}

.invoice,
.product-head {
font-size: 12px
}

.right-border {
border-right: 1px solid #dfdfdf
}

.left-border {
border-left: 1px solid #dfdfdf
}

.bg-white,
.bg-white2,
.total-max span {
border: none !important
}

.right-border p {
margin-bottom: 0
}

.view-details .bold-font {
font-weight: 400;
margin-bottom: 3px
}

.view-details .bold-font2 {
font-weight: 400;
margin-bottom: 0
}

.view-details .well {
margin-top: 34px;
margin-bottom: 40px
}

.view-details .wrape-table {
background-color: #fff;
float: left;
margin: 0 0 0 17px;
padding: 20px 10px;
width: 97%;
box-shadow: 0 4px 3px #ccc
}

.bg-white,
.bg-white2,
.bg-white3 {
background-color: #fff !important
}

.bg-white2 h3,
.total-max p {
margin-bottom: 0
}

.bottom-shadow,
.invoice-table {
box-shadow: 0 8px 12px -10px #b5b5b5
}

.bg-white {
padding-top: 20px !important
}

.bg-white2 {
padding-top: 3px !important
}

.bg-white3 h3 {
margin-top: 4px !important
}

.bg-white2 h3 {
margin-top: 0
}

.invoice {
font-weight: 400
}

.invoice h2 {
font-size: 18px;
background: #ff4141;
color: #fff;
padding-bottom: 10px;
padding-top: 10px;
letter-spacing: 20px;
margin-top: 1px
}

.invoice .bold-font {
font-weight: 500
}

.total-max span {
background: 0 0
}

.none-border,
.none-border-right {
border-right-color: #fff !important
}

.invoice .product-category {
background: #ff4141
}

.invoice .main-product {
color: #fff;
font-weight: 600
}

.invoice .sub-product {
font-weight: 400;
border-bottom: 1px dotted #000
}

.none-border,
.none-border-bottom {
border-bottom-color: #fff !important
}

.invoice-bg-white {
background-color: #fff !important
}

.bgccc,
.total-color {
background: #ececec
}

.margin-none {
margin-bottom: 5px !important
}

.invoice h4,
.invoice h6 {
margin-bottom: 3px !important;
margin-top: 3px !important
}

.bgccc {
font-weight: 500
}

.invoice-print {
border-radius: 50px;
padding: 4px 20px;
background-color: #ff4141;
border-color: #ff4141;
margin-bottom: 8px;
transition: .5s ease;
transform: perspective(1px) translateZ(0);
transition-duration: .3s;
transition-property: color
}

.invoice-print:before {
background: #000;
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
transform: scaleX(0);
transform-origin: 0 50% 0;
transition-duration: .3s;
transition-property: transform;
transition-timing-function: ease-out;
z-index: -1
}

.invoice-print:hover {
background: #333 !important
}

.invoice-print:hover::before {
transform: scaleX(1)
}

.delivery-box {
box-shadow: 0 0 5px 0 #cac9c9;
padding: 10px 30px 0;
transition: .1s ease;
display: block;
width: 100%;
height: auto
}

.img_sect,
.text_sect {
display: inline-block
}

.delivery-box:hover {
box-shadow: 0 0 20px 0 #cac9c9
}

.delivery-location-h2 {
font-weight: 300;
font-size: 26px;
margin-bottom: 36px
}

.delivery-hr,
.model-delivery-addresss {
margin-bottom: 10px
}

.delivery-location h3 {
font-weight: 300;
font-size: 20px;
margin-top: 16px
}

.fcc {
color: #ff4141;
font-weight: 900;
font-size: 23px;
margin-right: 6px
}

.delivery-edit-dialog label,
.wrape-table h2 {
font-weight: 400
}

.delivery-hr,
.delivery-hr1,
.edit-icon {
margin-left: -30px;
margin-right: -30px
}

.main-adrs span {
border-bottom: 1px dotted #333
}

.edit-icon {
background: #f8f8f8;
padding: 9px 30px 9px 0;
border-top: 1px solid #ececec
}

.edit-icon .fa-pencil-square-o {
color: #7a7a7a !important;
font-size: 1.7em;
margin-top: 2px;
transition: .5s ease
}

.edit-icon .fa-pencil-square-o:hover {
color: #ff4141 !important
}

.btn-position {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
opacity: 0;
transition: .5s ease
}

.delivery-box:hover .btn-position {
opacity: 1
}

.delivery-here-btn {
position: absolute;
bottom: 2%;
left: 34%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
border-radius: 50px;
font-size: 12px;
padding: 5px 20px;
border: none;
background: #ff4141;
transition: .5s ease
}

.delivery-location-icon,
.delivery-phone-icon {
padding-right: 3px;
color: #888;
margin-left: -19px;
position: absolute
}

.delivery-here-btn:hover {
background: #333
}

.delivery-location-icon {
font-size: 20px
}

.delivery-phone-icon {
font-size: 18px
}

.delivery-edit-dialog {
margin-top: 2%
}

.edit-address-btn {
border-radius: 50px;
padding: 8px 40px;
border: none;
background: #ff4141;
transition: .5s ease;
color: #FFF
}

.edit-address-btn:hover {
background: #333;
color: #fff
}

.delivery-edit-model-body {
padding: 10px 30px 30px
}

.set-m-height {
min-height: 150px;
padding-left: 20px
}

.delivery-box2 {
box-shadow: 0 0 5px 0 #cac9c9;
padding: 10px 30px 0;
transition: .1s ease
}

.add-new-adrs-img {
padding-bottom: 30px;
padding-top: 8px;
transition: .5s ease
}

.add-new-adrs-img:hover {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
opacity: .8
}

.table_records {
background: url(../images/Customer-Dashboard-bg.png) 0 0/20% auto rgba(0, 0, 0, 0);
width: 100%;
float: left
}

.table_records .container {
background-color: #f6f6f6;
padding: 80px 15px;
min-height: 1200px
}

.text_sect {
padding-left: 30px
}

.text_sect h3 {
color: #3e3e3e;
font-size: 20px;
margin-left: -18px;
font-family: 'Parisien Night';
letter-spacing: 2px
}

.text_sect ul li {
position: relative;
font-size: 15px;
line-height: 25px
}

.dasboard-active {
color: #ff4141 !important;
text-decoration: underline !important
}

.text_sect ul li::after {
background-color: #3e3e3e;
content: "";
height: 1px;
left: -15px;
position: absolute;
top: 14px;
width: 6px
}

.text_sect ul li a {
color: #666;
transition: .5s ease
}

.text_sect ul li a:hover {
color: #ff4141;
text-decoration: underline
}

.wrape-table {
background-color: #fff;
float: none;
margin: 90px auto;
padding: 20px 10px;
width: 95%;
box-shadow: 0 4px 3px #ccc
}

.wrape-table h2 {
font-size: 18px;
color: #ef4926
}

.wrape-table table tr th {
font-size: 14px;
border-bottom: 1px solid #ddd;
font-weight: 400;
padding: 20px 8px
}

.wrape-table table tr td {
font-size: 14px;
font-weight: 300;
vertical-align: middle;
padding: 14px 8px;
border-top: 1px solid #efefef
}

.wrape-table table a {
color: #ff4141
}

.wrape-table table .btn-default {
border-radius: 20px;
transition: .5s ease;
padding: 6px 15px
}

.wrape-table table .btn-primary {
background-color: transparent !important;
border: none !important;
color: #666766 !important;
border-bottom: 2px solid #868786 !important;
border-radius: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0
}

.wrape-table .view_btn {
background: #ff4141;
border-radius: 100px;
color: #fff;
display: inline-block;
padding: 5px 35px;
line-height: 28px;
margin-top: 10px;
text-shadow: none;
border: none;
transition: all .5s ease 0s
}

.banner_container h1,
.banner_container span {
line-height: 60px;
font-family: 'DK Bocadillo'
}

.wrape-table .view_btn:hover {
background: #333
}

.navbar-default .navbar-nav>li.dropdown:hover>a,
.navbar-default .navbar-nav>li.dropdown:hover>a:focus,
.navbar-default .navbar-nav>li.dropdown:hover>a:hover {
background-color: #e7e7e7;
color: #555
}

li.dropdown:hover>.dropdown-menu {
display: block
}

.cart-banner {
background: url(../images/cart-banner.jpg) no-repeat fixed;
background-size: cover;
min-height: 400px
}

.banner_container {
color: #fff;
position: relative;
clear: both;
width: 100%
}

.banner_container img {
width: 100%
}

.banner_details {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .6)
}

.banner_container h1 {
font-size: 46px;
margin: 8% 0 2%
}

.banner_container span {
font-size: 40px
}

.dummy-label {
font-weight: 400
}

.dummy-btn {
border-radius: 50px;
color: #fff !important;
text-decoration: none !important
}

.product_sec {
margin: 50px 0 100px
}

.product_sec .cart-title {
float: left;
line-height: 50px;
color: #333
}

.search_box {
float: right;
border: 1px solid #e2e2e0;
border-radius: 30px;
width: 350px
}

.search_box input[type=text] {
border: 0;
background: 0 0;
font-weight: 400;
height: 35px;
padding: 2px 20px;
width: calc(100% - 101px)
}

.search_box input[type=submit] {
width: 100px;
background: #fbfaf6;
border: none;
border-left: 1px solid #e2e2e0;
height: 35px;
color: #525252;
float: right;
border-radius: 0 30px 30px 0
}

.product_sec .order-box {
margin: 0;
width: 266px;
max-width: 100%
}

.error_msg {
width: 100%;
float: left;
color: #ff4141;
text-align: center
}

#cart-accordion {
border: 1px solid #ddd;
width: 167.6px
}

.cart-sidebar .panel {
border-radius: 0;
margin: 0 !important;
border: 0;
background: #fcfbfb
}

.cart-sidebar .panel-title {
font-size: 14px
}

.cart-sidebar .panel-heading {
border-radius: 0;
padding: 0
}

.cart-sidebar .panel-heading a {
display: block;
line-height: 25px;
padding: 15px 10px;
color: #333;
font-weight: 600
}

.cart-sidebar .panel-heading a:hover {
color: #FF4141
}

.cart-sidebar .nav-tabs {
margin: -15px -15px 50px;
border: 0
}

.cart-sidebar .nav-tabs li {
display: block;
float: none;
margin: 0 0 1px
}

.cart-sidebar .nav-tabs li:last-child {
margin: 0
}

.cart-sidebar .nav-tabs li a {
color: #333;
margin: 0;
font-size: 14px;
line-height: 20px;
padding: 15px 10px 15px 55px;
display: block;
border: 0;
border-radius: 0;
position: relative;
font-weight: 400
}

.cart-sidebar .nav-tabs li.fruit a {
background: url(../images/fruit_category_icon.png) 10px 0 no-repeat
}

.cart-sidebar .nav-tabs li.veg a {
background: url(../images/veggitable_category_icon.png) 10px 0 no-repeat
}

.cart-sidebar .nav-tabs li.herb a {
background: url(../images/herbs_category_icon.png) 10px 0 no-repeat
}

.cart-sidebar .nav-tabs li.dairy a {
background: url(../images/dairy_category_icon.png) 10px 0 no-repeat
}

.cart-sidebar .nav-tabs li.other a {
background: url(../images/others_category_icon.png) 10px 0 no-repeat
}

.cart-sidebar .nav-tabs li.boxes a {
background: url(../images/box_category_icon.png) 10px 0 no-repeat
}

.cart-sidebar .nav-tabs li.special a {
background: url(../images/doller.png) 10px 0 no-repeat
}
.cart-sidebar .nav-tabs li.christmascherries a {
    background: url(../images/christmas_cherry.png) 10px 11px no-repeat;
}
.cart-sidebar .nav-tabs li.bakery a {
    background: url(../images/bakary_icon.png) 10px 0 no-repeat;
}
.cart-sidebar .nav-tabs li.christmascherries:hover a, 
.cart-sidebar .nav-tabs li.active.christmascherries a {
    background-position: 10px -42px !important;
    transition: .5s ease;
    }

.cart-sidebar .nav-tabs li.christmascherries:hover a:after, 
.cart-sidebar .nav-tabs li.active.christmascherries a:after{
	top: 9px;
}    
.checkout-btn {
background: #ff4141;
font-size: 12px;
line-height: 20px;
padding: 6px 10px;
width: 114px;
display: block;
color: #fff;
text-align: center;
border-radius: 50px;
margin: 10px auto;
font-weight: 400
}

.checkout-btn:focus {
color: #fff
}

.affix {
width: 12.5%
}

.cart-sidebar .nav-tabs li.active a,
.cart-sidebar .nav-tabs li:hover a {
background-color: #ff4141;
color: #fff;
border: 0
}

.cart-sidebar .nav-tabs li a:hover,
.cart-sidebar .nav-tabs li.active a {
background-position: 10px -50px;
transition: .5s ease
}

.cart-sidebar .nav-tabs li a:hover:after,
.cart-sidebar .nav-tabs li.active a:after {
border-left: 15px solid #ff4141;
border-top: 25px solid transparent;
border-bottom: 25px solid transparent;
position: absolute;
left: 100%;
top: 0;
content: ''
}

.cart-sidebar .panel-body {
font-size: 14px;
line-height: 18px
}

.seceond-cart-fix {
width: 266px;
border-radius: 0;
background: #fcfbfb
}

.product-list {
margin: 30px 0 0;
font-weight: 400;
clear: both
}

.product-list table th {
font-size: 14px;
color: #000;
background: #f5f4f0;
font-weight: 700;
line-height: 30px;
padding: 5px 20px;
border-left: 1px solid #fff;
text-transform: uppercase
}

.product-list table th:first-child {
min-width: 38%;
padding-left: 3%
}

.product-list table th:last-child {
border-left: 0
}

.product-list table small.btn {
color: #fff;
border-radius: 0;
font-size: 12px;
line-height: 18px;
padding: 2px 10px;
font-style: italic
}

.product-list table small.red {
background: #f85f5f
}

.product-list table small.green {
background: #50a71b !important;
color: #f8faf7 !important
}

.product-list table tr:nth-child(odd) td {
background: #fbfbfb;
font-family: Roboto, sans-serif
}

.product-list table td {
padding: 15px 5px !important;
vertical-align: middle !important;
max-width: 220px
}

.product-list table h3 {
color: #525252;
font-size: 16px;
line-height: 24px;
margin: 8px 0 0
}

.product-list table img {
float: left;
margin-right: 15px;
width: 66px
}

.product-list table .item_details {
float: left;
width: calc(100% - 130px)
}

.product-list table span.per {
font-size: 12px;
line-height: 15px;
color: #525252
}

.product-list table .price small {
color: #b9b9b9;
display: inline-block;
position: relative;
font-size: 16px;
line-height: 25px
}

.product-list table .price small:after {
position: absolute;
content: '';
left: 0;
top:46%;
background: #ff4141;
width: 100%;
height: 1px;

}

.pnl-group-fix,
.pnl-group-fix2 {
z-index: 1;
top: 61px;
transition: all .5s ease 0s
}

.product-list table .price span {
display: inline;
color: #4d4d4d;
margin: 5px 0 0;
font-size: 16px;
line-height: 25px;
font-weight: 300
}

.product-list table .qty a {
border: 1px solid #b6b6b6;
width: 25px;
height: 25px;
text-align: center;
border-radius: 50%;
color: #7d7d7d;
display: inline-block;
vertical-align: middle;
line-height: 25px
}

.product-list table .qty input {
margin: 0 10px;
width: 50px;
border: 1px solid #949494;
display: inline-block;
vertical-align: middle;
height: 35px;
padding: 5px;
text-align: center;
color: #525252;
font-size: 18px
}

.product-list table strong {
font-size: 16px;
line-height: 20px;
font-weight: 400;
font-weight: 300
}

.product-list table .action a {
color: #5e5e5e;
font-size: 12px;
line-height: 18px;
border-radius: 12px;
padding: 0 15px;
display: inline-block;
white-space: nowrap;
text-align: center;
font-weight: 600
}

.product-list table .action a p {
margin-bottom: 0
}

.pnl-group-fix2 {
right: 6.7%;
float: right
}

.minus-btn {
border-top-left-radius: 15px !important;
border-bottom-left-radius: 15px !important;
border: 1px solid #ccc
}

.minus-btn:hover {
color: #FF4141
}

.fa-sort-asc,
.fa-sort-desc {
color: #333;
font-size: 20px;
float: right;
margin-right: 10px
}

.fa-sort-desc {
margin-top: -3px
}

.cart-add {
color: #ff4141 !important
}

.check-add {
color: #27a95e !important
}

.check-update {
text-align: center;
color: #94c434 !important
}

.check-update img {
float: none !important;
display: inline-block;
margin-right: 0 !important
}

.cart-quantity>.form-control,
.cart-quantity>.input-group-addon,
.cart-quantity>.input-group-btn>.btn {
height: 25px !important;
line-height: 1.4 !important
}

.cart-quantity {
width: 110px
}

.plus-btn {
border-top-right-radius: 15px !important;
border-bottom-right-radius: 15px !important;
border: 1px solid #ccc
}

.plus-btn:hover,
.quantity-text:hover {
color: #FF4141
}

.quantity-text {
text-align: center
}

.quantity-text:focus {
box-shadow: none !important;
border-color: #ddd !important
}

.customer-details-banner {
background: url(../images/cart-banner.jpg) no-repeat fixed;
background-size: cover;
min-height: 310px
}

.customer-details {
padding-bottom: 22px;
border: 1px solid #eee;
padding-top: 22px
}

.customer-details h3 {
display: inline-block;
width: 100%;
color: #333;
margin: 12px 0 30px;
font-weight: 400;
border-bottom: 1px solid #eee;
padding-bottom: 14px
}

.customer-details label {
font-size: 14px;
padding-right: 0;
color: #525252;
text-align: left !important;
font-weight: 400;
padding-left: 15px;
line-height: 26px
}

.customer-details .col-sm-7 label {
padding-left: 0
}

.customer-details .form-control {
box-shadow: none;
border-color: #ddd
}

.customer-details input[type=submit], .customer-details a.your_detail_login_butn {
background: #ff4141;
padding: 5px 10px;
text-align: center;
border: 0;
color: #fff;
min-width: 150px;
border-radius: 20px;
height: 40px;
transition: .5s ease
}

.confirm_password_txt {
margin-right: -5px
}

.show_add_div {
padding-right: 26px
}

.show_add_div2 {
padding-left: 26px
}

.radio_box {
border: 1px solid #eee;
padding: 10px 10px 10px 33px !important;
border-radius: 3px
}

.selt-othr-typ {
padding-top: 7px
}

.selt-weekly {
margin-top: 8px
}

.customer-details input[type=submit]:hover, .customer-details a.your_detail_login_butn:hover {
background: #333;
color: #fff
}

.customer-details .del-add {
display: block;
margin: 10px 0;
font-weight: 400
}

.customer-details .del-add a {
width: 24px;
text-align: center;
border-radius: 50%;
line-height: 24px;
font-size: 14px;
height: 24px;
color: #fff;
margin-left: 5px;
background: #ccc;
display: inline-block
}

.customer-details .del-add .same.active,
.customer-details .del-add .same:hover {
background: #31af91
}

.customer-details .del-add .diff.active,
.customer-details .del-add .diff:hover {
background: #e44061
}

.customer-details .del-add+input {
display: none
}

.customer-details img {
width: 25px;
display: inline-block;
margin-left: 5px
}

.order-box .ipadview {
display: none
}

.order-box h3 {
font-size: 30px;
color: #525252;
line-height: 36px;
padding: 18px 0;
border-bottom: 1px dashed #d3d2d3;
margin-top: 0;
font-family: 'Parisien Night'
}

.order-box table {
color: #666;
font-weight: 400;
border: none !important;
font-size: 13px;
margin-bottom: 4px
}

.order-box table span,
.order-box table strong {
color: #525252;
font-weight: 500
}

.order-box table td,
.order-box table th {
border: none !important;
padding: 7px 6px !important
}

.order-box table td:nth-child(3),
.order-box table td[colspan="2"]+td,
.order-box table th:nth-child(3) {
text-align: right
}

.order-box table td[colspan="4"] {
text-align: left
}

.order-box table th {
color: #525252;
font-weight: 400;
font-weight: 600
}

.order-box table span.total {
font-weight: 500
}

.order-box table strong {
display: block;
margin: 0
}

.order-box table a {
color: #ff4141
}

.order-box table tr:last-child td,
.order-box table tr:nth-last-child(3) td,
.order-box table tr:nth-last-child(4) td {
padding: 15px 8px
}

.order-box table .fa-minus {
background: #ff5349;
color: #fff;
width: 15px;
height: 15px;
border-radius: 3px;
text-align: center;
font-size: 11px;
line-height: 16px
}

.order-box table td[colspan="4"] {
padding: 0 8px 15px !important
}

.cart_price_row {
margin-left: -7px;
margin-right: 7px;
margin-bottom: 10px
}

.discount_amount {
color: #ff4141;
font-size: 17px;
font-weight: 400
}

.cart_scroll {
overflow-y: auto;
max-height: 191px;
overflow-x: hidden
}

.product_table {
background: #fff !important
}

.obox-2 table th,
.order-box table td {
padding: 8px 6px !important;
font-size: 14px
}

.cd-your-details {
padding-top: 40px
}

.order-box p {
font-size: 10px;
color: #999;
font-weight: 400;
margin: 0 8px 10px
}

.order-box p a {
color: #ff4141
}

.moprice {
margin: 0 !important
}

.order-box input[type=text] {
border: 1px solid #dcdcdc;
border-radius: 20px 0 0 20px;
box-shadow: none;
background: #fff;
width: calc(100% - 100px);
float: left;
height: 28px;
font-size: 12px
}

.order-box input[type=submit] {
background: #fbfaf6;
font-size: 11px;
color: #525252;
font-weight: 400;
width: 100px;
border-radius: 0 20px 20px 0;
border: 1px solid #dcdcdc;
border-left: 0;
height: 28px;
line-height: 28px;
float: left
}

.order-bar ul,
.order-box form {
display: inline-block;
width: 100%
}

.order-box form {
padding: 0 8px
}

.order-bar {
margin-top: 70px;
margin-bottom: 40px
}

.order-bar ul {
border-radius: 25px;
vertical-align: top;
font-weight: 600;
line-height: 40px;
font-size: 16px;
box-shadow: 0 0 0 2px #ff4141
}

.order-bar ul li:first-child,
.order-bar ul li:first-child a {
border-radius: 25px 0 0 25px
}

.post_code_btn,
.txt_payment {
font-weight: 400
}

.order-bar ul li {
float: left;
width: 25%;
text-align: center;
background: url(../images/bar-white-arrow.png) right top no-repeat;
background-size: auto 100%;
position: relative;
padding-right: 20px
}

.order-bar ul li.active,
.order-bar ul li:hover {
background: url(../images/bar-green-arrow.png) right top no-repeat #fff;
background-size: auto 100%
}

.order-bar ul li:after {
position: absolute;
left: -20px;
background: url(../images/bar-whitegreen-arrow.png) left top no-repeat;
background-size: auto 100%;
height: 100%;
content: '';
top: 0;
width: 30px;
display: none
}

.order-bar ul li.active:after,
.order-bar ul li:hover:after {
display: block
}

.order-bar ul li:first-child.active:after,
.order-bar ul li:first-child:hover:after {
display: none
}

.order-bar ul li:last-child {
background: 0 0;
border-radius: 0 25px 25px 0
}

.order-bar ul li:last-child:hover {
background: #ff4141;
color: #fff
}

.order-bar ul li a {
color: #525252;
display: block
}

.order-bar ul li.active a,
.order-bar ul li:hover a {
color: #fff;
background: #ff4141
}

.order-bar ul li:last-child.active {
background: #ff4141
}

.payment_div {
border: 1px solid #d6d6d6;
padding: 20px 24px 10px;
margin-bottom: 26px;
transition: .5s;
min-height: 190px;
position: relative;
z-index:1;
}

.payment_div img {
display: inline-block
}

.payment_div:hover {
border: 1px solid #ff4141
}

.payment_heading {
font-size: 28px;
margin-left: -10px;
font-weight: 400
}

.credit_icon {
margin-right: 6px
}

.paypal_icon2 {
margin-top: 7px
}

.others_icon3 {
float: left;
margin-top: 3px
}

.txt_payment {
font-size: 18px
}

.loader_td {
border: none !important
}

.calender_rd_padding {
padding-top: 10px
}

.calender_rd_padding2 {
margin-left: -4px;
margin-right: -4px;
margin-bottom: 20px
}

.onetime,
.recurring,
.shiftone,
.shifttwo {
font-size: 15px !important;
font-weight: 500 !important
}

.payment_tab_content {
border-left: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
padding-left: 20px;
padding-right: 20px
}

.payment-img {
width: 100%
}

.payment_form_label {
text-align: left !important;
font-weight: 400
}

.payment_chkbox {
margin-left: 5%
}

.payment_form_text {
border-radius: 0 !important;
box-shadow: none !important
}

.group_expiry_date {
padding-right: 0
}

.payment_btn {
background: #fff;
padding: 5px 10px;
text-align: center;
border: 0;
color: #ff4141;
min-width: 150px;
height: 40px;
transition: .5s ease;
margin-top: 5px;
font-weight: 500
}

.payment_btn:hover {
background: #ff4141;
color: #fff;
border: 2px solid #fff
}

.chkbox {
margin-left: 20px
}

.days {
margin-top: 2px;
font-size: 14px;
font-weight: 500;
line-height: 26px
}

.radio {
padding-left: 20px
}

input[type=checkbox] {
-webkit-appearance: none;
height: 1.5em;
width: 1.5em;
cursor: pointer;
position: relative;
-webkit-transition: .15s;
border-radius: 3px;
border: 1px solid #bbb
}

input[type=checkbox]:checked {
background-color: #ff4141;
border-color: #ff4141
}

input[type=checkbox]:before,
input[type=checkbox]:checked:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
line-height: 1.5em;
text-align: center;
color: #fff;
content: ''
}

input[type=checkbox]:checked:before {
content: '✔'
}

input[type=checkbox]:hover:before {
background: rgba(255, 255, 255, .3);
border-color: rgba(255, 255, 255, .3)
}

input[type=radio] {
-webkit-appearance: none;
height: 1.4em;
width: 1.4em;
cursor: pointer;
position: relative;
border-radius: 50px;
border: 1px solid #e3e3e3;
font-size: 13px
}

input[type=radio]:checked {
border: none;
color: #ff4141;
font-size: 20px;
margin-top: 0
}

input[type=radio]:before,
input[type=radio]:radio:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
line-height: 1.4em;
text-align: center;
color: #fff;
content: ''
}

input[type=radio]:checked:before {
font-family: FontAwesome;
content: '\f192'
}

.about_content .video:after,
.conatct_pic:after,
.fresh_sec ul li:nth-child(1):after,
.fresh_sec ul li:nth-child(2):after,
.fresh_sec ul li:nth-child(3):after,
.fresh_sec ul li:nth-child(4):after,
.top_section .main_banner:after {
content: ''
}

#content p {
font-size: 16px;
font-weight: 400
}

.successbox h1 {
color: #678361
}

.success-footer-msg {
padding-top: 30px
}

.faild_btn {
padding: 6px 20px;
border-radius: 50px;
margin-top: 10px
}

.payment_time_left {
color: #ff4141;
font-size: 20px
}

.fresh_sec {
margin: 50px 0 0;
overflow: hidden
}

.fresh_sec .desktop img {
max-width: 100%
}

.fresh_sec h3 {
color: #333;
line-height: 52px
}

.fresh_sec ul {
margin: 10px 0 0 -20px
}

.fresh_sec ul li {
float: left;
position: relative
}

.fresh_sec ul li:nth-child(even) {
padding-top: 200px
}

.fresh_sec ul li:nth-child(1) {
padding-right: 6%
}

.fresh_sec ul li:nth-child(2) {
padding-right: 4%
}

.fresh_sec ul li:nth-child(3) {
padding-right: 7%
}

.fresh_sec ul li:nth-child(4) {
padding-right: 3%
}

.fresh_sec ul li small {
position: absolute;
right: -82px;
top: -10px;
background: #ff4141;
width: 65px;
height: 65px;
border-radius: 50%;
text-align: center;
color: #fff;
font-size: 15px;
line-height: 18px;
padding: 16px 0 0
}

.fresh_sec ul li:nth-child(1):after {
position: absolute;
left: 177px;
top: 0;
width: 250px;
height: 225px;
background: url(../images/connect1.png) no-repeat;
background-size: 250px
}

.fresh_sec ul li:nth-child(2):after {
position: absolute;
left: 170px;
bottom: 65px;
width: 160px;
height: 130px;
background: url(../images/connect2.png) no-repeat;
background-size: 160px
}

.fresh_sec ul li:nth-child(3):after {
position: absolute;
left: 190px;
top: 75px;
width: 230px;
height: 145px;
background: url(../images/connect3.png) no-repeat;
background-size: 230px
}

.fresh_sec ul li:nth-child(4):after {
position: absolute;
left: 193px;
bottom: 115px;
width: 260px;
height: 210px;
background: url(../images/connect4.png) no-repeat;
background-size: 260px
}

.about-us,
.delivery {
background: url(../images/tomato.jpg) no-repeat fixed
}

.fresh_sec ul li>img {
width: 180px
}

.fresh_sec ul li span {
display: block;
text-align: center;
font-size: 18px;
line-height: 22px;
color: #333;
margin: 15px 0 0
}

.about-us {
background-size: cover;
min-height: 400px
}

.main_banner {
position: relative;
clear: both
}

.main_banner img {
width: 100%
}

.top_section .main_banner:after {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .6)
}

.top_section .header {
position: absolute;
left: 0;
top: 0;
width: 100%;
z-index: 9
}

.top_section .top_header {
background: 0 0;
padding: 25px 0 0
}

.top_section .top_header .login_part li a {
color: #fff;
font-weight: 400
}

.about_content {
padding: 95px 0
}

.about_content .video {
position: relative;
margin-right: 30px
}

.about_content .video .icon {
position: absolute;
left: 50%;
top: 50%;
margin: -26px 0 0 -26px;
z-index: 8
}

.about_content .video:after {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .6)
}

.about_content .col-sm-8 h3 {
font-size: 14px;
color: #333;
line-height: 20px;
margin: 25px 0 15px
}

.about_content p {
font-size: 14px;
color: #666;
line-height: 24px
}

.about_content .box {
position: relative
}

.about-overflow {
overflow: scroll
}

.about_content .box img {
width: 100%
}

.about_content .box .info {
position: absolute;
width: 100%;
padding: 15px 12%;
height: 100%;
left: 0;
top: 0;
color: #fff
}

.about_content .box .info h4 {
font-size: 20px;
line-height: 28px;
margin: 20px 0
}

.about_content .box .info p {
line-height: 21px;
color: #fff
}

.about-left-image {
float: left;
padding-right: 30px;
padding-bottom: 10px
}

.about-right-image {
float: right;
padding-left: 30px;
padding-bottom: 10px
}

.about-us-padding {
padding-bottom: 30px
}

.about_content h3 {
font-weight: 300
}

.choose_sec.about {
background: #f4f4f4;
padding: 40px 0 20px
}

.choose_sec.about p {
font-size: 14px;
line-height: 21px;
color: #666
}

.choose_sec.about .description {
float: right;
width: calc(100% - 80px)
}

.choose_sec.about .description h3 {
color: #ff4141;
font-size: 18px;
line-height: 25px;
font-weight: 400
}

.choose_sec.about .wrape_all_sect {
float: left;
width: 100%;
margin-bottom: 30px
}

.choose_sec.about .wrape_all_sect img {
float: left;
padding: 0
}

.choose_sec.about .organic_right img {
float: right;
width: 59px
}

.choose_sec.about .organic_right .description {
float: left
}

.choose_sec.about h3.common-title::before {
background: url(../images/tree_img.png) center top no-repeat #f4f4f4
}

.choose_sec.about .col-sm-6 {
width: 30%
}

.choose_sec.about .col-md-push-4 {
left: 40%
}

.choose_sec.about .col-md-pull-4 {
right: 30%
}

.choose_sec.about .col-sm-6~.col-sm-12 {
width: 40%
}

.choose_sec.about .col-sm-6~.col-sm-12 img {
text-align: center;
display: inline-block
}

.wcs:before {
background: url(../images/tree_img.png) top center no-repeat #f4f4f4 !important
}

#fade-quote-carousel.carousel {
padding-bottom: 60px
}

#fade-quote-carousel.carousel .carousel-indicators {
bottom: 10px
}

#fade-quote-carousel.carousel .carousel-indicators>li {
background-color: #ff4242;
border: none
}

#fade-quote-carousel blockquote {
text-align: center;
border: none;
font-weight: 400;
LINE-HEIGHT: 20PX;
text-transform: capitalize;
margin: 0 !important
}

#fade-quote-carousel .profile-circle {
width: 60px;
height: 60px;
margin: 0 auto 0 -20px;
border-radius: 100px
}

.testimonial-carousel {
height: auto !important
}

.testimonial-heading1 {
margin-bottom: 0
}

.testimonial-heading4 {
margin-top: 0
}

.testimonial-font-color {
color: #ababab;
padding-left: 8px
}

.testimonial_sec {
padding: 85px 0 125px
}

.testimonial_sec ul li {
text-align: center
}

.testimonial_sec ul li img {
display: inline-block
}

.testimonial_sec ul li p {
font-size: 14px;
line-height: 24px;
color: #333;
text-align: left;
background: url(../images/testi.png) left top no-repeat;
padding: 40px 0 0
}

.testimonial_sec .bx-wrapper .bx-viewport {
border: 0;
left: 0;
box-shadow: none
}

.testimonial_sec .bx-wrapper .bx-controls-direction .bx-prev {
top: auto;
bottom: -40px;
left: 50%;
width: 12px;
height: 17px;
background: url(../images/slder-arrow.png) left top no-repeat;
margin-left: -36px
}

.testimonial_sec .bx-wrapper .bx-controls-direction .bx-next {
top: auto;
bottom: -40px;
left: 50%;
width: 12px;
height: 17px;
background: url(../images/slder-arrow.png) right top no-repeat;
margin-right: -36px
}

.testimonial_sec blockquote {
border-left: 0;
border-right: 2px solid #ff4141;
text-align: right;
font-size: 18px;
color: #333;
line-height: 24px;
font-weight: 600;
text-transform: uppercase
}

.testimonial_sec blockquote span {
display: block;
font-size: 12px
}

.supplier_sec {
padding: 0 0 120px
}

.supplier_sec .people_box {
position: relative;
overflow: hidden
}

.supplier_sec .people_box .people {
position: absolute;
left: 0;
bottom: 0;
transition: .5s
}

.supplier_sec .people_box:hover .details {
opacity: 1;
top: 0
}

.supplier_sec .people_box .normal {
transition: .5s;
width: 100%
}

.supplier_sec .people_box:hover .normal {
transform: rotate(10deg);
margin-left: -11%;
margin-top: -11%;
margin-bottom: 11%
}

.supplier_sec .people_box:hover .people {
left: -30%
}

.supplier_sec .people_box .details {
position: absolute;
opacity: 0;
left: 10%;
top: 30px;
padding: 45px 0 0;
width: 75%;
text-align: center;
transition: .5s
}

.supplier_sec .people_box .details h4 {
color: #fd6868;
font-size: 24px;
font-weight: 400;
line-height: 30px;
text-transform: uppercase;
margin: 0 0 7px;
font-family: Roboto, sans-serif
}

.delivery_process_section h2,
.questions_section h2 {
font-family: 'Parisien Night'
}

.supplier_sec .people_box .details span {
font-size: 14px;
color: #333;
line-height: 20px
}

.supplier_sec .people_box .details ul {
margin: 35px 0 0
}

.supplier_sec .people_box .details li {
display: inline-block;
margin: 0 3px
}

.supplier_sec .people_box .details li a {
border: 2px solid #ff4141;
color: #fd6868;
text-align: center;
line-height: 28px;
width: 30px;
height: 30px;
border-radius: 50%;
display: inline-block;
transition: .5s
}

.supplier_sec .people_box .details li a:hover {
background: #fd6868;
color: #fff
}

.our_mission_link {
color: #fff;
text-decoration: underline !important;
font-weight: 500;
font-style: italic;
padding-left: 10px
}

.our_mission_link:hover {
color: #eee !important;
text-decoration: none !important
}

#signinModal a:hover,
#signupModal .checkbox label a:hover,
#signupModal p a {
text-decoration: underline
}

.yellow-color-star {
color: #ffbf00
}

.checkout-banner {
background: url(../images/checkout-banner.jpg) no-repeat fixed;
background-size: cover;
min-height: 60vh
}

.checkout_page {
padding: 30px 0 0
}

.checkout_form h3 {
font-size: 24px;
color: #212121;
line-height: 30px;
margin: 30px 0
}

.checkout_form form {
margin-bottom: 60px
}

.checkout_form label {
font-size: 14px;
color: #696969;
font-weight: 700;
text-transform: uppercase;
line-height: 20px;
margin: 0 0 10px
}

.checkout_form label span {
color: #f5a64a;
margin-left: 3px
}

.checkout_form .form-control {
border: 1px solid #f4eede;
box-shadow: none;
border-radius: 0;
height: 38px;
padding: 4px 10px;
font-size: 14px;
color: #ababab;
font-style: italic;
line-height: 30px;
font-weight: 400
}

.checkout_form a,
.order-box.checkout .place-btn {
color: #fff;
background: #ff4141;
text-transform: uppercase
}

.checkout_form .form-control+.form-control {
margin-top: 10px
}

.checkout_form textarea.form-control {
height: 100px;
resize: none
}

.checkout_form a {
border-radius: 0;
font-size: 14px;
font-weight: 700;
line-height: 20px;
padding: 10px 20px;
border: 0;
transition: .4s
}

.order-box.checkout {
padding: 15px 11%
}

.order-box.checkout table td,
.order-box.checkout table th {
padding: 8px 0
}

.order-box.checkout table td:nth-child(2) {
width: 100px;
text-align: right
}

.order-box.checkout table tr:nth-last-child(1) td,
.order-box.checkout table tr:nth-last-child(2) td,
.order-box.checkout table tr:nth-last-child(3) td {
border-top: 1px dashed #bfbfbf !important;
padding: 15px 0
}

.order-box.checkout table tr:nth-last-child(4) td {
border: 0 !important;
padding: 8px 0
}

.order-box.checkout table tr:nth-last-child(1) {
border-bottom: 1px dashed #bfbfbf !important
}

.order-box.checkout table tr:nth-child(4) td {
border: 0 !important;
padding: 8px 0
}

.order-box.checkout p {
margin: 30px 0 10px
}

.order-box.checkout form {
padding: 0 0 25px
}

.order-box.checkout .place-btn {
width: 75%;
min-width: 120px;
font-size: 16px;
line-height: 30px;
padding: 15px 10px;
font-weight: 400;
display: inline-block;
margin: 35px 0;
border-radius: 30px;
transition: .5s
}

.order-box.checkout .place-btn:hover {
background: #ff4141
}

.contact-banner {
background: url(../images/contact-bg.jpg) no-repeat fixed;
background-size: cover;
min-height: 60vh
}

.contact_page {
padding: 90px 0 0
}

.contact-form .form-control {
border: 1px solid #f4eede;
box-shadow: none;
border-radius: 0;
height: 38px;
padding: 4px 10px;
font-size: 14px;
color: #ababab;
font-style: italic;
line-height: 30px;
font-weight: 400;
margin: 0 0 18px
}

.contact-form textarea.form-control {
height: 160px;
resize: none
}

.contact-form a {
background: #ff4141;
color: #fff;
border-radius: 0;
font-size: 14px;
font-weight: 700;
line-height: 20px;
padding: 10px 20px;
text-transform: uppercase;
border: 0;
transition: .4s
}

.contact-form h3 {
font-size: 48px;
line-height: 60px;
color: #212121
}

.contact-form p {
font-size: 14px;
color: #696969;
line-height: 21px;
padding-left: 10px;
padding-right: 20px
}

.conatct_pic {
position: relative;
margin: 40px 0 0
}

.conatct_pic:after {
position: absolute;
left: 50px;
top: -30px;
height: 100%;
width: 100%;
background: #ff4141;
z-index: -1
}

.map_sec {
margin: 120px 0;
position: relative
}

.map_sec .map {
min-height: 420px;
width: 100%
}

.contact_info {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%
}

.contact_info h4 {
font-size: 24px;
color: #fff;
line-height: 30px;
margin: 15px 0
}

.contact_info .col-md-4,
.contact_info .container,
.contact_info .row {
height: 100%
}

.contact_info .greenbox {
background: #ff4141;
height: 100%;
padding: 20px 8%
}

.delivery_process_section,
.simple_ordering {
padding-top: 7%
}

.contact_info p {
font-size: 14px;
color: #fff;
line-height: 21px;
margin: 0 0 35px
}

.contact_info ul li {
margin: 0 0 5px
}

.contact_info ul li i {
width: 40px;
height: 40px;
background: #fff;
margin-right: 20px;
text-align: center;
line-height: 40px;
font-size: 20px;
vertical-align: top;
color: #ff4141
}

.contact_info ul li span {
width: calc(100% - 65px);
display: inline-flex;
min-height: 40px;
align-items: center;
color: #fff
}

.banner_details_how_it_work p,
.bs-wizard,
.delivery_process_section p,
.top_font {
color: #666
}

.banner_details_how_it_work {
background: url(../images/HAVING%20A%20VEGGIE%20GOOD%20TIME.jpeg) no-repeat fixed;
background-size: cover;
min-height: 76vh
}

.banner_details_how_it_work .container {
top: 30%;
left: 10%;
position: absolute
}

.banner_details_how_it_work h1 {
font-size: 46px;
line-height: 46px;
margin: 3% 0
}

.How_it_Works_Section {
font-size: 16px;
line-height: 26px
}

.delivery_process_section h2,
.simple_ordering h2 {
padding-bottom: 40px;
font-size: 40px
}

.top_font {
margin-top: 50px;
margin-bottom: 24px
}

.hiw_brdr {
border-bottom: 2px dashed #999;
transform: rotate(-32deg)
}

.hiw_brdr_bottom,
.hiw_brdr_right {
transform: rotate(32deg);
border-bottom: 2px dashed #999
}

.hiw_brdr_bottom {
margin-top: 136px
}

.inln_block {
display: inline-block
}

.left_order {
margin-top: 46%
}

.brdr_right:before {
border-top: 2px dashed #999;
content: "";
display: block;
height: 1px;
position: absolute;
top: 29%;
width: 50%;
right: -25%
}

.hiw_brdr_bottom_right {
border-bottom: 2px dashed #999;
transform: rotate(-32deg);
margin-top: 136px
}

.simple_order_margin {
margin-top: 28%
}

.simple-ordering-icons {
width: 71px
}

.simple-ordering-icons1 {
width: 63px;
margin-bottom: 4px;
margin-top: 3px
}

.simple-ordering-icons3 {
width: 88px;
margin-bottom: -11px;
margin-top: -7px
}

.simple-ordering-icons5 {
width: 67px;
margin-bottom: 3px;
margin-top: 2px
}

.simple-ordering-icons6 {
width: 90px;
margin-bottom: -9px;
margin-top: -9px
}

.select_product {
width: 120px;
margin-bottom: -12px
}

.select_product2 {
width: 135px;
margin-bottom: -25px
}

.paypal_icon {
width: 75px;
margin-bottom: -10px;
margin-top: -5px
}

.bs-wizard {
border-bottom: solid 1px #e0e0e0;
padding: 0 0 10px
}

.bs-wizard>.bs-wizard-step {
padding: 0;
position: relative;
width: 20%;
margin: -1px
}

.bs-wizard>.bs-wizard-step .bs-wizard-stepnum {
color: #595959;
font-size: 16px;
margin-bottom: 5px
}

.bs-wizard>.bs-wizard-step .bs-wizard-info {
font-style: italic;
text-shadow: 0 0 #000
}

.bs-wizard>.bs-wizard-step>.bs-wizard-dot {
position: absolute;
width: 24px;
height: 24px;
display: block;
background: red;
top: 21px;
left: 50%;
margin-top: -12px;
margin-left: -15px;
border-radius: 50%
}

.bs-wizard>.bs-wizard-step>.bs-wizard-dot:after {
content: ' ';
width: 14px;
height: 14px;
background: red;
border-radius: 50px;
position: absolute;
top: 8px;
left: 8px
}

.bs-wizard>.bs-wizard-step>.progress {
position: relative;
border-radius: 0;
height: 8px;
box-shadow: none;
margin: 18px 0
}

.bs-wizard>.bs-wizard-step>.progress>.progress-bar {
width: 0;
box-shadow: none;
background: red
}

.bs-wizard>.bs-wizard-step.complete>.progress>.progress-bar {
width: 100%
}

.bs-wizard>.bs-wizard-step.active>.progress>.progress-bar {
width: 50%
}

.bs-wizard>.bs-wizard-step:first-child.active>.progress>.progress-bar {
width: 0%
}

.bs-wizard>.bs-wizard-step:last-child.active>.progress>.progress-bar {
width: 100%
}

.bs-wizard>.bs-wizard-step.disabled>.bs-wizard-dot {
background-color: #f5f5f5
}

.bs-wizard>.bs-wizard-step.disabled>.bs-wizard-dot:after {
opacity: 0
}

.bs-wizard>.bs-wizard-step:first-child>.progress {
left: 30%;
width: 100%;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px
}

.bs-wizard>.bs-wizard-step:last-child>.progress {
width: 70%;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px
}

.bs-wizard>.bs-wizard-step.disabled a.bs-wizard-dot {
pointer-events: none
}

.inln_block2 {
display: inline-block;
width: 100%
}

.start-delivery {
width: 93px
}

.start-delivery1 {
width: 74px;
margin-bottom: 18px
}

.questions_section {
padding-top: 7%;
padding-bottom: 10%
}

.questions_section p {
color: #666
}

.questions_section h2 {
font-size: 40px
}

.questwelve {
padding-bottom: 60px
}

.questions_section img {
width: 85px
}

.live_chat_icon,
.see_frequently_icon {
padding: 5px
}

.reoccuring_orders_circle {
width: 140px;
position: absolute;
right: 36px;
top: -10px
}

.how-it-work-caption {
padding: 20% 0 !important;
top: 0 !important
}

.how-it-work-caption h2 {
font-size: 46px;
font-family: 'DK Bocadillo'
}

.modal-header {
padding: 0;
border: none;
position: relative
}

#signinModal .modal-dialog {
margin-top: 8%
}

#signinModal .col-md-6 {
padding: 0 40px
}

#signinModal .signin {
border-right: 1px solid #ccc
}

#signinModal .guest button {
margin-top: 25px
}

#signinModal h3 {
font-size: 30px;
line-height: 35px;
text-align: center;
margin: 0 0 20px
}

#signinModal .form-control {
border-radius: 0;
height: 40px;
font-size: 16px
}

#signinModal label {
color: #333;
font-size: 15px;
line-height: 20px;
margin: 0 0 5px;
font-weight: 400
}

#signinModal .modal-body button {
background: #ff4141;
color: #fff;
height: 45px;
border-radius: 5px;
font-size: 20px;
line-height: 25px;
border: none;
font-weight: 500;
display: inline-block
}

#signinModal .modal-body button.signup {
background: #ff4141
}

#signinModal .modal-body {
padding: 20px
}

#signinModal a {
color: #222;
font-size: 14px;
font-weight: 600;
line-height: 20px;
display: inline-block
}

#signinModal .join {
font-size: 40px;
line-height: 40px;
margin: 38px 0;
font-family: bureaueaglebookregular
}

#signinModal .seprator {
display: block;
font-size: 18px;
line-height: 30px;
text-align: center;
margin: 15px 0 5px;
position: relative
}

#signinModal .seprator:after {
position: absolute;
left: 0;
top: 15px;
border-bottom: 1px solid #000;
content: '';
width: 100%
}

#signinModal .seprator small {
padding: 0 10px;
display: inline-block;
background: #fff;
position: relative;
z-index: 9
}

#fogot_password .modal-body button {
background: #ff4141;
color: #fff;
height: 45px;
border-radius: 5px;
font-size: 20px;
line-height: 25px;
border: none;
font-weight: 500;
display: inline-block;
width: 80%
}

#fogot_password .form-control {
border-radius: 0;
height: 40px;
font-size: 16px
}

.modalopen .modal {
overflow-x: hidden;
overflow-y: auto
}

#signupModal .modal-header {
padding: 0;
border: none;
position: relative
}

#signupModal label {
color: #333;
font-size: 15px;
margin: 0 0 5px;
font-weight: 400
}

#signupModal h3 {
font-size: 30px;
line-height: 35px;
margin: 0 0 20px;
text-align: center
}

#signupModal .form-control {
border-radius: 0;
height: 40px;
font-size: 16px
}

#signupModal .nav-tabs {
margin-bottom: 30px;
background: #789c48;
padding: 15px
}

#signupModal .nav-tabs li {
display: inline-block;
margin-right: 20px;
background: 0 0
}

#signupModal .nav-tabs li:after {
display: none
}

#signupModal .nav-tabs li a {
color: #fff !important;
padding: 0;
opacity: .6
}

#signupModal .nav-tabs li a small {
background: #fff;
width: 30px;
height: 30px;
line-height: 30px;
color: #789c48;
font-size: 20px;
display: inline-block;
margin-right: 10px;
border-radius: 50%
}

#signupModal .nav-tabs li.active a {
color: #fff !important;
opacity: 1
}

#signupModal .nav-tabs li.active a small {
background: #fff;
color: #789c48
}

#signupModal p {
font-size: 18px;
line-height: 24px;
margin: 20px 0 0
}

#signupModal p a {
color: #FF4141
}

#signupModal .modal-body button {
background: #ff4141;
color: #fff;
height: 40px;
border-radius: 0;
font-size: 20px;
line-height: 25px;
border: none;
font-weight: 500;
display: inline-block
}

#signupModal .modal-body button.prev {
color: #789c48;
background: #fff;
border: 1px solid #789c48
}

.delivery {
background-size: cover;
min-height: 310px
}

.legel-notice,
.terms_of_services {
background: url(../images/tomato.jpg) no-repeat fixed
}

.delivery-legal-notice {
font-size: 24px;
padding-top: 20px
}

.delivery_content {
padding: 95px 0
}

.legel-notice {
background-size: cover;
min-height: 310px
}

.legel-notice-h-one {
padding-top: 10px;
margin-bottom: 6px
}

.legel_content {
padding: 65px 0
}

.terms_of_services {
background-size: cover;
min-height: 310px
}

.our-mission,
.terms_and-condition {
background: url(../images/tomato.jpg) no-repeat fixed;
min-height: 310px
}

.terms_of_services-h {
padding-top: 10px;
margin-bottom: 6px
}

.terms_content {
padding: 65px 0
}

.terms_and-condition {
background-size: cover
}

.terms_and-condition-h {
padding-top: 10px;
margin-bottom: 6px
}

.terms_and-condition_content {
padding: 65px 0
}

.terms_second_h_one {
padding-top: 40px
}

.tac_bold_font {
font-weight: 400
}

.skrill-icon {
background: #6c6764;
padding: 2px;
width: 36px !important;
border-radius: 2px;
transition: .5s ease;
margin-top: -10px
}

.our-mission_content,
.privacy_policy_content {
padding: 65px 0
}

.skrill-icon:hover {
background: #ff4141
}

.skrill-padding {
line-height: 23px !important;
margin: 0;
height: 0
}

.our-mission {
background-size: cover
}

.privacy_policy {
background: url(../images/tomato.jpg) no-repeat fixed;
background-size: cover;
min-height: 310px
}

.privacy_policy_h {
padding-top: 10px;
margin-bottom: 6px
}

.bulk-captcha-label {
margin-top: 13px;
font-weight: 400;
font-style: italic
}

.bulk-order-submit-btn {
color: #fff !important;
text-decoration: none !important;
padding: 5px 10px
}

.close {
margin-top: -10px;
background: 0 0 !important;
color: #fff !important
}

.price_list_captcha_label {
font-weight: 300;
font-size: 12px;
color: #666;
margin-top: 24px
}

.price-list-right-margin-none {
margin-right: 0 !important;
padding-right: 0 !important
}

.price-list-left-margin-none {
padding-left: 0;
padding-right: 0
}

.error {
font-weight: 300;
color: red
}

.checkout-btn.keepshop,
.halfcircle,
.register-btn {
display: none
}

.fixed-header .logo .img2 {
width: 80px;
display: block
}

.fixed-header .logo .img1 {
width: 80px;
display: none
}

.navbar-default .navbar-toggle .icon-bar {
background-color: #fff
}

.save_card ul li {
width: 25%
}

.paymrnt-icon {
padding: 0 !important;
text-align: left !important
}

.paymrnt-icon img {
width: 100%;
padding: 6px 20%
}

.payment_tab1:hover,
.payment_tab2:hover,
.payment_tab3:hover {
opacity: .8 !important
}

@media (max-width:768px) {

.payment_tab1,
.payment_tab2,
.payment_tab3 {
width: 100%;
border: 1px solid #ccc;
padding: 10px
}
}

@media (min-width:768px) {

.payment_tab1,
.payment_tab3 {
display: table-cell;
width: 11%;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc
}

.payment_tab1 {
border-left: 1px solid #ccc;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px
}

.payment_tab2 {
display: table-cell;
width: 11%;
border: 1px solid #ccc
}

.payment_tab3 {
border-right: 1px solid #ccc;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px
}
}

.payment-content {
padding-top: 20px
}

.nav>li>a:focus,
.nav>li>a:hover {
background: #fff
}

.error_content {
padding: 95px 0;
color: #888;
text-align: center
}

.error_heading {
font-size: 12em;
color: #666
}

.error_p {
font-size: 16px
}

.error_red {
color: #ff4141
}

.hoverd-btn:hover {
color: #fff
}

.span_your_detail_login_butn {
border-radius: 100px !important
}

.animatedParent,
.fresh_sec,
.hoverd-btn,
.invoice-print,
.overlay,
.view-bbdbsm {
overflow: hidden
}

.hoverd-btn::before {
background: #000;
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
transform: scaleX(0);
transform-origin: 0 50% 0;
transition-duration: .3s;
transition-property: transform;
transition-timing-function: ease-out;
z-index: -1
}

.hoverd-btn:hover::before {
transform: scaleX(1)
}

.customer-details input[type=submit] {
background: #ff4141;
padding: 5px 10px;
text-align: center;
border: 0;
color: #fff;
min-width: 150px;
border-radius: 20px;
height: 40px;
transition: .5s ease
}

.alert {
position: absolute;
z-index: 99999999 !important;
width: 60%;
margin-left: 20%
}

.obox-2 {
padding: 20px;
margin-bottom: 20px
}

.order-box {
background: #f8f6f7;
padding: 0 5px 5px;
display: inline-block;
width: 100%
}

 

.order-box h2 {
font-size: 30px;
color: #525252;
line-height: 36px;
padding: 18px 0;
border-bottom: 1px dashed #d3d2d3;
margin-top: 0;
font-family: 'Parisien Night'
}

.order-box input[type=text] {
border: 1px solid #dcdcdc;
border-radius: 20px 0 0 20px;
box-shadow: none;
background: #fff;
width: calc(100% - 100px);
float: left;
height: 28px;
font-size: 12px
}

.glyphicon-shopping-cart:before {
content: "\e116"
}

.postcode_modalhead {
text-align: center;
padding-bottom: 15px
}

.post_code_btn {
background: #ff4141;
padding: 6px 10px;
width: 114px;
color: #fff;
border-radius: 0;
margin: 10px auto 5%;
border: none;
display: block
}

.post_code_text {
border-radius: 0;
box-shadow: none;
height: 40px;
font-style: italic;
color: #000;
text-align: center;
font-weight: 400
}

button.close {
width: 90px;
height: 30px;
line-height: 20px;
border-top-right-radius: 5px;
background: #ff4141 !important;
color: #333;
border: 0 solid #fff;
font-size: 14px;
top: 2px;
font-weight: 400
}

.alert button.close {
width: 26px;
height: 17px;
line-height: 28px;
border-top-right-radius: 6px;
border: 0 solid #fff;
font-size: 21px;
top: 9px;
text-align: center
}

.tooltip-inner,
.tooltip.in,
.tooltip.top .tooltip-arrow {
z-index: 9999999999999999999999999999999999999999999 !important
}

.alert.alert-success button.close {
background: #DFF0D8 !important;
color: #000 !important
}

.alert.alert-info button.close {
background: #D9EDF7 !important;
color: #000 !important
}

.alert.alert-danger button.close {
background: #f2dede !important;
color: #000 !important
}

#signupModal .modal-body {
padding: 20px 36px
}

.signup_text {
text-align: center;
padding-bottom: 30px;
padding-left: 6%
}

#shopnow_popup .postcode_modalbody {
padding: 30px 10px 0
}

.mySidenav_left_cart {
box-shadow: rgba(0, 0, 0, .63) -1000px 0 233px 5000px
}

.tooltip-inner {
background-color: #fff;
color: #000;
padding: 5px;
box-shadow: 0 0 40px rgba(0, 0, 0, .8)
}

.tooltip.in {
opacity: 1
}

.tooltip.top .tooltip-arrow {
border-top-color: #fff
}

.bottom_header .menu_sec .login_part li a i:hover {
color: #fe0808 !important;
}

/*.fixed-header.bottom_header .menu_sec .login_part li a i:hover
{
color:#000 !important;
}*/
.header .fixed-header .menu_sec .login_part li a,
.header .bottom_header.fw.fixed-header .menu_sec .login_part li a {
color: #fff !important;
}

.header .fixed-header .menu_sec .login_part li a:hover,
.header .bottom_header.fw.fixed-header .menu_sec .login_part li a:hover {
color: #fe0808 !important;
}

.cartbtnaaaaa {
background: #ff4141 !important;
padding: 7px 13px !important;
margin-top: -10px !important;
color: #fff !important;
margin-left: 10px;
min-width: 70px;
text-align: center;
border: 2px solid #ff4141;
transition: .5s;
z-index: 1
}

.alert button.close,
button.close {
position: absolute;
z-index: 9;
right: 0;
text-shadow: none;
opacity: 1
}

.cartbtnaaaaa:hover {
cursor: pointer;
background: #fff !important;
color: #ff4141 !important;
border: 2px solid #ff4141
}

.product-list table tr:nth-child(2n+1) {
background: #fbfbfb;
}

.product-list table tr:nth-child(2n) {
background: #ffffff;
}

#table_product_right_small_cart tr {
border-bottom: 1px solid #f8f6f7;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
border-bottom: 1px solid #ddd;
border-top: none;
}

.product-list_bx .action {
width: 138px;
text-align: center;
}

.cart-quantity>.form-control {
height: 40px !important;
}

.cart-quantity>.input-group-btn>.quantity-left-minus {
border-radius: 40px 0 0 40px !important;
height: 40px !important;
}

.cart-quantity>.input-group-btn>.quantity-right-plus {
border-radius: 0 40px 40px 0 !important;
height: 40px !important;
}

.cart-quantity>.input-group-btn>.btn-number {
background: #ff4141;
border-color: #ff4141;
color: #fff;
}

.checkout-btn {
border-radius: 0;
}

.checkout-btn i {
margin-left: 8px;
}

.sidenav {
overflow: hidden;
}

.sidenav * {
white-space: nowrap;
;
}

.cartbtnaaaaa .badge {
position: relative;
min-width: 6px;
height: 6px;
padding: 0;
left:0;
min-width: 0;
font-size: 15px;
font-weight: 400;
}

.cartbtnaaaaa .badge {
background: none;
}

.badge__value,
.badge__surround_2 {
transition: all 0.2s cubic-bezier(0.7, 0, 0.3, 1);
}


.updated+.badge__surround_2 {
animation: radiate 0.7s cubic-bezier(0, 0, 0.4, 1);
}

.badge__surround_2 {
position: absolute;
top: 0;
left: 0;
z-index: 0;
width: 100%;
height: 100%;
display: block;
border-radius: 50%;
}

.badge__value,
.badge__surround_2 {
transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1);
}

.start_shopping {
border-radius: 0;
}

.menu-text {
font-size: 14px;
font-weight: 400;
display: inherit;
margin-top: 5px;
}

.navbar-header .navbar-toggle {
width: 57px;
height: 78px;
padding: 20px 10px 10px 10px;
text-align: center;
}

.navbar-toggle .icon-bar {
display: block;
width: 20px;
height: 2px;
border-radius: 0px;
margin-left: 8px;
}
.bottom_header .menu_sec .login_part li a i.crtnmbra {

transition: inherit !important;
}
.bottom_header .menu_sec .login_part li a:hover i.crtnmbra {
color:#ff4141 !important; 
transition: inherit !important;
}
.apply_coupon_code_btn{
	border:none;
	background:green;
	color:#fff;
	font-size: 14px;
	padding:10px;
	display: none;
	    height: 41px;
}
.checkout-section #discount_div_id #voucher_code{
	border-radius:6px 0 0 6px;
}
#discount_div_id{
	padding-bottom: 10px;
}
.checkout-section #discount_div_id #voucher_code,
.checkout-section #discount_div_id .boucher_code_button{
	height: 40px !important;
}
.checkout-section #discount_div_id .boucher_code_button{
	background:green !important;
	color:#fff !important;
	font-size: 14px !important;
}
.nav_cart_scroll{
	height:calc(100% - 280px) !important;
	margin: 0;
    padding: 20px 0 !important;
}
.sidenav_header>div:nth-child(3) .text-center{
	text-align: right;
}
#popup_Forgot_Password_Form.form-horizontal .form-group{
	margin-left: 0;
	margin-right: 0;
}
.top_slider header{
	    position: relative !important;
}
body .bottom_header .menu_sec .navbar-collapse li a {
    color: #000 !important;
}




/* =====PopUP===== */
#surve_pop_up .modal-dialog {
	max-width: 1145px;
	width: 100%;
	padding: 0 30px;

}
#surve_pop_up .modal-body{
padding: 0;
}
.surve_wrap_content{
display: flex;
background:url(../images/popups/popup_bg.jpg) 0 0 no-repeat;
background-size: cover;
position: relative;
z-index: 2;
border-radius: 8px;
}
.surve_wrap_content::after{
	content: '';
	position: absolute;
	right: 0;
	bottom:0;
	background:url(../images/popups/right_bottom_bg.png) 0 0 no-repeat;
	background-size: cover;
	width: 20%;
	padding-top: 20%;
	z-index: -1;
}
.surve_wrap_content::before{
	content: '';
	position: absolute;
	left:-10px;
	top:-10px;
	width:calc(100% + 20px);
	height:calc(100% + 20px);
	z-index: -1;
	border: 1px solid #ccc;
	border-radius: 8px;
}
.surve_content_heading{
text-align: center;
}
.surve_content_heading h2{
	font-family: 'Courier New Bold', arial;
font-size: 54px;
color: #ff4141;
font-weight: 700;
letter-spacing: 2px;
margin-top: 0;
text-transform: uppercase;
}
.surve_content_heading strong{	
font-size: 24px;	
color: #424242;	
font-family: 'Muli', sans-serif;
font-weight: 400;
}
.surve_content_heading p{
font-size: 16px;
color: #333333;
font-family: 'Muli', sans-serif;
margin-bottom: 25px;
}
.surve_block{
	padding-top: 32px;
    padding-bottom: 43px;
}
.surve_content_box{
display: flex;
flex-wrap: wrap;
position: relative;
}

.surve_content_block h3{
font-family: 'Muli', sans-serif;
font-size: 12px;
color: #424242;
margin-top: 10px;
min-height: 26px
}

.surve_content_block{
	flex: 0 0 calc(33% - 20px);
    padding:21px 19px 2px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.27);
	margin: 10px;
	position: relative;
	background: #fff;
    display: flex;
    justify-content: center;
	align-items: center;
	opacity: 1;	
	transition:all .3s linear;
	cursor: pointer;
	border: 2px solid transparent;
}
.surve_content_block:hover{
	box-shadow: 0 16px 20px 0 rgba(38,59,94,.1);
	border-color: #ff4141;
}
.surve_block_bx{
	text-align: center;
}
.arrow_bg{
	text-align: center;
}
.box_arrow{
	display: inline-block;
	width: 25px;
	height: 25px;
	background:url(../images/popups/box_arrow.png) 0 0 no-repeat;
	background-size: contain;

}
.surve_content_hide .surve_content_block{
	opacity: 0;
	visibility: hidden;
	
}


.surve_content_que{
	position: absolute;
    top: 50px;
    left: 0;
	width: 88%;
	height: 100%;
    padding: 0;
    z-index: 2;
    text-align: center;
    right: 0;
	margin: 0 auto;
	opacity: 0;
	z-index: -2;
	transition:top 0.3s, opacity 0.3s,z-index 0.3s 0.3s;
	

}

.surve_content_que_active{
	top:0;
	z-index: 2;
	opacity: 1;
	transition:top 0.3s, opacity 0.3s;
}
.surve_content_question{
	display: flex;
	flex-wrap: wrap;
	
}
.surve_content_que h2{
    font-family: 'Muli', sans-serif;
    font-size: 14px;
    background: #ff4141;
    font-weight: 700;
    color: #fff;
    display: inline-block;
	padding: 15px 23px;
	margin-top: 0;
    margin-bottom: 28px
}
.question_text{
    padding:6px 10px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.27);
    text-align: center;
    width: 120px;
    flex:0 0 calc(25% - 20px);
    font-size: 14px;
    font-family: 'Muli', sans-serif;
    display: flex;
    justify-content: center;
	align-items: center;
	border:2px solid transparent;
	transition: all 0.3s;
	cursor: pointer;
	margin: 0 10px 20px;
	min-height:64px;
	
}
.bottom_header .menu_sec .navbar-nav li a::before, .menu_sec .navbar-nav li a::after{
	content:'';
}
.question_text:focus,
.question_text:hover{
	border-color:#ff4141;
	box-shadow: 0 16px 20px 0 rgba(38,59,94,.1);
}
	.back_btn{
		width: 120px;
		height:40px;
		font-size: 14px;
		font-weight: 700;
		font-family: 'Muli', sans-serif;
		display: flex;
		justify-content: center;
		align-items: center;
		background: #555555;
		border:none;
		color:#fff;
		margin: 25px auto;
		cursor: pointer;
		transition: all 0.3s;
	}
	.back_btn:hover{
		background: #ff4141;
	}
	.back_btn i{
		width: 19px;
		height: 19px;
		background: url(../images/popups/back_btn.png) 0 0 no-repeat;
		background-size: contain;
		margin-right: 10px;
		
	}
	.surve_content_img{
		width:96%;
	}
	.surve_content_img img{
		width: 100%;
    height: 100%;
    object-fit: cover;
	object-position: right 0;
	border-radius: 8px;
	}
	.question_text span span{
		display: block;
	}
	#surve_pop_up{
		padding-top: 60px;
		    z-index: 999999999999;
	}
		.surve_block{
			position: relative;	
		}
	
	
		.surve_content_opacity{
			opacity: 0;	
		}
	.thankyou_bx{
	visibility: hidden;	
		opacity: 0;	
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    width: 100%;
    transform: translate(-50% ,-50%);
	}
	.thankyou_bx strong{
		display: block;	
	font-family: 'Courier New Bold', arial;
    font-size: 54px;
    color: #ff4141;
    font-weight: 700;
    letter-spacing: 2px;
    margin-top: 0;
    text-transform: uppercase;
    opacity: 1;	
	}
	.thankyou_bx_show{
	visibility:visible;	
		opacity: 1;		
	}
	.surve_thankyou{
		opacity: 1;	
		visibility:visible;
		transition:visibility 0.0s, opacity 0.3s ease 0.3s;
	}

	.organics_que_bx{
		display: block;
		width: 100%;
		text-align: center;
		    font-size: 16px;
	}
	.organics_que_bx strong{
		display: block;
		margin-bottom: 10px;

	}
	.tp_text_bx{
		text-align: center;
		 margin: 0px 0 20px 10px;
		 width: 100%;


	}
	.tp_text_bx span{
	background: #ff4141;
    display: inline-block;
    color: #fff;
    padding:12px 18px 12px;
    font-size: 16px;
    box-shadow: -1px 9px 26px 0 rgba(38, 59, 94, 0.35);
    cursor: pointer;


	}
	.text_btn_icon {
	width: 19px;
    height: 19px;
    background: url(../images/popups/back_btn.png) 0 0 no-repeat;
    background-size: contain;
    transform: rotate(180deg);
    display: inline-block;
    margin-left: 9px;
    vertical-align: middle;
	}
	.surve_content_hide .tp_text_bx{
		opacity: 0;
		visibility: hidden;
	}
@media (min-width:1100px) and (max-width:1600px){
	#surve_pop_up .modal-dialog {
    max-width: 854px;
}
.surve_content_heading h2{
	    font-size: 42px;
	}
	.surve_content_heading p {
    font-size: 16px;
}
.surve_content_block{
	    padding: 10px 12px 2px;
}
.icon_bx img {
    height: 30px;
}
.question_text{
	flex: 0 0 calc(25% - 22px);
	}
}	
	@media (max-width:991px){
		.surve_content_img{
			display: none;
		}
		.surve_wrap_content{
			padding-left: 30px;
			padding-right: 30px;
		}
		
		.surve_content_block {
			flex: 0 0 calc(50% - 20px);
		}
		
		#surve_pop_up{
			top: 0;
		}
}
@media (max-width:668px){
	.surve_wrap_content {
		padding-left:15px;
		padding-right:15px;
	}
	.surve_content_heading strong{
		font-size: 20px;
	}
	.surve_content_heading h2{
	font-size: 32px;
	}
	
	.surve_content_question{
		flex-wrap: wrap;
	}
	.question_text{
		width:186px;
		margin: 0 10px 20px;
		flex:0 0 calc(50% - 20px);
	}
	.surve_wrap_content::after{
		display: none;
	}
	#surve_pop_up .modal-dialog{
		padding: 30px 38px 30px 21px;
	}
	.thankyou_bx{
		top:36%;
	}
	.thankyou_bx strong{
		line-height: 1;	
	}
}
/* Bootstrap Notify */
.alert-minimalist {
	background-color: rgb(241, 242, 240);
	border-color: rgba(149, 149, 149, 0.3);
	border-radius: 3px;
	color: rgb(149, 149, 149);
	padding: 10px;
}
.alert-minimalist > [data-notify="icon"] {
	height: 50px;
	margin-right: 12px;
}
.alert-minimalist > [data-notify="title"] {
	color: rgb(51, 51, 51);
	display: block;
	font-weight: bold;
	margin-bottom: 5px;
}
.alert-minimalist > [data-notify="message"] {
	font-size: 100%;
}