/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
    [NORMALIZE]

    [FONTS]

    [LAYOUTS]
        (VALIDATIONS)
        (PAGE HEADER STYLE)
        (BREADCRUMBS)
        (FORM CONTROLS)

    [HOMEPAGE]
        (SECTIONS)

    [CONTENT PAGE]

    [BACK TO TOP]

    [MEDIA QUERIES]

*/


/* [NORMALIZE] --------------------------------------------------- */
html {
    font-size: 18px;
}

html,
body {
    -webkit-font-smoothing: antialiased;
    min-height: 100%;
}

body {
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
    color: #000;
}

/* [NORMALIZE] END --------------------------------------------------- */


/* [FONTS] --------------------------------------------------- */

/*fontello*/
@font-face {
    font-family: 'fontello';
    src: url('/fonts/fontello.eot?1861753');
    src: url('/fonts/fontello.eot?1861753#iefix') format('embedded-opentype'), url('/fonts/fontello.woff?1861753') format('woff'), url('/fonts/fontello.ttf?1861753') format('truetype'), url('/fonts/fontello.svg?1861753#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FuturaStd-Medium';
    src: url('https://freshorganicbasket.com/Vhost/freshorganicbasket.com/Themes/Assets/css/fonts/FuturaStd-Medium.otf') format('opentype'), url('https://freshorganicbasket.com/Vhost/freshorganicbasket.com/Themes/Assets/css/fonts/FuturaStd-Medium.eot') format('embedded-opentype'), url('https://freshorganicbasket.com/Vhost/freshorganicbasket.com/Themes/Assets/css/fonts/FuturaStd-Medium.ttf') format('truetype'), url('https://freshorganicbasket.com/Vhost/freshorganicbasket.com/Themes/Assets/css/fonts/FuturaStd-Medium.svg#FuturaStd-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FuturaStd-Heavy';
    src: url('https://freshorganicbasket.com/Vhost/freshorganicbasket.com/Themes/Assets/css/fonts/FuturaStd-Heavy.otf') format('opentype'), url('https://freshorganicbasket.com/Vhost/freshorganicbasket.com/Themes/Assets/css/fonts/FuturaStd-Heavy.eot') format('embedded-opentype'), url('https://freshorganicbasket.com/Vhost/freshorganicbasket.com/Themes/Assets/css/fonts/FuturaStd-Heavy.ttf') format('truetype'), url('https://freshorganicbasket.com/Vhost/freshorganicbasket.com/Themes/Assets/css/fonts/FuturaStd-Heavy.svg#FuturaStd-Heavy') format('svg');
    font-weight: normal;
    font-style: normal;
}

.demo-icon {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;
    /* You can be more comfortable with increased icons size */
    font-size: 1.63rem;
    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* Uncomment for 3D effect */
}

.demo-icon {
    font-size: 1.13rem;
}

#grid .demo-icon, #list .demo-icon {
    display: inline-block;
    vertical-align: middle;
}

#grid:hover, #list:hover, #grid:focus, #list:focus {
    text-decoration: none;
}

/* [FONTS] END --------------------------------------------------- */


/* [LAYOUTS] --------------------------------------------------- */
a {
    cursor: pointer;
    transition: .3s all ease-in-out;
    -webkit-transition: .3s all ease-in-out;
}

    a:hover {
        text-decoration: none;
    }

 

    .wrapper:before, .wrapper:after {
        display: table;
        content: " ";
    }

    .wrapper:after {
        clear: both;
    }

iframe {
    width: 100%;
}

/* All images should be responsive */

/*img {
    max-width: 100%;
    height: auto;
}*/

.hide {
    display: none !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
}

/* Remove borders */

.no-border {
    border: 0 !important;
}

/* Remove padding */

.no-padding {
    padding: 0 !important;
}

/* Remove margins */

.no-margin {
    margin: 0 !important;
}

/* Remove box shadow */

.no-shadow {
    box-shadow: none !important;
}


/* Remove gutter */
.no-gutter {
    padding-right: 0;
    padding-left: 0;
}

.no-gutter-right {
    padding-right: 0;
}

.no-gutter-left {
    padding-left: 0;
}

/* (VALIDATIONS) */
.error, .valerrormsg {
    color: Red;
    display: block;
    font-size: 0.75rem;
}
/* Input Form Error Show  */
.error {
    font-size: 0.75rem;
    padding-left: 0.19rem;
    right: 1.38rem;
    top: 0.38rem;
}

