@font-face {
    font-family: 'Kaushan Script';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/kaushan-script-latin-regular.eot');
    src: local('Kaushan Script'), local('KaushanScript-Regular'),
        url('../fonts/kaushan-script-latin-regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/kaushan-script-latin-regular.woff2') format('woff2'),
        url('../fonts/kaushan-script-latin-regular.woff') format('woff'),
        url('../fonts/kaushan-script-latin-regular.ttf') format('truetype'),
        url('../fonts/kaushan-script-latin-regular.svg#KaushanScript') format('svg');
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    src: url('../fonts/roboto-latin-100.eot');
    src: local('Roboto Thin'), local('Roboto-Thin'),
        url('../fonts/roboto-latin-100.eot?#iefix') format('embedded-opentype'),
        url('../fonts/roboto-latin-100.woff2') format('woff2'),
        url('../fonts/roboto-latin-100.woff') format('woff'),
        url('../fonts/roboto-latin-100.ttf') format('truetype'),
        url('../fonts/roboto-latin-100.svg#Roboto') format('svg');
}
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 100;
    src: url('../fonts/roboto-latin-100italic.eot');
    src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'),
        url('../fonts/roboto-latin-100italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/roboto-latin-100italic.woff2') format('woff2'),
        url('../fonts/roboto-latin-100italic.woff') format('woff'),
        url('../fonts/roboto-latin-100italic.ttf') format('truetype'),
        url('../fonts/roboto-latin-100italic.svg#Roboto') format('svg');
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/roboto-latin-300.eot');
    src: local('Roboto Light'), local('Roboto-Light'),
        url('../fonts/roboto-latin-300.eot?#iefix') format('embedded-opentype'),
        url('../fonts/roboto-latin-300.woff2') format('woff2'),
        url('../fonts/roboto-latin-300.woff') format('woff'),
        url('../fonts/roboto-latin-300.ttf') format('truetype'),
        url('../fonts/roboto-latin-300.svg#Roboto') format('svg');
}
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    src: url('../fonts/roboto-latin-300italic.eot');
    src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
        url('../fonts/roboto-latin-300italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/roboto-latin-300italic.woff2') format('woff2'),
        url('../fonts/roboto-latin-300italic.woff') format('woff'),
        url('../fonts/roboto-latin-300italic.ttf') format('truetype'),
        url('../fonts/roboto-latin-300italic.svg#Roboto') format('svg');
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/roboto-latin-regular.eot');
    src: local('Roboto'), local('Roboto-Regular'),
        url('../fonts/roboto-latin-regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/roboto-latin-regular.woff2') format('woff2'),
        url('../fonts/roboto-latin-regular.woff') format('woff'),
        url('../fonts/roboto-latin-regular.ttf') format('truetype'),
        url('../fonts/roboto-latin-regular.svg#Roboto') format('svg');
}
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/roboto-latin-italic.eot');
    src: local('Roboto Italic'), local('Roboto-Italic'),
        url('../fonts/roboto-latin-italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/roboto-latin-italic.woff2') format('woff2'),
        url('../fonts/roboto-latin-italic.woff') format('woff'),
        url('../fonts/roboto-latin-italic.ttf') format('truetype'),
        url('../fonts/roboto-latin-italic.svg#Roboto') format('svg');
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/roboto-latin-500.eot');
    src: local('Roboto Medium'), local('Roboto-Medium'),
        url('../fonts/roboto-latin-500.eot?#iefix') format('embedded-opentype'),
        url('../fonts/roboto-latin-500.woff2') format('woff2'),
        url('../fonts/roboto-latin-500.woff') format('woff'),
        url('../fonts/roboto-latin-500.ttf') format('truetype'),
        url('../fonts/roboto-latin-500.svg#Roboto') format('svg');
}
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 500;
    src: url('../fonts/roboto-latin-500italic.eot');
    src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'),
        url('../fonts/roboto-latin-500italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/roboto-latin-500italic.woff2') format('woff2'),
        url('../fonts/roboto-latin-500italic.woff') format('woff'),
        url('../fonts/roboto-latin-500italic.ttf') format('truetype'),
        url('../fonts/roboto-latin-500italic.svg#Roboto') format('svg');
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/roboto-latin-700.eot');
    src: local('Roboto Bold'), local('Roboto-Bold'),
        url('../fonts/roboto-latin-700.eot?#iefix') format('embedded-opentype'),
        url('../fonts/roboto-latin-700.woff2') format('woff2'),
        url('../fonts/roboto-latin-700.woff') format('woff'),
        url('../fonts/roboto-latin-700.ttf') format('truetype'),
        url('../fonts/roboto-latin-700.svg#Roboto') format('svg');
}
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    src: url('../fonts/roboto-latin-700italic.eot');
    src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),
        url('../fonts/roboto-latin-700italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/roboto-latin-700italic.woff2') format('woff2'),
        url('../fonts/roboto-latin-700italic.woff') format('woff'),
        url('../fonts/roboto-latin-700italic.ttf') format('truetype'),
        url('../fonts/roboto-latin-700italic.svg#Roboto') format('svg');
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/roboto-latin-900.eot');
    src: local('Roboto Black'), local('Roboto-Black'),
        url('../fonts/roboto-latin-900.eot?#iefix') format('embedded-opentype'),
        url('../fonts/roboto-latin-900.woff2') format('woff2'),
        url('../fonts/roboto-latin-900.woff') format('woff'),
        url('../fonts/roboto-latin-900.ttf') format('truetype'),
        url('../fonts/roboto-latin-900.svg#Roboto') format('svg');
}
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 900;
    src: url('../fonts/roboto-latin-900italic.eot');
    src: local('Roboto Black Italic'), local('Roboto-BlackItalic'),
        url('../fonts/roboto-latin-900italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/roboto-latin-900italic.woff2') format('woff2'),
        url('../fonts/roboto-latin-900italic.woff') format('woff'),
        url('../fonts/roboto-latin-900italic.ttf') format('truetype'),
        url('../fonts/roboto-latin-900italic.svg#Roboto') format('svg');
}

