/*----------------------------------------------------------------------
 Project:        Spiralogics Store - Responsive HTML Template Based On Twitter Bootstrap 4 Version:        0.1

-----------------------------------------------------------------------*/
html, body { color: #707683; background-color: #faf8f8 !important; font-size: 0.875rem !important; font-size: 13px; font-family: "Mulish", sans-serif !important; }

body.admin { font-family: "Poppins", sans-serif !important; }

.w-5 { width: 5%; }

.w-95 { width: 95%; }

.w-65 { width: 65%; }

.w-35 { width: 35%; }

.w-20 { width: 22%; }

.max-w-60 { max-width: 60%; }

.max-w-80 { max-width: 80%; }

.word-break { word-break: break-all; }

.btn, a[type="button"] { -webkit-appearance: none; }

.btn i { padding: 0; padding-left: .35rem; }

.font-size-xs { font-size: 0.8rem; }

.login-container { background-color: #faf8f8; background-image: url(../images/bg/login_top.png), url(../images/bg/login_bottom.png); background-position: top 0 right 0, bottom 0 left 0; background-repeat: no-repeat, no-repeat; }

.signup-container { background-color: #faf8f8; background-image: url(../images/bg/signup_top.png), url(../images/bg/signup_bottom.png); background-position: top 0 left 0, bottom 0 right 0; background-repeat: no-repeat, no-repeat; }

.login-heading { font-size: 20px; color: #323c47; text-align: center; }

.login-signin form, .login-signin .form { max-width: 432px; margin: 0 auto; }

.bg-forgot { background-image: url(../images/bg/forgot_top.png), url(../images/bg/password_bottom.png); background-position: top 0 left 0, bottom 0 right 0; background-repeat: no-repeat, no-repeat; }

.bg-error { background-image: url(../images/bg/password_bottom.png); background-position: bottom 0 right 0; background-repeat: no-repeat; }

.toggle-password { position: absolute; width: 38px; height: 38px; cursor: pointer; right: 0; bottom: 0; text-align: center; line-height: 38px; }

.primary-heading { color: #323c47 !important; }

.primary-body { color: #707683 !important; }

.img-rounded { border-radius: 50%; }

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

.has-error .input-error { max-width: fit-content; }

.label { font-size: .825rem; }

.form-group { margin-bottom: 1.2rem; }
.form-group label { font-size: 0.875rem; font-weight: 600; color: #707683; }
.form-group label.font-size-xs, .form-group label.col-form-label { font-size: 0.8rem; }
.form-group label span { color: #ce1c0f; }
.form-group .form-control { font-weight: 400; color: #707683; font-size: 0.875rem; }

.form-control-solid.bg-grey { background: rgba(248, 248, 248, 0.2); border-color: rgba(248, 248, 248, 0.2); }

.no-resize { resize: none !important; }

.form-imp-desc { color: #323c47; font-size: 0.875rem; font-weight: 500; }

.form-group-heading { font-size: .938rem; font-weight: 500; margin-bottom: 1.3rem; color: #323c47; }

.field-validation-error { display: block; font-weight: 500; text-align: left; margin-top: 5px; }

.input-error { font-weight: 500; text-align: left; margin-top: 5px; }

.btn { font-size: .875rem; font-weight: 500; }

.switch input:empty ~ span { height: 26px; }
.switch input:empty ~ span:after { width: 20px; height: 20px; }
.switch input:checked ~ span:after { margin-left: 28px; }

.header-web { background: white; border-color: #E0E0E0; }

.web-view { color: #323c47; }

.margined-docs { margin-top: 90px; }

.mobile-display { display: none; }

.product-list-inner .product-desc { color: #707683 !important; }
.product-list-inner .product-desc .product-desc-head { color: #323c47; }
.product-list-inner .product-desc p { font-family: "Poppins", sans-serif !important; font-size: 0.875rem !important; color: #707683 !important; }
.product-list-inner .product-desc p span { font-family: "Poppins", sans-serif !important; font-size: 0.875rem !important; color: #707683 !important; }

.product-desc-head { font-size: 1.1rem; color: #323c47; margin: 0 0 10px 0; font-weight: 600; }

.product-grid-title { font-size: 13px; }

.margined { margin-bottom: 25px; }

.ParallaxVideo { width: 100%; height: auto; max-height: none; position: relative; display: inline-block; }
.ParallaxVideo img { width: 100%; max-height: none; border-radius: 10px; }

.gallery-item { width: 140px; max-height: 80px; border-radius: 10px; display: inline-block; border: 1px solid #cfd0d2; }
.gallery-item img { border-radius: 10px; object-fit: cover; width: 140px; height: 80px; }

.documents_caption { display: block; }

.documents-item { width: 140px; display: inline-block; text-align: center; position: relative; color: #707683; }

.documents-item-single { cursor: pointer; }

.kbs { right: 1px; top: 120px; background: rgba(0, 0, 0, 0.25); padding: 5px; color: white; font-size: 10px; }

.card.card-custom { border: 1px solid #E6E7E9; border-radius: 8px !important; }
.card.card-custom > .card-header { min-height: 40px; }
.card.card-custom > .card-header .card-title { font-size: 15px; color: #323c47; font-weight: 500; }
.card.card-custom > .card-header.card-header-tabs-line .nav .nav-link { padding-top: 1rem; padding-bottom: 1rem; }

::-ms-reveal { display: none; }

.brand { border-bottom: 1px solid #EBEFF2; }

.dropdown-menu { border-radius: 0 0 0.42rem 0.42rem; }

.aside-menu .menu-nav > .menu-item { border-radius: 5px; margin-bottom: 5px; }
.aside-menu .menu-nav > .menu-item:last-child { margin-bottom: 0; }
.aside-menu .menu-nav > .menu-section { margin: 10px 0; height: 0; }

.aside-menu .menu-nav > .menu-item > .menu-link { padding: 6px 12px; margin: 0 15px; border-radius: 5px; }

.aside-menu .menu-nav > .menu-item > .menu-heading .menu-icon, .aside-menu .menu-nav > .menu-item > .menu-link .menu-icon { font-size: 18px; }

.aside-menu .menu-nav > .menu-item > .menu-heading .menu-text, .aside-menu .menu-nav > .menu-item > .menu-link .menu-text { font-size: 13px; }

.aside-menu .menu-nav > .menu-item > .menu-heading, .aside-menu .menu-nav > .menu-item > .menu-link { min-height: 32px; }

.aside-menu .menu-nav > .menu-item > .menu-heading .menu-text, .aside-menu .menu-nav > .menu-item > .menu-link .menu-text, .aside-menu .menu-nav > .menu-item > .menu-heading .menu-icon, .aside-menu .menu-nav > .menu-item > .menu-link .menu-icon { color: #707683; }

.aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading, .aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link, .aside-menu .menu-nav > .menu-item.menu-item-active > .menu-heading, .aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link { background-color: #f0483e; }

.aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading .menu-text, .aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link .menu-text, .aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-heading .menu-icon, .aside-menu .menu-nav > .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover > .menu-link .menu-icon, .aside-menu .menu-nav > .menu-item.menu-item-active > .menu-heading .menu-icon, .aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-icon, .aside-menu .menu-nav > .menu-item.menu-item-active > .menu-heading .menu-text, .aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-text { color: white; }

.notifications { font-size: 14px; }

.navi-item.border-bottom { border-color: #F6F6F9; }

.navi-link i.right { font-size: 12px; }

.navi-text div { font-size: 13px; color: #707683; }
.navi-text .text-xs { font-size: 12px; }

.symbol.symbol-round { border-radius: 50%; }
.symbol.symbol-round img { border-radius: 50%; }
.symbol.symbol-150 img { width: 150px; }

.overline { font-size: 12px; color: #707683; font-weight: 500; margin-bottom: 5px; text-transform: uppercase; }

.modal-backdrop.show { opacity: 0.7; }

.modal .modal-header .modal-title { font-size: 1rem; }

.accordion.accordion-light .card { border: 1px solid #E6E7E9; }
.accordion.accordion-light .card:first-child { border-top: 1px solid #E6E7E9; }

.accordion .card .card-header .card-title .card-label { font-size: .97rem; font-weight: 500; color: #707683; }

.accordion .card .card-body { font-size: 0.875rem; }

#bannerDescLength, .featureDescLength { position: absolute; right: 30px; width: 75px; border: 0; outline: 0; color: #a5a1ab; top: 125px; background: transparent; text-align: right; }

.payment .product-list { margin-bottom: 0.75rem; padding-bottom: 0.75rem; border-bottom: 1px solid #EBEFF2; }
.payment .product-list:last-of-type { margin: 0; padding: 0; border-bottom: 0; }
.payment .product-list .product-desc-head { margin-bottom: 10px; }

.payment-option { margin-top: 2.5rem; }

.payment-right { border-left: 1px solid #f0483e; }

.payment-price-detail { width: 100px; height: 100px; text-align: center; line-height: 100px; position: absolute; top: 0; right: 0; background: #f0483e; border-radius: 50%; color: #faf8f8; font-size: 18px; font-weight: 600; }

.page-head { font-size: 1.35rem; color: #323c47; margin: 0 0 15px 0; font-weight: 600; }

.feedback { position: fixed; right: 15px; bottom: 35px; border-radius: 50%; background: #56CCF2; color: white; width: 45px; height: 45px; line-height: 40px; text-align: center; border-width: 2px !important; cursor: pointer; }
.feedback i { color: white; }
.feedback.customer { box-shadow: 0 0 0 #56ccf2; animation: pulse 1s infinite; }

@-webkit-keyframes pulse { 0% { -webkit-box-shadow: 0 0 0 0 rgba(86, 204, 242, 0.8); }
  70% { -webkit-box-shadow: 0 0 0 10px rgba(86, 204, 242, 0); }
  100% { -webkit-box-shadow: 0 0 0 0 rgba(86, 204, 242, 0); } }

@keyframes pulse { 0% { -moz-box-shadow: 0 0 0 0 rgba(86, 204, 242, 0.8); box-shadow: 0 0 0 0 rgba(86, 204, 242, 0.8); }
  70% { -moz-box-shadow: 0 0 0 10px rgba(86, 204, 242, 0); box-shadow: 0 0 0 10px rgba(86, 204, 242, 0); }
  100% { -moz-box-shadow: 0 0 0 0 rgba(86, 204, 242, 0); box-shadow: 0 0 0 0 rgba(86, 204, 242, 0); } }

.modal-ku { width: 500px; margin: auto; }

.modal.fade .modal-dialog.modal-wt { width: 450px; }

.dx-widget, .dx-overlay-wrapper, .ql-container { font-family: "Poppins", sans-serif !important; font-size: 13px; color: #707683; }

.dx-empty-message { font-size: 12px; }

.dx-popup-wrapper > .dx-overlay-content { border: 0 !important; }

.dx-popup-title.dx-toolbar .dx-toolbar-label { font-size: 1rem !important; font-weight: 500; }

.dx-overlay-shader { background: rgba(0, 0, 0, 0.7) !important; }

.dx-datagrid, .dx-theme-generic-typography { color: #707683; font-family: "Poppins", sans-serif !important; }
.dx-datagrid a, .dx-theme-generic-typography a { color: #f0483e; font-weight: 500; }

.dx-datagrid { border-radius: 8px; }

.dx-datagrid-headers { color: #323c47; font-weight: 600; font-size: 13px; border-radius: 8px 8px 0 0; }

.dx-datagrid .dx-row > td { padding: 7px 12px; border-color: #E6E7E9; }

.dx-item.dx-toolbar-item.dx-toolbar-label { max-width: none !important; }

.dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell { padding: 0 8px; }

.dx-widget.dx-datagrid-pager { margin-top: 0 !important; color: #707683; border-radius: 0 0 8px 8px; border: 1px solid #e6e7e9; }
.dx-widget.dx-datagrid-pager .dx-pages { display: flex; justify-content: space-between; align-items: center; float: none; padding: 0 10px; }
.dx-widget.dx-datagrid-pager .dx-pages .dx-info { font-size: 12px; }

.dx-pager { padding: 10px; }
.dx-pager .dx-page-sizes .dx-selection, .dx-pager .dx-pages .dx-selection { background: #f0483e; color: white; }
.dx-pager .dx-page-sizes .dx-page-size, .dx-pager .dx-pages .dx-page-size { padding: 5px 8px; }
.dx-pager .dx-page-sizes .dx-page, .dx-pager .dx-pages .dx-page { padding: 5px 9px 4px; }

.dx-datagrid .dx-link i { font-size: 12px; }

.dx-datagrid-borders > .dx-datagrid-page { border-top: 0; }

.dx-texteditor-input {
    font-size: 12px !important;
    min-height: 30px; 

}

.dx-field, .dx-widget { border-color: #e6e7e9; }
.dx-field.dx-htmleditor-toolbar-format, .dx-widget.dx-htmleditor-toolbar-format { border-color: transparent; }
.dx-field input, .dx-field textarea, .dx-widget input, .dx-widget textarea { font-family: "Poppins", sans-serif; }

.dx-datagrid-rowsview .dx-row > td, .dx-datagrid-rowsview .dx-row > tr > td { overflow: none; white-space: normal; word-break: break-all; text-overflow: none; vertical-align: middle !important; font-size: 13px; }
.dx-datagrid-rowsview .dx-row > td img, .dx-datagrid-rowsview .dx-row > tr > td img { width: 65px; }

.dx-datagrid .dx-column-lines > td { border-color: #e6e7e9; }

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected { background-color: rgba(240, 72, 62, 0.15); }

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused { background-color: #f0483e; color: white; }
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused.dx-state-hover { color: white; }

.dx-list-item.dx-state-focused .dx-icon-toggle-delete, .dx-list-item.dx-state-focused.dx-state-hover .dx-icon-toggle-delete { background-image: url(../images/misc/document-delete.png); }

.dx-texteditor.dx-editor-outlined { border-color: #e6e7e9; }

.dx-switch-handle:before { background-color: #f0483e; }

.dx-switch.dx-state-focused .dx-switch-handle:before, .dx-switch.dx-state-hover .dx-switch-handle:before { background-color: #e91e12; }

.dx-radiobutton-icon-checked .dx-radiobutton-icon-dot { background: #f0483e; }

.dx-datebox-wrapper-calendar .dx-calendar { margin: 15px 15px; }
.dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-timeview { margin-top: 15px; }

.dx-tab-selected:after { border: 0; }

.dx-tab { padding: 6px; }

.dx-htmleditor { border-radius: 0.42rem; border-color: #e6e7e9; }
.dx-htmleditor .dx-htmleditor-toolbar-wrapper { padding: 0; }
.dx-htmleditor .dx-htmleditor-toolbar-wrapper:first-child { border-color: #e6e7e9; }

.dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format) { background: #f0483e; }
.dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format) .dx-icon { color: white; }

.dx-toolbar-text-auto-hide .dx-button .dx-button-content { padding: 6px; }
.dx-toolbar-text-auto-hide .dx-button .dx-icon { width: 16px; height: 16px; background-size: 16px 16px; font-size: 16px; line-height: 16px; }

.dx-toolbar.dx-toolbar-multiline .dx-toolbar-items-container .dx-toolbar-before { padding-right: 0; }

.dx-placeholder, .ql-editor.ql-blank:before { font-size: 12px; color: #bcb6c3; }

.dx-datebox-wrapper-calendar .dx-popup-content { margin: 0; }

.dx-calendar-navigator .dx-calendar-caption-button { font-size: 14px; }

.dx-calendar-cell { font-size: 12px; }

.dx-item-content.dx-list-item-content { font-size: 12px; }

.dx-dropdownlist-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content { padding: 5px 9px; }

.dx-tag-content { font-size: 11px; }

#gridContainer { border-radius: 8px !important; }

.dx-fileuploader-wrapper { padding: 0; }

.dx-fileuploader-content { text-align: left; }

.dx-fileuploader-input-wrapper { padding: 0; }

.dx-fileuploader-input-container {
    display: inline-block !important;
    display: block;
    width: auto;
}

.dx-fileuploader-input { width: auto; }

.dx-fileuploader-input-label { display: none; }

.dx-file-uploader-drag-over .dx-fileuploader-input-wrapper { border-width: 2px; border-color: #e6e7e9; }

.dx-button-mode-contained[aria-label="Select file"] { background: #ffe5e5; color: #f0483e; border-color: #ffe5e5; text-transform: capitalize; font-weight: 500; }
.dx-button-mode-contained[aria-label="Select file"].dx-state-hover, .dx-button-mode-contained[aria-label="Select file"].dx-state-focus { background: #f0483e; color: white; border-color: #f0483e; }

#dxDescriptionEditorId .dx-invalid-message > .dx-overlay-content { display: none !important; }
#dxDescriptionEditorId .dx-htmleditor-content { padding: 12px 50px 12px 15px; }

#GalleryItems .dxFileGallery, #productLogo .dxFileGallery, #productImage .dxFileGallery, #dxFileDocuments .dxFileGallery, #VideoItems .dxFileGallery, #videoThumbnailDivId .dxFileGallery, #dxFileVideo .dxFileGallery, #dxBannerImageIForm .dxFileGallery, #dxGalleryThumbnail .dxFileGallery, #file-uploader .dxFileGallery { padding: 0; }
#GalleryItems .dx-fileuploader-wrapper, #GalleryItems .dx-fileuploader-files-container, #productLogo .dx-fileuploader-wrapper, #productLogo .dx-fileuploader-files-container, #productImage .dx-fileuploader-wrapper, #productImage .dx-fileuploader-files-container, #dxFileDocuments .dx-fileuploader-wrapper, #dxFileDocuments .dx-fileuploader-files-container, #VideoItems .dx-fileuploader-wrapper, #VideoItems .dx-fileuploader-files-container, #videoThumbnailDivId .dx-fileuploader-wrapper, #videoThumbnailDivId .dx-fileuploader-files-container, #dxFileVideo .dx-fileuploader-wrapper, #dxFileVideo .dx-fileuploader-files-container, #dxBannerImageIForm .dx-fileuploader-wrapper, #dxBannerImageIForm .dx-fileuploader-files-container, #dxGalleryThumbnail .dx-fileuploader-wrapper, #dxGalleryThumbnail .dx-fileuploader-files-container, #file-uploader .dx-fileuploader-wrapper, #file-uploader .dx-fileuploader-files-container { padding: 0; }
#GalleryItems .dx-fileuploader-input-wrapper, #productLogo .dx-fileuploader-input-wrapper, #productImage .dx-fileuploader-input-wrapper, #dxFileDocuments .dx-fileuploader-input-wrapper, #VideoItems .dx-fileuploader-input-wrapper, #videoThumbnailDivId .dx-fileuploader-input-wrapper, #dxFileVideo .dx-fileuploader-input-wrapper, #dxBannerImageIForm .dx-fileuploader-input-wrapper, #dxGalleryThumbnail .dx-fileuploader-input-wrapper, #file-uploader .dx-fileuploader-input-wrapper { padding: 0; }
#GalleryItems .dx-fileuploader-input-wrapper .dx-button, #productLogo .dx-fileuploader-input-wrapper .dx-button, #productImage .dx-fileuploader-input-wrapper .dx-button, #dxFileDocuments .dx-fileuploader-input-wrapper .dx-button, #VideoItems .dx-fileuploader-input-wrapper .dx-button, #videoThumbnailDivId .dx-fileuploader-input-wrapper .dx-button, #dxFileVideo .dx-fileuploader-input-wrapper .dx-button, #dxBannerImageIForm .dx-fileuploader-input-wrapper .dx-button, #dxGalleryThumbnail .dx-fileuploader-input-wrapper .dx-button, #file-uploader .dx-fileuploader-input-wrapper .dx-button { float: left; }
#GalleryItems .dx-fileuploader-input-container, #productLogo .dx-fileuploader-input-container, #productImage .dx-fileuploader-input-container, #dxFileDocuments .dx-fileuploader-input-container, #VideoItems .dx-fileuploader-input-container, #videoThumbnailDivId .dx-fileuploader-input-container, #dxFileVideo .dx-fileuploader-input-container, #dxBannerImageIForm .dx-fileuploader-input-container, #dxGalleryThumbnail .dx-fileuploader-input-container, #file-uploader .dx-fileuploader-input-container { display: none; }

#GalleryItems .thumb { position: relative; }
#GalleryItems video { width: 130px; height: 100px; object-fit: cover; border-radius: 8px; }

#dxFileApplicationFile .dx-fileuploader-files-container, #dxFileLogoIForm .dx-fileuploader-files-container, #dxFeaturedImages .dx-fileuploader-files-container { padding: 0; }
#dxFileApplicationFile .dx-fileuploader-content, #dxFileLogoIForm .dx-fileuploader-content, #dxFeaturedImages .dx-fileuploader-content { text-align: left; }
#dxFileApplicationFile .dx-fileuploader-input-wrapper, #dxFileApplicationFile .dx-fileuploader-wrapper, #dxFileLogoIForm .dx-fileuploader-input-wrapper, #dxFileLogoIForm .dx-fileuploader-wrapper, #dxFeaturedImages .dx-fileuploader-input-wrapper, #dxFeaturedImages .dx-fileuploader-wrapper { padding: 0; }
#dxFileApplicationFile .thumb, #dxFileLogoIForm .thumb, #dxFeaturedImages .thumb { width: 100%; height: 150px; object-fit: cover; max-height: 120px; }

#galleryImage .thumb { width: 130px; height: 100px; object-fit: cover; border-radius: 8px; }

#bannerImageIFormImage .thumb, #currentBannerDivId .thumb { width: 250px; height: 195px; max-height: 195px; }
#bannerImageIFormImage .p-name, #currentBannerDivId .p-name { max-width: 150px; }

.add-single-feature { border-bottom: 1px solid #e6e7e9; margin-bottom: 25px; padding-bottom: 25px; }
.add-single-feature:last-child { border-bottom: 0; margin: 0; padding: 0; }

.productImgWrapper { position: relative; display: inline-block; margin: 0 15px 10px 0; }
.productImgWrapper span { border: 1px solid #DFE4F3; border-radius: 8px; }
.productImgWrapper img { width: 100%; max-height: 100px; }
.productImgWrapper video { display: block; }
.productImgWrapper .thumb { width: 130px; height: 100px; object-fit: cover; border-radius: 8px; }
.productImgWrapper p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.productImgWrapper.productImg { margin: 0 15px; }
.productImgWrapper.productImg img { max-height: none; }
.productImgWrapper.productImg .thumb { width: 100%; height: auto; object-fit: contain; border: 1px solid #DFE4F3; border-radius: 8px; }

#logoIFormImage img, #featuredImagesPreview img { max-height: none; }
#logoIFormImage .thumb, #featuredImagesPreview .thumb { width: 100%; height: auto; object-fit: contain; border: 1px solid #DFE4F3; border-radius: 8px; }

#logoIFormImage .thumb { width: 130px; height: 100px; object-fit: cover; border-radius: 8px; }
#logoIFormImage img { max-height: 100px; }

#dxFileProductImageIForm.dx-fileuploader-show-file-list .dx-fileuploader-files-container, #dxDescriptiveImages.dx-fileuploader-show-file-list .dx-fileuploader-files-container, #dxTechnicalImages.dx-fileuploader-show-file-list .dx-fileuploader-files-container, #dxOGImageIForm.dx-fileuploader-show-file-list .dx-fileuploader-files-container { padding-top: 0; }

.closed { position: absolute; top: -8px; right: -8px; background: rgba(0, 0, 0, 0.6); width: 20px; height: 20px; line-height: 20px; text-align: center; border-radius: 50%; padding: 0 !important; border: 0; cursor: pointer !important; }
.closed i { font-size: 12px; color: white; }

.remove { position: absolute; right: 0; }

.file-closed { width: 28px; height: 28px; margin-right: 10px; border: 1px solid #E6E7E9; text-align: center; cursor: pointer; border-radius: 3px; line-height: 28px; }
.file-closed:hover { background: #f5f5f5; border-color: #ddd; }
.file-closed i { color: black; }

.fileWrapper .dx-fileuploader-file-size { vertical-align: bottom; }

.p-name { font-size: 13px; max-width: 80px; color: #333; }

.p-size { font-size: 10px; color: #999; float: right; margin-top: 4px !important; }

.doc-image-assets li { border: 1px solid #e6e7e9; border-radius: 5px; }
.doc-image-assets li img { width: 40px; }
.doc-image-assets .doc-img-desc { color: #707683; }
.doc-image-assets .doc-img-desc.ellipsis { max-width: 175px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.doc-image-assets .closed { top: -9px; right: -9px; cursor: pointer; }

#dxSelectCategories .dx-texteditor-container, #dxTagsId .dx-texteditor-container, #dxSubscriptionsId .dx-texteditor-container { padding-right: 20px; }
#dxSelectCategories .dx-texteditor-container:after, #dxTagsId .dx-texteditor-container:after, #dxSubscriptionsId .dx-texteditor-container:after { content: '\f078'; color: black; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; top: 12px; right: 10px; font-size: 10px; }

.subs-name { background: #ef3b30; text-align: center; width: 100px; height: 100px; border-radius: 50%; font-size: 13px; font-weight: 600; color: white; vertical-align: middle; line-height: 100px; }

.custom-input-wrapper > span { color: #999999; padding-left: 25px; width: 75%; white-space: nowrap; overflow: hidden; display: inline-block; vertical-align: middle; }

.button-wrapper { position: relative; width: 80px; text-align: center; margin: 0 auto; cursor: pointer; }
.button-wrapper span.label { position: relative; z-index: 0; display: inline-block; width: 100%; height: 38px; padding: 0.65rem 1rem; font-weight: 500; line-height: 1.5; border-radius: 0.42rem; cursor: pointer; font-size: 12px; background: #ffe5e5; color: #f0483e; border-color: #ffe5e5; }
.button-wrapper span.label:hover { background: #f0483e; color: white; border-color: #f0483e; }
.button-wrapper span.label.disabled, .button-wrapper span.label:disabled { background: #fffefe; color: #f0483e; border-color: #fffefe; }
.button-wrapper .upload-box { display: inline-block; position: absolute; z-index: 1; width: 100%; height: 38px; top: 0; left: 0; opacity: 0; cursor: pointer; }
.button-wrapper .upload-box:hover { background: #f0483e; color: white; border-color: #f0483e; }
.button-wrapper .upload-box.disabled, .button-wrapper .upload-box:disabled { background: #fffefe; color: #f0483e; border-color: #fffefe; }

.product-group { padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #E4E6EF; }
.product-group:last-child { border-bottom: none; }

.padded { padding: 40px 0; }
.padded.padded-lg { padding: 65px 0 55px; }

.widget-head { margin-bottom: 30px; }
.widget-head .widget-header { font-size: 24px; margin: 0; margin-bottom: 5px; color: #323c47; font-weight: 900; text-transform: uppercase; font-family: "Mulish", sans-serif; }
.widget-head .widget-header.with-bg { font-size: 32px; font-weight: 900; font-family: "Mulish", sans-serif; }
.widget-head .widget-desc { font-size: 14px; color: #707683; font-family: "Mulish", sans-serif; }

.widget-title { margin: 0; margin-bottom: 6px; font-size: 16px; text-transform: uppercase; font-family: "Mulish", sans-serif; font-weight: 700; }

.bar-top { box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.25); color: #323c47; top: 0; right: 0; width: 38%; padding: 5px 22px; border-radius: 0 0 0 20px; font-size: 11px; }
.bar-top .bar-content { right: 5%; }
.bar-top span { margin-right: 10px; }
.bar-top span:last-child { margin: 0; }
.bar-top i { font-size: 12px; }
.bar-top a { color: #323c47; }
.bar-top a:hover { color: #323c47; }
.bar-top.dark { color: white; box-shadow: 0px 0px 12px rgba(255, 255, 255, 0.25); }
.bar-top.dark a { color: white; }
.bar-top.dark a:hover { color: white; }

.product-tabs { background: #f8f8f8; background-image: url(../images/bg/product_bg_top.png), url(../images/bg/product_bg_bottom.png); background-position: top 0 left 0, bottom 20px right 0; background-repeat: no-repeat, no-repeat; }

.product-bg { background-position: top 0px left -350px, bottom -40px right -70px; }

.product-tabs-single { background: white; position: relative; }
.product-tabs-single:before { content: ' '; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.3; background-image: url(../images/bg/product_bg_top.png), url(../images/bg/product_bg_bottom.png), url(../images/bg/product_bg_center.png); background-position: top 0 left 0, bottom 50% right 0, bottom 50px left 0; background-repeat: no-repeat, no-repeat, no-repeat; z-index: 0; }
.product-tabs-single .product-wrapper { margin-bottom: 50px; }
.product-tabs-single .product-wrapper .product-image img, .product-tabs-single .product-wrapper .product-image .img-fluid { background: transparent; border: 0; height: auto !important; border-radius: 0; box-shadow: none !important; }
.product-tabs-single .product-body { background: transparent; border-radius: 0; padding: 0; box-shadow: none; }
.product-tabs-single .product-body .product-title { margin-bottom: 15px; }
.product-tabs-single .product-body .product-desc { margin-bottom: 15px; white-space: normal; }

.product-heading .product-title { font-size: 24px; margin: 0; margin-bottom: 5px; text-transform: uppercase; font-weight: 800; color: #323c47; }
.product-heading p, .product-heading .product-short-name { font-size: 18px; font-weight: 600; }

.price, .new-price { color: #323c47; font-size: 16px; }
.price .strike, .new-price .strike { text-decoration: line-through; font-weight: 600; }

.basic-info h4 { font-size: 16px; margin: 0 0 20px 0; text-transform: uppercase; }
.basic-info ul i { color: #707683; }
.basic-info ul strong { font-weight: 700; color: #323c47; }
.basic-info ul .label.label-inline { margin-bottom: 5px; }

.product-tech-desc p, .product-tech-desc p span, .product-tech-desc em, .product-tech-desc p u, .product-tech-desc p em { text-decoration: none; font-size: 0.875rem !important; font-family: "Mulish", sans-serif !important; color: #323c47 !important; }

.icon-container { width: 70px; height: 70px; border-radius: 50%; border: 1px solid #b2b4b5; text-align: center; }
.icon-container i { font-size: 1.25rem; line-height: 70px; color: #323c47; }

.product-features .feature-single { margin-top: 25px; }
.product-features .feature-single:nth-child(1) .icon-container { border-color: #2f80ed; }
.product-features .feature-single:nth-child(1) .icon-container i { color: #2f80ed; }
.product-features .feature-single:nth-child(2) .icon-container { border-color: #ff7800; }
.product-features .feature-single:nth-child(2) .icon-container i { color: #ff7800; }
.product-features .feature-single:nth-child(3) .icon-container { border-color: #27ae60; }
.product-features .feature-single:nth-child(3) .icon-container i { color: #27ae60; }
.product-features .feature-single:nth-child(4) .icon-container { border-color: #ce1c0f; }
.product-features .feature-single:nth-child(4) .icon-container i { color: #ce1c0f; }
.product-features .feature-single:nth-child(5) .icon-container { border-color: #7645db; }
.product-features .feature-single:nth-child(5) .icon-container i { color: #7645db; }
.product-features .feature-single:nth-child(6) .icon-container { border-color: #f0483e; }
.product-features .feature-single:nth-child(6) .icon-container i { color: #f0483e; }
.product-features .feature-single:nth-child(7) .icon-container { border-color: #2f80ed; }
.product-features .feature-single:nth-child(7) .icon-container i { color: #2f80ed; }
.product-features .feature-single:nth-child(8) .icon-container { border-color: #ff7800; }
.product-features .feature-single:nth-child(8) .icon-container i { color: #ff7800; }
.product-features .feature-single:nth-child(9) .icon-container { border-color: #27ae60; }
.product-features .feature-single:nth-child(9) .icon-container i { color: #27ae60; }
.product-features .feature-single:nth-child(10) .icon-container { border-color: #ce1c0f; }
.product-features .feature-single:nth-child(10) .icon-container i { color: #ce1c0f; }
.product-features .feature-content { margin-top: 30px; }
.product-features .feature-content h4 { font-size: 16px; font-weight: 700; margin: 0 0 10px 0; }
.product-features .feature-content p, .product-features .feature-content span, .product-features .feature-content em, .product-features .feature-content p span, .product-features .feature-content p em, .product-features .feature-content p u { font-family: "Mulish", sans-serif !important; font-size: .9rem !important; color: #323c47 !important; }

.link-container { height: 70px; border-radius: 70px; border: 1px solid #b2b4b5; background: white; }
.link-container .icon-container { margin-left: -1px; }

.product-head { border-radius: 5px; box-shadow: 0px 4px 9px 2px rgba(0, 0, 0, 0.05); margin-bottom: 5px; background: white; position: relative; overflow: hidden; }
.product-head img { width: 100%; border-radius: 5px; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.product-head:hover img { transform: scale(1.1); }
.product-head .ribbon { position: absolute; top: 15px; left: 0; background: #f0483e; color: white; font-size: 12px; font-weight: 500; text-transform: uppercase; padding: 5px 16px 5px 12px; border-radius: 0 12px 12px 0; }

.product-body { background: white; border-radius: 5px; padding: 15px; box-shadow: 0px 4px 9px 2px rgba(0, 0, 0, 0.05); }
.product-body .product-title { margin: 0; margin-bottom: 6px; font-size: 16px; font-weight: 700; text-transform: uppercase; color: #323c47; }
.product-body .product-title a { color: #323c47; text-decoration: none; }
.product-body .product-title a:hover { color: #1d2329; }
.product-body p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0; font-family: "Mulish", sans-serif !important; font-size: 14px !important; color: #707683 !important; }
.product-body p span, .product-body p em { font-family: "Mulish", sans-serif !important; font-size: 14px !important; color: #707683 !important; font-style: normal !important; }
.product-body p:nth-child(n) { display: none; }
.product-body p:nth-child(1), .product-body p:nth-child(2) { display: block !important; }
.product-body p strong { display: none; }
.product-body .product-desc { color: #707683; }
.product-body .text-amount { color: #27ae60; }

.feat-head i { font-size: 2rem; color: #323c47; z-index: 1; }

.tools-bg { background-image: url(../images/bg/tools_bg.png); background-position: center; background-repeat: no-repeat; }
.tools-bg .tech-single img { padding: 10px; filter: drop-shadow(0px 10px 20px rgba(41, 41, 42, 0.07)); }
.tools-bg .tech-single img:first-child { padding-left: 0; }
.tools-bg .tech-single img:last-child { padding-right: 0; }
.tools-bg .tech-single.tech-odd img { padding: 12px 0; }

.cta { background: #DFECF1; background-image: url(../images/bg/cta_bg.png); background-position: top 0 left 0; background-repeat: no-repeat; }

.footer-web { background: #2c2e31; color: #bcbec2; }

.footer-widget.links ul { list-style-type: none; padding-left: 5px; }
.footer-widget.links ul li a { width: 100%; padding: 6px 0; display: block; color: #ffe5e5; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.footer-widget.links ul li a:hover { color: white; }
.footer-widget.links ul li a:first-child { padding-top: 0; }

.footer-title { font-size: 18px; font-weight: 700; color: white; text-transform: uppercase; margin: 0 0 18px 0; }

#menu-social-menu.navigation { list-style-type: none; }
#menu-social-menu.navigation li { display: inline-block; text-align: center; margin-right: 8px; }
#menu-social-menu.navigation li a { text-align: center; line-height: 32px; color: white; }
#menu-social-menu.navigation li a i { width: 32px; height: 32px; font-size: 14px; line-height: 32px; border-radius: 50%; background: rgba(248, 248, 248, 0.1); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; color: white; }
#menu-social-menu.navigation li a:hover i { background: rgba(248, 248, 248, 0.5); }

.cta-contact { position: absolute; width: 100%; top: -95px; box-shadow: 3px 10px 16px rgba(0, 0, 0, 0.6); border-radius: 5px; padding: 3rem; }

.hero-slide { position: relative; }
.hero-slide .carousel-inner img { width: 100%; }
.hero-slide .carousel-indicators { z-index: 1; }
.hero-slide .carousel-indicators li { border-radius: 19px; border: 1px solid #f0483e; background-color: transparent; }
.hero-slide .carousel-indicators li.active { background-color: #f0483e; }
.hero-slide .carousel-caption { top: 42%; left: 7%; right: auto; bottom: auto; z-index: 1; color: #323c47; text-align: left; max-width: 550px; }
.hero-slide .carousel-caption.right-aligned { right: 7%; left: auto; text-align: right; }
.hero-slide .carousel-caption .toggle-heading { font-size: 28px; font-weight: 900; margin-bottom: 10px; color: #323c47; text-transform: uppercase; font-family: "Mulish", sans-serif; }
.hero-slide .carousel-caption .toggle-heading span { color: #323c47; }
.hero-slide .carousel-caption .toggle-subheading, .hero-slide .carousel-caption h1.toggle-subheading, .hero-slide .carousel-caption h2.toggle-subheading, .hero-slide .carousel-caption h4.toggle-subheading, .hero-slide .carousel-caption h5.toggle-subheading { font-size: 18px; color: #323c47 !important; font-family: "Mulish", sans-serif !important; margin-bottom: 25px; font-weight: 900; }
.hero-slide .carousel-caption .toggle-subheading p, .hero-slide .carousel-caption .toggle-subheading p span, .hero-slide .carousel-caption .toggle-subheading p strong, .hero-slide .carousel-caption .toggle-subheading p u, .hero-slide .carousel-caption .toggle-subheading p em, .hero-slide .carousel-caption h1.toggle-subheading p, .hero-slide .carousel-caption h1.toggle-subheading p span, .hero-slide .carousel-caption h1.toggle-subheading p strong, .hero-slide .carousel-caption h1.toggle-subheading p u, .hero-slide .carousel-caption h1.toggle-subheading p em, .hero-slide .carousel-caption h2.toggle-subheading p, .hero-slide .carousel-caption h2.toggle-subheading p span, .hero-slide .carousel-caption h2.toggle-subheading p strong, .hero-slide .carousel-caption h2.toggle-subheading p u, .hero-slide .carousel-caption h2.toggle-subheading p em, .hero-slide .carousel-caption h4.toggle-subheading p, .hero-slide .carousel-caption h4.toggle-subheading p span, .hero-slide .carousel-caption h4.toggle-subheading p strong, .hero-slide .carousel-caption h4.toggle-subheading p u, .hero-slide .carousel-caption h4.toggle-subheading p em, .hero-slide .carousel-caption h5.toggle-subheading p, .hero-slide .carousel-caption h5.toggle-subheading p span, .hero-slide .carousel-caption h5.toggle-subheading p strong, .hero-slide .carousel-caption h5.toggle-subheading p u, .hero-slide .carousel-caption h5.toggle-subheading p em { font-size: 24px !important; line-height: 28px; text-decoration: none !important; color: #323c47 !important; font-family: "Mulish", sans-serif !important; margin: 0; background: transparent !important; }

.scroller { position: absolute; width: 45px; height: 45px; border-radius: 50%; left: 7%; bottom: 25px; border: 1px solid #323c47; text-align: center; line-height: 45px; cursor: pointer; }
.scroller i { color: #323c47; }

.img-container img { cursor: default; }

.documents-single { cursor: pointer; }

.custom-breadcrumbs { background: white; background-image: url(../images/bg/breadcrumbs_bg.png); background-attachment: fixed; background-position: top; background-repeat: no-repeat; background-size: contain; padding: 70px 0 35px; }
.custom-breadcrumbs .breadcrumb { margin: 45px 0 0 0; }
.custom-breadcrumbs .breadcrumb .breadcrumb-item.active { color: #f0483e; }

.breadcrumb { font-weight: 600; }
.breadcrumb.breadcrumb-iconed .breadcrumb-item:after { content: "\f101"; font-family: "Font Awesome 5 Free"; font-weight: 900; padding-left: 0.5rem; color: #707683; }
.breadcrumb.breadcrumb-iconed .breadcrumb-item:last-child:after { content: ""; padding: 0; }
.breadcrumb .breadcrumb-item { color: #707683; }
.breadcrumb .breadcrumb-item a { color: #707683; }
.breadcrumb .breadcrumb-item a:hover { color: #f0483e; }

.breadcrumb-item + .breadcrumb-item::before { display: none; }

#custCarousel .carousel-indicators { position: static; top: 0; left: 0; flex-direction: column; margin: 0; z-index: 1; }
#custCarousel .carousel-indicators > li { width: 75px; height: 75px; border: 0; margin: 0 10px 10px 0; }
#custCarousel .carousel-indicators > li img { display: block; opacity: 0.8; width: 75px; height: 75px; object-fit: cover; border: 1px solid #b2b4b5; }
#custCarousel .carousel-indicators > li.active img { opacity: 1; border-color: #f0483e; }
#custCarousel .carousel-indicators > li:hover img { opacity: 1; }
#custCarousel .carousel-item img { width: 100%; height: 435px; object-fit: cover; border: 1px solid #E4E6EF; }

a { color: #f0483e; }
a:hover { color: #e91e12; }

.text-dark { color: #323c47 !important; }

.text-body { color: #707683 !important; }

.btn.btn-primary { background: #f0483e; color: white; border-color: #f0483e; }
.btn.btn-primary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-primary:focus:not(.btn-text), .btn.btn-primary.focus:not(.btn-text), .btn.btn-primary:hover, .btn.btn-primary:focus { background: #ed2418; color: white; border-color: #ed2418; }
.btn.btn-primary.disabled, .btn.btn-primary:disabled { background: #f4756d; border-color: #f4756d; color: white; }

.btn.btn-light-primary { background: #ffe5e5; color: #f0483e; border-color: #ffe5e5; }
.btn.btn-light-primary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-light-primary:focus:not(.btn-text), .btn.btn-light-primary.focus:not(.btn-text), .btn.btn-light-primary:hover, .btn.btn-light-primary:focus { background: #f0483e; color: white; border-color: #f0483e; }
.btn.btn-light-primary.disabled, .btn.btn-light-primary:disabled { background: #fffefe; color: #f0483e; border-color: #fffefe; }

.btn.btn-primary.btn-web { background: #f0483e; color: white; border-color: #f0483e; font-weight: 600; text-transform: uppercase; }
.btn.btn-primary.btn-web i { color: white; }
.btn.btn-primary.btn-web:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-primary.btn-web:focus:not(.btn-text), .btn.btn-primary.btn-web.focus:not(.btn-text), .btn.btn-primary.btn-web:hover, .btn.btn-primary.btn-web:focus, .btn.btn-primary.btn-web:active { background: #ee3226; color: white; border-color: #ee3226; }
.btn.btn-primary.btn-web:hover:not(.btn-text):not(:disabled):not(.disabled) i, .btn.btn-primary.btn-web:focus:not(.btn-text) i, .btn.btn-primary.btn-web.focus:not(.btn-text) i, .btn.btn-primary.btn-web:hover i, .btn.btn-primary.btn-web:focus i, .btn.btn-primary.btn-web:active i { color: white; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.btn.btn-primary.btn-web:hover { outline-color: #f0483e; outline-offset: 15px; }
.btn.btn-primary.btn-web:hover i { padding-left: .65rem; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.btn.btn-primary.btn-web:disabled, .btn.btn-primary.btn-web.disabled { opacity: .5; cursor: not-allowed; pointer-events: none; }
.btn.btn-primary.btn-web:disabled:hover, .btn.btn-primary.btn-web.disabled:hover { opacity: .5; }
.btn.btn-primary.btn-web.menu-link:hover { background: #ee3226 !important; color: white; }

.btn.btn-link-danger { color: #ce1c0f; }
.btn.btn-link-danger:hover { color: #9e160c; }

.web-link { color: #f0483e; }
.web-link:hover { color: #e91e12; }

.btn.btn-outline-primary { color: #f0483e; background-color: transparent; border-color: #f0483e; }
.btn.btn-outline-primary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-outline-primary:focus:not(.btn-text), .btn.btn-outline-primary.focus:not(.btn-text), .btn.btn-outline-primary:hover, .btn.btn-outline-primary:focus { background: #f0483e; color: white; border-color: #f0483e; }

.badge { font-size: 14px; border-radius: 2rem; font-weight: normal; }

.badge-success { background: #27ae60 !important; }

.badge-primary { background: #f0483e !important; }

.badge-danger { background: #ce1c0f !important; }

.badge-warning { background: #ff7800 !important; }

.label-outline-success { border-color: #27ae60 !important; color: #27ae60 !important; }

.label-outline-primary { border-color: #f0483e !important; color: #f0483e !important; }

.label-outline-warning { border-color: #ff7800 !important; color: #ff7800 !important; }

.label-light-primary { color: #f0483e !important; background-color: #ffe5e5 !important; }

.bg-primary { background-color: #f0483e !important; }

.text-primary { color: #f0483e !important; }
.text-primary:hover { color: #e91e12 !important; }

.text-info { color: #2f80ed !important; }

.text-danger { color: #ce1c0f !important; }

.text-warning { color: #ff7800 !important; }

.text-success { color: #27ae60 !important; }

.text-secondary-blue { color: #f0483e; }

.text-muted { color: #707683; }

.border-primary { border-color: #f0483e !important; }

.border-info { border-color: #2f80ed !important; }

.breadcrumb .breadcrumb-item:hover a { color: #f0483e !important; }

.input-validation-error { border-color: #ce1c0f; }

.form-group.has-error input, .form-group.has-error input.form-control { border-color: #ce1c0f; }

.nav .show > .nav-link .nav-text, .nav .nav-link:hover:not(.disabled) .nav-text, .nav .nav-link.active .nav-text, .nav .nav-link.active .nav-icon i, .nav .nav-link:hover:not(.disabled) .nav-icon i { color: #f0483e; }

.nav.nav-tabs.nav-tabs-line .nav-link:hover:not(.disabled), .nav.nav-tabs.nav-tabs-line .nav-link.active, .nav.nav-tabs.nav-tabs-line .show > .nav-link { border-color: #f0483e; }

.nav.nav-tabs.nav-tabs-line .nav-link.has-error:hover, .nav.nav-tabs.nav-tabs-line .nav-link.has-error, .nav.nav-tabs.nav-tabs-line .show > .nav-link.has-error { background: #f2e1e1; }

.nav.nav-tabs.nav-tabs-line .nav-link.has-error:hover .nav-text, .nav.nav-tabs.nav-tabs-line .nav-link.has-error .nav-text, .nav.nav-tabs.nav-tabs-line .nav-link.has-error:hover .nav-icon i, .nav.nav-tabs.nav-tabs-line .nav-link.has-error .nav-icon i { color: #ce1c0f; }

.nav.nav-tabs.nav-tabs-line .nav-link.has-error:hover .nav-icon i:before, .nav.nav-tabs.nav-tabs-line .nav-link.has-error .nav-icon i:before { content: "\f071"; font-family: "Font Awesome 5 Free"; font-weight: 900; }

.header-mobile .btn:hover .svg-icon svg g [fill] { fill: #f0483e; }
.header-mobile .burger-icon:hover span { background-color: #f0483e; }
.header-mobile .burger-icon:hover span::before, .header-mobile .burger-icon:hover span::after { background-color: #f0483e; }

.alert { width: 450px; position: absolute; right: 5px; top: 20px; border: 1px solid #E6E7E9; border-left-width: 2px; border-radius: 4px 0px 0px 4px; background: white; font-weight: 600; box-shadow: 0px 4px 10px rgba(0, 48, 135, 0.14); text-align: left !important; z-index: 1050; }
.alert.alert-custom.alert-success, .alert.alert-success { background: linear-gradient(88.6deg, #ffffff 1.52%, #27ae60 155.79%); color: #1e8449; border-color: transparent; }
.alert.alert-custom.alert-success .alert-text, .alert.alert-success .alert-text { color: #1e8449; }
.alert.alert-custom.alert-success button.close:before, .alert.alert-custom.alert-success .alert-close .ki-close, .alert.alert-success button.close:before, .alert.alert-success .alert-close .ki-close { color: black !important; }
.alert.alert-custom.alert-danger, .alert.alert-danger { background: linear-gradient(88.6deg, #ffffff 1.52%, #ce1c0f 155.79%); color: #9e160c; border-color: transparent; }
.alert.alert-custom.alert-danger .alert-text, .alert.alert-danger .alert-text { color: #9e160c !important; }
.alert.alert-custom.alert-danger .alert-close .ki-close, .alert.alert-custom.alert-danger button.close:before, .alert.alert-danger .alert-close .ki-close, .alert.alert-danger button.close:before { color: black !important; }
.alert.alert-custom.alert-warning, .alert.alert-warning { background: linear-gradient(88.6deg, #ffffff 1.52%, #ff7800 155.79%); color: #cc6000; border-color: transparent; }
.alert.alert-custom.alert-warning .alert-text, .alert.alert-warning .alert-text { color: #cc6000; }
.alert.alert-custom.alert-warning .alert-close .ki-close, .alert.alert-custom.alert-warning button.close:before, .alert.alert-warning .alert-close .ki-close, .alert.alert-warning button.close:before { color: black !important; }
.alert.alert-custom.alert-info, .alert.alert-info { background: linear-gradient(88.6deg, #ffffff 1.52%, #2f80ed 155.79%); color: #1366d6; border-color: transparent; }
.alert.alert-custom.alert-info .alert-text, .alert.alert-info .alert-text { color: #1366d6; }
.alert.alert-custom.alert-info .alert-close .ki-close, .alert.alert-custom.alert-info button.close:before, .alert.alert-info .alert-close .ki-close, .alert.alert-info button.close:before { color: black !important; }

.checkbox > input:checked ~ span { background-color: #f0483e; }

.radio.radio-outline.radio-primary > input:checked ~ span { border-color: #f0483e; }
.radio.radio-outline.radio-primary > input:checked ~ span:after { background-color: #f0483e; border-color: #f0483e; }

.switch input:empty ~ span:before { background-color: #dedfe2; }

.switch input:checked ~ span:after { background-color: #f0483e; }

.symbol .symbol-label.bg-transparent { background-color: transparent; }
.symbol.symbol-light-primary .symbol-label { background-color: #f8f8f8; }

.btn-link { color: #f0483e; }
.btn-link i { color: #f0483e; font-size: 13px; }
.btn-link:hover { text-decoration: none; color: #f0483e; }

.dx-overlay-shader { background: rgba(0, 0, 0, 0.5) !important; }

.dx-popup-title.dx-toolbar { background-color: #f0483e; }

.dx-popup-title.dx-toolbar .dx-toolbar-items-container { color: white; }

.dx-datagrid a, .dx-theme-generic-typography a { color: #f0483e; }

.dx-calendar-cell.dx-calendar-selected-date.dx-calendar-contoured-date, .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today.dx-calendar-contoured-date { box-shadow: inset 0 0 0 1px #bebebe, inset 0 0 0 1000px #f0483e; }

.dx-calendar-navigator .dx-calendar-caption-button.dx-button .dx-button-content, .dx-calendar-navigator-next-month.dx-button .dx-icon, .dx-calendar-navigator-next-view.dx-button .dx-icon, .dx-calendar-navigator-previous-month.dx-button .dx-icon, .dx-calendar-navigator-previous-view.dx-button .dx-icon { color: #f0483e; }

.dx-overlay-content.dx-toast-info.dx-toast-content.dx-resizable { width: 450px !important; position: absolute !important; right: 5px !important; top: 20px !important; border: 0 !important; border-left-width: 2px !important; border-radius: 4px 0px 0px 4px !important; background: white !important; font-weight: 600 !important; box-shadow: 0px 4px 10px rgba(0, 48, 135, 0.14) !important; text-align: left !important; z-index: 1050 !important; background: linear-gradient(88.6deg, #ffffff 1.52%, #ce1c0f 155.79%) !important; color: #9e160c; padding: 1.5rem 2rem; }
.dx-overlay-content.dx-toast-info.dx-toast-content.dx-resizable .dx-toast-icon { display: none; }
.dx-overlay-content.dx-toast-info.dx-toast-content.dx-resizable .dx-toast-message { color: #9e160c !important; }

.modal .modal-header { background-color: #f0483e; border-bottom: 1px solid #eee; }
.modal .modal-header .modal-title { color: white; }
.modal .modal-header .close .ki-close { color: white; }

@media (max-width: 1920px) { .hero-slide .carousel-caption { top: 40%; left: 17%; }
  .hero-slide .carousel-caption.right-aligned { right: 17%; left: auto; }
  .bar-top { width: 37%; } }
@media (max-width: 1660px) { .hero-slide .carousel-caption { top: 38%; left: 11.5%; }
  .hero-slide .carousel-caption.right-aligned { right: 11.5%; }
  .bar-top { width: 33.6%; } }
@media (max-width: 1440px) { .hero-slide .carousel-caption { top: 40%; left: 5.5%; }
  .hero-slide .carousel-caption.right-aligned { right: 5.5%; }
  .bar-top { width: 32.6%; } }
@media (max-width: 1368px) { .hero-slide .carousel-caption { top: 42%; left: 9.5%; }
  .hero-slide .carousel-caption.right-aligned { right: 9.5%; }
  .bar-top { width: 36.5%; } }
@media (max-width: 1440px) and (min-width: 1199px) { .ParallaxVideo { max-height: 250px; }
  .ParallaxVideo img { max-height: 250px; } }
@media (max-width: 1280px) { .hero-slide .carousel-caption { left: 7%; }
  .hero-slide .carousel-caption.right-aligned { right: 7%; } }
@media (max-width: 1199.98px) { .hero-slide .carousel-caption { left: 11.5%; }
  .hero-slide .carousel-caption.right-aligned { right: 11.5%; }
  .bar-top { width: 42.5%; } }
@media (max-width: 1024px) { .hero-slide .carousel-caption { max-width: 430px; top: 35%; left: 6%; }
  .hero-slide .carousel-caption.right-aligned { right: 6%; }
  .hero-slide .carousel-caption .toggle-heading { font-size: 2rem; }
  .hero-slide .carousel-caption .toggle-subheading { font-size: 1rem; }
  .hero-slide .carousel-caption .toggle-subheading p, .hero-slide .carousel-caption .toggle-subheading p span, .hero-slide .carousel-caption .toggle-subheading p strong, .hero-slide .carousel-caption .toggle-subheading p u, .hero-slide .carousel-caption .toggle-subheading p em { font-size: 1rem !important; }
  .bar-top { width: 42.5%; } }
@media (min-width: 992px) { .header-fixed.header-market .wrapper { padding-top: 0; }
  .header.header-market { background: rgba(255, 255, 255, 0.54); backdrop-filter: blur(15px); box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1); height: 80px !important; }
  .header.header-market.market-dark { background: rgba(0, 0, 0, 0.54); }
  .content { padding: 20px 0; }
  .content.web-content { padding: 40px 0; }
  .footer-fixed .footer { height: auto; left: 0; } }
@media screen and (max-width: 991.98px) { .login-aside { width: 100% !important; }
  .login-container, .signup-container { display: none !important; }
  .bg-reset { background-image: url(../images/bg/forgot_top.png), url(../images/bg/password_bottom.png); background-position: top 0 left 0, bottom 0 right 0; background-repeat: no-repeat, no-repeat; }
  .bar-top { display: none; }
  .payment-product, .payment-card { width: 100% !important; }
  .payment-product .align-self-center { position: relative; }
  .payment-right { margin: 0 !important; border: 0 !important; margin-top: 3.5rem !important; }
  .payment-right .text-left { text-align: center !important; }
  .payment-container { padding: 20px 0 85px; }
  .payment-container .payment-option { margin-top: 0 !important; }
  .payment-container h4 { font-weight: 700 !important; }
  .modal-dialog.modal-wt { width: 100% !important; }
  .gallery-item { max-width: 110px; }
  .topbar { margin-top: 0 !important; }
  .topbar-mobile-on .topbar { z-index: 2; -webkit-transition: all .3s ease; transition: all .3s ease; border-top: 1px solid #ebedf3; margin-top: 55px !important; }
  .hero-slide .carousel-caption { left: 3%; max-width: 470px; }
  .hero-slide .carousel-caption.right-aligned { right: 3%; }
  .hero-slide .carousel-caption .toggle-heading { font-size: 1.25rem; }
  .hero-slide .carousel-caption .toggle-subheading { display: none; }
  .scroller { left: 3%; }
  input[type='text'], input[type='number'], input[type='email'], input[type='password'], input, select, textarea, input:focus, select:focus, textarea:focus { font-size: 16px !important; }
  #custCarousel { display: block !important; }
  #custCarousel .carousel-indicators { flex-direction: row; flex-wrap: wrap; position: absolute; top: auto; bottom: -65px; }
  #custCarousel .carousel-indicators li { margin: 10px 5px 0 0; width: 55px; height: 55px; }
  #custCarousel .carousel-indicators li:last-child { margin-right: 0; }
  #custCarousel .carousel-indicators li img { width: 55px; height: 55px; }
  .custom-breadcrumbs { background-size: auto; padding: 25px 0 25px; }
  .custom-breadcrumbs .breadcrumb { margin: 0; }
  .product-bg { margin-top: 55px; }
  .margined-docs { margin-top: 65px; } }
@media screen and (max-width: 840px) { .hero-slide .carousel-caption .toggle-heading { font-size: 1.1rem; }
  #universalPopup .dx-overlay-content.dx-popup-normal.dx-popup-draggable.dx-resizable { width: 50vw !important; } }
@media screen and (max-width: 768px) { .hero-slide .carousel-caption { max-width: 350px; } }
@media screen and (max-width: 767.68px) { .features-single { text-align: center; }
  .features-single .feat-head { justify-content: center; }
  .hero-slide .carousel-caption .toggle-heading { font-size: 1rem; }
  .scroller { display: none; }
  .product-bg { margin-top: 0; }
  .product-information-container { margin-top: 100px; }
  .cta { background-size: cover; }
  .cta-contact { position: static; top: 0; margin-top: 40px; box-shadow: -2px 0px 16px rgba(0, 0, 0, 0.6); }
  .footer-web { padding: 45px 0 45px; }
  .footer-web .short-desc { margin-bottom: 1.75rem; }
  .product-tabs-single .product-wrapper .product-image { margin: 10px 0; }
  .payment-container { padding: 20px 0; }
  .payment-right { margin-top: 1rem !important; }
  .payment .product-list { display: block !important; }
  .payment .product-list .product-list-inner, .payment .product-list .product-install { width: 100% !important; }
  .payment .product-list .product-install { margin-top: 1.2rem; }
  #transactionHistory .card .card-header .card-title { width: 65% !important; }
  #transactionHistory .card .card-header .local-time { font-size: 11px; }
  .mobile-display { display: block; }
  .login-aside { padding: 0 !important; }
  .login-aside .d-flex.flex-column-fluid.flex-column.flex-start { flex: 1; }
  .login-signin form, .login-signin .form { max-width: none; width: 100%; margin: 0; padding: 5.6rem 2rem !important; }
  .login-signin form.payment-form, .login-signin .form.payment-form { padding: 0 !important; }
  .bg-reset { background-size: 165px; }
  .aj--checkout-box { min-width: 350px !important; height: 215px !important; padding: 25px 30px; }
  .product-basic .product-brief, .product-basic .product-buy { width: 100% !important; }
  .large-screens .img-container { display: none; }
  .ParallaxVideo { height: auto; }
  .ParallaxVideo i, .ParallaxVideo i.far { top: 41% !important; left: 45% !important; }
  #universalPopup .dx-overlay-content.dx-popup-normal.dx-popup-draggable.dx-resizable { width: 95vw !important; } }
@media screen and (min-width: 767px) { .col-md-1-5 { -webkit-box-flex: 0; -ms-flex: 0 0 12.33333%; flex: 0 0 12.33333%; max-width: 12.33333%; position: relative; width: 100%; padding-right: 12.5px; padding-left: 12.5px; }
  .col-md-10-5 { -webkit-box-flex: 0; -ms-flex: 0 0 87.33333%; flex: 0 0 87.33333%; max-width: 87.33333%; position: relative; width: 100%; padding-right: 12.5px; padding-left: 12.5px; } }
@media screen and (max-width: 640px) { .hero-slide .carousel-caption { max-width: 300px; top: 15%; }
  .documents-item { width: 105px; }
  .kbs { top: 85px; }
  .card-sm.max-w-80 { max-width: 100% !important; }
  .card-sm.max-w-80 .card-title { display: block !important; }
  .card-sm.max-w-80 .card-title img { margin-bottom: 12px; display: block; }
  .tools-bg .tech-single img { padding: 6px; } }
@media screen and (max-width: 540px) { #universalPopup .dx-overlay-content.dx-popup-normal.dx-popup-draggable.dx-resizable { width: 100vw !important; }
  .aj--checkout-box { min-width: 280px !important; padding: 15px; }
  .tools-bg .tech-single.tech-even img:first-child { display: none; }
  .document-single-container { display: block !important; margin: 0 !important; }
  .document-single-container .documents-single { width: 100% !important; margin: 0 0 1rem 0 !important; } }
@media screen and (max-width: 480px) { .login-heading.signin { max-width: fit-content; }
  .tools-bg .tech-single.tech-even img { padding: 8px 4px; }
  .tools-bg .tech-single.tech-even img:nth-child(1), .tools-bg .tech-single.tech-even img:nth-child(3), .tools-bg .tech-single.tech-even img:nth-child(5) { display: none; } }
@media screen and (max-width: 355px) { .login-form-elements #ibtnReset { margin-bottom: 0.5rem; }
  .hero-slide .carousel-caption { display: none; } }