/* Alert Section Starts here */
#CustomAlert {
    top: 1.25rem;
    display: block;
    max-width: 37.5rem;
    position: fixed;
    right: 1.25rem;
    text-align: right;
    z-index: 2500;
}

.CustomAlert {
    background-color: #337ab7;
    border: 0.06rem solid transparent;
    border-radius: 0.31rem;
    clear: both;
    float: right;
    margin-bottom: 1.25rem;
    padding: 0.99rem;
    text-align: justify;
    min-width: 18.75rem;
}

    .CustomAlert:last-of-type {
        margin-bottom: 0;
    }

.CustomAlert-green {
    background-color: #dff0d8;
    border-color: #4cae4c;
    color: #3c763d;
}

.CustomAlert-light-blue {
    background-color: #d9edf7;
    border-color: #9acfea;
    color: #31708f;
    /*color: #31708f;
    background-color: #d9edf7;
    border-color: #48a1b3;*/
}

.CustomAlert-orange {
    background-color: #fcf8e3;
    border-color: #8a6d3b;
    color: #8a6d3b;
}

.CustomAlert-red {
    background-color: #f3e9e9;
    border-color: #a23230;
    color: #a94442;
}
/* (VALIDATIONS) END */

/* (PAGE HEADER STYLE) */
.page-header {
    border-bottom: none;
    margin-bottom: 2rem !important;
}

.page-header, .category-name, .section-heading {
    margin-bottom: 1.5rem;
    font-size: 1.4rem;
    margin-top: 0 !important;
    font-weight: 600;
    text-transform: capitalize;
}
.section-heading h2{ font-size: 3rem; font-weight: 100; color:#333; }


/* (PAGE HEADER STYLE) END */

/* (BREADCRUMBS) */



.breadcrumb span:not(:first-child)::before {
    content: "/ ";
    padding: 0 0.31rem;
}
/* (BREADCRUMBS) END */

/* (FORM CONTROLS) */

/* Remove border radius */

.flat {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

/* Input Group and Form Controls*/

.form-control {
    height: 45px;
    font-size: 16px;
}

.form-control, .input-group-text {
    border-radius: 0;
}

    .form-control:focus {
        box-shadow: none;
    }

.input-group .input-group-btn .btn {
    border-radius: 0;
}


.modal {
    padding-right: 0 !important;
}

/* Checkboxes and Radios */
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    left: 0;
    margin-left: 0;
    cursor: pointer;
}

/* button groups */

.btn {
    transition: .3s;
    -webkit-transition: .3s;
    white-space: inherit;
}

.btn-xs {
    padding: 0.06rem 0.31rem !important;
}

.btn {
    padding: .5rem 1rem;
    line-height: 1.3;
    border-radius: 100rem;
}

    .btn:focus {
        box-shadow: none;
    }

:focus, button:focus {
    outline: none;
}
/* Select Options */

.select-option li label {
    height: 1.88rem;
    font-size: 0.75rem;
    margin-bottom: 0;
    text-align: center;
    padding: 0.13rem 0.31rem;
    cursor: pointer;
    line-height: 2em;
}

.select-option li input[type=radio] {
    display: none;
}

.select-option .color li {
    height: 2rem;
}

/*Datepicker*/
.datepicker {
    border-radius: 0.25rem 0.25rem 0.25rem 0.25rem;
    direction: ltr;
    padding: 0.25rem;
}

.datepicker-inline {
    width: 13.75rem;
}

.datepicker.datepicker-rtl {
    direction: rtl;
}

    .datepicker.datepicker-rtl table tr td span {
        float: right;
    }

.datepicker-dropdown {
    left: 0;
    top: 0;
}

    .datepicker-dropdown:before {
        border-color: -moz-use-text-color rgba(0, 0, 0, 0) rgba(0, 0, 0, 0.2);
        border-left: 0.44rem solid rgba(0, 0, 0, 0);
        border-right: 0.44rem solid rgba(0, 0, 0, 0);
        border-style: none solid solid;
        border-width: 0 0.44rem 0.44rem;
        content: "";
        display: inline-block;
        position: absolute;
    }

    .datepicker-dropdown:after {
        border-color: -moz-use-text-color rgba(0, 0, 0, 0) #FFFFFF;
        border-left: 0.38rem solid rgba(0, 0, 0, 0);
        border-right: 0.38rem solid rgba(0, 0, 0, 0);
        border-style: none solid solid;
        border-width: 0 0.38rem 0.38rem;
        content: "";
        display: inline-block;
        position: absolute;
    }

    .datepicker-dropdown.datepicker-orient-left:before {
        left: 0.38rem;
    }

    .datepicker-dropdown.datepicker-orient-left:after {
        left: 0.44rem;
    }

    .datepicker-dropdown.datepicker-orient-right:before {
        right: 0.38rem;
    }

    .datepicker-dropdown.datepicker-orient-right:after {
        right: 0.44rem;
    }

    .datepicker-dropdown.datepicker-orient-top:before {
        top: -0.44rem;
    }

    .datepicker-dropdown.datepicker-orient-top:after {
        top: -0.38rem;
    }

    .datepicker-dropdown.datepicker-orient-bottom:before {
        border-bottom: 0 none;
        border-top: 0.44rem solid #999999;
        bottom: -0.44rem;
    }

    .datepicker-dropdown.datepicker-orient-bottom:after {
        border-bottom: 0 none;
        border-top: 0.38rem solid #FFFFFF;
        bottom: -0.38rem;
    }

.datepicker > div {
    display: none;
}

.datepicker.days div.datepicker-days {
    display: block;
}

.datepicker.months div.datepicker-months {
    display: block;
}

.datepicker.years div.datepicker-years {
    display: block;
}

.datepicker table {
    -moz-user-select: none;
    margin: 0;
}

.datepicker td, .datepicker th {
    border: medium none;
    border-radius: 0.25rem 0.25rem 0.25rem 0.25rem;
    height: 1.25rem;
    text-align: center;
}

.table-striped .datepicker table tr td, .table-striped .datepicker table tr th {
    background-color: rgba(0, 0, 0, 0);
}

.datepicker table tr td.day:hover {
    background: none repeat scroll 0 0 #EEEEEE;
    cursor: pointer;
}

.datepicker table tr td.old, .datepicker table tr td.new {
    color: #999999;
}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #999999;
    cursor: default;
}