* {
    outline: none;
}

/*** BODY ***/
body {
    margin: 0;
    padding: 0;
    background-color: #FFFFFF;
    font: 16px/150% 'Roboto',sans-serif;
    color: #474A4F;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 500;
}
h1 {
    font-size: 30px;
}
h2 {
    font-size: 26px;
}
h3 {
    font-size: 24px;
}
h4 {
    font-size: 20px;
}
h5 {
    font-size: 18px;
}
h6 {
    font-size: 16px;
}
strong {
    font-weight: 500;
}
sup {
    position: relative;
    top: -3px;
    vertical-align: top;
    font-size: 12px;
}
img {
    max-width: 100%;
    height: auto;
}

/*** DEBUG ***/
#debug {
    width: 100%;
    height: auto;
    position: relative;
    bottom: 0;
    background-color: rgba(23, 26, 31, 0.9);
    font-size: 12px;
    line-height: 120%;
    color: #E7EAEF;
    z-index: 1000;
}
#debug .inside {
    padding: 0 20px;
}

/*** WRAPPER ***/
#wrapper {
    position: relative;
}

/*** HEADER ***/
#header {
    width: 100%;
    height: 80px;
    position: relative;
    background-color: #474A4F;
}
#header .inside {
    width: 94%;
    margin: 0 auto;
    position: relative;
}

/*** HAMBURGER ***/
#hamburger {
    width: 40px;
    height: 20px;
    position: absolute;
    top: 30px;
    left: 0;
}

/*** NAVIAGTION ***/
#navigation {
    width: 280px;
    position: absolute;
    top: 80px;
    left: -100%;
    background-color: #474A4F;
    z-index: 100;
    -webkit-transition: left 0.3s;
       -moz-transition: left 0.3s;
        -ms-transition: left 0.3s;
         -o-transition: left 0.3s;
            transition: left 0.3s;
}
#navigation.active {
    left: -3%;
}
#navigation ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#navigation ul li {
    padding: 10px;
}
#navigation ul li a {
    color: #FFFFFF;
    text-decoration: none;
}

/*** TITLE ***/
#title {
    width: 100%;
    position: relative;
    text-align: center;
    font-size: 18px;
    color: #FFFFFF;
}

/*** LOGIN/LOGOUT ***/
#login_logout {
    width: 40px;
    height: 20px;
    position: absolute;
    top: 20px;
    right: 0;
    color: #FFFFFF;
    font-size: 12px;
    text-align: center;
}
#login_logout .las {
    display: block;
    font-size: 30px;
}
#login_logout #logout {
    cursor: pointer;
}
#login_logout a {
    color: #FFFFFF;
    text-decoration: none;
}

/*** CONTAINER ***/
#container {
    width: 100%;
}

