﻿/* gcosmetics en */



h2, h3, #header2 ul.menu li, #header2 ul.menu li a, .aboutSection.grid-content-section .grid-boxes .grid-box-subtitle,
.footer-text-divided .footer-text-right p a, .categories-strip ul li a,
.catalog-page #CatalogModule .filters-box button.filters-title,
#GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3,
.grid-rows .grid-row-text a.grid-row-button, .grid-text .sec-button, #DynamicFormObject input[type=submit],
#promotionWindow-modal #DynamicFormObject input[type=submit], .sec-button { font-family: var(--medium-text); }

#header2 .menu-nav { font-size: 75%; }
#header2 ul.menu li, #header2 ul.menu li a { text-transform: capitalize; margin-right: 12px; margin-left: 0; }
#header2 ul.menu .menu-sub li { text-transform: uppercase; float: none; }
#header2 ul.menu li .menu-sub a { padding: 5px; }
#header2.detailsInRow .header-top .header-top-right .languages a.lang { margin: 0 10px; }

.brandsSection.grid-content-section .section-title h1 { font-family: 'made_mirage'; font-size: 300%; }
.brandsSection.grid-content-section .grid-boxes { justify-content: center; }
.home-page .grid-Catalog-Items h2 { font-size: 140%; }
.catalogItemBox h3.itemTitle { text-align: left; font-family: var(--medium-text); }
.grid-Catalog-Categories .section-title { text-align: left; }
.grid-Catalog-Categories .section-title h3::after { margin-left: 52px; margin-right: 0; }
.grid-Catalog-Categories .grid-boxes .grid-box-title { text-align: left; }
.grid-Catalog-Categories .grid-boxes .grid-box-title h3 { font-family: 'made_mirage'; }
.grid-Catalog-Categories .grid-boxes .grid-box-title h3::after { transform: scaleX(-1); margin-right: 0; margin-left: 15px; }

.aboutSection.grid-content-section .grid-box-fulltext { font-family: var(--normal-text); }
.aboutSection.grid-content-section .grid-boxes .grid-box:first-child::after { left: unset; right: 0; }
.aboutSection.grid-content-section .grid-boxes .grid-box.lastItem { left: unset; right: 0; padding-left: 40px; }
.aboutSection.grid-content-section .grid-boxes .grid-box:nth-child(2)::after { left: 0; right: -15px; }
.aboutSection.grid-content-section .grid-boxes .grid-box:nth-child(2) { text-align: left; padding-left: 40px; }
.aboutSection.grid-content-section .grid-boxes .grid-box-subtitle.button a { font-family: var(--medium-text); min-width: 145px; }
.aboutSection.grid-content-section .grid-boxes .grid-box-subtitle a::after { margin-right: unset; margin-left: 20%; transform: scaleX(-1); }

