/* ################################################## */
/* ################### BASE CSS ##################### */
/* ################################################## */
html,
body {
    background-color: #2a2a2a!important;
}
.container,
.container-fluid {
    display: block;
    position: relative;
    min-height: 400px;
    right: 0px;
    transition: all 0.3s;
    background-color: #efeeed!important;
}

#content .usePadding {
    padding-left: 205px!important;
    padding-right: 205px!important;
}
@media (max-width: 768px) {
    /* Removes settings for content width on mobile */
    #content .usePadding {
        transition: all .8s;
        padding-left: 0px!important;
        padding-right: 0px!important;
    }
}
@media (max-width: 992px) {
    /* Removes settings for content width on tablets */
    #content .usePadding {
        transition: all .8s;
        padding-left: 20px!important;
        padding-right: 20px!important;
    }
}
/* ################################################## */
/* ################### PAGE CSS ##################### */
/* ################################################## */


/* ################################################## */
/* ################### CONTENT CSS ################## */
/* ################################################## */


/* ###################################################### BLOCK START ###################################################### */

/* Background color for content block */
#content .contentID4143 {
    background-color: #ffffff;
}
/* Text color for content block */
#content .contentID4143 h1,
#content .contentID4143 h2,
#content .contentID4143 h3,
#content .contentID4143 h4,
#content .contentID4143 p,
#content .contentID4143 a {
        border-color: inherit!important;
}
/* Padding for content block */
#content .contentID4143 .padding {
    padding: 40px 40px 80px 40px!important;
}

/* Set padding to max 10px on mobile */
@media (max-width: 768px) {
    /* Removes extra padding on mobile */
    #content .contentID4143 .padding {
        transition: all .8s;
        padding: 20px 20px 20px 20px!important;
    }
}

/* ###################################################### BLOCK END ######################################################## */


/* ###################################################### BLOCK START ###################################################### */

/* Background color for content block */
#content .contentID3777 {
    background-color: #55897d;
}
/* Text color for content block */
#content .contentID3777 h1,
#content .contentID3777 h2,
#content .contentID3777 h3,
#content .contentID3777 h4,
#content .contentID3777 p,
#content .contentID3777 a {
        color: #ffffff!important;
        border-color: #ffffff!important;
}
/* Padding for content block */
#content .contentID3777 .padding {
    padding: 60px 40px 40px 40px!important;
}

/* Set padding to max 10px on mobile */
@media (max-width: 768px) {
    /* Removes extra padding on mobile */
    #content .contentID3777 .padding {
        transition: all .8s;
        padding: 20px 20px 20px 20px!important;
    }
}

/* ###################################################### BLOCK END ######################################################## */


/* ###################################################### BLOCK START ###################################################### */

/* Background color for content block */
#content .contentID4218 {
    background-color: transparent;
}
/* Text color for content block */
#content .contentID4218 h1,
#content .contentID4218 h2,
#content .contentID4218 h3,
#content .contentID4218 h4,
#content .contentID4218 p,
#content .contentID4218 a {
        border-color: inherit!important;
}
/* Padding for content block */
#content .contentID4218 .padding {
    padding: 20px!important;
}

/* Set padding to max 10px on mobile */
@media (max-width: 768px) {
    /* Removes extra padding on mobile */
    #content .contentID4218 .padding {
        transition: all .8s;
        padding: 10px!important;
    }
}

/* ###################################################### BLOCK END ######################################################## */


/* ###################################################### BLOCK START ###################################################### */

/* Background color for content block */
#content .contentID4043 {
    background-color: #ffffff;
}
/* Text color for content block */
#content .contentID4043 h1,
#content .contentID4043 h2,
#content .contentID4043 h3,
#content .contentID4043 h4,
#content .contentID4043 p,
#content .contentID4043 a {
        border-color: inherit!important;
}
/* Padding for content block */
#content .contentID4043 .padding {
    padding: 10px!important;
}

/* Set padding to max 10px on mobile */
@media (max-width: 768px) {
    /* Removes extra padding on mobile */
    #content .contentID4043 .padding {
        transition: all .8s;
        padding: 10px!important;
    }
}
/* ################################ START PRODUCT GRID BASIC (basic.php) ############################# */
#content .contentID4043 .prodgrid {
    padding: 10px!important;
}
/* ################################ END PRODUCT GRID BASIC (basic.php) ############################### */

/* ###################################################### BLOCK END ######################################################## */


/* ###################################################### BLOCK START ###################################################### */

/* Background color for content block */
#content .contentID3798 {
    background-color: #55897d;
}
/* Text color for content block */
#content .contentID3798 h1,
#content .contentID3798 h2,
#content .contentID3798 h3,
#content .contentID3798 h4,
#content .contentID3798 p,
#content .contentID3798 a {
        color: #ffffff!important;
        border-color: #ffffff!important;
}
/* Padding for content block */
#content .contentID3798 .padding {
    padding: 150px!important;
}

/* Set padding to max 10px on mobile */
@media (max-width: 768px) {
    /* Removes extra padding on mobile */
    #content .contentID3798 .padding {
        transition: all .8s;
        padding: 10px!important;
    }
}

/* ###################################################### BLOCK END ######################################################## */


/* ###################################################### BLOCK START ###################################################### */

/* Background color for content block */
#content .contentID4234 {
    background-color: transparent;
}
/* Text color for content block */
#content .contentID4234 h1,
#content .contentID4234 h2,
#content .contentID4234 h3,
#content .contentID4234 h4,
#content .contentID4234 p,
#content .contentID4234 a {
        border-color: inherit!important;
}
/* Padding for content block */
#content .contentID4234 .padding {
    padding: 150px!important;
}

/* Set padding to max 10px on mobile */
@media (max-width: 768px) {
    /* Removes extra padding on mobile */
    #content .contentID4234 .padding {
        transition: all .8s;
        padding: 10px!important;
    }
}

/* ###################################################### BLOCK END ######################################################## */