/*** MAIN ***/
#main {
    width: 1180px;
    margin: 0 auto;
    position: relative;
}
#main .las {
    font-size: 20px;
}
#main .las.la-edit {
    color: #FF8C00;
}
#main .las.la-map-marker {
    color: #8B0000;
}
#main .las.la-list {
    color: #4682B4;
}
#main .las.la-list-alt {
    color: #6EB86E;
}
#main .las.la-chart-bar {
    color: #6EB86E;
}
#main .las.la-trash {
    color: #FF0000;
}
#main .mandatory {
    color: #FF0000;
}
#main .tox-tinymce {
    border: 1px solid #474A4F;
    border-radius: 0;
}

/*** SECTIONS ***/
#main .section {
    position: relative;
    background-color: #EDEFF2;
}
#main .section .sectionTitle {
    margin: 0 0 1px;
    padding: 10px 3%;
    background-color: #BBBFC4;
    color: #FFFFFF;
}
#main .section.active {}
#main .section.active.disabled {}
#main .section.active.hidden {}
#main .section.active .sectionTitle {
    background-color: #7E848C;
}
#main .section .sectionContent {
    padding: 10px 3%;
    display: none;
}
#main .section.active .sectionContent {
    display: block;
}
#main .section .text.shop {
    width: 100px;
    margin: 0;
    padding: 10px;
    background-color: #FFFFFF;
    border: 0;
    border-radius: 3px;
    font-size: 16px;
    box-sizing: border-box;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

/*** SECTION WELCOME ***/
#main .section.welcome {
    position: relative;
    background-color: #FFFFFF;
}
#main .section.welcome .sectionContent {
    padding: 50px 0;
}

/*** SECTION LOCATIONS ***/
#main .section.location {
    position: relative;
}
#main .section.location .location_box {
    width: 120px;
    display: inline-block;
    vertical-align: top;
}
#main .section.location .location_box label {
    display: block;
}
#main .section.location #locationPlz {
    position: relative;
}
#main .section.location #locationRange {
    width: 100px;
    margin: 0 0 10px;
    padding: 10px;
    background-color: #FFFFFF;
    border: 0;
    border-radius: 3px;
    font-size: 16px;
    box-sizing: border-box;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
#main .section.location .select_div {
    position: relative;
}
#main .section.location .select_div .inner::after {
    position: absolute;
    top: 7px;
    left: 75px;
    font-family: 'Line Awesome Free';
    font-weight: 900;
    content: '\f107';
}
#main .section.location #locationResult {
    width: 90px;
    margin: 0;
    padding: 7px 10px;
    display: inline-block;
    background-color: #FF5252;
    border: 0;
    border-radius: 3px;
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
}
#main .section.location #map {
    width: 100%;
    height: 500px;
    margin: 15px 0 0;
}
#main .section.location .selectLocation {
    cursor: pointer;
}

/*** SECTION PRODUCTS ***/
#main .section.products {
    position: relative;
}
#main .section.products .product_list {}
#main .section.products .product_list_item_image, 
#main .section.products .product_list_item_text {
    display: inline-block;
    vertical-align: top;
}

/*** SECTION AMOUNT PORTION ***/
#main .section.amountportion {
    position: relative;
}
#main .section.amountportion label {
    display: block;
}
#main .section.amountportion {
    position: relative;
}
#main .section.amountportion .las {
    padding: 10px;
    background-color: #FF5252;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
    border-radius: 50%;
    font-size: 20px;
    color: #FFFFFF;
    cursor: pointer;
}
#main .section.amountportion #portion {
    width: 80px;
    margin: 0 10px;
    padding: 10px;
    display: inline-block;
    background-color: #FFFFFF;
    border-radius: 3px;
    text-align: center;
    font-weight: 500;
}

/*** SECTION LOGIN ***/
#main .section.login {
    position: relative;
}

/*** SECTION PAYMENT ***/
#main .section.payment {
    position: relative;
}

/*** SECTION TICKETS ***/
#main .section.tickets {
    position: relative;
}


/*** BACKLINK ***/
.backlink {
    margin: 15px 0;
}
.backlink a {
    margin: 15px 0;
    padding: 5px 10px;
    background-color: #474A4F;
    border: 1px solid #474A4F;
    font: 16px/150% 'Roboto',sans-serif;
    color: #FFFFFF;
    text-decoration: none;
    cursor: pointer;
    box-sizing: border-box;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    -webkit-transition: all 0.3s;
       -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
         -o-transition: all 0.3s;
            transition: all 0.3s;
}
.backlink a:hover {
    background-color: #171A1F;
}