.footer-text-divided > div.footer-text-left { display: flex; flex-direction: row-reverse; border-right: unset; }
.footer-text-divided .footer-text-right { padding: 35px 0; display: flex; align-items: flex-start; justify-content: center; border-right: 1px solid #000; }
.footer-text-divided .footer-text-right p { height: 15px; }
.footer-text-divided .footer-text-right p a { margin-right: 25px; }
.footer-text-divided ul { text-align: left; }
.footer-text-divided .footer-text-right ul:not(:last-child) { margin-left: 0; margin-right: 6%; }
.footer-text-divided .footer-text-right ul:last-child { border-right: unset; border-left: 1px solid #000; padding-right: 0; padding-left: 60px; }

#header2 #header-container { flex-direction: row-reverse; }
#header2 ul.menu { margin: 0; display: flex; justify-content: center; }
.grid-Catalog-Items .owl-carousel .owl-item .item .catalogItemBoxInner { min-height: 350px; }

@media(max-width:767px) {
    #header2 ul.menu { display: none; flex-direction: column; justify-content: flex-start; padding-right: 0; padding-left: 25%; }
    #header2 ul.menu li { text-align: start; display: block; }
    #header2 ul.menu li .menu-sub a,
    #header2 .menu-sub,
    #header2 #header-left { flex-direction: row-reverse; }
    #header2 ul.menu .menu-sub li, #header2 ul.menu li a { margin-right: 0; margin-bottom: 15px; }

    .home-page .brandsSection.grid-content-section .section-title h1 { font-size: 230%; }

    .grid-Catalog-Items .owl-carousel .owl-item .item .catalogItemBoxInner { min-height: 260px; }
    .footer-text-divided .footer-text-right { padding-left: 0px; }
    .footer-text-divided .footer-text-right p { border-right: none; }
    .footer-text-divided .footer-text-right p a:last-child { margin-right: 0; }
    .footer-text-divided > div.footer-text-left { padding: 0; justify-content: space-evenly; flex-direction: column-reverse; }
}
/*FOOTER */
.footer-text-divided { border-top: none; }

/*ABOUT Page*/
.about-page #GridContent .MainContent { text-align: left; }

/*BRAND Page*/

#GridContent .MainContent { text-align: left; }
#GridContent .MainContent #text1 p { font-family: var(--normal-text); }



/*SHOP Page - inner page*/
.CatalogItemPage #CatalogModule .itemContent, .CatalogItemPage #CatalogModule .itemContent #headline { text-align: left; }

/*CONTACT Page*/
.contactPage #GridContent { direction: ltr; }
.contactPage #GridContent .MainContent { text-align: left; }
.contactPage #GridContent #text2 { direction: ltr; }
.contactPage #GridContent #text2 ul { text-align: left; }
.contactPage #text2 ul li, #GridPromo.form-container-wide .normal-form textarea { font-family: var(--normal-text); }
.contactPage #text2 ul li:not(:last-child) { margin-right: 70px; margin-left: 0; }



.catalog-page #CatalogModule .side-filters .filters-box button.filters-title:after { left: unset; right: 13px; }
.catalog-page #CatalogModule #CatalogView { display: flex; flex-wrap: wrap; justify-content: space-between; }
.catalog-page #CatalogModule #CatalogView #headline { width: 100%; }
.catalog-page #CatalogModule .filters-box button.filters-title { text-transform: capitalize; }
.catalog-page #CatalogModule .side-filters .filters-box ul.filter-list { text-transform: capitalize; }
.catalog-page #CatalogModule .side-filters .filters-box ul.filter-list label { margin: 0px 0px 5px 5px; font-family: var(--normal-text); }
.normal-form input { padding-left: 14px; padding-top: 0px; height: unset; font-family: var(--normal-text); }

/*@media(max-width:767px) {
    .contactPage #GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxField { display: block; text-align: left; }
    .contactPage input[type=checkbox], .normal-form input[type=checkbox] { margin: 0 10px 0 0; }
    .contactPage #GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectField:not(.textareaField) { width: 48%; }
    .contactPage #GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxField { width: 100%; }
}*/


/*form*/
#GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectFields { padding: 0; }
#GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3 { text-align: left; line-height: 1.3; margin-left: 0px; }
#GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { text-align: left; font-family: var(--normal-text); }
#GridPromo .normal-form .must::before { left: 2px !important; right: unset !important; top: 5px; }
#GridPromo.form-container-wide #DynamicFormObject fieldset { display: flex; gap: 10px; flex-wrap: wrap; }
#GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectField { padding: 0px; }
#GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectField:not(.textareaField) { width: 49%; }
#GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxField { width: 100%; display: flex; justify-content: flex-start; align-items: center; gap: 10px; }
#GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxField label { font-family: var(--normal-text); }
#GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { display: flex; justify-content: center; }
#GridPromo.form-container-wide .normal-form textarea { padding: 0 15px; }

@media(max-width:767px) {
    #GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxField { display: block; text-align: left; }
    input[type=checkbox], .normal-form input[type=checkbox] { margin: 0 10px 0 0; }
    #GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectField:not(.textareaField) { width: 48%; }
    #GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxField { width: 100%; }
}