.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover {
    background-color: #FDE19A;
    background-image: -moz-linear-gradient(center top, #FDD49A, #FDF59A);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #000000;
}

    .datepicker table tr td.today:hover, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today.active:hover, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled.active:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled.disabled:hover, .datepicker table tr td.today[disabled], .datepicker table tr td.today[disabled]:hover, .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today.disabled[disabled]:hover {
        background-color: #FDF59A;
    }

        .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today.active:hover, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled.active:hover {
        }

        .datepicker table tr td.today:hover:hover {
            color: #000000;
        }

        .datepicker table tr td.today.active:hover {
            color: #FFFFFF;
        }

.datepicker table tr td.range, .datepicker table tr td.range:hover, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover {
    background: none repeat scroll 0 0 #EEEEEE;
    border-radius: 0 0 0 0;
}

    .datepicker table tr td.range.today, .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:hover {
        background-color: #F3D17A;
        background-image: -moz-linear-gradient(center top, #F3C17A, #F3E97A);
        background-repeat: repeat-x;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
        border-radius: 0 0 0 0;
    }

        .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today:hover:hover, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover:hover, .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today.active:hover, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled.active:hover, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled.disabled, .datepicker table tr td.range.today.disabled.disabled:hover, .datepicker table tr td.range.today[disabled], .datepicker table tr td.range.today[disabled]:hover, .datepicker table tr td.range.today.disabled[disabled], .datepicker table tr td.range.today.disabled[disabled]:hover {
            background-color: #F3E97A;
        }

            .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today.active:hover, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled.active:hover {
            }

.datepicker table tr td.selected, .datepicker table tr td.selected:hover, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover {
    background-color: #9E9E9E;
    background-image: -moz-linear-gradient(center top, #B3B3B3, #808080);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    text-shadow: 0 -0.06rem 0 rgba(0, 0, 0, 0.25);
}

    .datepicker table tr td.selected:hover, .datepicker table tr td.selected:hover:hover, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected.active:hover, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled.active:hover, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled.disabled, .datepicker table tr td.selected.disabled.disabled:hover, .datepicker table tr td.selected[disabled], .datepicker table tr td.selected[disabled]:hover, .datepicker table tr td.selected.disabled[disabled], .datepicker table tr td.selected.disabled[disabled]:hover {
        background-color: #808080;
    }

        .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected.active:hover, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled.active:hover {
        }

.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover {
    background-color: #006DCC;
    background-image: -moz-linear-gradient(center top, #0088CC, #0044CC);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    text-shadow: 0 -0.06rem 0 rgba(0, 0, 0, 0.25);
}

    .datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled.disabled:hover, .datepicker table tr td.active[disabled], .datepicker table tr td.active[disabled]:hover, .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled[disabled]:hover {
        background-color: #0044CC;
    }

        .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.active:hover {
        }

.datepicker table tr td span {
    border-radius: 0.25rem 0.25rem 0.25rem 0.25rem;
    cursor: pointer;
    display: block;
    float: left;
    height: 3.38rem;
    line-height: 3.38rem;
    margin: 1%;
    width: 23%;
}

    .datepicker table tr td span:hover {
        background: none repeat scroll 0 0 #EEEEEE;
    }

    .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        color: #999999;
        cursor: default;
    }

    .datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover {
        background-color: #006DCC;
        background-image: -moz-linear-gradient(center top, #0088CC, #0044CC);
        background-repeat: repeat-x;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
        color: #FFFFFF;
        text-shadow: 0 -0.06rem 0 rgba(0, 0, 0, 0.25);
    }

        .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active.active:hover, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled.disabled:hover, .datepicker table tr td span.active[disabled], .datepicker table tr td span.active[disabled]:hover, .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active.disabled[disabled]:hover {
            background-color: #0044CC;
        }

            .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active.active:hover, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.active:hover {
            }

    .datepicker table tr td span.old, .datepicker table tr td span.new {
        color: #999999;
    }

.datepicker th.datepicker-switch {
    width: 9.063rem;
}

.datepicker thead tr:first-child th, .datepicker tfoot tr th {
    cursor: pointer;
}

    .datepicker thead tr:first-child th:hover, .datepicker tfoot tr th:hover {
        background: none repeat scroll 0 0 #EEEEEE;
    }

.datepicker .cw {
    font-size: 0.63rem;
    padding: 0 0.13rem 0 0.31rem;
    vertical-align: middle;
    width: 0.75rem;
}

.datepicker thead tr:first-child th.cw {
    background-color: rgba(0, 0, 0, 0);
    cursor: default;
}

.input-append.date .add-on i, .input-prepend.date .add-on i {
    cursor: pointer;
    display: block;
    height: 1rem;
    width: 1rem;
}

.input-daterange input {
    text-align: center;
}

    .input-daterange input:first-child {
        border-radius: 0.19rem 0 0 0.19rem;
    }

    .input-daterange input:last-child {
        border-radius: 0 0.19rem 0.19rem 0;
    }

.input-daterange .add-on {
    background-color: #EEEEEE;
    border: 0.06rem solid #CCCCCC;
    display: inline-block;
    font-weight: normal;
    height: 1.13rem;
    line-height: 1.13rem;
    margin-left: -0.31rem;
    margin-right: -0.312rem;
    min-width: 1rem;
    padding: 0.25rem 0.31rem;
    text-align: center;
    text-shadow: 0 0.06rem 0 #FFFFFF;
    vertical-align: middle;
    width: auto;
}
/* (FORM CONTROLS) END */

/* [LAYOUTS] END --------------------------------------------------- */


/* [HOMEPAGE] --------------------------------------------------- */

/* (SECTIONS) */


.section {
    padding: 1.08rem 0;
}

    .section .section-heading > span {
        font-weight: 500;
        display: inline-block;
    }



.sub-section-heading {
    font-size: 1.2rem;
    border-bottom-width: 1px;
    margin: 1.5rem 0;
    padding: .5rem 0;
    margin-top: 0;
    padding-top: 0;
    font-weight: 500;
}


.section .slider-box {
    margin-bottom: 0.31rem;
    width: 100%;
}
.section .image-wrap{  transition: .3s linear; }
.section .slider-box:hover .arrow-right{ opacity:1; transition:.3s linear; }
.section .slider-box:hover .arrow-right:hover{ color:#fff; }
.section .image-wrap:hover{     /*box-shadow: 0px 0px 20px rgb(0 0 0 / 30%);*/
    transform: scale(0.96);
    transition: .3s linear; }

.product-box:hover .product-info{ opacity: 1; }
.product-box:hover .arrow-right{ opacity:1; transition:.3s linear; }


.section .slider-box:hover .product-info{ opacity:1;  transition: .3s linear;  }


    .section .slider-box > a {
        display: block;
        min-height: auto;
        text-align: center;
    }


    .section .slider-box .btn {
        border-radius: 0;
    }


.headtitle {
    font-size: 2.325rem;
    line-height: 3.2rem;
}

.viewall {
    font-size: 1.2rem;
    color: #3e3e3e;
    position: relative;
    letter-spacing: 0.05rem;
}

    .viewall::before {
        content: "";
        position: absolute;
        left: 0rem;
        top: 1.99rem;
        height: 0.04rem;
        width: 100%;
    }

#certified .certifi-col {
    width: 23.92%;
    margin-right: 1.4%;
    margin-bottom: 0.55rem;
    background: #c8dcd1 !important;
    text-align: center;
    padding-bottom: 1.2rem;
}

    #certified .certifi-col img {
        height: 70px;
        margin-top: 1.2rem;
    }

#certified h5 {
    font-family: 'FuturaStd-Heavy';
    padding: 1rem 1rem;
}

#certified .certifi-col:last-child {
    margin-right: 0rem;
}

.certifi .certifi-col {
    width: 23.69%;
    margin-right: 1.7%;
    margin-bottom: 1rem;
    text-align: center;
}

h6 {
    font-size: 1.2rem;
    margin-bottom: 1rem;
    margin-top: 1.5rem;
    text-align: center;
    text-transform: capitalize;
}

.certifi .certifi-col:last-child {
    margin-right: 0rem;
}


.shopcategory .slick-slide {
    padding: 0 1.31rem;
}

.shopcategory .slick-prev {
    background: url(https://ulcm.s3.us-east-1.amazonaws.com/freshorganicbasket.com/images/big-left-arrow.png);
    background-repeat: no-repeat;
    height: 12px;
    width: 62px;
    background-position-x: left;
    background-position-y: bottom;
    left: -70px !important;
    top: 94% !important;
}

.shopcategory .slick-next {
    display: none !important;
}

.shopcategory .slick-prev:hover, .shopcategory .slick-prev:focus {
    background: url(https://ulcm.s3.us-east-1.amazonaws.com/freshorganicbasket.com/images/big-left-arrow.png) !important;
    background-repeat: no-repeat;
    height: 12px;
    width: 62px;
    background-position-x: left;
    background-position-y: bottom;
}

.shopcategory .slick-prev:before {
    content: inherit;
}




/* (SECTIONS) END */

/* [HOMEPAGE] END --------------------------------------------------- */



/* [CONTENT PAGE] --------------------------------------------------- */
#contentwrapper {
    margin-top: 0.99rem;
}
/*Middle Content*/
#middle {
    padding: 4rem 0;
}

.home #middle {
    padding: 0;
}