/*** GLOBAL OPERATIONS ***/
.global_operations {
    text-align: right;
}
.global_operations ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.global_operations ul li {
    padding: 0 0 0 15px;
    display: inline-block;
    vertical-align: top;
}
.global_operations ul li a {
    color: inherit;
    text-decoration: none;
}

/*** WIDGETS ***/
.widget_container.w50 {
    width: 280px;
    float: left;
}
.widget_container.clr {
    clear: both;
}

/*** FORM WIDGETS ***/
.widget {
    margin: 0 0 5px;
    position: relative;
}
fieldset.widget {
    margin: 0 0 30px;
    padding: 30px 20px;
    background-color: #F9F9F9;
    border: 1px solid #474A4F;
}
fieldset.widget legend {
    padding: 5px;
    background-color: #474A4F;
    color: #FFFFFF;
}
.widget label {
    width: calc(100% - 40px);
    padding: 5px;
    display: block;
    background-color: #7E848C;
    color: #FFFFFF;
}
.text_widget .text {
    width: 250px;
    margin: 0 0 10px;
    padding: 5px 10px;
    background-color: #FFFFFF;
    border: 1px solid #474A4F;
    font: 16px/150% 'Roboto',sans-serif;
    box-sizing: border-box;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
.textarea_widget .textarea {
    width: 250px;
    height: 150px;
    margin: 0 0 10px;
    padding: 5px 10px;
    background-color: #FFFFFF;
    border: 1px solid #474A4F;
    font: 16px/150% 'Roboto',sans-serif;
    box-sizing: border-box;
    resize: vertical;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
.textarea_widget .textarea.h500 {
    height: 500px;
}
.select_widget .select {
    width: 250px;
    margin: 0 0 10px;
    padding: 5px 10px;
    background-color: #FFFFFF;
    border: 1px solid #474A4F;
    border-radius: 0;
    font: 16px/150% 'Roboto',sans-serif;
    box-sizing: border-box;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
.select_widget .select_div::after {
    position: absolute;
    top: 30px;
    left: 225px;
    font-family: 'Line Awesome Free';
    font-weight: 900;
    content: '\f107';
}
.submit_widget .submit {
    width: 250px;
    margin: 15px 0;
    padding: 5px 10px;
    background-color: #474A4F;
    border: 1px solid #474A4F;
    font: 16px/150% 'Roboto',sans-serif;
    color: #FFFFFF;
    cursor: pointer;
    box-sizing: border-box;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    -webkit-transition: all 0.3s;
       -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
         -o-transition: all 0.3s;
            transition: all 0.3s;
}
.submit_widget .submit:hover {
    background-color: #171A1F;
}
.widget.w50 {
    width: 280px;
    float: left;
}
.widget.clr {
    clear: both;
}
.widget.long, 
.widget.long input, 
.widget.long select, 
.widget.long textarea {
    width: 100%;
}
.widget.long label {
    width: calc(100% - 10px);
}

/*** MANAGER LIST HEADER ***/
.manager_list_header {
    padding: 3px;
    position: relative;
}

/*** MANAGER LIST ***/
.manager_list {
    position: relative;
    border: 1px solid #474A4F;
    box-sizing: border-box;
}
.manager_list_item {
    padding: 3px;
    position: relative;
    border-bottom: 1px solid #474A4F;
    border-collapse: collapse;
}
.manager_list_item:nth-child(2n) {
    background-color: #E7EAEF;
}
.manager_list_item:last-child {
    border: 0;
}
.manager_list_item_image {
    width: 100px;
    display: inline-block;
    vertical-align: top;
}
.manager_list_item_text {
    min-width: 400px;
    display: inline-block;
    vertical-align: top;
}
.manager_list_item_price {
    min-width: 100px;
    display: inline-block;
    vertical-align: top;
}
.manager_list_item_options {
    min-width: 100px;
    display: inline-block;
    vertical-align: top;
}
.manager_list_item_options ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.manager_list_item_options ul li {
    padding: 0 0 0 5px;
    display: inline-block;
    vertical-align: top;
}
.manager_list_item_options ul li.last {
    padding: 0 0 0 30px;
}
.manager_list_item_options ul li a {
    font-size: 16px;
    color: inherit;
    text-decoration: none;
}
.manager_list_item_recipe {
    min-width: 100px;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
}
.manager_list_item_accordion {
    position: relative;
}
.manager_list_item_accordion .accordion_item {
    padding: 3px;
    position: relative;
    border-bottom: 1px solid #474A4F;
    border-collapse: collapse;
    cursor: pointer;
}
.manager_list_item_accordion .accordion_item:nth-child(2n) {
    background-color: #E7EAEF;
}
.manager_list_item_accordion .accordion_item:last-child {
    border: 0;
}
.manager_list_item_accordion .accordion_item .toggler {
    position: relative;
    cursor: pointer;
}
.manager_list_item_accordion .accordion_item .accordion {
    position: relative;
}
.manager_list_item_accordion .accordion_item .accordion table {
    margin: 15px 0;
    text-align: left;
}
.manager_list_item_accordion .accordion_item .accordion table thead {
    text-align: left;
}
.manager_list_item_accordion .accordion_item .accordion table, 
.manager_list_item_accordion .accordion_item .accordion table th, 
.manager_list_item_accordion .accordion_item .accordion table td {
    border: 1px solid #474A4F;
    border-collapse: collapse;
}
.manager_list_item_accordion .accordion_item .accordion table th, 
.manager_list_item_accordion .accordion_item .accordion table td {
    padding: 0 5px;
}
.manager_list_item_accordion .accordion_item .accordion table tfoot {
    font-weight: 600;
}

/*** MANAGER ADD ***/
.manager_add {
    position: relative;
}

/*** MANAGER EDIT ***/
.manager_edit {
    position: relative;
}

/*** CUSTOM PRICES ***/
.custom_prices {
    position: relative;
}

.custom_prices_header_name, 
.custom_prices_name {
    width: 300px;
    display: inline-block;
    vertical-align: top;
}
.custom_prices_header_name {
    padding: 3px;
}
.custom_prices_header_description, 
.custom_prices_description {
    width: 600px;
    display: inline-block;
    vertical-align: top;
}
.custom_prices_header_price, 
.custom_prices_price {
    width: 150px;
    display: inline-block;
    vertical-align: top;
}
.custom_prices_price .text {
    width: 80px;
    margin: 0;
    padding: 5px 10px;
    background-color: #FFFFFF;
    border: 1px solid #474A4F;
    font: 16px/150% 'Roboto',sans-serif;
    box-sizing: border-box;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
.custom_prices_header_inuse, 
.custom_prices_inuse {
    width: 100px;
    display: inline-block;
    vertical-align: top;
}

/*** CHART ***/
.charts {
    position: relative;
}
.chart {
    width: 100%;
    margin-bottom: 50px;
    position: relative;
}

/*** TERMS & CONDITIONS ***/
.terms_conditions a {
    color: inherit;
    text-decoration: none;
}
.terms_conditions a:hover {
    color: inherit;
    text-decoration: underline;
}

/*** PRIVACY & POLICY ***/
.privacy_policy a {
    color: inherit;
    text-decoration: none;
}
.privacy_policy a:hover {
    color: inherit;
    text-decoration: underline;
}


/*** FOOTER ***/
#footer {
    width: 1180px;
    margin: 0 auto;
    padding: 15px 0;
    position: relative;
    font-size: 14px;
}
#footer a {
    color: inherit;
    text-decoration: none;
}
#footer a:hover {
    text-decoration: underline;
}

/*** DESKTOPS ***/
@media screen and (max-width: 1280px) {
    #main, 
    #footer {
        width: 960px;
    }
    .custom_prices_header_description, 
    .custom_prices_description {
        width: 380px;
    }
}

/*** TABLETS ***/
@media screen and (max-width: 1024px) {
    #main, 
    #footer {
        width: 94%;
        margin: 0 auto;
    }
    .custom_prices_header_name, 
    .custom_prices_name {
        width: 20%;
    }
    .custom_prices_header_description, 
    .custom_prices_description {
        width: 46%;
    }
    .custom_prices_header_price, 
    .custom_prices_price, 
    .custom_prices_header_inuse, 
    .custom_prices_inuse {
        width: 15%;
    }
}

/*** SMARTPHONES ***/
@media screen and (max-width: 768px) {
    #main, 
    #footer {
        width: 94%;
        margin: 0 auto;
    }
    .custom_prices_header_name, 
    .custom_prices_name, 
    .custom_prices_header_description, 
    .custom_prices_description {
        width: 50%;
    }
    .custom_prices_header_price, 
    .custom_prices_price, 
    .custom_prices_header_inuse, 
    .custom_prices_inuse {
        width: 24%;
    }
}