@import url("../fonts/montserrat/style.css");
@import url("../fonts/open-sans/style.css");
@import url("../fonts/font-awesome/css/all.css");
@import url("../fonts/icomoon/style.css");

/* Hide Scrollbar */
/*html, body { overflow: auto; scrollbar-width: none; -ms-overflow-style: none; }
html::-webkit-scrollbar, body::-webkit-scrollbar { display: none; }*/

/* Generals */
*:focus { outline: 0 !important; box-shadow: none !important; }
html { font-size: 90%; }
body { font-family: "Open Sans Regular", sans-serif; color: #777777; letter-spacing: normal !important; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "Montserrat Bold", sans-serif; font-weight: normal; color: #404144; letter-spacing: normal; }
h5, .h5 { font-size: 1rem; }
a { color: #58595b; }
a, a[role="button"] { cursor: pointer; }
a[role="button"]:not(.btn):hover, a[role="button"]:not(.btn):hover i { color: #f7941d; }
a i { position: relative; top: 1px; }
strong { font-family: "Montserrat SemiBold", sans-serif; font-weight: normal; color: #58595b; }
address i { margin-right: 5px; }
.small, small { font-size: 90%; }

/* loader */
#loader { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #f3f3f3; display: flex; align-items: center; justify-content: center; z-index: 9999; }
#loader:before { content: ""; width: 40px; height: 40px; border: 3px solid #f7941d; border-top-color: transparent; border-radius: 50%; animation: spin 1s linear infinite; }
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

/* Customs */
.fw400 { font-family: "Open Sans Regular", sans-serif !important; }
.fw500 { font-family: "Open Sans SemiBold", sans-serif !important; }
.fw600 { font-family: "Open Sans Bold", sans-serif !important; }
.pb-20 { padding-bottom: 20px; }
.link-orange { color: #f7941d !important; text-decoration: underline !important; }
.link-orange:hover { color: #f7941d !important; text-decoration: none !important; }
.link-green { color: #5e98a0 !important; text-decoration: underline !important; }
.link-green:hover { color: #5e98a0 !important; text-decoration: none !important; }
.link-gray:hover img { filter: grayscale(100%); transition: filter 0.3s ease-in-out; }
.text-dark, .text-dark h1, .text-dark h2, .text-dark h3, .text-dark h4, .text-dark h5, .text-dark h6, .text-dark p, .text-dark .lead, .text-dark a:not(.btn), .text-dark a:not(.btn-danger), .text-dark a:not(.btn):hover:not(.btn-light), .text-dark i, .text-dark li, .text-dark label, .text-dark div:not(.alert), .text-dark span:not(.btn-label) { color: #404144 !important; }
.text-small { font-weight: 400; }
.text-orange { color: #f7941d !important; }
.text-red { color: #ab3331 !important; }
.text-green { color: #28a745 !important; }
.title-bold { font-family: "Montserrat SemiBold", sans-serif; font-weight: normal; font-size: 0.9rem; color: #404144; }
.title-bolder { font-family: "Montserrat Bold", sans-serif; font-weight: normal; font-size: 0.9rem; color: #404144; }

/* HEADER */
.dark #header .header-inner, .dark #header #header-wrap, #header.dark .header-inner, #header.dark #header-wrap { background-color: #58595b; }
#header .header-inner #logo a .logo-default img, #header #header-wrap #logo a .logo-default img { width: auto; height: 25px; max-height: 100%; }
#header .header-inner #logo a .logo-dark img, #header #header-wrap #logo a .logo-dark img { width: auto; height: 25px; max-height: 100%; }
#mainMenu nav>ul>li .dropdown-menu { box-shadow: 0px 10px 40px rgba(24, 26, 32, 0.05); }
#mainMenu nav>ul>li>a { font-family: "Montserrat SemiBold", sans-serif; font-weight: normal; font-size: 0.9rem; color: #404144; text-transform: none; }
.dark #mainMenu nav>ul>li>a, #mainMenu.dark nav>ul>li>a { color: #ffffff; }
.dark #mainMenu nav>ul>li>a:hover, #mainMenu.dark nav>ul>li>a:hover { color: #f7941d; }
#mainMenu nav>ul>li>a[role="button"] { padding: 12px 18px; font-family: "Montserrat SemiBold", sans-serif; font-weight: normal; font-size: 0.9rem; color: #ffffff !important; line-height: 14px; }
#mainMenu nav>ul>li .dropdown-menu>li>a, #mainMenu nav>ul>li .dropdown-menu>li>span, #mainMenu nav>ul>li .dropdown-menu>li [class*=col-]>ul>li>a { font-size: 14px; }
.header-extras>ul>li>a:not(.btn) { padding-left: 15px; padding-right: 15px; }
.header-extras>ul>li>a.btn { margin-left: 15px; }
.header-extras>ul>li>.p-dropdown { padding-left: 15px; padding-right: 0px; }
.header-extras>ul>li>a:not(.btn) i, .header-extras>ul>li .topbar-dropdown>.title i { font-size: 20px; }
.header-extras>ul>li>a>span { position: absolute; top: 20px; right: 0px; background-color: #f7941d; color: white; font-size: 9px; font-weight: normal; min-width: 18px; height: 18px; padding: 0 5px; display: flex; align-items: center; justify-content: center; border-radius: 999px; white-space: nowrap; }
.header-extras .p-dropdown { font-size: 20px; top: -3px; }
.header-extras .p-dropdown .p-dropdown-content, .header-extras .p-dropdown ul.p-dropdown-content { box-shadow: 0px 10px 40px rgba(24, 26, 32, 0.05); font-size: 1rem; }
.header-extras .p-dropdown .p-dropdown-content a:hover, .header-extras .p-dropdown ul.p-dropdown-content a:hover { color: #f7941d !important; }

/* FOOTER */
#footer { font-size: 0.95rem; }
#footer p { font-size: 0.95rem; }
#footer .widget .widget-title, #footer .widget h4 { font-family: "Montserrat Bold", sans-serif; font-weight: 400; font-size: 1rem; color: #404144; }
#footer img { width: 35px; height: auto; }
#footer .list-icon li { margin-bottom: 0px; }
#footer .list li i { position: relative; top: 0px; margin-right: 5px; }
#scrollTop i { font-family: "FontAwesome"; }

/* Buttons */
button.btn, .btn:not(.close):not(.mfp-close), a.btn:not([href]):not([tabindex]) { font-family: "Montserrat SemiBold", sans-serif; font-weight: normal; font-size: 0.95rem; text-transform: none; letter-spacing: normal; }
/*button.btn i, .btn:not(.close):not(.mfp-close) i, a.btn:not([href]):not([tabindex]) i { padding-left: 0.4rem; }*/
button.btn:hover, button.btn:focus, button.btn:not(:disabled):not(.disabled):active, button.btn:not(:disabled):not(.disabled).active, .btn:not(.close):not(.mfp-close):hover, .btn:not(.close):not(.mfp-close):focus, .btn:not(.close):not(.mfp-close):not(:disabled):not(.disabled):active, .btn:not(.close):not(.mfp-close):not(:disabled):not(.disabled).active, a.btn:not([href]):not([tabindex]):hover, a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):not(:disabled):not(.disabled):active, a.btn:not([href]):not([tabindex]):not(:disabled):not(.disabled).active { background-color: #404144; border-color: #58595b; }
button.btn.btn-dark, .btn:not(.close):not(.mfp-close).btn-dark, a.btn:not([href]):not([tabindex]).btn-dark { background-color: #404144; border-color: #404144; }
button.btn.btn-primary:hover, button.btn.btn-primary:focus, button.btn.btn-primary:not(:disabled):not(.disabled):active, button.btn.btn-primary:not(:disabled):not(.disabled).active, .btn:not(.close):not(.mfp-close).btn-primary:hover, .btn:not(.close):not(.mfp-close).btn-primary:focus, .btn:not(.close):not(.mfp-close).btn-primary:not(:disabled):not(.disabled):active, .btn:not(.close):not(.mfp-close).btn-primary:not(:disabled):not(.disabled).active, a.btn:not([href]):not([tabindex]).btn-primary:hover, a.btn:not([href]):not([tabindex]).btn-primary:focus, a.btn:not([href]):not([tabindex]).btn-primary:not(:disabled):not(.disabled):active, a.btn:not([href]):not([tabindex]).btn-primary:not(:disabled):not(.disabled).active { background-color: #1f1f1f; border-color: #1f1f1f; }
button.btn.btn-white, button.btn.btn-light, .btn:not(.close):not(.mfp-close).btn-white, .btn:not(.close):not(.mfp-close).btn-light, a.btn:not([href]):not([tabindex]).btn-white, a.btn:not([href]):not([tabindex]).btn-light { color: #404144; }
button.btn.btn-white:hover, button.btn.btn-white:focus, button.btn.btn-white:active, button.btn.btn-white.active, button.btn.btn-light:hover, button.btn.btn-light:focus, button.btn.btn-light:active, button.btn.btn-light.active, .btn:not(.close):not(.mfp-close).btn-white:hover, .btn:not(.close):not(.mfp-close).btn-white:focus, .btn:not(.close):not(.mfp-close).btn-white:active, .btn:not(.close):not(.mfp-close).btn-white.active, .btn:not(.close):not(.mfp-close).btn-light:hover, .btn:not(.close):not(.mfp-close).btn-light:focus, .btn:not(.close):not(.mfp-close).btn-light:active, .btn:not(.close):not(.mfp-close).btn-light.active, a.btn:not([href]):not([tabindex]).btn-white:hover, a.btn:not([href]):not([tabindex]).btn-white:focus, a.btn:not([href]):not([tabindex]).btn-white:active, a.btn:not([href]):not([tabindex]).btn-white.active, a.btn:not([href]):not([tabindex]).btn-light:hover, a.btn:not([href]):not([tabindex]).btn-light:focus, a.btn:not([href]):not([tabindex]).btn-light:active, a.btn:not([href]):not([tabindex]).btn-light.active { border-color: #e6e8eb !important; background-color: #f4f5f8 !important; color: #404144 !important; }
button.btn.btn-lg, .btn:not(.close):not(.mfp-close).btn-lg, a.btn:not([href]):not([tabindex]).btn-lg { letter-spacing: normal; }
button.btn.btn-slide.btn-sm, .btn:not(.close):not(.mfp-close).btn-slide.btn-sm, a.btn:not([href]):not([tabindex]).btn-slide.btn-sm { top: 15px; }
button.btn.btn-slide.btn-sm>i, .btn:not(.close):not(.mfp-close).btn-slide.btn-sm>i, a.btn:not([href]):not([tabindex]).btn-slide.btn-sm>i { left: 11px; padding-left: 0px; }
button.btn.btn-slide.btn-sm>span, .btn:not(.close):not(.mfp-close).btn-slide.btn-sm>span, a.btn:not([href]):not([tabindex]).btn-slide.btn-sm>span { font-family: "Montserrat Bold", sans-serif; font-weight: 400; }
button.btn.btn-sm>i, .btn:not(.close):not(.mfp-close).btn-sm>i, a.btn:not([href]):not([tabindex]).btn-sm>i { top: -1px; }

/* Modals */
.modal-content { border-radius: 1rem; border: none; }
.modal .modal-content .modal-header .modal-title { font-weight: normal; font-size: 20px; color: #404144; }
.modal-header, .modal-body, .modal-footer { padding: 2rem; }


/*.modal-backdrop { background-color: #000 !important; opacity: 1 !important; }
.modal-content { border-radius: 0; }*/

/* Badges */
.badge { font-weight: 500; color: #ffffff !important; }
.badge-primary { background-color: #0333e8; }

/* Forms */
.form-group { margin-bottom: 1.2rem; }
.form-group label:not(.error) { font-family: "Montserrat SemiBold", sans-serif; font-weight: normal; font-size: 0.95rem; color: #404144; letter-spacing: normal; }
.form-control:focus { border: 2px solid #58595b; }
.form-control::placeholder { color: #cccccc; }
.input-group>.custom-select:not(:last-child) { border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.input-group>.form-control:has(+ .input-group-append) { border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.input-group > .form-control:not(:first-child) { border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.input-group>.form-control + .input-group-append>.input-group-text { border-top-right-radius: 5px; border-bottom-right-radius: 5px; cursor: pointer; }
input:not([type=checkbox]):not([type=radio]), select { font-size: 1rem; }
option.unavailable { color: #aaaaaa; }
input[type="checkbox"]:focus { outline: none !important; box-shadow: none !important; }
.custom-control-label:hover { cursor: pointer; }
.custom-control-label::before { box-shadow: none !important; border: #adb5bd solid 1px !important; }
.custom-control-input:checked~.custom-control-label::before { background-color: #f7941d; border-color: #f7941d !important; box-shadow: none; } 
.input-group-text { border-radius: 5px 0px 0px 5px; }
.input-group-text img { width: 20px; height: auto; }

/* Alerts */
.alert { padding: .85rem 3.5rem .85rem 1.5rem; }
.alert strong i { padding-right: 10px; }
.alert.alert-success { background-color: rgba(222, 242, 215, 0.5); border-color: rgba(222, 242, 215, 0.5); color: #5b7052; }
.alert.alert-success .close { color: #5b7052; }
.alert.alert-danger { background-color: rgba(236, 200, 197, 0.5); border-color: rgba(236, 200, 197, 0.5); color: #ab3331; }
.alert.alert-danger .close { color: #ab3331; }
.alert.alert-danger a { color: #ab3331; text-decoration: underline; }
.alert.alert-danger a:hover { color: #ab3331; text-decoration: none; }

/* Sweet Alert */
div:where(.swal2-container) h2:where(.swal2-title) { font-size: 1.25em !important; color: #404144 !important; margin-bottom: 0em !important; padding-top: 1em !important; }
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm { font-family: "Montserrat SemiBold", sans-serif; font-weight: normal; background-color: #81c868 !important; border: 1px solid #81c868 !important; border-radius: 5px !important; padding: 12px 18px !important; line-height: 14px !important; transition: all .3s !important; }
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:hover { background-color: #62b944 !important; border: 1px solid #62b944 !important; background-image: none !important; }
div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel { font-family: "Montserrat SemiBold", sans-serif; font-weight: normal; background-color: #fff !important; border: 1px solid #e6e8eb !important; border-radius: 5px !important; padding: 12px 18px !important; line-height: 14px !important; color: #4c5667 !important; transition: all .3s !important; }
div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel:hover { background-color: #e6e8eb !important; border: 1px solid #e6e8eb !important; background-image: none !important; }

/* Tables */
.table { border-bottom: 1px solid #dee2e6; color: #58595b; }
.table thead th { font-family: "Montserrat SemiBold", sans-serif; font-weight: normal; font-size: 0.95rem; }
.table .thead-light th { background-color: #f8f9fa; border: none; color: #404144; }
.table td, .table th { padding: 0.75rem 1rem; }

/* Accordions */
.accordion .ac-item .ac-title { font-family: "Montserrat Bold", sans-serif; font-weight: normal; font-size: initial; }

/* Icon Box */
.icon-box.small>h3, .icon-box.small>h5 { margin-top: 6px; }
.icon-box.small ul li { margin: 0 0 10px 80px; font-size: 14px; font-family: "Open Sans Regular", sans-serif; font-weight: normal; line-height: 1.6; }

/* Shop-cart */
#shop-cart .cart-product-name { min-width: 350px; }
#shop-cart .cart-product-description { min-width: 350px; }
#shop-cart .cart-product-quantity { min-width: 170px !important; width: 170px !important; }
#shop-cart .cart-product-quantity .qty { max-width: 50px; }
#shop-checkout .cart-product-quantity { width: 70px; }

/* Cards */
.card { box-shadow: none; border-width: 2px; }
.card .card-header { font-family: "Montserrat Bold", sans-serif; font-weight: 400; font-size: 1.35714286em; color: #404144; }
.account .card .card-header { padding-bottom: 0px; border: none; }
.account .card .card-header a:hover { color: #404144; }
.account .card .card-header span { font-family: "Open Sans Regular", sans-serif; font-weight: 400; font-size: 1rem; color: #777; }
.account .card .card-header span.badge { font-size: 0.8rem; color: #ffffff; }
.card .card-body .card-title { font-family: "Montserrat SemiBold", sans-serif; font-weight: 400; font-size: 0.95rem; }
.card .card-body .card-text .small { font-size: 0.85rem; }
.account .card .card-body .card-title { margin-bottom: 0px; }
.account .card .card-body .card-text .title { font-family: "Montserrat SemiBold", sans-serif; font-weight: 400; font-size: 0.9rem; color: #404144; }
.card .card-body .card .card-body { padding: 0px; }

/* Grids */
.grid-active-title { position: initial; opacity: 1; font-family: "Montserrat Bold", sans-serif; font-weight: 400; font-size: 2rem; color: #404144; }
.grid-filter li a { border-radius: 50px; border: none; font-size: 0.9rem; font-weight: 400; letter-spacing: 0px; outline: none; padding: 5px 0px 5px 0px; margin: 0 15px 10px 0; background-color: transparent; color: #484848; display: inline-block; }
.grid-filter.gf-outline li:hover a[role="button"], .grid-filter.gf-outline li.active a[role="button"] { background-color: transparent; border: none; color: #f7941d !important; }

/* Pagination */
.page-link { margin-left: .25rem; border-radius: .25rem; }
.pagination .page-item:not(.disabled).active>.page-link, .pagination .page-item:not(.disabled):active>.page-link, .pagination .page-item:not(.disabled):hover.active>.page-link { background-color: #f7941d !important; border-color: transparent; }
.pagination .page-item:not(.disabled):focus>.page-link, .pagination .page-item:not(.disabled):hover>.page-link { background-color: #f4f5f8 !important; }

.supplier .portfolio-item-wrap { padding: 30px; background-color: #f8f9fa; display: flex; align-items: center; justify-content: center; border-radius: 8px; }
.supplier .portfolio-image { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.supplier .portfolio-image img { max-width: 100%; max-height: 100%; object-fit: contain; display: block; }

/* Sidebar */
.account .card { border: none; }
.sidebar-menu label { font-family: "Montserrat Bold", sans-serif; font-weight: normal; font-size: 1rem; text-transform: none; color: #404144; }
.sidebar-menu li { font-size: 1rem; }
.sidebar-menu li.active a { color: #f7941d; }
.sidebar-menu .card { border: none; }
.sidebar-menu .card .card-body { padding-left: 0px; padding-right: 0px; }
.sidebar-menu .card .card-body label { padding-left: 2rem; padding-right: 2rem; letter-spacing: normal; }
.sidebar-menu .card .card-body ul { margin-bottom: 0px; }
.sidebar-menu .card .card-body li a { padding-left: 2rem; padding-right: 2rem; }
.sidebar-menu .card .card-body li { padding-top: .5rem; padding-bottom: .5rem; margin-top: 0px; border-right: 3px solid #f7f9fb; }
.sidebar-menu .card .card-body li:hover { background-color: #f7f9fb; }
.sidebar-menu .card .card-body li.active { background-color: #f7f9fb; border-color: #f7941d; }
.sidebar-menu .card .card-body li a, .sidebar-menu .card .card-body li a:hover { color: #404144; }

.sidebar.account-sidebar .widget:last-child { border-bottom: 1px solid #eee; }
.sidebar .widget.widget-myaccount { text-align: left; margin-bottom: 20px; }
.sidebar .widget.widget-myaccount .avatar { margin-bottom: 10px; }
.sidebar .widget.widget-myaccount li.active a { color: #f7941d; }
.p-cb { box-shadow: none; margin: 0px; }

/* Broadcrump */
#header[data-transparent=true]+#page-title { padding: 180px 0 120px; }
#page-title .page-title>h1 { font-family: "Montserrat Bold", sans-serif; font-weight: normal; }
#page-title .page-title>h1.text-medium { font-size: 1.78571429em !important; }
#page-title .page-title>p { font-size: 1.1rem; }
#page-title .breadcrumb { display: none; }

/* Page Title */
#page-title { background-size: cover; background-position: center center; }
#page-title.page-title-left .page-title { clear: both; width: 100%; }
#page-title.page-title-left .page-title>h1.text-medium { margin-bottom: 5px; } 

#page-title.process { background-image: url('../images/process-bg.jpg'); }
#page-title.supplier { background-image: url('../images/supplier-bg.jpg'); }

/* HOME PAGE -------------------------------- */

#home-about .img-content img { border-radius: 12px; }
#home-about .portfolio-item, .grid-item { cursor: default; }
#home-about .portfolio-item .portfolio-image, .home .portfolio-item .portfolio-video, .home .portfolio-item .grid-image, .home .portfolio-item .grid-video, .home .portfolio-item .flickity-viewport, .home .grid-item .portfolio-image, .home .grid-item .portfolio-video, .home .grid-item .grid-image, .home .grid-item .grid-video, .home .grid-item .flickity-viewport { border-radius: 8px; }
#home-about .portfolio-item.img-zoom .portfolio-image img, .home .portfolio-item.img-zoom .grid-image img, .home .grid-item.img-zoom .portfolio-image img, .home .grid-item.img-zoom .grid-image img { border-radius: 8px; }
#home-about .portfolio-item .portfolio-description, .home .portfolio-item .grid-description, .portfolio-item .portfolio-links, .home .grid-item .portfolio-description, .home .grid-item .grid-description, .home .grid-item .portfolio-links { width: 85%; }
#home-about .portfolio-item .portfolio-description a, .home .portfolio-item .grid-description a, .home .portfolio-item .portfolio-links a, .home .grid-item .portfolio-description a, .home .grid-item .grid-description a, .home .grid-item .portfolio-links a { font-family: "Montserrat SemiBold", sans-serif; font-weight: normal; color: #ffffff; }
#home-about .portfolio-item .portfolio-description a>i, .home .portfolio-item .grid-description a>i, .home .portfolio-item .portfolio-links a>i, .home .grid-item .portfolio-description a>i, .home .grid-item .grid-description a>i, .home .grid-item .portfolio-links a>i { font-size: 10px !important; }
#home-about .portfolio-item .portfolio-description a i, .home .portfolio-item .grid-description a i, .home .portfolio-item .portfolio-links a i, .home .grid-item .portfolio-description a i, .home .grid-item .grid-description a i, .home .grid-item .portfolio-links a i { width: 20px; height: 20px; line-height: 20px !important; }

/* ABOUT US PAGE ---------------------------- */

#about-us .img-content { padding-right: 50px; }
#about-us .img-content img { border-radius: 12px; }

#about-us.profile-content .profile-image { width: 40%; }
#about-us.profile-content .profile-image .profile-name { bottom: 5rem; display: flex; justify-content: center; align-items: center; }
#about-us.profile-content .profile-image .profile-name img { width: 70%; height: auto; }
#about-us.profile-content .profile-bio { width: 60%; }

/* PROCESS PAGE ---------------------------- */

#process.profile-content .profile-image { width: 30%; }
#process.profile-content .profile-image .profile-name { bottom: 12rem; display: flex; justify-content: center; align-items: center; }
#process.profile-content .profile-image .profile-name img { width: 70%; height: auto; }
#process.profile-content .profile-bio { width: 70%; }

.timeline .timeline-item { margin: 0rem 2rem 3rem 5rem; }
.timeline .timeline-item .timeline-icon { background-color: #5e98a0; }
.timeline .timeline-item .timeline-item-video { width: 100%; max-width: 800px; aspect-ratio: 16 / 9; border-radius: 12px; overflow: hidden; margin-top: 20px; }
.timeline .timeline-item .timeline-item-video iframe { width: 100%; height: 100%; border: none; }
.timeline .timeline-item .timeline-item-image { margin-top: 30px; border: 2px solid #e3e6f0; border-radius: 12px; }
.timeline .timeline-item .timeline-item-image.vertical { width: 350px; max-width: 100%; }
.timeline .timeline-item .timeline-item-image.horizontal { width: 100%; }
.timeline .timeline-item:last-child .timeline-item-image { margin-bottom: 0px; }
.timeline .timeline-item .timeline-item-image .grid-item { padding-bottom: 0px; }

/* FAQ PAGE --------------------------------- */

#faq.profile-content .profile-image { width: 40%; }
#faq.profile-content .profile-image .profile-name { bottom: 5rem; display: flex; justify-content: center; align-items: center; }
#faq.profile-content .profile-image .profile-name img { width: 70%; height: auto; }
#faq.profile-content .profile-bio { width: 60%; }

/* LEGAL PAGE ------------------------------- */

#legal.profile-content .profile-image { width: 40%; }
#legal.profile-content .profile-image .profile-name { bottom: 5rem; display: flex; justify-content: center; align-items: center; }
#legal.profile-content .profile-image .profile-name img { width: 70%; height: auto; }
#legal.profile-content .profile-bio { width: 60%; }

/* TERMS PAGE ------------------------------- */

#terms.profile-content .profile-image { width: 40%; }
#terms.profile-content .profile-image .profile-name { bottom: 5rem; display: flex; justify-content: center; align-items: center; }
#terms.profile-content .profile-image .profile-name img { width: 70%; height: auto; }
#terms.profile-content .profile-bio { width: 60%; }

/* CONTACT PAGE ----------------------------- */
#contact iframe { border: 1px solid #e3e6f0; border-radius: 12px; }

/* ORDER PAGE ------------------------------- */
.account table.table { border: none; }
.account table.table td { vertical-align: middle; }
.account table.table ul.list-legend { margin-bottom: 0px; }
.account table.table ul.list-legend li { margin-bottom: 0px; line-height: 0.9rem; }
.account table.table ul.list-legend li span.badge { width: auto; height: auto; border-radius: .25rem; margin-top: 0px; }
.account table.table ul.list-legend li span.badge.badge-success { background-color: #28a745; }
.account table.table ul.list-legend li span.badge.badge-danger { background-color: #dc3545; }
.account table.table ul.list-legend li span.badge.badge-warning { background-color: #ffc107; }

/* ERROR PAGE ------------------------------- */

.page-error-404 img { width: 100%; }

@media (max-width: 1200px) {
    
}

@media (max-width: 1024px) {

    #mainMenu nav>ul>li>a { text-align: center; }
    #mainMenu nav>ul>li>a[role="button"] { width: 300px; margin: 20px auto 0px; }

    .header-extras>ul .p-dropdown>a>i, .header-extras>ul>li>a>i { font-size: 20px !important; }
    .header-extras>ul>li>.p-dropdown { padding-left: 0px; }
	.header-extras > ul > li:not(:only-child) .p-dropdown { padding-left: 10px; }
    .header-extras>ul>li>a:not(.btn) { padding-left: 0px; }

    .grid-filter li a { text-align: left; }

    #process.profile-content .profile-image { width: 100%; height: auto; padding: 20px 0px; }
    #process.profile-content .profile-image .profile-name { position: static; }
    #process.profile-content .profile-image .profile-name img { width: 35%; }
    #process.profile-content .profile-bio { width: 100%; }

    #about-us.profile-content .profile-image { width: 100%; height: auto; padding: 20px 0px; }
    #about-us.profile-content .profile-image .profile-name { position: static; }
    #about-us.profile-content .profile-image .profile-name img { width: 35%; }
    #about-us.profile-content .profile-bio { width: 100%; }

    #faq.profile-content .profile-image { width: 100%; height: auto; padding: 20px 0px; }
    #faq.profile-content .profile-image .profile-name { position: static; }
    #faq.profile-content .profile-image .profile-name img { width: 35%; }
    #faq.profile-content .profile-bio { width: 100%; }

    #legal.profile-content .profile-image { width: 100%; height: auto; padding: 20px 0px; }
    #legal.profile-content .profile-image .profile-name { position: static; }
    #legal.profile-content .profile-image .profile-name img { width: 35%; }
    #legal.profile-content .profile-bio { width: 100%; }

    #terms.profile-content .profile-image { width: 100%; height: auto; padding: 20px 0px; }
    #terms.profile-content .profile-image .profile-name { position: static; }
    #terms.profile-content .profile-image .profile-name img { width: 35%; }
    #terms.profile-content .profile-bio { width: 100%; }

}

@media (min-width: 768px) and (max-width: 1024px) {

}

@media (max-width: 991px) {

    #home-about-us { background-image: none; padding-top: 80px; }
    #home-why-choose-us { background-image: none; }

    #about-us .img-content { padding-right: 15px; }

    .img-left { margin-bottom: 2rem; }

    .widget-mycart .cart-item .cart-product-quantity { clear: both; }

    #contact.image-block .contact { padding-bottom: 10px; }
    #contact.image-block .office { padding-bottom: 80px; }

    .img-md-75p { max-width: 75%; padding-left: 0px !important; padding-right: 0px !important; }
    .img-md-50p { max-width: 50%; padding-left: 0px !important; padding-right: 0px !important; }

}

@media (max-width: 767px) {

	.header-extras>ul>li>.p-dropdown { padding-left: 0px; }
	.header-extras > ul > li:not(:only-child) .p-dropdown { padding-left: 10px; }

    #home-why-choose-us { background-image: none; padding-top: 80px; }

}