.socialmedialogin > div {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0.63rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.item-in-bag-toast {
    bottom: 1.25rem;
    padding: 0.63rem;
    position: fixed;
    right: 1.25rem;
    z-index: 10000;
}

.strike-through {
    text-decoration: line-through;
}

.vol-disc-applied {
    color: #00af33;
    font-weight: bold;
}

.pickColorDiv {
    position: relative;
    top: 0;
    left: 0;
    width: 1.88rem;
    height: 1.88rem;
}

/* [CONTENT PAGE] END --------------------------------------------------- */


/* [NORMALIZE] --------------------------------------------------- */
#back-to-top {
    position: fixed;
    bottom: -100%;
    right: 0.94rem;
    transition: 0.5s bottom 0.2s, 0.3s opacity;
    width: 2.5rem;
    height: 2.5rem;
    text-align: center;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    font-size: 0.81rem;
    display: block;
    border-radius: 0;
}

    #back-to-top.stuck {
        bottom: 5rem;
        z-index: 9;
    }

    #back-to-top .fa {
        display: block;
        font-size: 1.25rem;
        line-height: 2.5rem;
    }


/* [NORMALIZE] END  --------------------------------------------------- */


/*=========== policy pages=======================*/
.policy-page .container{ 
        padding-left: 5rem!important;
        padding-right: 5rem!important;
        max-width: 90%!important;
     }
.policy-page h4{     margin-top: 2rem;
    color: #333;
    font-size: 1.4rem; }
.policy-page p, .policy-page ul li{     font-weight: 500;
    font-size: 18px;
    color: #444; }
.policy-page ul li{  margin-bottom: 10px; }

.inner-Shipping-Policy h1, .inner-Refund-Policy h1, .inner-Refund-Cancellation h1, .inner-Privacy-Policy h1, .inner-Terms-Conditions h1, .inner-Return-Policy h1, .inner-FAQ h1 {
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    padding-bottom: 1rem;
    text-align: center;
    background-image: url('https://nebulaaitsolutions.com/assets/images/terms-and-condition-banner.webp');
    padding: 8rem;
    background-position: bottom;
}

.inner-Shipping-Policy h1 {
    /*background-image: url(https://ulcm.s3.amazonaws.com/freshorganicbasket.com/images/Shipping-header.jpg);*/
    color: white !important;
}

.inner-Privacy-Policy h1 {
    /*background-image: url(https://ulcm.s3.amazonaws.com/freshorganicbasket.com/images/PrivacyPolicyheadser.jpg);*/
    color: white !important;
}

.inner-Terms-Conditions h1 {
    background-image: url('https://www.samarpanrecovery.com/SamarpanRecoveryImages/PagesImage/terms-and-condition-banner.jpg'); background-size: cover; background-position: center;
    color: white !important;
}

.inner-Return-Policy h1 {
    color: white !important;
}

.inner-Refund-Cancellation h1 {
    /*background-image: url(https://ulcm.s3.amazonaws.com/freshorganicbasket.com/images/RefundPolicyshiping.jpg);*/
    color: white !important;
}

.inner-Privacy-Policy, .inner-Terms-Conditions, .inner-Return-Policy, .inner-Refund-Cancellation, .inner-Shipping-Policy { background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    background-image: url(https://ulcm.s3.us-east-1.amazonaws.com/merushikhar.1.unlockcommerce.com/images/middle_bg-top.jpg); }


.policy-content p {
    font-size: 1.2rem;
    margin-bottom: 0.7rem;
}

.policy-content h5 {
    font-size: 1.7rem;
    padding-bottom: 0.7rem;
    color: #006633;
    padding-top: 1.5rem;
    font-weight: 600;
}

.policy-content ul li {
    padding-bottom: 0.5rem;
    font-size: 1.2rem;
}

.inner-Login .div-bg, .inner-Register .form-horizontal.div-bg {
    border: 1px solid #e4e4e4;
    padding: 2rem;
    background: #4b082b00;
    box-shadow: 0px 0px 4px rgb(0 0 0 / 15%);
}
/*.inner-Login .div-bg, .inner-Register .form-horizontal.div-bg .btn-primary:hover{ color: #fff!important; }*/
.inner-Login .div-bg, .inner-Register .form-horizontal.div-bg label{     font-size: 16px; }

.inner-About-Us #middle,
.inner-Shipping-Policy #middle, .inner-Refund-Policy #middle, .inner-Return-Policy #middle, .inner-Refund-Cancellation #middle, .inner-Privacy-Policy #middle, .inner-Terms-Conditions #middle {
    padding: 0;
}

/*.inner-Why-go-Organic- .container{
     padding-left:15px !important;
     padding-right:15px  !important;
}*/
.uppercasefont {
    font-size: 1.06rem !important;
}

/*============ innerpage container ============*/

.inner-About-Us .container, .inner-Our-Work .container, .inner-Contact-Us .container,
.inner-Privacy-Policy .container, .inner-Terms-Conditions .container, .inner-Return-Policy .container, .inner-Refund-Cancellation .container, .inner-Shipping-Policy .container {
    padding-left: 0rem;
    padding-right: 0rem;
    max-width: 100%;
}


/*=============== About Us=====================*/
.inner-About-Us #middle, .inner-Our-Work #middle, .inner-Contact-Us #middle,
.inner-FAQ #middle {
    padding: 0;
}
.inner-FAQ .container{ padding-left: 0!important; padding-right: 0!important; }
.inner-About-Us h1 {
    background-image: url(https://shop.paypointindia.co.in/Vhost/shop.paypointindia.co.in/Themes/Images/derasar_work_bg.png);
    color: white !important;
}

.inner-About-Us h1, .inner-Our-Work h1, .inner-Contact-Us h1 {
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    padding-bottom: 1rem;
    text-align: center;
    padding: 8rem;
    background-position: bottom; margin: 0;
}

.bg-about{ background-image: url(https://ulcm.s3.us-east-1.amazonaws.com/merushikhar.1.unlockcommerce.com/images/middle_bg-bottom.jpg); background-repeat: no-repeat; }



.timeline_section {
  position: relative;
  z-index: 1;
  padding-left: 180px;
}

.timeline_section .timeline-date {
  position: absolute;
  width: 180px;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: start;
  justify-content: flex-end;
  padding-right: 60px;
}

.timeline_section .timeline-date::after {
  position: absolute;
  width: 4px;
  height: 100%;
  content: "";
  background-color: #ebebeb;
  top: 0;
  right: 30px;
  z-index: 1;
}

.timeline_section .timeline-date::before {
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  content: "";
  top: 32px;
  right: 26px;
  z-index: 2;
  background:#013468;
}
.timeline_section .card {
  /*flex-basis: 30%;
  flex-grow: 1;*/
  min-width: 180px !important;
  box-shadow: 0px 4px 12px #C3C7CB;
  transition: all .2s ease-in-out;
  transform-origin: bottom;
  cursor: pointer;
  width: 46%;
  margin:20px;
}

.timeline_section .card-title {
  font-weight: 600;
  color: #013368;
  font-size: 18px;
  padding: 10px 15px 0px 15px;
}
.timeline_section .card-body{ padding:1rem; }

.timeline_section .card-text {
  color: #4D4E4E;
  font-size: 16px;
  padding: 15px 15px 15px 15px;
}
.flex-container{     display: flex;
    flex-wrap: wrap; }





/*================ FAQ ===================*/
/*.faq ul#pills-tab {
    justify-content: center;
    padding: 2rem 0;
}

.faq li.nav-item {
    margin-right: 1.2rem;
    margin-bottom: 1rem;
}

.faq #pills-tabContent {
    padding: 0rem 4rem;
}

    .faq #pills-tabContent .card {
        margin-bottom: 0.5rem;
    }

        .faq #pills-tabContent .card .card-header {
            background-color: #efffef;
        }

.faq .nav-link.active {
    background: #00a388 !IMPORTANT;
    border-color: #00a388 !important;
}

.faq .btn-primary:not(:disabled):not(.disabled).active:focus {
    box-shadow: none;
}*/

/*================== our work ========================*/
.inner-Our-Work h1 {
    background-image: url(https://shop.paypointindia.co.in/Vhost/shop.paypointindia.co.in/Themes/Images/derasar_work_bg.png);
    color: white !important;
}
.bg-ourwork{ background-image: url(https://ulcm.s3.us-east-1.amazonaws.com/merushikhar.1.unlockcommerce.com/images/middle_bg-bottom.jpg); background-repeat: no-repeat; }
#work-gallery{
  -webkit-column-count:4;
  -moz-column-count:4;
  column-count:4;
  
  -webkit-column-gap:20px;
  -moz-column-gap:20px;
  column-gap:20px;
}
@media (max-width:1200px){
  #work-gallery{
  -webkit-column-count:3;
  -moz-column-count:3;
  column-count:3;
    
  -webkit-column-gap:20px;
  -moz-column-gap:20px;
  column-gap:20px;
}
}
@media (max-width:800px){
  #work-gallery{
  -webkit-column-count:2;
  -moz-column-count:2;
  column-count:2;
    
  -webkit-column-gap:20px;
  -moz-column-gap:20px;
  column-gap:20px;
}
}
@media (max-width:600px){
  #work-gallery{
  -webkit-column-count:1;
  -moz-column-count:1;
  column-count:1;
}  
}
#work-gallery img{
  width:100%;
  height:auto;
  margin: 2.3% auto;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}


/*================= contact us =================*/

.inner-Contact-Us h1 {
    background-image: url(https://shop.paypointindia.co.in/Vhost/shop.paypointindia.co.in/Themes/Images/derasar_work_bg.png);
    color: white !important;
}
.bg-contact{ background-image: url(https://ulcm.s3.us-east-1.amazonaws.com/merushikhar.1.unlockcommerce.com/images/middle_bg-bottom.jpg); background-repeat: no-repeat; }

.bg-contact .form-control{     height: 45px;
    background: transparent;
    margin-bottom: 1rem;
    border: none;
    border-bottom: 1px solid #4b082b38;
    padding: 0px; font-weight: 600; }
.bg-contact .form-control::placeholder{ font-size: 16px;  font-weight: 500; }
.bg-contact h4 { font-weight:600; font-size: 22px; }
.bg-contact h4 span{ background: #0A1950;
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    margin-right: 10px; }
.bg-contact iframe{ margin-top:50px; }




/* [MEDIA QUERIES] --------------------------------------------------- */
@media screen and (min-width: 1199.98px) {
    .headtitle {
        margin-right: 7.2rem;
    }
}

@media screen and (min-width:1200px) and (max-width:1399.98px) {
  
}

@media screen and (min-width:1400px) and (max-width:1600px) {
    
}

@media screen and (min-width:1600px) {
    .section-wrapper .container{
        padding-left: 3rem!important;
        padding-right: 3rem!important;
        max-width: 90%!important;
    }
}

@media screen and (min-width:1200px) and (max-width:1599px) {
    /*.section-wrapper .container{
        padding-left: 5rem!important;
        padding-right: 5rem!important;
        max-width: 100%!important;
    }*/

    .timeline_section .card{     width: 44%; }
    .logo img{ max-height: 110px!important; }
}

@media screen and (min-width:992px) {
    #middle {
        margin-top: 86px;
    }
    .policy-content {
        padding: 4rem 0;
    }
    .product-info{ opacity: 1; transition: .3s linear;  }
    .product-box .product-info{ opacity: 1; }
    .container{
        padding-left: 5rem;
        padding-right: 5rem;
        max-width: 90%;
    }
     .section-wrapper .container{
        padding-left: 5rem!important;
        padding-right: 5rem!important;
        max-width: 100%!important;
    }

     .inner-About-Us h1, .inner-Our-Work h1, .inner-Contact-Us h1{ padding: 6rem; font-size: 2rem; }

     .sidebaracc{ width: 220px; }
}

@media screen and (min-width:1400px){ 
    .sidebaracc{ width: 250px; }
}

@media screen and (min-width:992px) and (max-width:1024px) {
  
}

@media screen and (min-width:992px) and (max-width:1200px) {
    #middle {
        margin-top: 86px;
    }
}

@media screen and (min-width:768px) and (max-width:991.98px) {
    
    .no-gutter-right-sm {
        padding-right: 0;
    }

    .no-gutter-left-sm {
        padding-left: 0;
    }

    .no-gutter-sm {
        /*padding-right: 0;*/
        padding-left: 0;
    }

    #content.col-md-9.col-xl-10 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .contact-details, .contact-form-wrap {
        padding: 1rem 1rem !important;
        margin-top: 5rem !important;
    }

   
}

@media screen and (min-width: 768px) {
    /*.container-fluid, .container {
        padding-left: 5rem;
        padding-right: 5rem;
        max-width: 100%;
    }*/

    .contact-address-wrap {
        display: flex;
        justify-content: center;
        align-content: center;
        position: relative;
    }

    /*.contact-details, .contact-form-wrap {
        margin-top: -70px;
        padding: 3rem 4rem;
        background-color: white;
    }*/

    /*.contact-details {
        padding-left: 2rem !Important;
    }*/
}

@media only screen and (max-width: 991.98px) {
    .headtitle {
        font-size: 1.795rem !important;
        line-height: 2.77rem !important;
    }

    .policy-content {
        padding: 1.5rem;
    }

        .policy-content h5 {
            font-size: 1.5rem;
        }

    .inner-Shipping-Policy h1, .inner-Refund-Policy h1, .inner-Privacy-Policy h1, .inner-Terms-Conditions h1, .inner-About-Us h1, .inner-Why-go-Organic- h1, .inner-Tie-Up-with-the-Farms h1 {
        padding: 5rem;
        font-size: 1.8rem;
    }

    #CustomAlert {
        max-width: 18.8rem;
    }

    html, body {
        font-size: 14px;
    }
    

    #middle {
        padding: 2rem 0;
    }

    .policy-page .container{ 
        padding-left: 2rem!important;
        padding-right: 2rem!important;
        max-width: 100%!important;
     }
    .policy-page p, .policy-page ul li{ font-size: 15px; }

    #footer .container{     padding-left: 2rem;
    padding-right: 2rem; }

     #banner .slick-slide .sliderContent .btn-primary{ margin-top: 5px; }
     .btn-primary{     font-size: 15px; padding: 7px 20px; }

     .section-wrapper .container {
    padding-left: 2rem!important;
    padding-right: 2rem!important;
    max-width: 100%!important;
}


}

@media screen and (max-width: 767.98px) {
    .no-gutter-right-xs {
        padding-right: 0;
    }

    .no-gutter-left-xs {
        padding-left: 0;
    }

    .no-gutter-xs {
        padding-right: 0;
        padding-left: 0;
    }

    .page-header, .category-name, .section-heading {
        font-size: 1.5rem;
    }
    .home #middle {
        padding: 0rem 0!important;
   }  
    .shopcategory {
        margin-left: 70px;
    }

    .headtitle {
        display: inline-block;
        font-size: 1.5rem !important;
        line-height: 1.3 !important;
    } 

}

@media screen and (max-width: 575.98px) {

    #footer .newsletter .form-control {
        width: 100px !important;
    }
    .h1, .h2, .h3, h1, h2, h3 {
        margin: 0.63rem 0 0.63rem 0;
    }

    #footer .newsletter .form-control {
        width: 100px !important;
    }

   
}
/* [MEDIA QUERIES] END --------------------------------------------------- */