/* input(146,1): run-time error CSS1019: Unexpected token, found '@import'
input(146,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap')'
input(4806,2): run-time error CSS1030: Expected identifier, found ' '
input(4806,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
input(10329,28): run-time error CSS1036: Expected expression, found '.'
input(11757,31): run-time error CSS1046: Expect comma, found '0'
input(11757,35): run-time error CSS1046: Expect comma, found '/'
input(14481,32): run-time error CSS1046: Expect comma, found '0'
input(14481,36): run-time error CSS1046: Expect comma, found '/'
input(15052,1): run-time error CSS1019: Unexpected token, found '}'
input(16048,57): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' */
/*--------------------loader---------------------------------------*/
/* Absolute Center Spinner */
.loading.active {
    display: block;
}

.loading {
    position: fixed;
    z-index: 999;
    height: 10rem;
    width: 6rem;
    overflow: show;
    margin: auto;
    top: 100px;
    left: 0px;
    bottom: 0;
    right: 0;
    display: none;
}

    /* Transparent Overlay */
  .loading:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(rgba(20, 20, 20,.7), rgba(0, 0, 0, .7));
    background: -webkit-radial-gradient(rgba(20, 20, 20,.7 ), rgba(0, 0, 0,.7));
  }

    /* :not(:required) hides these rules from IE9 and below */
    .loading:not(:required) {
        /* hide "loading..." text */
        font: 0/0 a;
        color: transparent;
        text-shadow: none;
        background-color: transparent;
        border: 0;
    }

      .loading:not(:required):after {
        content: '';
        display: block;
        font-size: 10px;
        width: 6rem;
        height: 10rem;
        margin-top: -0.5em;
        -webkit-animation: spinner 150ms infinite linear;
        -moz-animation: spinner 150ms infinite linear;
        -ms-animation: spinner 150ms infinite linear;
        -o-animation: spinner 150ms infinite linear;
        animation: spinner 150ms infinite linear;
        border-radius: 0.5em;
        -webkit-box-shadow: rgba(255,255,255, 0.65) 1.5em 0 0 0, rgba(255,255,255, 0.65) 1.1em 1.1em 0 0, rgba(255,255,255, 0.65) 0 1.5em 0 0, rgba(255,255,255, 0.65) -1.1em 1.1em 0 0, rgba(255,255,255, 0.65) -1.5em 0 0 0, rgba(255,255,255, 0.65) -1.1em -1.1em 0 0, rgba(255,255,255, 0.65) 0 -1.5em 0 0, rgba(255,255,255, 0.65) 1.1em -1.1em 0 0;
        box-shadow: rgba(255,255,255, 0.65) 1.5em 0 0 0, rgba(255,255,255, 0.65) 1.1em 1.1em 0 0, rgba(255,255,255, 0.65) 0 1.5em 0 0, rgba(255,255,255, 0.65) -1.1em 1.1em 0 0, rgba(255,255,255, 0.65) -1.5em 0 0 0, rgba(255,255,255, 0.65) -1.1em -1.1em 0 0, rgba(255,255,255, 0.65) 0 -1.5em 0 0, rgba(255,255,255, 0.65) 1.1em -1.1em 0 0;
      }

  .loading .loader img {
      width:100%;
  }

/*----------------------------------------test 2 ---------------------*/


  /*.loader {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    border: 3px solid;
    border-color: var(--color-primary) var(--color-primary) transparent transparent;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

    .loader::after,
    .loader::before {
        content: '';
        box-sizing: border-box;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        border: 3px solid;
        border-color: transparent transparent var(--color-secondary) var(--color-secondary);
        width: 40px;
        height: 40px;
        border-radius: 50%;
        box-sizing: border-box;
        animation: rotationBack 0.5s linear infinite;
        transform-origin: center center;
    }

    .loader::before {
        width: 32px;
        height: 32px;
        border-color: #FFF #FFF transparent transparent;
        animation: rotation 1.5s linear infinite;
    }

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotationBack {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(-360deg);
    }
}
*/
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(../Themes/NascaTheme/Content/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(../lib_npm/jquery-ui-dist/"images/ui-icons_555555_256x240.png")&iconsHighlight=url(../lib_npm/jquery-ui-dist/"images/ui-icons_777620_256x240.png")&iconsHeader=url(../lib_npm/jquery-ui-dist/"images/ui-icons_444444_256x240.png")&iconsError=url(../lib_npm/jquery-ui-dist/"images/ui-icons_cc0000_256x240.png")&iconsDefault=url(../lib_npm/jquery-ui-dist/"images/ui-icons_777777_256x240.png")&iconsContent=url(../lib_npm/jquery-ui-dist/"images/ui-icons_444444_256x240.png")&iconsActive=url(../lib_npm/jquery-ui-dist/"images/ui-icons_ffffff_256x240.png")&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("../lib_npm/jquery-ui-dist/images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("../lib_npm/jquery-ui-dist/images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("../lib_npm/jquery-ui-dist/images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("../lib_npm/jquery-ui-dist/images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("../lib_npm/jquery-ui-dist/images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("../lib_npm/jquery-ui-dist/images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("../lib_npm/jquery-ui-dist/images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.003;filter:Alpha(Opacity=.3)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

/* *** Variable by Reem ***  */

:root {
  /* *** color *** */
  --color-primary: #3882C4;
  --color-primary-box-shadow: rgba(56,130,196, 30%);
  --color-secondary: #FFCD50;
  --color-red: #B90D0D;
  --color-white: #ffffff;
  --color-grey: #2D2D2D;
  --color-softgrey: #F1F1F1;
  --color-link: #005aaa;
  --color-paragraph-text: #4E4E4E;
  --color-background-text: #F5F5F5;
  --section-background-color: #F9FCFF;
  /* *** Box Shadow *** */
  /* --box-shadow: rgb(94 94 94 / 43%) 0px 0px 5px;*/
  --box-shadow-table: rgba(0, 0, 0, 0.05) 0px 0px 4px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
  --box-shadow: var(--color-primary-box-shadow) 0px 0px 4px;
  --box-shadow-input: var(--color-primary) 0px 0px 1px 1px;
  --box-shadow-input-hover: var(--color-primary) 0px 0px 4px;
  /* *** Font Size *** */
  --font-size-tiny: 12px;
  --font-size-little: 14px;
  --font-size-smaller: 15px;
  --font-size-small: 16px;
  --font-size-medium: 18px;
  --font-size-larg: 26px;
  --font-size-largger: 32px;
  /* *** border radius *** */
  --border-radius: 10px;
  --border-radius-input: 6px;
}

/* ***** */

.background-section {
  background-color: var(--section-background-color);
}


a {
  color: var(--color-primary);
  /*opacity: 1 */
  text-decoration: underline;
}


body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  /*font-family: "Noto Sans", sans-serif;*/
  /*  color: var(--color-primary);*/
  font-family: "Noto Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}

.header.header-wrapper {
  position: sticky;
  top: 0;
  background-color: var(--color-white);
  box-shadow: var(--box-shadow);
}

  .header.header-wrapper .header-lower {
    padding-top: 0 !important;
  }
/*Ayushi*/
.ui-helper-hidden {
  display: none
}

.header-upper {
  display: flex;
  align-items: center;
  justify-content: center;
}



.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse
}

.ui-helper-clearfix:after {
  clear: both
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0)
}

.ui-front {
  z-index: 100
}

.ui-state-disabled {
  cursor: default !important;
  pointer-events: none
}

.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat
}

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block
}

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: .5em .5em .5em .7em;
  font-size: 100%
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default
}

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0
}

  .ui-menu .ui-menu {
    position: absolute
  }

  .ui-menu .ui-menu-item {
    margin: 0;
    cursor: pointer;
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")
  }

  .ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 3px 1em 3px .4em
  }

  .ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0
  }

  .ui-menu .ui-state-focus,
  .ui-menu .ui-state-active {
    margin: -1px
  }

.ui-menu-icons {
  position: relative
}

  .ui-menu-icons .ui-menu-item-wrapper {
    padding-left: 2em
  }

.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0
}

.ui-menu .ui-menu-icon {
  left: auto;
  right: 0
}

.ui-button {
  padding: .4em 1em;
  display: inline-block;
  position: relative;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: visible
}

.home-page .home-page-category-grid .title h1,
.page-title h1 {
  text-transform: capitalize;
}


.home-page-category-grid p {
  color: var(--color-paragraph-text) !important;
}

.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
  text-decoration: none
}

.ui-button-icon-only {
  width: 2em;
  box-sizing: border-box;
  text-indent: -9999px;
  white-space: nowrap
}

input.ui-button.ui-button-icon-only {
  text-indent: 0
}

.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px
}

.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap
}

input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: .4em 1em
}

input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0
}

.ui-controlgroup {
  vertical-align: middle;
  display: inline-block
}

  .ui-controlgroup > .ui-controlgroup-item {
    float: left;
    margin-left: 0;
    margin-right: 0
  }

    .ui-controlgroup > .ui-controlgroup-item:focus,
    .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
      z-index: 9999
    }

.ui-controlgroup-vertical > .ui-controlgroup-item {
  display: block;
  float: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left
}

.ui-controlgroup-vertical .ui-controlgroup-item {
  box-sizing: border-box
}

.ui-controlgroup .ui-controlgroup-label {
  padding: .4em 1em
}

  .ui-controlgroup .ui-controlgroup-label span {
    font-size: 80%
  }

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
  border-left: none
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
  border-top: none
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
  border-right: none
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
  border-bottom: none
}

.ui-controlgroup-vertical .ui-spinner-input {
  width: 75%;
  width: calc(100% - 2.4em)
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
  border-top-style: solid
}

.ui-checkboxradio-label .ui-icon-background {
  box-shadow: inset 1px 1px 1px #ccc;
  border-radius: .12em;
  border: none
}

.ui-checkboxradio-radio-label .ui-icon-background {
  width: 16px;
  height: 16px;
  border-radius: 1em;
  overflow: visible;
  border: none
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image: none;
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-style: solid
}

.ui-checkboxradio-disabled {
  pointer-events: none
}

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none
}

  .ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
  }

  .ui-datepicker .ui-datepicker-prev,
  .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
  }

  .ui-datepicker .ui-datepicker-prev-hover,
  .ui-datepicker .ui-datepicker-next-hover {
    top: 1px
  }

  .ui-datepicker .ui-datepicker-prev {
    left: 2px
  }

  .ui-datepicker .ui-datepicker-next {
    right: 2px
  }

  .ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
  }

  .ui-datepicker .ui-datepicker-next-hover {
    right: 1px
  }

  .ui-datepicker .ui-datepicker-prev span,
  .ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
  }

  .ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
  }

    .ui-datepicker .ui-datepicker-title select {
      font-size: 1em;
      margin: 1px 0
    }

  .ui-datepicker select.ui-datepicker-month,
  .ui-datepicker select.ui-datepicker-year {
    width: 45%
  }

  .ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
  }

  .ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0
  }

  .ui-datepicker td {
    border: 0;
    padding: 1px
  }

    .ui-datepicker td span,
    .ui-datepicker td a {
      display: block;
      padding: .2em;
      text-align: right;
      text-decoration: none
    }

  .ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
  }

    .ui-datepicker .ui-datepicker-buttonpane button {
      float: right;
      margin: .5em .2em .4em;
      cursor: pointer;
      padding: .2em .6em .3em .6em;
      width: auto;
      overflow: visible
    }

      .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
        float: left
      }

  .ui-datepicker.ui-datepicker-multi {
    width: auto
  }

.ui-datepicker-multi .ui-datepicker-group {
  float: left
}

  .ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
  }

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0
}

.ui-datepicker-rtl {
  direction: rtl
}

  .ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
  }

  .ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
  }

  .ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
  }

  .ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
  }

  .ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
  }

    .ui-datepicker-rtl .ui-datepicker-buttonpane button {
      float: left
    }

      .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
      .ui-datepicker-rtl .ui-datepicker-group {
        float: right
      }

  .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
  .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
  }

.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: .5em;
  top: .3em
}

.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  outline: 0
}

  .ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative
  }

  .ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis
  }

  .ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px
  }

  .ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto
  }

  .ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em
  }

    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
      float: right
    }

    .ui-dialog .ui-dialog-buttonpane button {
      margin: .5em .4em .5em 0;
      cursor: pointer
    }

  .ui-dialog .ui-resizable-n {
    height: 2px;
    top: 0
  }

  .ui-dialog .ui-resizable-e {
    width: 2px;
    right: 0
  }

  .ui-dialog .ui-resizable-s {
    height: 2px;
    bottom: 0
  }

  .ui-dialog .ui-resizable-w {
    width: 2px;
    left: 0
  }

  .ui-dialog .ui-resizable-se,
  .ui-dialog .ui-resizable-sw,
  .ui-dialog .ui-resizable-ne,
  .ui-dialog .ui-resizable-nw {
    width: 7px;
    height: 7px
  }

  .ui-dialog .ui-resizable-se {
    right: 0;
    bottom: 0
  }

  .ui-dialog .ui-resizable-sw {
    left: 0;
    bottom: 0
  }

  .ui-dialog .ui-resizable-ne {
    right: 0;
    top: 0
  }

  .ui-dialog .ui-resizable-nw {
    left: 0;
    top: 0
  }

.ui-draggable .ui-dialog-titlebar {
  cursor: move
}

.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none
}

.ui-resizable {
  position: relative
}

.ui-resizable-handle {
  position: absolute;
  font-size: .1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px
}

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden
}

  .ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%
  }

  .ui-progressbar .ui-progressbar-overlay {
    background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
    height: 100%;
    filter: alpha(opacity=25);
    opacity: .25
  }

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none
}

.ui-selectable {
  -ms-touch-action: none;
  touch-action: none
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted #000
}

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none
}

  .ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px
  }

    .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
      font-size: 1em;
      font-weight: bold;
      line-height: 1.5;
      padding: 2px .4em;
      margin: .5em 0 0 0;
      height: auto;
      border: 0
    }

.ui-selectmenu-open {
  display: block
}

.ui-selectmenu-text {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis
}

.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 14em
}

.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0
}

.ui-slider {
  position: relative;
  text-align: left
}

  .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1em;
    height: 1em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none
  }

  .ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
  }

  .ui-slider.ui-state-disabled .ui-slider-handle,
  .ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit
  }

.ui-slider-horizontal {
  height: .5em
}

  .ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em
  }

  .ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
  }

  .ui-slider-horizontal .ui-slider-range-min {
    left: 0
  }

  .ui-slider-horizontal .ui-slider-range-max {
    right: 0
  }

.ui-slider-vertical {
  width: .8em;
  height: 100px
}

  .ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em
  }

  .ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
  }

  .ui-slider-vertical .ui-slider-range-min {
    bottom: 0
  }

  .ui-slider-vertical .ui-slider-range-max {
    top: 0
  }

.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none
}

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle
}

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: .222em 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 2em
}

.ui-spinner-button {
  width: 1.6em;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0
}

.ui-spinner a.ui-spinner-button {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none
}

.ui-spinner-up {
  top: 0
}

.ui-spinner-down {
  bottom: 0
}

.ui-tabs {
  position: relative;
  padding: .2em
}

  .ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0
  }

    .ui-tabs .ui-tabs-nav li {
      list-style: none;
      float: left;
      position: relative;
      top: 0;
      margin: 1px .2em 0 0;
      border-bottom-width: 0;
      padding: 0;
      white-space: nowrap
    }

    .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
      float: left;
      padding: .5em 1em;
      text-decoration: none
    }

    .ui-tabs .ui-tabs-nav li.ui-tabs-active {
      margin-bottom: -1px;
      padding-bottom: 1px
    }

      .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
      .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
      .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
        cursor: text
      }

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none
}

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px
}

body .ui-tooltip {
  border-width: 2px
}

.ui-widget {
  font-size: 1em
}

  .ui-widget .ui-widget {
    font-size: 1em
  }

  .ui-widget input,
  .ui-widget select,
  .ui-widget textarea,
  .ui-widget button {
    font-size: 1em
  }

.ui-dialog.ui-widget.ui-widget-content {
  z-index: 999999;
  width: 900px !important;
  top: 50%;
  left: 30%;
  border-radius: 8px;
  box-shadow: var(--box-shadow-input-hover);
  /*border: 1px solid #c5c5c5;*/
}

.ui-widget-content {
  border: 1px solid #ddd;
  background: #fff;
  color: #333
}

  .ui-widget-content a {
    color: #333
  }

.ui-widget-header {
  border: 1px solid #ddd;
  background: var(--color-background-text);
  color: #333;
  font-weight: bold
}

  .ui-widget-header a {
    color: #333
  }

  .ui-state-default,
  .ui-widget-content .ui-state-default,
  .ui-widget-header .ui-state-default,
  .ui-button,
  html .ui-button.ui-state-disabled:hover,
  html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545
  }

    .ui-state-default a,
    .ui-state-default a:link,
    .ui-state-default a:visited,
    a.ui-button,
    a:link.ui-button,
    a:visited.ui-button,
    .ui-button {
      color: #454545;
      text-decoration: none
    }

      .ui-state-hover,
      .ui-widget-content .ui-state-hover,
      .ui-widget-header .ui-state-hover,
      .ui-state-focus,
      .ui-widget-content .ui-state-focus,
      .ui-widget-header .ui-state-focus,
      .ui-button:hover,
      .ui-button:focus {
        border: 1px solid #ccc;
        background: #ededed;
        font-weight: normal;
        color: #2b2b2b
      }

        .ui-state-hover a,
        .ui-state-hover a:hover,
        .ui-state-hover a:link,
        .ui-state-hover a:visited,
        .ui-state-focus a,
        .ui-state-focus a:hover,
        .ui-state-focus a:link,
        .ui-state-focus a:visited,
        a.ui-button:hover,
        a.ui-button:focus {
          color: #2b2b2b;
          text-decoration: none
        }

.ui-visual-focus {
  box-shadow: 0 0 3px 1px #5e9ed6
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: normal;
  color: #fff
}

  .ui-icon-background,
  .ui-state-active .ui-icon-background {
    border: #003eff;
    background-color: #fff
  }

  .ui-state-active a,
  .ui-state-active a:link,
  .ui-state-active a:visited {
    color: #fff;
    text-decoration: none
  }

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620
}

.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #777620
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f
}

  .ui-state-error a,
  .ui-widget-content .ui-state-error a,
  .ui-widget-header .ui-state-error a {
    color: #5f3f3f
  }

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #5f3f3f
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  font-weight: normal
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none
}

  .ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
  }

.ui-icon {
  width: 16px;
  height: 16px
}

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url("../Themes/NascaTheme/Content/lib_npm/jquery-ui-dist/images/ui-icons_444444_256x240.png")
}

.ui-widget-header .ui-icon {
  background-image: url("../Themes/NascaTheme/Content/lib_npm/jquery-ui-dist/images/ui-icons_444444_256x240.png")
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
  background-image: url("../Themes/NascaTheme/Content/lib_npm/jquery-ui-dist/images/ui-icons_555555_256x240.png")
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
  background-image: url("../Themes/NascaTheme/Content/lib_npm/jquery-ui-dist/images/ui-icons_ffffff_256x240.png")
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
  background-image: url("../Themes/NascaTheme/Content/lib_npm/jquery-ui-dist/images/ui-icons_777620_256x240.png")
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("../Themes/NascaTheme/Content/lib_npm/jquery-ui-dist/images/ui-icons_cc0000_256x240.png")
}

.ui-button .ui-icon {
  background-image: url("../Themes/NascaTheme/Content/lib_npm/jquery-ui-dist/images/ui-icons_777777_256x240.png")
}

.ui-icon-blank {
  background-position: 16px 16px
}

.ui-icon-caret-1-n {
  background-position: 0 0
}

.ui-icon-caret-1-ne {
  background-position: -16px 0
}

.ui-icon-caret-1-e {
  background-position: -32px 0
}

.ui-icon-caret-1-se {
  background-position: -48px 0
}

.ui-icon-caret-1-s {
  background-position: -65px 0
}

.ui-icon-caret-1-sw {
  background-position: -80px 0
}

.ui-icon-caret-1-w {
  background-position: -96px 0
}

.ui-icon-caret-1-nw {
  background-position: -112px 0
}

.ui-icon-caret-2-n-s {
  background-position: -128px 0
}

.ui-icon-caret-2-e-w {
  background-position: -144px 0
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px
}

.ui-icon-triangle-1-s {
  background-position: -65px -16px
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px
}

.ui-icon-arrow-1-s {
  background-position: -65px -32px
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
  background-position: 1px -48px
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px
}

.ui-icon-arrow-4 {
  background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px
}

.ui-icon-extlink {
  background-position: -32px -80px
}

.ui-icon-newwin {
  background-position: -48px -80px
}

.ui-icon-refresh {
  background-position: -64px -80px
}

.ui-icon-shuffle {
  background-position: -80px -80px
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px
}

.ui-icon-folder-open {
  background-position: -16px -96px
}

.ui-icon-document {
  background-position: -32px -96px
}

.ui-icon-document-b {
  background-position: -48px -96px
}

.ui-icon-note {
  background-position: -64px -96px
}

.ui-icon-mail-closed {
  background-position: -80px -96px
}

.ui-icon-mail-open {
  background-position: -96px -96px
}

.ui-icon-suitcase {
  background-position: -112px -96px
}

.ui-icon-comment {
  background-position: -128px -96px
}

.ui-icon-person {
  background-position: -144px -96px
}

.ui-icon-print {
  background-position: -160px -96px
}

.ui-icon-trash {
  background-position: -176px -96px
}

.ui-icon-locked {
  background-position: -192px -96px
}

.ui-icon-unlocked {
  background-position: -208px -96px
}

.ui-icon-bookmark {
  background-position: -224px -96px
}

.ui-icon-tag {
  background-position: -240px -96px
}

.ui-icon-home {
  background-position: 0 -112px
}

.ui-icon-flag {
  background-position: -16px -112px
}

.ui-icon-calendar {
  background-position: -32px -112px
}

.ui-icon-cart {
  background-position: -48px -112px
}

.ui-icon-pencil {
  background-position: -64px -112px
}

.ui-icon-clock {
  background-position: -80px -112px
}

.ui-icon-disk {
  background-position: -96px -112px
}

.ui-icon-calculator {
  background-position: -112px -112px
}

.ui-icon-zoomin {
  background-position: -128px -112px
}

.ui-icon-zoomout {
  background-position: -144px -112px
}

.ui-icon-search {
  background-position: -160px -112px
}

.ui-icon-wrench {
  background-position: -176px -112px
}

.ui-icon-gear {
  background-position: -192px -112px
}

.ui-icon-:t {
  background-position: -208px -112px
}

.ui-icon-star {
  background-position: -224px -112px
}

.ui-icon-link {
  background-position: -240px -112px
}

.ui-icon-cancel {
  background-position: 0 -128px
}

.ui-icon-plus {
  background-position: -16px -128px
}

.ui-icon-plusthick {
  background-position: -32px -128px
}

.ui-icon-minus {
  background-position: -48px -128px
}

.ui-icon-minusthick {
  background-position: -64px -128px
}

.ui-icon-close {
  background-position: -80px -128px
}

.ui-icon-closethick {
  background-position: -96px -128px
}

.ui-icon-key {
  background-position: -112px -128px
}

.ui-icon-lightbulb {
  background-position: -128px -128px
}

.ui-icon-scissors {
  background-position: -144px -128px
}

.ui-icon-clipboard {
  background-position: -160px -128px
}

.ui-icon-copy {
  background-position: -176px -128px
}

.ui-icon-contact {
  background-position: -192px -128px
}

.ui-icon-image {
  background-position: -208px -128px
}

.ui-icon-video {
  background-position: -224px -128px
}

.ui-icon-script {
  background-position: -240px -128px
}

.ui-icon-alert {
  background-position: 0 -144px
}

.ui-icon-info {
  background-position: -16px -144px
}

.ui-icon-notice {
  background-position: -32px -144px
}

.ui-icon-help {
  background-position: -48px -144px
}

.ui-icon-check {
  background-position: -64px -144px
}

.ui-icon-bullet {
  background-position: -80px -144px
}

.ui-icon-radio-on {
  background-position: -96px -144px
}

.ui-icon-radio-off {
  background-position: -112px -144px
}

.ui-icon-pin-w {
  background-position: -128px -144px
}

.ui-icon-pin-s {
  background-position: -144px -144px
}

.ui-icon-play {
  background-position: 0 -160px
}

.ui-icon-pause {
  background-position: -16px -160px
}

.ui-icon-seek-next {
  background-position: -32px -160px
}

.ui-icon-seek-prev {
  background-position: -48px -160px
}

.ui-icon-seek-end {
  background-position: -64px -160px
}

.ui-icon-seek-start {
  background-position: -80px -160px
}

.ui-icon-seek-first {
  background-position: -80px -160px
}

.ui-icon-stop {
  background-position: -96px -160px
}

.ui-icon-eject {
  background-position: -112px -160px
}

.ui-icon-volume-off {
  background-position: -128px -160px
}

.ui-icon-volume-on {
  background-position: -144px -160px
}

.ui-icon-power {
  background-position: 0 -176px
}

.ui-icon-signal-diag {
  background-position: -16px -176px
}

.ui-icon-signal {
  background-position: -32px -176px
}

.ui-icon-battery-0 {
  background-position: -48px -176px
}

.ui-icon-battery-1 {
  background-position: -64px -176px
}

.ui-icon-battery-2 {
  background-position: -80px -176px
}

.ui-icon-battery-3 {
  background-position: -96px -176px
}

.ui-icon-circle-plus {
  background-position: 0 -192px
}

.ui-icon-circle-minus {
  background-position: -16px -192px
}

.ui-icon-circle-close {
  background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px
}

.ui-icon-circle-check {
  background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 3px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 3px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 3px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 3px
}

.ui-widget-overlay {
  background: #aaa;
  opacity: .003;
  filter: Alpha(Opacity=.3)
}

.ui-widget-shadow {
  -webkit-box-shadow: 0 0 5px #666;
  box-shadow: 0 0 5px #666
}

* {
  margin: 0;
  padding: 0;
  text-decoration: none
}

  *,
  *:before,
  *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

html {
  margin: 0;
  -webkit-text-size-adjust: none
}

ol,
ul {
  list-style: none;
  padding-left: 1rem !important;
}

a img {
  border: none
}

button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="file"] > button::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
  margin: 0;
  border: 0;
  padding: 0
}

button,
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
textarea {
  border-radius: 0
}

button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
  -webkit-appearance: none
}

input:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 1000px #fff
}

script {
  display: none !important
}

body {
  max-width: 100%;
  overflow-x: hidden;
  background-color: #fff;
  color: #777
}

h1 {
  color: var(--color-primary) !important;
  font-family: "Noto Sans", sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
}

h2,
h3,
h4,
h5,
h6 {
  color: var(--color-grey)
}

a {
  color: inherit;
  cursor: pointer
}

  a img {
    opacity: .99
  }

table {
  width: 100%;
  border-collapse: collapse
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
textarea,
select {
  height: 40px;
  border: 0;
  padding: 10px;
  vertical-align: middle;
  border-radius: 8px;
}

.write-review .buttons {
  text-align: start !important;
}

.inputs label {
  width: auto !important;
  margin-right: 0 !important;
  color: var(--color-paragraph-text) !important;
  font-weight: 600 !important;
}

.inputs.news-letter,
.inputs.accept-consent {
  display: flex;
  flex-direction: row !important;
}

.input.accept-consent {
  align-items: center;
}

.inputs.news-letter label,
.inputs.news-letter input,
.inputs.accept-consent input {
  margin: 0 !important;
}

.inputs.accept-consent label {
  margin: 0 3px !important;
}

.input.accept-consent {
}

.page {
  padding: 0;
}

.page-body {
  padding-top: 4rem;
}

.registration-page .page-body {
  width: 75%;
  padding-left: 12rem
}

.register-box {
  width: 46%;
}

  .register-box .form-fields .inputs,
  .register-box .form-fields .fieldset {
    width: 100%;
  }

.register-container .register-box:last-child {
  position: relative;
}

  .register-container .register-box:last-child::before {
    content: "";
    position: absolute;
    top: 20px;
    left: -60px;
    width: 1px;
    background-color: var(--color-primary);
    height: 100%;
  }

.register-container .register-box,
.customer-blocks .returning-wrapper.fieldset {
  margin: 0 !important;
}

.register-container {
  width: 100%;
}

.customer-blocks .returning-wrapper.fieldset,
.password-recovery-box {
  width: 450px;
}

.register-container,
.customer-blocks .returning-wrapper.fieldset,
.form-box,
.write-review,
.contact-details,
.customer-info-page-container,
.my-account-change-password-page,
.new-billing-address .enter-address .edit-address,
.address-edit-page-box {
  background-color: var(--color-white) !important;
  border-radius: 10px;
  box-shadow: var(--box-shadow);
  padding: 30px;
}

  .my-account-change-password-page .eye-icons-password {
    top: 3.3rem;
  }

.password-recovery-box {
  margin-top: 4rem;
}

.search-input-box {
  width: 100%;
}

.register-container,
.password-recovery-box,
.form-box,
.write-review,
.contact-details,
.customer-info-page,
.account-page.change-password-page,
.address-edit-page {
  width: 40%
}

.customer-blocks .returning-wrapper.fieldset {
  width: 70%;
}

.new-billing-address .enter-address .edit-address {
  width: 500px;
}

.register-block,
.checkout-as-guest-or-register-block,
.login-page .new-wrapper, .go-login {
  margin-top: 1rem;
  padding-top: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 2px solid var(--color-primary);
}

.checkout-as-guest-or-register-block {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.returning-wrapper .new-wrapper.checkout-as-guest-or-register-block .buttons {
  width: 88%;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

  .returning-wrapper .new-wrapper.checkout-as-guest-or-register-block .buttons p {
    color: var(--color-paragraph-text);
    margin: 0;
  }

.register-block {
  display: flex;
  align-items: center;
  justify-content: center;
}

.password-recovery-page .page-body form {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.password-recovery-page .fieldset {
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
}

.register-container + .buttons {
  margin-top: 1rem;
}

.register-block .card .buttons,
.login-page .returning-wrapper .buttons {
  display: flex;
  justify-content: center;
  align-items: center;
}

.register-button, .checkout-as-guest-button {
  border: none;
  background-color: transparent;
  color: var(--color-primary) !important;
  font-weight: 500;
}

.registration-page .buttons {
  margin-right: 0;
  display: flex;
  justify-content: center !important;
}

.login-page .returning-wrapper .form-fields {
  padding: 0 10px;
}

.contact-details .buttons button {
  /*padding: 13px 30px;*/
  font-size: 18px;
  border-radius: 10px;
  background: var(--color-red);
}

.page.contact-page,
.page.login-page,
.registration-page,
.wishlist-page {
  /*background: var(--section-background-color);*/
  margin-bottom: -100px;
  padding-bottom: 100px;
}

.inputs input::placeholder {
  color: #B2AFAF;
}

textarea.review-text {
  background-color: var(--color-white) !important;
  box-shadow: var(--box-shadow-input);
}

.review-text {
  color: var(--color-paragraph-text);
  font-weight: 500;
  padding: 10px 0;
  width: fit-content !important;
}

.inputs textarea::placeholder {
  color: #B2AFAF;
}

th.remove-from-cart {
  border-top-right-radius: 10px;
}

th.sku {
  display: none;
  border-top-left-radius: 10px;
}

.cart tr:last-child td.sku {
  border-bottom-left-radius: 10px;
}

.cart tr:last-child td.remove-from-cart {
  border-bottom-right-radius: 10px;
}

input,
textarea,
select {
  font-size: 14px;
  color: var(--color-paragraph-text) !important;
}

textarea {
  min-height: 150px
}

select {
  min-width: 50px;
  height: 32px;
  padding: 4px
}

  input[type="text"]:focus,
  input[type="email"]:focus,
  input[type="tel"]:focus,
  input[type="password"]:focus,
  textarea:focus,
  select:focus {
    border-color: #ccc;
    color: var(--color-grey);
    position: relative;
    z-index: 1
  }

input[type="checkbox"],
input[type="radio"],
input[type="checkbox"] + *,
input[type="radio"] + * {
  vertical-align: middle
}

input[type="button"],
input[type="submit"],
button,
.button-1,
.button-2 {
  cursor: pointer
}

.master-wrapper-content {
  /*background-color:var(--section-background-color);*/
  position: relative;
  z-index: 0;
  width: 100%;
  margin: 0 auto;
  margin-bottom:60px;
}

.master-column-wrapper {
  position: relative;
  z-index: 0
}

  .master-column-wrapper:after {
    content: "";
    display: block;
    clear: both
  }

.center-1 {
  margin: 0 0 100px;
}

/*.center-2,
.side-2 {
  margin: 0 0 50px
}*/

.side-2:after {
  content: "";
  display: block;
  clear: both
}

.page {
  /*min-height: 380px;*/
  min-height: 445px;
  text-align: center
}

.side-2 + .center-2 .page-title {
  margin: 0;
}

.page-title {
  min-height: 50px;
  margin: 50px 0 25px;
  border-bottom: 1px solid #ddd;
  padding: 6px 10px
}

  .page-title h1 {
    text-align: center !important;
    /*font-size: 32px;*/
    font-size: var(--font-size-larg);
    font-weight: normal;
    font-weight: bold;
  }

  .page:after,
  .page-title:after,
  .page-body:after {
    content: "";
    display: block;
    clear: both
  }

.center-1 .page-title,
.center-1 .title {
  text-align: center
}

.buttons {
  margin: 0 0 30px
}

.link-rss {
  display: none;
  width: 24px;
  height: 24px;
  background: url('/Themes/NascaTheme/Content/images/rss.png') center no-repeat;
  font-size: 0 !important
}

.category-description ul,
.manufacturer-description ul,
.full-description ul,
.topic-page ul,
.post-body ul {
  margin: 12px 0;
  padding: 0 0 0 36px;
  list-style: disc
}

.topic-block ul {
  font-size: 14px;
  margin: 6px 0;
  padding: 0 0 0 20px;
  list-style: disc
}

.category-description ol,
.manufacturer-description ol,
.full-description ol,
.topic-block ol,
.topic-page ol,
.post-body ol {
  margin: 12px 0;
  padding: 0 0 0 36px;
  list-style: decimal
}

.category-description p,
.manufacturer-description p,
.full-description p,
.topic-block p,
.topic-page p,
.post-body p,
.news-body p {
  margin: 0;
  text-align: justify;
}

.cart-content svg:hover {
  cursor: pointer;
  color: red !important;
}

svg.icon-svg {
  fill: var(--color-primary);
}

  svg.icon-svg:hover {
    fill: var(--color-secondary);
  }

.flyout-cart {
  display: none;
  /*display: block;*/
  box-shadow: var(--box-shadow) !important;
  border-radius: 10px;
}

  .flyout-cart .item {
    border-bottom: 2px solid #eee;
    border-radius: 0 !important;
  }

.button-hover:hover {
  background-color: var(--color-secondary) !important;
}

.mini-shopping-cart.items .picture {
  height: 100% !important;
}

.mini-shopping-cart.items .item .picture a {
  height: 100% !important;
  display: flex;
  align-items: center !important;
  justify-content: center !important;
}

.fieldset, .section {
  position: relative;
  margin: 0 0 30px
}

  .fieldset .title,
  .section .title {
    margin: 0 0 15px;
    padding: 10px;
    font-size: 20px;
    color: var(--color-grey)
  }

.news-item-page .title {
  text-align: left !important;
  padding: 0;
  color: #f1a59f !important;
}

.registration-page .fieldset .title,
.registration-page .section .title {
  margin: 0 0 5px;
  font-size: 18px;
  color: var(--color-primary);
  text-align: left !important;
  /*margin-bottom: 20px !important;*/
  padding-left: 0;
}

.fieldset .title strong,
.section .title strong {
  font-weight: normal
}

.conatct-main {
  display: flex;
  justify-content: space-between;
}

.contact-details {
  flex: 1;
}

.contact-image {
  flex: 1;
  margin: 40px;
  text-align: right;
}

.combined label {
  margin-bottom: 0 !important;
  margin-right: 10px !important;
}

.form-fields .inputs {
  padding: 2px;
  /*display: inline-flex;*/
  flex-direction: column;
  align-items: flex-start;
}

  .form-fields .inputs:last-child {
    margin-bottom: 0px;
  }

.contact-image img {
  object-fit: fill;
  margin-top: 40px;
  width: 100%;
  height: 430px;
  object-position: 120% 10%;
}

.page.login-page,
.registration-page .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start;
}

.registration-page .buttons {
  text-align: left !important;
  margin: 0 !important;
}

.form-fields {
  position: relative;
  border-top: 0;
  background-color: transparent;
  padding: 0;
}

.contact-details .form-fields {
  display: flex;
  flex-direction: column;
}

.registration-page .form-fields {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.inputs {
  position: relative;
  margin: 0 0 15px;
  text-align: start;
  white-space: nowrap;
  font-size: 0
}

  /*  .inputs:after {
    content: "";
    display: block;
    clear: both
  }
*/
  .inputs label {
    display: block;
    width: 100%;
    margin: 0 0 10px;
    text-align: center;
    font-size: 14px;
    color: var(--color-grey)
  }

  /* *** Edit by Reem ***  */

  .inputs input[type="text"],
  .inputs input[type="email"],
  .inputs input[type="tel"],
  .inputs input[type="password"],
  .inputs select,
  .inputs textarea {
    width: 100%;
    font-size: 18px;
    /*min-width: 500px;*/
    outline: none !important;
    background-color: var(--color-white) !important;
    box-shadow: var(--box-shadow-input) !important;
  }

.registration-page .inputs select#CountryId,
.registration-page .inputs select#StateProvinceId {
  display: flex !important;
  margin-top: 10px;
}

.registration-page .inputs input[type="text"],
.registration-page .inputs input[type="email"],
.registration-page .inputs input[type="tel"],
.registration-page .inputs input[type="password"],
.registration-page .inputs select,
.registration-page .inputs textarea,
.login-page .inputs input[type="text"],
.login-page .inputs input[type="email"],
.login-page .inputs input[type="tel"],
.login-page .inputs input[type="password"],
.login-page .inputs select,
.login-page .inputs textarea {
  /*    border:none;
    border-radius:3px;
    border: 2px solid var(--color-primary);*/
  /*  background-color: #fff;
  background-color: var(--color-white) !important;
  box-shadow: var(--box-shadow-input) !important;*/
}
/*Ayushi*/

.contact-page .inputs input[type="text"],
.contact-page .inputs input[type="email"],
.contact-page .inputs input[type="tel"],
.contact-page .inputs input[type="password"],
.contact-page .inputs select,
.contact-page .inputs textarea {
  /*  width: 100%;
  max-width: none;
  outline: none !important;
  font-size: 18px;
  background-color: var(--color-white) !important;
  box-shadow: var(--box-shadow-input) !important;*/
}

.inputs.custom-attributes {
  white-space: normal
}

ul.option-list {
  padding: 0 !important;
  margin-bottom: 0 !important;
}

  ul.option-list li:first-of-type {
    margin-left: 0;
  }

.inputs .option-list {
  display: inline-block;
  max-width: 95%;
  vertical-align: middle;
}

  .inputs .option-list li {
    display: inline-block;
    margin: 5px;
    border: 1px solid #ddd;
    background-color: #fff;
    padding: 8px 10px
  }

  .inputs .option-list label {
    display: inline-block;
    width: auto !important;
    margin: 0 0 0 5px
  }

.inputs.reversed {
  margin: 0 0 20px;
  text-align: center
}

.required {
  margin: 0 -8px 0 3px;
  vertical-align: top;
  font-size: 20px;
  font-weight: normal;
  color: #e4434b
}

.fieldset .message-error.validation-summary-errors {
  width: 26rem;
  top: 0;
  left: 14rem;
  z-index: 99;
  font-size: 13px;
}

.message-error {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 99;
  transform: translate(-50%,-50%);
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  color: #e4434b;
  margin-top: 5px;
}

  .message-error ul {
    margin: 0 !important;
  }

.field-validation-error,
.username-not-available-status,
.poll-vote-error,
.password-error {
  display: block;
  /*text-align: center;*/
  text-align: start;
  font-size: 13px;
  color: #e4434b;
  margin-top: 5px;
}

  .field-validation-error #NewPassword-error ul {
    padding-left: 0 !important;
  }

.field-validation-valid,
.username-available-status {
  display: block;
  text-align: center;
  font-size: 13px;
  color: #4cb17c
}

.captcha-box {
  text-align: center;
  line-height: 0
}

  .captcha-box > div {
    display: inline-block;
    max-width: 100%
  }

  .captcha-box input {
    height: auto
  }

.table-wrapper {
  overflow-x: auto
}

.data-table .hidden-row {
  height: 1px;
  border: none
}

.data-table tr.hidden-row th {
  padding: 0;
  border-top: none
}

  .data-table tr.hidden-row th > span {
    height: 1px;
    width: 1px;
    position: absolute;
    overflow: hidden;
    top: -10px
  }

.cart th,
.data-table th,
.forum-table th {
  border-width: 0;
  border-style: solid;
  border-color: #ddd;
  background-color: transparent;
  padding: 10px;
  white-space: nowrap;
  font-weight: 500;
  color: var(--color-primary);
  text-align: center;
}

.cart tbody tr td.product {
  flex-direction: column;
  align-items: flex-start;
}

.forum-table th.replies,
.forum-table th.views,
.forum-table th.votes,
.forum-table th.latest-post,
.forum-table th.topics,
.forum-table th.posts,
.forum-table td.replies,
.forum-table td.views,
.forum-table td.votes,
.forum-table td.latest-post,
.forum-table td.topics,
.forum-table td.posts {
  display: none
}

.forum-table td.image {
  min-width: 0
}

.data-table td, .forum-table td {
  min-width: 50px;
  border-width: 0px;
  border-style: solid;
  /*  background-color: #fff;*/
  padding: 10px;
  color: var(--color-grey)
}

.downloadable-products-page .data-table td {
  background-color: #fff;
}
/*Ayushi*/
.forum-table td {
  min-width: 90px;
  padding: 10px
}

.cart a,
.data-table a,
.forum-table a {
  font-weight: normal;
  color: var(--color-primary)
}

  .cart a:hover,
  .cart a:focus,
  .data-table a:hover,
  .data-table a:focus,
  .forum-table a:hover,
  .forum-table a:focus {
    text-decoration: underline
  }

.cart .product,
.data-table .product,
.data-table .message,
.data-table .info,
.data-table .name {
  min-width: 225px;
  text-align: center;
}



  .cart .product a,
  .data-table .product a,
  .data-table .info a {
    font-weight: bold;
    color: var(--color-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

    .cart .product a:hover,
    .cart .product a:focus,
    .data-table .product a:hover,
    .data-table .product a:focus,
    .data-table .info a:hover,
    .data-table .info a:focus {
      color: var(--color-primary);
      text-decoration: none
    }

.table-wrapper .cart .product .edit-item.shopping-cart-edit {
  min-width: fit-content;
  margin: 5px;
  border: none;
  background-color: var(--color-white);
  border: 2px solid var(--color-primary);
  padding: 5px 15px;
  border-radius: 8px;
  position: relative;
  left: 204px;
}

  .table-wrapper .cart .product .edit-item.shopping-cart-edit a {
    color: var(--color-primary) !important;
  }

  .table-wrapper .cart .product .edit-item.shopping-cart-edit:hover {
    background-color: var(--color-primary);
  }

    .table-wrapper .cart .product .edit-item.shopping-cart-edit:hover a {
      color: var(--color-white) !important;
    }

.table-wrapper .cart .product .edit-item a {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}

.cart .product .edit-item a {
  font-weight: normal;
  color: var(--color-primary)
}

  .cart .product .edit-item a:hover,
  .cart .product .edit-item a:focus {
    text-decoration: underline
  }

.cart .remove-from-cart,
.cart .add-to-cart,
.data-table .select-boxes,
.data-table .order {
  text-align: center
}

  .cart .remove-from-cart input[type="checkbox"] {
    display: none
  }

  .cart .remove-from-cart .remove-btn,
  .compare-products-table .remove-product .remove-btn {
    box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 1px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
    width: 30px;
    height: 30px;
    border: 0;
    background: #ffffffab url(/Themes/NascaTheme/Content/images/remove.png) center no-repeat;
    background-color: #ff00000d;
    border-radius: 4px;
  }

.compare-products-table .remove-product .remove-btn {
  font-size: 0px;
}

.contact-page,
.login-page,
.registration-page,
.wishlist-page {
  padding-top: 40px;
}

.cart td.unit-price,
.data-table td.unit-price {
  white-space: nowrap
}

.cart td.quantity input {
  border: none;
  box-shadow: var(--box-shadow-input);
  width: 50px;
  text-align: center;
  height: 38px;
  border-radius: 10px;
}

.cart td.subtotal,
.data-table td.total {
  white-space: nowrap;
  color: var(--color-grey)
}
/* *** Edit by Reem ***  */
.cart td.subtotal {
  display: flex;
  flex-direction: column;
}

  .cart td.subtotal .discount,
  .cart td.subtotal .discount-additional-info {
    font-style: italic;
    color: var(--color-primary)
  }

.data-table em a {
  font-weight: bold;
  color: var(--color-grey)
}

.data-table div.download {
  margin: 10px 0 0
}

.bar-notification-container {
  position: fixed;
  top: 15px;
  z-index: 1000;
  width: 35%;
  line-height: 16px;
  color: #fff;
  opacity: 1;
}

.bar-notification {
  padding: 30px !important;
  border-radius: 8px !important;
}

  .bar-notification.success {
    background-color: #b5ebcc !important;
    box-shadow: 0 0 4px #00a411;
    border-bottom: 2px solid #00a411;
    color: #00a411;
  }

    .bar-notification.success a {
      color: #00a411 !important;
    }

  .bar-notification.error {
    background-color: #ffe3e0 !important;
    box-shadow: 0 0 4px #ff4d3d;
    border-bottom: 2px solid #ff4d3d;
    color: #ff4d3d;
  }

  .bar-notification.warning {
    background-color: #ffe5c7 !important;
    border-bottom: 2px solid #ffa300;
    box-shadow: 0 0 4px #ffa300;
    color: #ffa300;
  }

.bar-notification {
  position: relative;
  display: none;
  padding: 15px 25px 15px 10px
}

  .bar-notification .content {
    font-size: 14px;
    margin: 0 10px 0 0
  }

    .bar-notification .content a {
      color: #fff;
      text-decoration: underline
    }

  .bar-notification .content {
    width: 85%;
  }

  .bar-notification .close {
    position: absolute;
    top: 14px;
    right: 10px;
    width: 16px;
    height: 16px;
    margin: 7px;
    background: #fff url('/Themes/NascaTheme/Content/images/thumbs/new/icons/close1.png') center no-repeat;
    background-color: transparent !important;
    cursor: pointer;
    border-radius: 4px;
    border: none !important;
  }

.popup-notification {
  border-radius: 5px;
  padding: 3px;
  margin: 5px 0
}

  .popup-notification.success {
    border: 2px rgba(75, 176, 122, .5) solid
  }

  .popup-notification.error {
    border: 2px rgba(228, 68, 76, .5) solid
  }

  .popup-notification.warning {
    border: 2px rgba(243, 156, 18, .5) solid
  }

.noscript {
  border-bottom: 1px solid #333;
  background-color: #ff9;
  padding: 30px 15px;
  text-align: center;
  line-height: 22px;
  color: var(--color-grey)
}

.ajax-loading-block-window {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 999;
  width: 32px;
  height: 32px;
  margin: -16px 0 0 -16px;
  background: url('/Themes/NascaTheme/Content/images/loading.gif') center no-repeat;
}

.please-wait {
  background: url('/Themes/NascaTheme/Content/images/ajax-loader-small.gif') no-repeat;
  padding-left: 20px;
  font-size: 14px
}

.ui-dialog {
  max-width: 90%;
  border: 1px solid #ddd;
  box-shadow: 0 0 2px rgba(0, 0, 0, .15);
  overflow: hidden;
  background-color: #fff;
  border-radius: 0;
  padding: 0;
  font: normal 14px Arial, Helvetica, sans-serif
}

  .ui-dialog:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5)
  }

.ui-dialog-titlebar {
  border-bottom: 1px solid #ddd;
  overflow: hidden;
  background-color: #eee;
  padding: 10px 15px;
  border-width: 0 0 1px;
  border-radius: 0;
  background-image: none;
  padding: 10px 15px !important;
  font-weight: normal;
  cursor: auto !important
}

  .ui-dialog-titlebar > span {
    float: left;
    font-size: 18px;
    color: var(--color-primary);
    margin: 0 !important
  }

  .ui-dialog-titlebar button {
    position: absolute;
    top: 0;
    right: 0;
    width: 42px;
    height: 42px;
    border: none;
    overflow: hidden;
    background: url('/Themes/NascaTheme/Content/images/close.png') center no-repeat;
    font-size: 0;
    top: 0 !important;
    right: 0 !important;
    width: 42px !important;
    height: 42px !important;
    margin: 0 !important;
    border: none !important;
    border-radius: 0;
    background: url('/Themes/NascaTheme/Content/images/close.png') center no-repeat !important;
    padding: 0 !important
  }

    .ui-dialog-titlebar button span {
      display: none !important
    }

.ui-dialog-content {
  padding: 15px;
  line-height: 20px;
  background-color: #fff !important;
  padding: 15px 15px 20px 15px !important;
  color: #777
}

  .ui-dialog-content .page {
    min-height: 0
  }

  .ui-dialog-content .page-title {
    min-height: 0;
    margin: 0 0 15px;
    padding: 0 10px 10px 10px;
    text-align: center
  }

    .ui-dialog-content .page-title h1 {
      font-size: 24px;
      line-height: 30px
    }

  .ui-dialog-content .back-in-stock-subscription-page {
    text-align: center
  }

    .ui-dialog-content .back-in-stock-subscription-page .tooltip {
      margin-bottom: 10px
    }

    .ui-dialog-content .back-in-stock-subscription-page .button-1 {
      border: none;
      background-color: var(--color-primary);
      padding: 10px 15px;
      font-size: 15px;
      color: #fff;
      text-transform: uppercase
    }

      .ui-dialog-content .back-in-stock-subscription-page .button-1:hover,
      .ui-dialog-content .back-in-stock-subscription-page .button-1:focus {
        background-color: var(--color-primary)
      }

.eu-cookie-bar-notification {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1050;
  width: 320px;
  height: 180px;
  margin: -90px 0 0 -160px;
  border: 1px solid #ccc;
  box-shadow: 0 0 2px rgba(0, 0, 0, .15);
  background-color: #fff;
  padding: 20px;
  text-align: center
}

  .eu-cookie-bar-notification .text {
    margin-bottom: 20px;
    line-height: 20px
  }

  .eu-cookie-bar-notification button {
    min-width: 60px;
    margin: 5px 0 10px;
    border: none;
    background-color: var(--color-primary);
    padding: 8px 12px;
    font-size: 14px;
    color: #fff
  }

    .eu-cookie-bar-notification button:hover,
    .eu-cookie-bar-notification button:focus {
      background-color: var(--color-primary)
    }

  .eu-cookie-bar-notification a {
    display: block;
    color: var(--color-primary)
  }

    .eu-cookie-bar-notification a:hover,
    .eu-cookie-bar-notification a:focus {
      text-decoration: underline
    }

.admin-header-links {
  background-color: #333 !important;
  text-align: center;
  color: #eee !important;
}

  .admin-header-links * {
    display: inline-block;
    margin: 0 10px;
    line-height: 35px;
    font-size: 12px;
    font-weight: bold
  }

  .admin-header-links a {
    color: var(--color-white) !important;
  }

    .admin-header-links a:hover {
      color: var(--color-primary) !important;
    }

  .admin-header-links .impersonate {
    display: inline-block
  }

    .admin-header-links .impersonate a {
      background-color: #555 !important;
      padding: 0 15px
    }

      .admin-header-links .impersonate a:hover,
      .admin-header-links .impersonate a:focus {
        background-color: #666 !important;
      }

/* *** Header *** */
.tax-display-type-selector {
}

.currency-selector {
  margin: 0 1rem !important;
}

.lang-all {
}

/* Header Mega Menu */
.lang-all, #customerCurrency {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

/*#customerTaxType::before,*/
/* .lang-all::before {
    content: "";
    position: absolute;
    top: -0.5rem;
    z-index: -1;
    right: 5.2rem;
    width: 1.1rem;
    height: 1.1rem;
    background-color: #ffffff;
    border: 1px solid #00000026;
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    transform: rotate(45deg);
  }*/
.custom-select {
  border: none !important;
}

.select-items {
  color: red;
}
/*#customerTaxType::after,*/
/*.custom-select .select-items::after,
.lang-all::after {
  content: "";
  position: absolute;
  top: 0;
  z-index: -1;
  right: 3rem;
  width: 4rem;
  height: 3rem;
  background-color: #ffffff;
  border: none;
}*/
#lang-none {
  padding: 8px !important;
}

.header {
  position: relative;
  z-index: 100000;
  width: 95%;
  margin: auto;
  text-align: center
}

.btn-select img {
  border: none !important;
}

#lang-none li {
  padding: 0 !important;
}

  #lang-none li span {
    font-size: var(--font-size-small) !important;
  }

#lang-none img, .btn-select img {
  width: 20px !important;
  height: 20px !important;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

.header-search-icons {
  display: flex;
}

.header-selectors-wrapper > div {
  display: block;
  width: 50%;
  margin: 10px auto;
  vertical-align: middle
}


.call-content {
  margin-top: 6px !important;
  display: flex !important;
  align-items: center;
}

.header-selectors-wrapper select {
  width: 100%
}

.language-list {
  max-width: 100%;
  font-size: 0
}

  .language-list li {
    display: inline-block;
    margin: 0 1px;
    vertical-align: middle
  }

  .language-list a {
    display: block;
    position: relative;
    width: 24px;
    height: 32px;
    line-height: 0
  }

  .language-list img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
  }

.header-links-wrapper {
  position: relative;
  /*  padding: 20px 0*/
}

.header-links ul {
  font-size: 0
}

.header-links li {
  /*display: inline-block;*/
  margin: 0 10px;
}

.header-links span,
.header-links a {
  color: var(--color-paragraph-text);
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
  text-transform: uppercase
}

  .header-links a:hover,
  .header-links a:focus {
    color: var(--color-primary)
  }

#topcartlink {
  display: block;
  width: 70%;
  max-width: 400px;
  margin: 10px auto 0;
  background-color: none;
  padding: 0 0px !important;
}

  #topcartlink a {
    /* background: url('/Themes/NascaTheme/Content/images/shopping-bag.png') left center no-repeat;
        padding: 0 0 0 20px*/
  }

.header-lower {
  position: relative;
  z-index: 0;
  padding: 10px 0;
}

.header-logo {
  margin: 0;
  text-align: center
}

  .header-logo a {
    display: inline-block;
    max-width: 100%;
    /*line-height: 0;*/
    font-size: 26px !important;
  }

    .header-logo a img {
      max-width: 100%;
      opacity: 1;
      max-height: 50px;
    }

.search-box form {
  display: inline-block;
}

  .search-box form:after {
    content: "";
    display: block;
    clear: both
  }

.search-box input.search-box-text {
  float: left;
  width: 200px;
  height: 36px;
  margin: 0 -1px 0 0
}

/*.search-box .search-box-button {
  float: left;
  min-width: 86px;
  height: 36px;
  border: none;
  background-color: var(--color-primary);
  padding: 0 15px;
  text-align: center;
  color: #fff;
  text-transform: uppercase
}*/
/*  .search-box .search-box-button:hover,
  .search-box .search-box-button:focus {
    background-color: var(--color-primary)
  }*/
.search-box .ui-autocomplete-loading {
  background: #fff url('/Themes/NascaTheme/Content/images/ajax-loader-small.gif') right center no-repeat;
}

.ui-helper-hidden-accessible {
  display: none !important
}

.ui-autocomplete {
  width: 285px !important;
  border: 1px solid #ddd;
  border-top: none;
  overflow: hidden;
  background-color: #fff;
  text-align: left;
  border-radius: 0;
  padding: 0;
  font: normal 14px Arial, Helvetica, sans-serif
}

  .ui-autocomplete li {
    border-top: 1px solid #ddd
  }

    .ui-autocomplete li:first-child {
      border-top: none
    }

  .ui-autocomplete a {
    display: block;
    padding: 15px;
    font-size: 14px;
    margin: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    background: none !important;
    padding: 15px !important;
    line-height: normal !important;
    color: #777 !important
  }

    .ui-autocomplete a:hover,
    .ui-autocomplete a:focus,
    .ui-autocomplete a.ui-state-focus {
      background-color: #f6f6f6 !important
    }

  .ui-autocomplete img {
    display: none;
    min-width: 20px;
    margin: 0 10px 0 0;
    vertical-align: middle
  }

.footer {
  text-align: center
}

.footer-upper {
  position: relative;
  z-index: 9999;
  width: 95%;
  margin: auto;
  border-bottom: 1px solid #ddd;
  overflow: hidden;
  padding: 40px 0;
  font-size: 0
}

.footer-block {
  position: relative;
  z-index: 9999;
  width: 95%;
  margin: 1px auto;
  text-align: left;
  font-size: 14px
}

.title {
  padding: 10px;
}

.footer-block .title {
  margin: 0 0 1px;
  background: var(--color-primary) url('/Themes/NascaTheme/Content/images/toggle-white.png') right center no-repeat;
  padding: 10px 15px;
  font-size: 20px;
  color: #ffffff;
  cursor: pointer
}

  .footer-block .title strong {
    font-weight: normal
  }

.footer-block .list {
  display: none;
  margin: 0 0 20px;
  background-color: #fff;
  padding: 10px 15px
}

  .footer-block .list a {
    display: block;
    padding: 10px 15px;
    line-height: 20px;
    color: var(--color-white);
  }

    .footer-block .list a:hover,
    .footer-block .list a:focus {
      color: var(--color-secondary)
    }

.follow-us {
  margin: 30px auto 0;
  text-align: center
}

  .follow-us .title {
    margin: 0 0 10px;
    background: none;
    color: var(--color-grey);
    cursor: auto
  }

.page-up-margin {
  padding-top: 40px;
}

.follow-us .social ul {
  margin: 0 0 20px;
  /*border-bottom: 1px solid #ddd;*/
  padding: 0 0 20px;
  font-size: 0
}

.newsletter-email .search-content input.newsletter-subscribe-text {
  min-width: 250px;
}

.follow-us .social a, .follow-us .social li {
  display: inline-block;
  background: none;
}

  .follow-us .social a:not(:first-child) {
    margin-left: 5px;
  }

.news-wrapper.news-items .news-desc {
  background-color: transparent !important;
  /* background-image: url("../Themes/NascaTheme/Content/images/thumbs/new/icons/news_1.svg") !important;
  background-repeat:no-repeat !important;
  object-fit:cover !important;*/
}
/* .follow-us .social a {
    display: block;
    width: 38px;
    height: 38px;
    background: url('../Themes/NascaTheme/Content/Themes/NascaTheme/Content/images/social-sprite.png') no-repeat;
    font-size: 0
}

.follow-us .social .facebook a {
    background-position: 0 0
}

.follow-us .social .twitter a {
    background-position: -38px 0
}

.follow-us .social .rss a {
    background-position: -76px 0
}

.follow-us .social .youtube a {
    background-position: -114px 0
}

.follow-us .social .google-plus a {
    background-position: -152px 0
} */
.newsletter-email {
  display: inline-block;
  overflow: hidden
}

  .newsletter-email:focus-within {
    overflow: visible
  }

  .newsletter-email input[type="email"] {
    float: left;
    width: 180px;
    height: 36px;
    margin: 0 -1px 0 0
  }

.newsletter-subscribe-button {
  float: left;
  height: 36px;
  border: none;
  background-color: var(--color-primary);
  padding: 0 15px;
  text-align: center;
  color: #fff;
  text-transform: uppercase
}

  .newsletter-subscribe-button:hover,
  .newsletter-subscribe-button:focus {
    background-color: var(--color-primary)
  }

.newsletter-email .options {
  clear: both;
  padding: 10px 0 0
}

.newsletter-validation,
.newsletter-result {
  width: 100%;
  overflow: hidden;
  line-height: 28px;
  color: var(--color-white) !important;
}

.footer-lower {
  width: 95%;
  margin: auto;
  overflow: hidden;
  padding: 25px 0;
  font-size: 12px
}

.footer-tax-shipping a {
  font-weight: bold;
  color: var(--color-primary)
}

  .footer-tax-shipping a:hover,
  .footer-tax-shipping a:focus {
    text-decoration: underline
  }

.footer-powered-by {
  margin: 10px 0 0
}

  .Differnz-footer a,
  .footer-powered-by a {
    font-weight: bold;
    color: var(--color-primary) !important;
    cursor: pointer;
  }

    .Differnz-footer a:hover,
    .Differnz-footer a:focus,
    .footer-powered-by a:hover,
    .footer-powered-by a:focus {
      text-decoration: underline
    }

.footer-lower {
  background-color: var(--color-white);
}

  .footer-lower a:hover {
    color: var(--color-primary);
  }

.theme-selector {
  margin: 10px 0 0
}

  .theme-selector select {
    width: 170px
  }

.block {
  max-width: 600px;
  min-height: 50px;
  margin: auto;
  text-align: left
}

  .block .title {
    display: flex;
    justify-content: space-between;
    position: relative;
    margin: 0 0 10px !important;
    cursor: auto;
    font-size: 16px;
    text-align: left !IMPORTANT;
    margin-bottom: 15px !important;
    border-bottom: 1px solid var(--color-primary) !important;
    color: var(--color-primary);
    text-transform: uppercase;
    font-weight: 500 !IMPORTANT;
  }

    .block .title .title-icon {
      padding-right: 10px;
      width: 24px;
    }

  .block .listbox {
    display: none;
    border-bottom: 1px solid #ddd;
  }

.listbox.recent_adust li {
  /*background: #fff;*/
  border-radius: 8px;
  box-shadow: var(--box-shadow-input);
}

  .listbox.recent_adust li:not(last-child) {
    margin-bottom: 10px;
  }

.product-picture img {
  margin-right: 10px;
  border-radius: 7px;
  max-width: 80px;
  margin-left: 10px;
}

.block .list li {
  padding: 5px 0 5px 15px
}

.listbox.recent_adust li {
  background: #fff;
}

.block .list a {
  display: inline-block;
  position: relative;
  padding: 5px 0;
  font-size: 18px;
  color: var(--color-paragraph-text);
  -webkit-transition: all .1s ease;
  transition: all .1s ease
}

  .block .list a:before {
    content: "";
    background-image: url(../Themes/NascaTheme/Content/images/thumbs/new/icons/prev.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 12px;
    width: 13px;
    position: absolute;
    top: 13px;
    left: -20px;
    background-color: transparent;
  }

.block .list .active > a {
  color: var(--color-primary)
}

.block .list a:hover,
.block .list a:focus {
  color: var(--color-primary)
}

.block a.product-picture {
  display: none
}

  .block a.product-picture:before {
    display: none
  }

.block .sublist {
  margin: 10px 0 5px
}

  .block .sublist a {
    font-size: 14px
  }

.block .view-all {
  margin: 0px 0 0
}

  .block .view-all a {
    display: inline-block;
    padding: 0;
    font-size: 14px;
    color: var(--color-primary);
    text-decoration: underline !important;
  }

    .block .view-all a:hover,
    .block .view-all a:focus {
      text-decoration: underline
    }

.block .tags {
  margin: 5px 0 10px
}

  .block .tags ul {
    font-size: 0
  }

.tags span {
  color: #529b97;
  margin-right: 5px;
}

.block .tags li,
.product-tags-all-page li {
  display: inline-block;
  position: relative;
  margin: 0 10px;
  overflow: hidden;
  font-size: 17px !important
}

.block .tags li {
  padding: 5px;
  border-radius: 5px;
  font-size: 14px !IMPORTANT;
  margin: 0;
  margin-right: 10px;
  margin-bottom: 10px;
}

  .block .tags li a,
  .product-tags-all-page li a {
    color: var(--color-primary) !important;
    float: left;
    line-height: 1.5;
    color: var(--color-paragraph-text)
  }

    .block .tags li a:hover,
    .block .tags li a:focus,
    .product-tags-all-page li a:hover,
    .product-tags-all-page li a:focus {
      color: var(--color-primary)
    }

.poll strong {
  display: block;
  margin: 10px 0;
  background-color: #f6f6f6;
  padding: 10px 15px;
  font-size: 15px;
  font-weight: normal;
  color: var(--color-grey);
  text-transform: uppercase
}

.poll.news-desc {
  padding: 20px !important;
  box-shadow: var(--box-shadow);
  background-color: #ffffff !important;
  width: 95% !important;
  margin: 10px;
  border-radius: 8px;
}

.news-wrapper.news-items {
  margin: 10px;
  border-radius: 8px;
}

.news-wrapper.poll-items {
  background-color: var(--section-background-color) !important;
}
/*.poll-options{
    display:flex !important;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}
  .poll-options .answer {
      width:100% !important;
  }
    .poll-options .answer input {
      width: 100% !important;
    }*/
.poll-options, .poll-results {
  margin: 10px 0 15px;
  overflow: hidden;
  font-size: 15px;
  color: var(--color-grey)
}

  .poll-options li,
  .poll-results li {
    margin: 10px 0;
  }

    .poll-options li > input {
      margin: 0 5px 0 0;
      cursor: pointer
    }

    .poll-options li > label {
      display: inline-block;
      font-size: 16px;
      cursor: pointer
    }

.poll .buttons button {
  border: none;
  background-color: #aaa;
  padding: 10px 20px;
  font-size: 13px;
  color: #fff;
  text-transform: uppercase
}

  .poll .buttons button:hover,
  .poll .buttons button:focus {
    background-color: #bbb
  }

.poll-total-votes {
  display: block;
  margin: 10px 0 0;
  font-weight: bold;
  font-style: italic;
  color: var(--color-grey)
}

.home-page-polls {
  text-align: center
}

  .home-page-polls .title {
    border-bottom: 1px solid #ddd;
    color: var(--color-grey);
    font-size: 30px;
    font-weight: normal;
    margin: 0 0 30px;
    padding: 0 0 15px
  }

    .home-page-polls .title strong {
      font-weight: normal
    }

  .home-page-polls li {
    display: inline-block;
    margin: 10px
  }

.breadcrumb {
  margin: 0 0 50px;
  /*background-color: #f6f6f6;*/
  padding: 5px 10px
}

  .breadcrumb ul {
    font-size: 0
  }

  .breadcrumb li {
    display: inline-block
  }

    .breadcrumb li * {
      display: inline-block;
      margin: 0 5px;
      font-size: 14px;
      /*line-height: 32px*/
      vertical-align: middle;
    }

  .breadcrumb strong {
    font-weight: normal
  }

  .breadcrumb a:hover,
  .breadcrumb a:focus {
    color: var(--color-primary)
  }

.category-description,
.manufacturer-description,
.vendor-description {
  margin: 0 0 25px;
  line-height: 22px
}

.contact-vendor {
  margin: 0 0 30px
}

  .contact-vendor .button-2 {
    border: none;
    background-color: var(--color-primary);
    padding: 10px 15px;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase
  }

    .contact-vendor .button-2:hover,
    .contact-vendor .button-2:focus {
      background-color: var(--color-primary)
    }

.product-selectors {
  margin: 20px 0 20px;
  border-top: 0;
  border-bottom: 0;
  padding-top: 1rem;
}

  .product-selectors:first-child {
    border-top: none
  }

  .product-selectors:after {
    content: "";
    display: block;
    clear: both
  }

  .product-selectors > div {
    display: inline-flex;
    margin: 5px;
    align-items: center;
  }

  .product-selectors span {
    vertical-align: middle;
    font-size: 16px
  }

  .product-selectors select {
    margin: 0 8px;
    background: #ffffff !important;
    box-shadow: var(--box-shadow-input);
    border: 0;
    border-radius: 4px;
    outline: none !important;
    font-size: 16px;
  }

  .product-selectors .product-viewmode {
    display: none;
    font-size: 0
  }

.product-filter + .product-filter {
  margin-top: 20px
}

.product-filter .filter-title {
  margin: 0 0 10px;
  /*background-color: #f6f6f6;*/
  padding: 10px;
  font-size: 17px;
  color: var(--color-primary);
  border-bottom: 1px solid var(--color-primary);
}

  .product-filter .filter-title strong {
    font-weight: normal;
  }

.product-filter .filter-content {
  padding: 10px;
  color: var(--color-grey)
}

.product-filter .group {
  font-size: 15px
}

  .product-filter .group + .group {
    margin-top: 16px
  }

  .product-filter .group .name {
    padding-bottom: 10px
  }

  .product-filter .group .item {
    display: flex;
    padding-left: 15px;
    align-items: center
  }

    .product-filter .group .item + .item {
      padding-top: 8px
    }

    .product-filter .group .item label {
      cursor: pointer;
      display: flex;
      align-items: center;
      padding-left: 8px;
      flex-grow: 1
    }

.price-range-filter .selected-price-range {
  padding: 5px 0
}

  .price-range-filter .selected-price-range .to {
    float: right
  }

  .price-range-filter .selected-price-range.manually {
    display: flex
  }

    .price-range-filter .selected-price-range.manually .from {
      margin-right: 8px
    }

    .price-range-filter .selected-price-range.manually .from,
    .price-range-filter .selected-price-range.manually .to {
      width: 50%
    }

.product-filter .attribute-squares {
  font-size: inherit
}

  .product-filter .attribute-squares .attribute-square {
    width: 20px !important;
    height: 20px !important;
    margin-right: 8px
  }

.item-grid:after {
  content: "";
  display: block;
  clear: both
}

.item-box {
  position: relative;
  width: 100%;
  float: left;
  margin: 0 0 20px;
  text-align: left
}

  .item-box .picture {
    z-index: 1;
    /*margin: 0 0 20px*/
  }

    .item-box .picture a {
      display: block;
      position: relative
    }

      .item-box .picture a:focus {
        opacity: .85
      }

      .item-box .picture a:before {
        content: "";
        display: block;
        padding-top: 100%
      }

.innerpage-banner {
  margin-bottom: 40px;
}

.item-box .picture a img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: auto;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-transform: translateZ(0) scale(1, 1);
  object-fit: cover;
}

.item-box:hover .picture a img {
  opacity: .85
}

.item-box .details {
  padding: 0 10px
}

.item-box .product-title a {
  display: block
}

  .item-box .product-title a:hover,
  .item-box .product-title a:focus {
    color: var(--color-primary)
  }

.item-box .sku {
  margin: 0 0 15px
}

.item-box .product-rating-box {
  display: inline-block;
  margin: 0 0 10px
}

.item-box .rating {
  background: url(/Themes/NascaTheme/Content/images/rating1.png);
  width: 95px;
  height: 14px
}

  .item-box .rating div {
    background: url(/Themes/NascaTheme/Content/images/rating2.png);
    height: 14px;
  }

.item-box .description {
  display: none
}

  .item-box .description a {
    display: block;
    overflow: hidden
  }

.sub-category-item {
  position: relative;
}

.item-box .manufacturer-item:hover .title a {
  opacity: 0.6
}

.item-box .manufacturer-item .title a:hover {
  color: var(--color-white);
}

.sub-category-item .title, .item-box .manufacturer-item .title a {
  position: absolute;
  bottom: -4px;
  right: 44px;
  width: 70%;
  z-index: 2;
  opacity: 1;
  padding: 7px 0;
  border: 2px dashed white !important;
  background-color: var(--color-primary);
  color: var(--color-white);
  font-size: var(--font-size-medium) !important;
  outline: 4px solid var(--color-primary) !important;
  -webkit-transition: all .3s ease-in-out 0s;
  -o-transition: all .3s ease-in-out 0s;
  transition: all .3s ease-in-out 0s;
  /*  
    position: absolute;
    bottom: 0;
    right: 0;
    background: var(--color-secondary);
    border-radius: 25px 0px;
    border: 0;
    color: var(--color-white);
    font-size: 22px;
    padding: 13px 40px;
    font-weight: 500 !important;
    z-index: 2;
    margin-bottom: 0 !important;

*/
}

.sub-category-item:hover .title {
  opacity: 0.8;
}

.sub-category-item .title a {
  padding: 0 !important;
  color: var(--color-white);
}

.item-box .old-price {
  margin: 0 5px 0 0;
  font-size: 16px;
  color: #aaa;
  text-decoration: line-through
}

.item-box .actual-price {
  margin: 0 5px 0 0;
  font-size: 16px;
  color: #666
}

.product-list .item-box .actual-price {
  margin: 0;
  color: #fff;
  font-size: 22px;
  padding: 13px 40px;
}

.item-box .tax-shipping-info a {
  color: var(--color-primary)
}

  .item-box .tax-shipping-info a:hover,
  .item-box .tax-shipping-info a:focus {
    text-decoration: underline
  }

.item-box .buttons {
  margin: 0;
  font-size: 0
}

.item-box button {
  display: inline-block;
  height: auto;
  border: none;
  vertical-align: middle;
}

button.price {
  pointer-events: none;
}

.item-box .product-box-add-to-cart-button:hover,
.item-box .product-box-add-to-cart-button:focus {
  background-color: var(--color-primary);
  color: #fff;
}

.item-box .add-to-compare-list-button,
.item-box .add-to-wishlist-button {
  border-left: none !important;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  font-size: 0;
  width: auto;
}

  .item-box .add-to-compare-list-button:hover,
  .item-box .add-to-compare-list-button:focus,
  .item-box .add-to-wishlist-button:hover,
  .item-box .add-to-wishlist-button:focus {
    background-color: transparent !
  }

/* *** category section *** */

.sub-category-grid,
.manufacturer-grid,
.vendor-grid {
  padding-bottom: 10px;
}

  .home-page-category-grid .title,
  .sub-category-grid .title {
    text-align: center;
    font-size: 22px;
    font-weight: normal;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
  }

.price.cat-adjust.title {
  margin-bottom: 0 !important;
}

.home-page-category-grid .title a,
.sub-category-grid .title a {
  display: block;
  padding: 0 0 15px
}

.home-page-category-grid .picture,
.sub-category-grid .picture {
  margin: 0
}

  .home-page-category-grid .picture a:before,
  .sub-category-grid .picture a:before {
    padding-top: 50%
  }

.products-container {
  position: relative
}

  .products-container .ajax-products-busy {
    display: none;
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: #ffffffab url(/Themes/NascaTheme/Content/images/loading.gif) center no-repeat;
  }

/*.category-item-container {
  position: relative;
  width: 18rem !important;
  height: 20rem !important;
}*/

/* .owl-carousel.owl-drag .owl-item::after {
    content: "";
    position: absolute;
    width: 22rem !important;
    height: 0rem !important;
    bottom: 0;
    right: 0;
    opacity: 0.7;
    background-image: linear-gradient(#fff,#000);

    transition: width 2s;
  }
  .owl-carousel.owl-drag .owl-item:hover ::after {
    height: 22rem !important;
  }*/
.owl-carousel.owl-drag .owl-item {
  padding: 10px 0 20px;
}

  .owl-carousel.owl-drag .owl-item .item {
    width: 100%;
    height: 100%;
  }
/*  .owl-carousel.owl-drag .owl-item .item.news {
    width: 80% !important;
    height: 100%;
  }*/

.owl-carousel .owl-item img {
  max-width: 100%;
  max-height: 100%;
  border-radius: 15px !important;
  object-fit: cover;
}



/* .product-grid,
.product-list {
    margin: 0 0 50px
} */
/* .product-grid .title {
    margin: 0 0 30px;
    border-bottom: 1px solid #ddd;
    padding: 0 0 15px;
    font-size: 30px;
    font-weight: normal;
    color: var(--color-grey)
}

.product-grid .title strong {
    font-weight: normal
} */
.manufacturer-grid .title {
  margin: 0 0 15px;
  text-align: center;
  font-size: 16px
}

  .manufacturer-grid .title a:hover,
  .manufacturer-grid .title a:focus {
    color: var(--color-primary)
  }

.manufacturer-grid .picture {
  border: unset;
  box-shadow: var(--box-shadow-input);
}

.vendor-grid .title {
  margin: 0 0 15px;
  text-align: center;
  font-size: 16px
}

  .vendor-grid .title a:hover,
  .vendor-grid .title a:focus {
    color: var(--color-primary)
  }

.vendor-grid .picture {
  border: 1px solid #ddd
}

.pager {
  position: absolute;
  bottom: -18px;
  right: 128px;
  margin: 0 0 20px
}

  .pager ul {
    text-align: right;
    font-size: 0
  }

  .pager li {
    display: inline-block;
    margin: 0 5px;
    vertical-align: top
  }

    .pager li a,
    .pager li span {
      display: block;
      min-width: 35px;
      height: 35px;
      border-radius: var(--border-radius-input);
      border: 2px solid var(--color-primary);
      /*background-color: #eee;*/
      padding: 8px;
      text-align: center;
      font-size: 14px;
      font-weight: 500;
      cursor: pointer
    }

    .pager li span {
      border-color: transparent;
      background-color: var(--color-primary);
      color: #fff
    }

    .pager li.previous-page *,
    .pager li.next-page *,
    .pager li.first-page *,
    .pager li.last-page * {
      background-position: center;
      background-repeat: no-repeat;
      font-size: 0;
      color: #fff
    }

    .pager li.previous-page * {
      background-image: url('/Themes/NascaTheme/Content/images/thumbs/new/icons/next.svg')
    }

    .pager li.next-page * {
      background-image: url('/Themes/NascaTheme/Content/images/thumbs/new/icons/prev.svg');
    }

    .pager li.first-page * {
      background-image: url('/Themes/NascaTheme/Content/images/first.png')
    }

    .pager li.last-page * {
      background-image: url('/Themes/NascaTheme/Content/images/last.png')
    }

.bg-white {
  background-color: #fff !important;
}

.pager li a:hover,
.pager li a:focus {
  border-color: transparent;
  color: var(--color-primary);
  background-color: #3882c433;
}

.product-essential {
  margin: 0;
  border-bottom: 0;
  padding: 0 0 10px;
  /*background: #f1f1f1;*/
}


  .product-essential:after {
    content: "";
    display: block;
    clear: both
  }

.gallery {
  margin: 0 auto 50px
}

  .gallery .picture-wrapper {
    margin: 0 0 10px
  }

.gallery-thumbit img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  object-fit: cover
}

.gallery .picture .gallery-thumbit a.mySlides {
  /*position: relative;*/
  border-radius: 30px !important;
  /*box-shadow: var(--box-shadow);*/
  /*  width: 31rem !important;
  height: 31rem !important;*/
  cursor: zoom-in;
}

  .gallery .picture .gallery-thumbit a.mySlides img {
    border-radius: 30px !important;
    object-fit: fill;
    width: 100% !important;
    height: 100% !important;
  }


.gallery .picture {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  overflow: hidden;
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-start;
}

  .gallery .picture img,
  .gallery .picture-thumbs img,
  .variant-picture img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    height: 100%;
    margin: auto
  }

.gallery .picture-thumbs {
  overflow: hidden;
  font-size: 0
}

  .gallery .picture-thumbs .thumb-item {
    box-shadow: var(--box-shadow-table);
    display: inline-block;
    position: relative;
    /*  width: 9.5rem;
    height: 9rem;*/
    margin: 8px;
    overflow: hidden;
    cursor: zoom-in;
    /*border-radius: 20px;*/
  }

    .gallery .picture-thumbs .thumb-item img {
      object-fit: cover;
      border-radius: 0;
      width: 100%;
      height: 100%;
      cursor: zoom-in;
    }

.overview {
  position: relative;
  /*margin: 0 0 40px*/
}

  .overview .discontinued-product {
    background: #f3f3f3;
    margin: 0 0 20px
  }

    .overview .discontinued-product h4 {
      display: inline-block;
      font-size: 14px;
      padding: 17px 17px 17px 40px;
      background: url('/Themes/NascaTheme/Content/images/discontinued-product-icon.png') no-repeat 13px center;
      color: #de444c
    }

  .overview .product-name {
    margin: 0 0 20px;
  }

    .overview .product-name h1 {
      font-size: var(--font-size-largger);
      font-weight: 500;
      color: var(--color-primary) !important;
      line-height: 1.2;
    }

.product-rating-box .rating {
  /*margin-left: 20px;*/
}

.overview .short-description, .tabcontent p {
  color: var(--color-paragraph-text) !important;
}

.overview .short-description {
  line-height: 20px;
}

.product-no-reviews,
.product-reviews-overview {
  margin: 0 0 10px;
  color: #444;
}

.product-no-reviews {
  margin: 0;
  font-weight: 600;
  border-radius: 4px;
  padding: 5px;
  width: fit-content;
}

  .product-review-links a:last-child, .product-no-reviews a:last-child {
    font-weight: 500;
    color: var(--color-primary);
    text-decoration: underline !important;
  }

  .product-no-reviews a {
    text-decoration: underline
  }

.product-review-box {
  display: inline-block;
  margin: 0
}



.product-reviews-overview {
  /*display: flex;*/
}

.product-review-links a {
  margin: 0 4px 0 0;
  padding: 5px;
  margin: 0 10px 0 0;
  color: var(--color-primary);
  text-decoration: underline;
}

  .product-review-links a:hover,
  .product-review-links a:focus {
    color: var(--color-primary)
  }

.overview .value,
.variant-overview .value {
  color: var(--color-grey)
}

  .overview .value a,
  .variant-overview .value a {
    color: var(--color-primary)
  }

    .overview .value a:hover,
    .overview .value a:focus,
    .variant-overview .value a:hover,
    .variant-overview .value a:focus {
      text-decoration: underline
    }

.overview-buttons {
  /*margin: 0 0 25px;*/
  font-size: 0
}

  .overview-buttons div {
    width: 80%;
    margin: 0 auto 3px
  }

.overview .button-2,
.variant-overview .button-2 {
  display: block;
  width: 100%;
  border: none;
  background-color: #fff !important;
  /*background-color: #eaeaea;*/
  background-position: left center;
  background-repeat: no-repeat;
  padding: 20px;
  text-align: left;
  font-size: 14px;
  color: #666;
}

  .overview .button-2:hover,
  .overview .button-2:focus,
  .variant-overview .button-2:hover,
  .variant-overview .button-2:focus {
    background-color: #ddd
  }

.overview .add-to-compare-list-button {
  background-image: url('../Themes/NascaTheme/Content/images/thumbs/new/icons/compare-blue.svg')
}

.overview .email-a-friend-button {
  background-image: url('../Themes/NascaTheme/Content/images/thumbs/new/icons/message-blue.svg')
}

.overview .subscribe-button,
.variant-overview .subscribe-button {
  background-image: url('/Themes/NascaTheme/Content/images/email-button.png')
}

.overview-buttons > div {
  margin-right: 10px;
}

.overview .download-sample-button,
.variant-overview .download-sample-button {
  background-image: url('/Themes/NascaTheme/Content/images/download-button.png')
}

.overview .add-to-wishlist-button,
.variant-overview .add-to-wishlist-button {
  background-image: url('../Themes/NascaTheme/Content/images/thumbs/new/icons/heart-nav.svg');
}

.overview-buttons div button {
  height: 33px;
  width: 40px !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
  background-position: center !important;
  border-radius: 10px;
}

.overview .manufacturers {
  margin: 0 0 10px;
}

.overview .availability,
.variant-overview .availability {
  margin: 0 0 10px;
  overflow: hidden;
}

  .overview .availability .stock,
  .variant-overview .availability .stock {
    margin: 0 0 10px;
  }

  .overview .availability .back-in-stock-subscription,
  .variant-overview .availability .back-in-stock-subscription {
    display: inline-block;
  }

.overview .additional-details,
.variant-overview .additional-details {
  margin: 0 0 10px;
}

  .overview .additional-details div,
  .variant-overview .additional-details div {
    margin: 0 0 8px;
  }

.overview .delivery,
.variant-overview .delivery {
  overflow: hidden;
}

.overview .availability .stock .label,
.overview .additional-details .label {
  font-weight: 500;
}


.overview .free-shipping,
.variant-overview .free-shipping {
  display: inline-block;
  /*margin: 10px 0;*/
  background: url('/Themes/NascaTheme/Content/images/shipping.png') left center no-repeat;
  /*padding: 2px 0 2px 28px;*/
  font-weight: bold;
  color: var(--color-grey)
}

  .overview .free-shipping.invisible,
  .variant-overview .free-shipping.invisible {
    display: none
  }

.overview .delivery-date,
.variant-overview .delivery-date {
  margin: 10px 0
}

.overview .min-qty-notification,
.variant-overview .min-qty-notification {
  margin: 10px 0;
  font-style: italic;
  color: var(--color-grey)
}

.overview .download-sample,
.variant-overview .download-sample {
  display: inline-block;
  margin: 0 0 25px
}

.overview .prices,
.variant-overview .prices {
  margin: 0 0 0px;
  overflow: hidden
}

  .overview .prices > div,
  .variant-overview .prices > div {
    margin: 0 0 0px
  }

    .overview .prices > div > span,
    .variant-overview .prices > div > span {
      vertical-align: middle
    }

    .overview .prices > div > .price-value-4 {
      color: #007007;
    }

.overview .old-product-price,
.variant-overview .old-product-price,
.overview .non-discounted-price,
.variant-overview .non-discounted-price {
  font-size: 14px;
  color: #999;
  text-decoration: line-through
}

.overview .product-price,
.variant-overview .product-price {
  font-size: 20px;
  font-weight: bold;
  color: #007007 !important;
}

price-value-1 {
  color: #007007 !important;
}

.overview .tax-shipping-info a,
.variant-overview .tax-shipping-info a {
  color: var(--color-primary)
}

  .overview .tax-shipping-info a:hover,
  .overview .tax-shipping-info a:focus,
  .variant-overview .tax-shipping-info a:hover,
  .variant-overview .tax-shipping-info a:focus {
    text-decoration: underline
  }

.customer-entered-price {
  margin: 0 0 20px;
  overflow: hidden
}

  .customer-entered-price .price-input label {
    display: block;
    margin: 0 0 5px;
    font-weight: bold;
    color: var(--color-grey)
  }

  .customer-entered-price .price-input input {
    width: 170px;
    text-align: center
  }

  .customer-entered-price .price-range {
    margin: 5px 0 0;
    color: #777
  }

.tier-prices {
  margin: 0 0 20px
}

  .tier-prices .title {
    display: none
  }

  .tier-prices table td {
    border: 1px solid #ddd;
    padding: 10px;
    color: var(--color-grey)
  }

  .tier-prices .field-header {
    min-width: 80px
  }

  .tier-prices .field-header {
    background-color: var(--color-background-text);
  }

  .tier-prices .item-price {
    font-size: 16px;
    color: #e4434b
  }

.overview .add-to-cart {
  margin: 0 0 10px
}

.overview .add-to-cart-panel,
.variant-overview .add-to-cart-panel {
  display: inline-block;
  position: relative
}

  .overview .add-to-cart-panel > *,
  .variant-overview .add-to-cart-panel > * {
    float: left
  }

.overview .qty-label,
.variant-overview .qty-label {
  display: none !important
}


.overview .qty-input,
.overview .qty-input,
.variant-overview .qty-input {
  width: 50px;
  height: 45px;
  text-align: center;
  font-size: 22px;
  color: var(--color-grey);
  border-radius: 6px;
  border: 2px solid var(--color-primary);
}

.overview .qty-dropdown,
.variant-overview .qty-dropdown {
  height: 43px;
  padding: 0 12px;
  font-size: 15px;
  color: var(--color-grey)
}

button#add-to-cart-button-6:before {
  content: "";
  background-image: url(../Themes/NascaTheme/Content/images/thumbs/new/icons/cart-white.svg);
  height: 20px;
  width: 24px;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
}

.overview .add-to-cart-button,
.variant-overview .add-to-cart-button {
  height: 45px;
  border: none;
  background-color: var(--color-white);
  border: 2px solid var(--color-primary);
  padding: 0 30px;
  font-size: 15px;
  font-weight: 600;
  color: var(--color-primary);
  text-transform: uppercase;
  margin-left: 20px;
  border-radius: 6px;
  position: relative;
  /*padding-left: 60px;*/
}

  .overview .add-to-cart-button:hover {
    background-color: var(--color-primary);
    color: var(--color-white);
  }

  .overview .add-to-cart-button:focus,
  .variant-overview .add-to-cart-button:hover,
  .variant-overview .add-to-cart-button:focus {
    background-color: var(--color-primary);
  }

.product-share-button {
  display: inline-block;
  overflow: hidden
}

.full-description {
  clear: both;
  line-height: 24px
}

.product-collateral {
  /*margin: 0 0 75px*/
}

  .product-collateral .title {
    margin: 0 0 10px;
    font-size: 18px;
    color: var(--color-grey)
  }

    .product-collateral .title strong {
      font-weight: normal;
      font-weight: 500;
    }

.product-variant-line {
  margin: 0 0 30px;
  border: 1px solid #ddd;
  display: flex;
  border-radius: 10px;
  padding: 15px;
}

.product-variant-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 25px;
}

.associated-products {
  display: flex;
  width: 100%;
  justify-content: center;
}


.product-variant-line:after {
  content: "";
  display: block;
  clear: both
}

.variant-picture {
  position: relative;
  width: 220px;
  height: 220px;
  margin: 0 auto 15px;
  overflow: hidden;
  margin-right: 25px;
}

.variant-overview {
  width: 100%
}

  .variant-overview .variant-name {
    margin: 0 0 10px;
    padding: 10px 0;
    font-size: 16px;
    font-weight: bold;
    color: var(--color-primary)
  }

  .variant-overview .variant-description {
    margin: 0 0 15px;
    line-height: 22px
  }

  .variant-overview .add-to-wishlist {
    margin: 0;
  }

  .variant-overview .add-to-wishlist-button {
    display: inline-block;
    width: auto
  }

  .variant-overview .add-to-cart {
    margin: 0 0 10px
  }

.product-specs-box {
  margin: 0 0 40px
}

  .product-specs-box td {
    border: 1px solid #ddd;
    padding: 10px
  }

    .product-specs-box td.spec-group-name {
      border: 0;
      padding-top: 15px;
      font-size: 16px;
      font-weight: 500;
      color: var(--color-grey)
    }

.product-tags-list {
  font-size: 0
}

  .product-tags-list li {
    display: inline-block;
    font-size: 14px
  }

    .product-tags-list li.separator {
      margin: 0 5px 0 3px
    }

  .product-tags-list a {
    display: inline-block;
    line-height: 24px
  }

    .product-tags-list a:hover,
    .product-tags-list a:focus {
      color: var(--color-grey)
    }

.attributes {
  margin: 5px 0;
  /*  overflow: hidden;
  text-overflow: ellipsis;*/
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

  .attributes dl {
    overflow: hidden;
    padding: 0 2px;
    margin: 10px 0 !important;
  }

.cart tbody tr:last-child {
  margin-bottom: 0;
}

.attributes dt,
.attribute-label {
  display: block;
  margin: 0 0 5px;
  white-space: nowrap;
  font-weight: bold;
  color: var(--color-grey)
}

.attributes dd,
.attribute-data {
  margin: 0;
  /*margin: 0 0 10px*/
}

  .attributes dd ul {
    display: inline-flex;
  }

.attributes li {
  margin: 8px 0 12px
}

.attributes dd ul li {
  margin: 0 0.5rem;
}

.attributes dd input[type="text"] {
  width: 80%;
}

.attributes select {
  box-shadow: var(--box-shadow-input);
  width: auto;
  min-width: 100px;
  max-width: 100%;
  padding: 0 15px !important;
}

.attributes .option-list label {
  margin: 0;
}

.shipping-address {
  font-size: 13px;
  color: #666;
  margin-top: 10px;
}

.attributes .datepicker {
  width: 280px;
  text-align: center;
  color: var(--color-grey)
}

.attributes .qty-box input {
  width: 48px;
  height: 32px;
  text-align: center
}

.attributes .option-list:not(.attribute-squares) .disabled {
  opacity: .5
}

.attributes .attribute-squares .disabled .attribute-square {
  cursor: default;
  opacity: .25
}

.attributes .attribute-squares .disabled .attribute-square-container {
  background: linear-gradient(to top left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 1.5px), #e91e63 50%, rgba(0, 0, 0, 0) calc(50% + 1.5px), rgba(0, 0, 0, 0) 100%), linear-gradient(to top right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 1.5px), #e91e63 50%, rgba(0, 0, 0, 0) calc(50% + 1.5px), rgba(0, 0, 0, 0) 100%)
}

.attributes .attribute-squares .tooltip-container .not-available-text {
  font-size: 12px
}

.attributes .attribute-squares.color-squares .tooltip-container .not-available-text {
  margin: 5px
}

.attributes .attribute-squares.color-squares .tooltip-container {
  width: 120px;
  display: none
}

.attributes .attribute-squares.color-squares li:hover .tooltip-container {
  margin-left: -42px
}

.attributes .attribute-squares.color-squares .disabled .tooltip-container {
  display: block
}

.attributes .attribute-squares.image-squares .tooltip-container .not-available-text {
  margin-bottom: 5px;
  display: none
}

.attributes .attribute-squares.image-squares .disabled .tooltip-container .not-available-text {
  display: block
}

.attributes select option.disabled,
.attributes select option:disabled {
  color: #cecece
}

.ui-datepicker {
  width: 280px;
  box-shadow: 0 0 3px rgba(0, 0, 0, .15);
  background-color: #fff;
  text-align: center;
  border: none;
  border-radius: 0;
  padding: 0;
  font: normal 14px Arial, Helvetica, sans-serif;
  color: #777
}

.ui-datepicker-header {
  position: relative;
  height: 32px;
  background-color: var(--color-primary);
  color: #fff;
  border: none;
  border-radius: 0;
  background-image: none;
  padding: 0 !important;
  font-weight: normal
}

  .ui-datepicker-header a {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 0;
    top: 0 !important;
    width: 32px !important;
    height: 32px !important;
    border: none !important
  }

    .ui-datepicker-header a.ui-datepicker-prev {
      left: 0;
      background: url('/Themes/NascaTheme/Content/images/calendar-prev.png') center no-repeat
    }

    .ui-datepicker-header a.ui-datepicker-next {
      right: 0;
      background: url('/Themes/NascaTheme/Content/images/calendar-next.png') center no-repeat
    }

    .ui-datepicker-header a span {
      display: none !important
    }

.ui-datepicker-title {
  position: relative;
  z-index: 0;
  line-height: 32px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 32px !important
}

.ui-datepicker-calendar {
  margin: 0 !important;
  font-size: 14px !important
}

  .ui-datepicker-calendar th {
    background-color: #eee
  }

  .ui-datepicker-calendar th,
  .ui-datepicker-calendar td {
    width: 14.285%;
    border: 1px solid #ddd;
    padding: 0
  }

    .ui-datepicker-calendar th span,
    .ui-datepicker-calendar td a {
      display: block;
      min-height: 32px;
      line-height: 32px;
      color: var(--color-grey)
    }

    .ui-datepicker-calendar td a {
      border: none !important;
      background: none !important;
      padding: 0;
      text-align: center;
      color: var(--color-grey) !important
    }

  .ui-datepicker-calendar .ui-state-active {
    outline: 2px solid var(--color-primary);
    font-weight: bold;
    color: var(--color-primary);
    color: var(--color-primary) !important
  }

.attribute-squares {
  font-size: 0;
  display: inline-block
}

  .attribute-squares li {
    display: inline-block;
    margin: 0 5px 5px;
    text-align: center
  }

  .attribute-squares .attribute-square-container {
    display: block;
    position: relative;
    z-index: 0;
    padding: 1px
  }

  .attribute-squares label {
    display: block;
    margin: 0 !important;
    overflow: hidden
  }

  .attribute-squares .attribute-square {
    display: inline-block !important;
    width: 32px !important;
    height: 32px !important;
    border: 1px solid var(--color-grey) !important;
    cursor: pointer
  }

  .attribute-squares .selected-value .attribute-square-container {
    background-color: var(--color-primary)
  }

  .attribute-squares li input {
    display: none
  }

.attribute-squares-padding {
  padding: 0 5px 0 0
}

.tooltip-container {
  position: absolute;
  width: 200px;
  color: #000;
  background: #fff;
  border: 1px solid #eee;
  text-align: center;
  visibility: hidden;
  border-radius: 5px
}

  .tooltip-container:before {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -7px;
    width: 0;
    height: 0;
    border-bottom: 7px solid #eee;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent
  }

  .tooltip-container:after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -6px;
    width: 0;
    height: 0;
    border-bottom: 6px solid #fff;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent
  }

.attribute-squares li:hover .tooltip-container,
.attribute-squares li:focus .tooltip-container {
  visibility: visible;
  margin-left: -83px;
  margin-top: 5px;
  z-index: 999
}

.tooltip-container .tooltip-header {
  background-color: #f6f6f6;
  height: 25px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  padding-left: 10px;
  padding-top: 5px;
  text-align: left;
  width: 198px;
  font-size: 15px;
  border-bottom: 1px #eee solid
}

.tooltip-container .tooltip-body {
  margin: 5px
}

  .tooltip-container .tooltip-body img {
    border: 0 #fff;
    width: 190px
  }

.giftcard {
  padding-left: 2px;
  margin: 0 0 20px;
  overflow: hidden
}

  .giftcard div {
    margin: 0 0 10px
  }

  .giftcard label {
    display: inline;
    margin: 0 auto 5px;
    font-weight: bold;
    color: var(--color-grey);
  }

  .giftcard input,
  .giftcard textarea {
    display: block;
    width: 350px;
    max-width: 100%
  }

  .giftcard textarea {
    height: 150px
  }

.product-reviews-page h1 a {
  color: var(--color-primary)
}

  .product-reviews-page h1 a:before,
  .product-reviews-page h1 a:after {
    content: "''"
  }

.product-reviews-page .title {
  margin: 0 0 20px;
  font-size: 20px;
  color: var(--color-grey)
}

  .product-reviews-page .title strong {
    font-weight: normal;
    font-weight: 500;
  }

.write-review {
  margin: 0 0 60px
}

.date-of-birth .date-picker-wrapper,
.fieldset .inputs .gender,
.fieldset .inputs input {
  display: block;
  margin-top: 10px;
}

.fieldset .advanced-search .inputs label,
.fieldset .advanced-search .inputs {
  text-align: start;
}

  .fieldset .advanced-search .inputs label {
    display: block !important;
  }

.fieldset .inputs label {
  display: inline !important;
}

.fieldset .inputs textarea {
  display: block !important;
}

.write-review .fieldset .form-fields .inputs .required {
  /*   position:absolute;
      top:0;
      left:0;*/
}

.write-review .fieldset {
  margin: 0 0 30px
}

.tooltip {
  position: initial;
  display: inline-block;
  border-bottom: 1px dotted var(--color-secondary);
  color: var(--color-grey)
}

  .tooltip .tooltiptext {
    visibility: hidden;
    width: auto;
    background: #f0f0f0 no-repeat 100% 5%;
    border: #c0c0c0 1px dotted;
    text-align: Left;
    padding: 10px 10px 5px 5px;
    position: absolute;
    z-index: 1;
    left: 10%;
    opacity: 0;
    transition: opacity .3s
  }

    .tooltip .tooltiptext::after {
      content: "";
      position: absolute
    }

  .tooltip:hover .tooltiptext,
  .tooltip:focus .tooltiptext {
    visibility: visible;
    opacity: 1;
    cursor: help
  }

.write-review .review-rating {
  text-align: left;
  padding-top: 10px;
  /*padding-bottom: 10px*/
}

input[type="radio"]:not(.rating-wrapper .rating-options input[type="radio"] ) {
  z-index: -1;
  position: absolute;
  left: -999px;
}


.write-review .review-rating label {
  display: block;
  margin: 0 0 5px;
  font-size: 14px;
  color: var(--color-grey)
}

.write-review .review-rating div.first {
  color: #e4444c;
}

.write-review .review-rating div.rating-options {
  padding-top: 2px
}

  .write-review .review-rating div.rating-options input {
    vertical-align: baseline
  }

.write-review .review-rating div.last {
  color: #4cb17c
}

.write-review .captcha-box {
  margin: 15px 0 0
}
/* *** Edit by Reem ***  */
.product-reviews-page .write-review form {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

  .product-reviews-page .write-review form textarea.review-text {
    padding: 10px;
    width: 100% !important;
  }

.product-reviews-page .write-review .buttons .button-1 {
  font-weight: 500;
  color: var(--color-primary);
  border-radius: 8px;
  background-color: var(--color-white);
  border: 2px solid var(--color-primary);
}

  .product-reviews-page .write-review .buttons .button-1:hover,
  .product-reviews-page .write-review .buttons .button-1:focus {
    color: var(--color-primary);
    background-color: var(--color-white) !important;
  }

.write-review .button-1 {
  border: none;
  background-color: var(--color-primary);
  padding: 10px 25px;
  text-align: center;
  font-size: 15px;
  color: #fff;
  text-transform: uppercase
}

  .write-review .button-1:hover,
  .write-review .button-1:focus {
    background-color: var(--color-primary)
  }

.product-reviews-page .result,
.product-reviews-page .message-error {
  margin: 10px 0;
}

.product-reviews-page .flex-justify-align-center .result {
  margin: 0;
  padding: 10px;
  text-align: center;
  /*  background-color: #b5ebcc !important;
  box-shadow: 0 0 4px #00a411;*/
  color: #00a411;
  font-size: 18px;
}

.product-review-list {
  overflow: hidden
}

.product-review-item .review-item-head {
  border-bottom: 1px solid var(--color-primary);
  overflow: hidden;
  padding: 10px
}

.product-review-item .review-title {
  line-height: 20px;
  font-size: 15px;
  color: var(--color-grey)
}

.product-review-item .product-review-box {
  margin: 3px 0 0
}

.product-review-item .review-content {
  padding: 20px 10px
}

.product-review-item .review-text {
  margin: 0 0 10px;
  line-height: 22px;
  color: var(--color-paragraph-text);
  font-size: var(--font-size-small);
}

.product-review-item .avatar {
  margin: 0 0 10px
}

.product-review-item .reply {
  margin: 15px 0;
  border-top: 1px solid #ddd
}

.product-review-item .reply-header {
  margin: 15px 0;
  font-weight: bold
}

.product-review-item .reply-text {
  line-height: 22px
}

.product-review-item .review-info {
  margin: 0 0 5px
}

  .product-review-item .review-info label {
    font-weight: normal
  }

  .product-review-item .review-info a,
  .product-review-helpfulness .vote {
    display: inline-block;
    padding: 0 5px;
    color: var(--color-primary);
    cursor: pointer
  }

.product-review-helpfulness .question {
  margin: 0 5px 0 0;
  font-style: italic
}

.product-review-helpfulness .result {
  margin: 0 0 0 10px
}

.product-review-item .review-type-rating-ext {
  overflow: hidden;
  margin: 0 0 20px
}

.wishlist-page .page-title {
  margin: 0 0 -1px
}

.wishlist-content {
  margin: 0 0 20px
}

  .wishlist-content .message-error {
    margin: 20px 0
  }

  .wishlist-content .table-wrapper {
    margin: 0 0 20px
  }

  .wishlist-content .product-content {
    min-width: 300px;
    text-align: left
  }

  .wishlist-content .tax-shipping-info {
    margin: 0 0 20px;
    text-align: center
  }

    .wishlist-content .tax-shipping-info a {
      color: #4ab3f1
    }

      .wishlist-content .tax-shipping-info a:hover,
      .wishlist-content .tax-shipping-info a:focus {
        text-decoration: underline
      }

  .wishlist-content .buttons {
    font-size: 0
  }

  .wishlist-content .button-2 {
    display: block;
    width: 250px;
    margin: 0 auto 3px;
    border: none;
    padding: 10px 25px;
    text-align: center;
    line-height: 20px;
    font-size: 15px;
    color: #fff;
    border-radius: 5px;
  }

  .wishlist-content .update-wishlist-button,
  .wishlist-content .wishlist-add-to-cart-button {
    background-color: var(--color-primary);
    text-transform: uppercase
  }

    .wishlist-content .update-wishlist-button:hover,
    .wishlist-content .update-wishlist-button:focus,
    .wishlist-content .wishlist-add-to-cart-button:hover,
    .wishlist-content .wishlist-add-to-cart-button:focus {
      background-color: var(--color-primary)
    }

  .wishlist-content .email-a-friend-wishlist-button {
    background-color: #aaa
  }

    .wishlist-content .email-a-friend-wishlist-button:hover,
    .wishlist-content .email-a-friend-wishlist-button:focus {
      background-color: #999
    }

.wishlist-page .share-info {
  text-align: center
}

  .wishlist-page .share-info span {
    display: block;
    margin: 0 0 20px
  }

.email-a-friend-wishlist-button {
  background: var(--color-red) !important;
}

.wishlist-page .share-info a {
  font-weight: bold;
  color: var(--color-grey);
  word-break: break-all;
}

  .wishlist-page .share-info a:hover,
  .wishlist-page .share-info a:focus {
    color: var(--color-primary)
  }

.wishlist-page .no-data {
  margin: 25px 0 0
}

.compare-products-page {
  position: relative;
  overflow: hidden
}

  .compare-products-page .clear-list {
    display: inline-block;
    margin: 0 0 20px;
    background-color: var(--color-primary);
    padding: 10px 15px;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase
  }

    .compare-products-page .clear-list:hover,
    .compare-products-page .clear-list:focus {
      background-color: var(--color-primary)
    }

  .compare-products-page .table-wrapper {
    margin: 0 0 30px;
    padding: 0 0 1px
  }

.compare-products-table td {
  min-width: 150px;
  border: 1px solid #ddd;
  background-color: #fff;
  padding: 20px;
  text-align: left;
  vertical-align: top;
  color: var(--color-grey)
}

  .compare-products-table td:first-child {
    min-width: 0
  }

  .compare-products-table td label {
    font-weight: normal;
    color: #777
  }

.compare-products-table .specification-group td {
  border: 0;
  padding: 20px 10px 10px 10px
}

  .compare-products-table .specification-group td label {
    font-size: 16px;
    color: var(--color-grey)
  }

.compare-products-table .remove-button {
  display: inline-block;
  border: none;
  background: url('/Themes/NascaTheme/Content/images/remove.png') left center no-repeat;
  padding: 0 0 0 18px;
  font-size: 12px;
  color: #666
}

  .compare-products-table .remove-button:hover,
  .compare-products-table .remove-button:focus {
    color: var(--color-primary)
  }

.compare-products-table .picture {
  display: block;
  position: relative;
  max-width: 200px;
  height: 200px;
  overflow: hidden
}

  .compare-products-table .picture img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto
  }

.compare-products-table .product-name td {
  font-weight: bold
}

  .compare-products-table .product-name td a:hover,
  .compare-products-table .product-name td a:focus {
    color: var(--color-primary)
  }

.compare-products-table .short-description td {
  line-height: 22px
}

.compare-products-table .full-description td {
  display: none
}

.compare-products-page .no-data {
  margin: 25px 0 0
}

.topic-block {
  width: 50%;
  margin: 0 auto;
}

.home-page .topic-block-title {
  min-height: 50px;
  margin: 0 0 25px;
  border-bottom: 1px solid #ddd;
  padding: 0 0 15px
}

.topic-block-title h2 {
  color: var(--color-primary) !important;
  font-size: 30px;
  font-weight: normal
}

.topic-block-body {
  line-height: 20px;
  font-size: 16px;
  color: var(--color-paragraph-text);
  font-weight: 400;
}

.topic-page .page-body {
  text-align: justify;
  line-height: 22px
}

.topic-block a,
.topic-page a {
  text-decoration: underline
}

.topic-block strong {
  color: var(--color-grey)
}

.home-page .topic-block {
  margin: 0 0 50px
}

.popup-window .topic-page {
  padding: 15px
}

.not-found-page p {
  margin: 30px 15px
}

.topic-password {
  text-align: center
}

.enter-password-title {
  margin: 0 0 20px;
  color: var(--color-grey)
}

.enter-password-form {
  display: inline-block;
  overflow: hidden
}

  .enter-password-form input[type="password"] {
    float: left;
    width: 200px;
    height: 40px;
    margin: 0 -1px 0 0
  }

  .enter-password-form button[type="submit"] {
    float: left;
    width: auto;
    min-width: 86px;
    height: 40px;
    border: none;
    background-color: var(--color-primary);
    padding: 0 15px;
    color: #fff;
    text-transform: uppercase
  }

    .enter-password-form button[type="submit"]:hover,
    .enter-password-form button[type="submit"]:focus {
      background-color: var(--color-primary)
    }

.contact-page .page-title,
.email-a-friend-page .page-title,
.apply-vendor-page .page-title {
  margin: 0 0 -1px
}

.contact-page .result,
.contact-page .message-error,
.email-a-friend-page .result,
.email-a-friend-page .message-error,
.apply-vendor-page .result,
.apply-vendor-page .message-error {
  margin: 20px 0
}

.contact-page .result {
  text-align: center;
}

.contact-page .button-1,
.email-a-friend-page .button-1,
.apply-vendor-page .button-1 {
  min-width: 140px;
  border: none;
  background-color: var(--color-primary);
  padding: 10px 30px;
  text-align: center;
  font-size: 15px;
  color: #fff;
  text-transform: uppercase
}

  .contact-page .button-1:hover,
  .contact-page .button-1:focus,
  .email-a-friend-page .button-1:hover,
  .email-a-friend-page .button-1:focus,
  .apply-vendor-page .button-1:hover,
  .apply-vendor-page .button-1:focus {
    background-color: var(--color-primary)
  }

.contact-page .topic-block,
.email-a-friend-page .title,
.apply-vendor-page .title {
  margin: 25px 0
}

  .email-a-friend-page .title h2 {
    font-weight: normal;
    color: var(--color-primary)
  }

.apply-vendor-page .terms-of-service {
  text-align: center
}

  .apply-vendor-page .terms-of-service > * {
    display: inline-block;
    line-height: 32px
  }

  .apply-vendor-page .terms-of-service span,
  .apply-vendor-page .terms-of-service a {
    color: var(--color-primary);
    cursor: pointer
  }

.gender {
  /*display: inline-block;
  margin-top: 5px;*/
}

  .gender span {
    display: inline-block;
    margin: 0 5px
  }

    .gender span > * {
      display: inline !important;
      margin: 0 5px;
      line-height: 32px
    }


.date-of-birth select {
  width: 31%;
  max-width: 126px
}

  .date-of-birth select + select {
    margin: 0 0 0 10px
  }

.date-of-birth .select-wrapper + .select-wrapper {
  margin: 0 0 0 10px
}

#check-availability-button {
  margin: 10px 0 0;
  border: none;
  background-color: #888;
  padding: 10px 15px;
  font-size: 12px;
  color: #fff;
  text-transform: uppercase
}

  #check-availability-button:hover,
  #check-availability-button:focus {
    background-color: #999
  }

.inputs.accept-consent {
  text-align: center
}

  .inputs.accept-consent > * {
    display: inline-block;
    line-height: 32px
  }

  .inputs.accept-consent span,
  .inputs.accept-consent a {
    color: var(--color-primary);
    cursor: pointer;
    font-size: 14px
  }

  .inputs.accept-consent label {
    width: auto;
    margin-left: 10px;
    margin-bottom: 0
  }

.registration-page .button-1,
.registration-result-page .button-1,
.login-page .button-1,
.password-recovery-page .button-1,
.email-revalidation-page .button-1,
.account-activation-page .button-1,
.account-page .button-1,
.return-request-page .button-1 {
  min-width: 140px;
  border: none;
  background-color: var(--color-primary);
  padding: 8px !important;
  text-align: center;
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
  border-radius: 10px;
  font-weight: 500;
}

  .registration-page .button-1:hover,
  .registration-page .button-1:focus,
  .registration-result-page .button-1:hover,
  .registration-result-page .button-1:focus,
  .login-page .button-1:hover,
  .login-page .button-1:focus,
  .password-recovery-page .button-1:hover,
  .password-recovery-page .button-1:focus,
  .email-revalidation-page .button-1:hover,
  .email-revalidation-page .button-1:focus,
  .account-activation-page .button-1:hover,
  .account-activation-page .button-1:focus,
  .account-page .button-1:hover,
  .account-page .button-1:focus,
  .return-request-page .button-1:hover,
  .return-request-page .button-1:focus {
    background-color: var(--color-primary)
  }

.return-request-page h1 a {
  color: var(--color-primary)
}

.return-request-page .return-request-file {
  font-size: 14px
}

  .return-request-page .return-request-file .uploadedfileinput {
    display: inline-block;
    vertical-align: middle
  }

.registration-page .message-error,
.login-page .message-error,
.account-page .message-error {
  margin: 0 0 10px
}

.registration-result-page .result {
  margin: 0 0 30px;
  text-align: center;
  font-size: 20px;
  color: var(--color-paragraph-text);
}

.registration-result-page .container .page-title {
  margin: 50px 0 0;
}

.customer-info-page .email-to-revalidate,
.customer-info-page .readonly-username,
.customer-info-page .vat-status {
  margin: 0 5px;
  font-size: 14px
}

.customer-info-page .vat-status {
  display: block
}

.registration-page .vat-note,
.customer-info-page .vat-note,
.customer-info-page .email-to-revalidate-note {
  display: block;
  font-size: 14px;
  margin-top: 7px;
  white-space: normal
}

.login-page .customer-blocks {
  margin: 0 0 30px
}

.login-page .title {
  margin: 0 0 10px;
  color: var(--color-primary);
  text-align: left !important;
  padding-left: 0;
}

  .login-page .title strong {
    font-weight: normal
  }

.login-page .new-wrapper.register-block .text {
  width: fit-content;
}

.login-page .new-wrapper .text {
  border-top: 0;
  background-color: var(--color-paragraph-text);
  padding: 30px;
  line-height: 22px;
  border-radius: 20px;
}

.login-page .new-wrapper .topic-block {
  margin: 0
}

.login-page .new-wrapper .topic-block-body strong {
  color: var(--color-paragraph-text);
}

.login-page .new-wrapper .button-1 {
  margin: 0
}

.login-page .returning-wrapper {
  margin: 0
}

  .login-page .returning-wrapper .form-fields {
    overflow: hidden;
    padding: 30px 15px 0
  }

.returning-wrapper .login-button {
  margin-top: 20px;
}

.login-page .returning-wrapper .inputs.reversed {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  white-space: normal;
  margin-bottom: 0;
}

  .login-page .returning-wrapper .inputs.reversed * {
    display: inline-block;
    width: auto;
    font-size: 14px;
    color: var(--color-primary);
    font-weight: 500;
    margin: 0;
  }

  .login-page .returning-wrapper .inputs.reversed + .forgot-password a {
    text-decoration: underline !important;
  }

  .login-page .returning-wrapper .inputs.reversed a:hover, 
  .login-page .returning-wrapper .inputs.reversed a:focus {
    color: var(--color-primary)
  }

.login-page .captcha-box {
  margin: -15px 0 20px
}

.login-page .returning-wrapper .buttons {
  background-color: transparent;
  padding: 0;
  margin-bottom: 0;
  text-align: left;
}

.external-authentication {
  margin: 0 0 40px;
  overflow: hidden;
  text-align: center
}

.register-container .external-authentication .title {
  padding: 0;
}

.register-container .external-authentication .title,
.login-page .external-authentication .title {
  font-size: 15px;
  font-weight: 500 !important;
  text-align: center !important;
  color: var(--color-paragraph-text);
}

.auth-container .apple-login-block,
.auth-container .facebook-login-block {
  margin: 0 10px;
}

.external-authentication .buttons {
  margin: 0 0 30px;
  border-top: 1px solid #e6e6e6;
  padding: 30px
}

.external-auth-errors {
  color: #e4444c
}

.external-auth-association {
  color: var(--color-grey)
}

  .external-auth-association a {
    color: var(--color-primary)
  }

    .external-auth-association a:hover,
    .external-auth-association a:focus {
      text-decoration: underline
    }

.password-recovery-page .result {
  margin: 0 0 5px;
  font-weight: bold;
  color: var(--color-grey)
}

.password-recovery-page .tooltip {
  margin: 0 0 25px
}

.add-more-external-records {
  text-align: center
}

  .add-more-external-records a {
    color: var(--color-primary)
  }

    .add-more-external-records a:hover,
    .add-more-external-records a:focus {
      text-decoration: underline
    }

.account-page .buttons {
  text-align: center
}

.account-page .description {
  margin: 0 0 25px;
  padding: 0 10px
}

.account-page .table-wrapper {
  margin: 0 0 30px
}

.gdpr-tools-page .result {
  margin: 20px 0;
  font-size: 13px;
  color: #e4434b
}

.gdpr-tools-page .buttons {
  margin-top: 20px
}

/* *** Edit by Reem ***  */
.address-list-page .info,
.order-list-page .info {
  margin: 0 0 10px;
  /* border-top: 1px solid #e6e6e6;
  background-color: #f9f9f9;*/
  padding: 20px;
  line-height: 26px;
  color: var(--color-grey)
}
/* *** Edit by Reem ***  */
.address-list-page .address-list .address-item,
.order-list-page .order-list .order-item {
  box-shadow: var(--box-shadow);
  border-radius: 10px;
  padding-bottom: 10px;
}
  /* *** Edit by Reem ***  */
  .address-list-page .address-list .address-item .title,
  .order-list-page .order-list .order-item .title {
    padding: 10px;
    border-start-start-radius: 10px;
    border-start-end-radius: 10px;
    background-color: var(--color-background-text);
  }

.address-list-page .info .name, .order-list-page .info .name {
  font-size: 16px;
  font-weight: bold
}

.address-list-page .button-2,
.order-list-page .button-2 {
  display: inline-block;
  margin: 0 0 0 10px;
  border: none;
  padding: 3px 30px;
  font-size: 14px;
  color: var(--color-grey)
}

.edit-address-button {
  /*background: url('/Themes/NascaTheme/Content/images/edit.png') left center no-repeat*/
}

.delete-address-button,
.cancel-recurring-order-button {
  /*background: url('/Themes/NascaTheme/Content/images/remove.png') left center no-repeat*/
}

.retry-recurring-order-button {
  background: url('/Themes/NascaTheme/Content/images/retry.png') left center no-repeat
}

.return-items-button {
  /*background: url('/Themes/NascaTheme/Content/images/return.png') left center no-repeat*/
}

.edit-address-button,
.delete-address-button,
.return-items-button,
.order-details-button {
  padding: 5px;
  /*background: url('/Themes/NascaTheme/Content/images/details.png') left center no-repeat*/
}

.address-list-page .button-2:hover,
.address-list-page .button-2:focus,
.order-list-page .button-2:hover,
.order-list-page .button-2:focus {
  color: var(--color-primary)
}

.address-list-page .add-button {
  margin: 0 0 20px;
  text-align: center
}

.address-edit-page .page-title {
  margin: 0 0 -1px
}

.address-edit-page .message-error {
  margin: 20px 0
}

.address-edit-page .edit-address {
  margin: 0 0 30px;
  padding: 30px 15px
}

.recurring-payments table td {
  white-space: nowrap
}

  .recurring-payments table td:first-child {
    min-width: 120px;
    white-space: normal
  }

.recurring-payments .button-2 {
  font-size: 14px
}

.return-request-list-page .details {
  border-top: 1px solid #e6e6e6;
  background-color: #f9f9f9;
  padding: 20px;
  line-height: 22px;
  color: var(--color-grey)
}

.return-request-list-page label {
  margin: 0 5px 0 0
}

.return-request-list-page a {
  color: var(--color-primary)
}

  .return-request-list-page a:hover,
  .return-request-list-page a:focus {
    text-decoration: underline
  }

.return-request-list-page .comments div {
  margin: 10px 0 0;
  font-size: 15px;
  font-style: italic;
  color: var(--color-grey)
}

.downloadable-products-page table td {
  color: var(--color-grey)
}

.reward-points-overview {
  margin: 0 0 25px
}

.reward-points-history table td {
  color: var(--color-grey)
}

  .reward-points-history table td:first-child {
    min-width: 120px
  }

.change-password-page .page-title {
  margin: 0 0 -1px
}

.change-password-page .result,
.change-password-page .message-error {
  margin: 20px 0
}

.change-password-page .fieldset {
  margin: 0 0 30px
}

.avatar-page .page-title {
  margin: 0
}

.avatar-page .page-body {
  margin: 0 0 30px;
  overflow: hidden;
  background-color: #f9f9f9;
  padding: 30px 25px
}

.avatar-page .message-error {
  margin: 0 0 10px
}

.avatar-page .image {
  margin: 0 0 10px
}

  .avatar-page .image img {
    border: 1px solid #ccc
  }

.avatar-page .button-1 {
  font-size: 14px
}

.avatar-page .button-2 {
  border: none;
  background-color: #888;
  padding: 10px 15px;
  font-size: 14px;
  color: #fff;
  text-transform: uppercase
}

  .avatar-page .button-2:hover,
  .avatar-page .button-2:focus {
    background-color: #999
  }

.avatar-page .info {
  color: var(--color-grey)
}

.vendorinfo-page .button-2 {
  border: medium none;
  background-color: #888;
  padding: 10px 15px;
  font-size: 14px;
  color: #fff;
  text-transform: uppercase
}

  .vendorinfo-page .button-2:hover,
  .vendorinfo-page .button-2:focus {
    background-color: #999
  }

.vendorinfo-page .vendor-picture {
  width: 400px;
  margin: 0 auto
}

  .vendorinfo-page .vendor-picture * {
    display: block;
    margin-top: 15px
  }

.check-gift-card-balance-page .page-title {
  margin: 0 0 -1px
}

.check-gift-card-balance-page .result,
.check-gift-card-balance-page .message-error {
  margin: 20px 0
}

.check-gift-card-balance-page .fieldset {
  margin: 0 0 30px
}

.order-progress {
  margin: 0 0 50px;
  background-color: #f6f6f6;
  padding: 15px 0;
  text-align: center
}

  .order-progress ul {
    font-size: 0
  }

  .order-progress li {
    display: inline-block;
    margin: 10px
  }

  .order-progress a {
    display: block;
    min-width: 70px;
    font-size: 14px;
    color: var(--color-grey)
  }

    .order-progress a:before {
      content: "";
      display: block;
      width: 40px;
      height: 40px;
      margin: 0 auto 15px;
      border: 1px solid #bbb;
      background: #fff url('/Themes/NascaTheme/Content/images/pointer.png') center no-repeat
    }

  .order-progress li.active-step a {
    cursor: pointer
  }

  .order-progress li.inactive-step a {
    opacity: .3;
    cursor: default
  }

.page {
  min-height: 400px;
}

  .page.shopping-cart-page {
    margin-bottom: -100px;
    padding-top: 40px;
  }

.shopping-cart-page .page-title {
  margin: 1rem 0;
  padding: 0;
}

.page-title h1 {
  text-align: left;
  margin-bottom: 0;
}

.page-title {
  border: 0;
  padding: 0;
}

.shopping-cart-page .message-error {
  margin: 20px 0
}

.shopping-cart-page td .message-error {
  margin: 10px 0 0;
  text-align: center;
}

.shopping-cart-page .checkout-attributes a {
  color: #4ab3f1
}

  .shopping-cart-page .checkout-attributes a:hover,
  .shopping-cart-page .checkout-attributes a:focus {
    text-decoration: underline
  }

.shopping-cart-page .tax-shipping-info {
  margin: 20px 0;
  text-align: center
}

  .shopping-cart-page .tax-shipping-info a {
    color: #4ab3f1
  }

    .shopping-cart-page .tax-shipping-info a:hover,
    .shopping-cart-page .tax-shipping-info a:focus {
      text-decoration: underline
    }

.shopping-cart-page .common-buttons {
  padding-bottom: 60px;
  background-color: inherit;
  padding: 20px 0;
  font-size: 0;
  border-bottom: 2px solid #eee;
}

  .shopping-cart-page .common-buttons button,
  .shopping-cart-page .common-buttons .estimate-shipping-button {
    display: inline-block;
    min-width: 180px;
    margin: 5px;
    border: none;
    background-color: var(--color-primary);
    border: 2px solid var(--color-primary);
    padding: 13px 37px;
    font-size: 16px;
    border-radius: 8px;
    color: #fff;
    font-weight: 500;
  }

    .shopping-cart-page .common-buttons button:hover,
    .shopping-cart-page .common-buttons button:focus {
      background-color: var(--color-white);
      color: var(--color-primary);
    }

    .shopping-cart-page .common-buttons button:first-child,
    .shopping-cart-page .common-buttons .estimate-shipping-button:hover,
    .shopping-cart-page .common-buttons .estimate-shipping-button:focus {
      background-color: var(--color-white);
      border: 2px solid var(--color-primary);
      color: var(--color-primary);
    }

      .shopping-cart-page .common-buttons button:first-child:hover,
      .shopping-cart-page .common-buttons button:first-child:focus {
        background-color: var(--color-primary);
        color: var(--color-white);
      }

.page.shopping-cart-page .product {
  min-width: 300px;
}

.page.shopping-cart-page .product {
  line-height: 25px;
}

  .page.shopping-cart-page .product .attributes {
    display: block;
    width: 100%;
  }

.cart th.sku, .cart td.sku {
  width: 0px;
  font-size: 0px;
  display: none;
}

/*.checkout-attributes {
  margin: -30px 0 30px;
  color: var(--color-grey)
}
*/
.checkout-attributes dt {
  margin: 0 0 5px;
  font-weight: bold
}

.checkout-attributes dd {
  /*margin: 0 0 20px*/
}

.checkout-attributes input[type="text"],
.checkout-attributes select,
div.input-checkout-attribute dd textarea {
  width: 70%;
  /*min-width: 170px;*/
  border-radius: 5px;
  box-shadow: var(--box-shadow);
}

.checkout-attributes ul {
  font-size: 0
}

.checkout-attributes li {
  display: inline-block;
  margin: 5px;
  border: 1px solid #ddd;
  background-color: #fff;
  padding: 8px 10px;
  font-size: 14px
}

.checkout-attributes .attribute-squares li {
  border: none;
  padding: 0;
  line-height: 0
}

.checkout-attributes li label {
  display: inline-block;
  margin: 0 0 0 5px
}

.selected-checkout-attributes {
  min-height: 3rem;
  width: 395px;
  margin: 48px 30px 30px !important;
  padding: 10px;
  word-wrap: break-word;
  background-color: var(--color-white);
  border-radius: 6px;
  box-shadow: var(--box-shadow);
  font-weight: 600;
  color: var(--color-paragraph-text)
}

  .selected-checkout-attributes br {
    content: "";
    display: block;
    margin: 3px
  }

select#checkout_attribute_1 {
  border-radius: 4px;
}

.cart-footer {
  margin: 0 0 50px;
  border-top: 0
}

  /*.cart-footer:after {
    content: "";
    display: block;
    clear: both
  }*/

  .cart-footer .total-info {
    margin: 0 0 20px;
    border-bottom: 1px solid #ddd;
    padding: 5px 10px 15px
  }

.cart-total td {
  width: 50%;
  padding: 5px 0;
  text-align: right
}

  .cart-total td:first-child {
    text-align: left
  }

.cart-total .giftcard-remaining {
  display: block;
  font-style: italic
}

.cart-total .order-total {
  font-size: var(--font-size-medium);
  color: var(--color-primary)
}

  .cart-total .order-total strong {
    font-weight: normal
  }

.cart-total .earn-reward-points {
  font-style: italic
}

.min-amount-warning {
  margin: 0 0 20px;
  padding: 0 30px;
  color: #e4434b
}

.terms-of-service {
  margin: 0 0 20px;
  padding: 0 10px
}

  .terms-of-service label {
    cursor: pointer;
    display: inline;
  }

  .terms-of-service a {
    margin: 0 0 0 3px;
    color: var(--color-primary)
  }

.cart-footer .checkout-buttons {
  padding: 0 10px
}

.cart-footer .checkout-disabled {
  font-size: 20px;
  text-align: center;
  background: #ffa500;
  border: 1px solid #c3891e;
  color: #fff;
  padding: 15px 50px
}

.cart-footer .checkout-button {
  display: inline-block;
  width: 40%;
  border: 2px solid var(--color-primary);
  background-color: var(--color-white) !important;
  padding: 10px;
  font-size: 16px;
  color: var(--color-primary) !important;
  text-transform: uppercase;
  border-radius: 8px;
}

  .cart-footer .checkout-button:hover {
    background-color: var(--color-primary) !important;
    color: var(--color-white) !important;
  }

.deals .title {
  text-align: left !important;
  margin-bottom: 20px !important;
  color: #529b97;
  text-transform: uppercase;
}

.cart-collaterals .deals .hint {
  font-size: var(--font-size-small);
}

.cart-collaterals .deals .title,
.cart-collaterals .deals .hint {
  margin: 0 0 10px 0 !important;
}

.cart-footer .checkout-button:hover, .cart-footer .checkout-button:focus {
  background-color: var(--color-primary)
}

.cart-footer .addon-buttons {
  margin: 20px 0 0;
  padding: 0 10px
}

.cart-collaterals {
  width: 350px;
  max-width: 100%;
  margin: 0 auto 50px;
  /*padding: 0 0 0 20px;*/
}

  .cart-collaterals > div {
    max-width: 400px;
    margin: 0 0 20px
  }

  .cart-collaterals .button-2 {
    display: inline-block;
    border: none;
    background-color: #aaa;
    padding: 10px 15px;
    color: #fff;
    text-transform: uppercase
  }

    .cart-collaterals .button-2:hover,
    .cart-collaterals .button-2:focus {
      background-color: #999
    }

  .cart-collaterals .title, .cart-collaterals .hint {
    padding: 0 5px !important;
    margin: 0 0 5px;
    font-size: 18px;
    color: var(--color-grey)
  }

    .cart-collaterals .title strong {
      font-weight: 500;
      color: var(--color-primary);
    }

  .cart-collaterals .hint {
    margin: 0 0 10px
  }

  .cart-collaterals .deals > div {
    margin: 0 0 10px
  }

  .cart-collaterals .coupon-code {
    margin: 0 15px;
    padding: 5px;
    overflow: hidden;
    position: relative;
    border-radius: 6px !important;
    box-shadow: var(--box-shadow);
    background-color: #fff;
  }

    .cart-collaterals .coupon-code button[type="submit"] {
      border-radius: 6px !important;
    }

    .cart-collaterals .coupon-code input[type="text"] {
      float: left;
      width: 73%;
      height: 100%;
      margin: 0 -1px 0 0;
      border-color: #fff !important;
      border-radius: 5px !important;
    }

      .cart-collaterals .coupon-code input[type="text"]:focus {
        border: none !important;
        border-color: #fff !important;
      }

      .cart-collaterals .coupon-code input[type="text"]:focus-visible {
        border: none !important;
        border-color: #fff !important;
      }

.product-name {
  font-size: 18px;
}

.cart-collaterals .coupon-code button[type="submit"] {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  background: var(--color-primary) !important;
  border: 2px solid var(--color-primary) !important;
  color: var(--color-white) !important;
  border-radius: 10px;
  text-transform: capitalize;
  font-size: var(--font-size-small);
  font-weight: 500;
  padding: 6px 10px;
  z-index: 2;
}

  .cart-collaterals .coupon-code button[type="submit"]:hover {
    background: var(--color-white) !important;
    color: var(--color-primary) !important;
  }

.cart-collaterals .message-failure {
  margin: 5px 0 0;
  padding-left: 20px;
  font-size: 12px;
  color: #e4434b
}

.cart-collaterals .message-success {
  margin: 5px 0 0;
  font-size: 12px;
  color: #4cb17c
}

.cart-collaterals .current-code {
  margin: 5px 0 0;
  color: #4cb17c
}

.remove-discount-button,
.remove-gift-card-button {
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  background: #fff url('../Themes/NascaTheme/Content/Themes/NascaTheme/Content/images/close.png') center no-repeat;
  cursor: pointer
}

.cart-collaterals .shipping select {
  height: 36px
}

.cart-collaterals .shipping-results {
  margin: 30px 0 0
}

  .cart-collaterals .shipping-results li {
    margin: 20px 0
  }

    .cart-collaterals .shipping-results li strong {
      display: block;
      margin: 0 0 5px;
      color: var(--color-grey)
    }

.shopping-cart-page .no-data {
  margin: 25px 0 0
}

.estimate-shipping-popup {
  position: relative;
  background: #fff;
  padding: 25px;
  width: auto;
  max-width: 800px;
  margin: 0 auto;
  border-radius: 10px;
}

.estimate-shipping-popup-zoom-in .mfp-with-anim {
  opacity: 0;
  transition: all .2s ease-in-out;
  transform: scale(.8)
}

.estimate-shipping-popup-zoom-in.mfp-bg {
  opacity: 0;
  transition: all .3s ease-out
}

.estimate-shipping-popup-zoom-in.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1)
}

.estimate-shipping-popup-zoom-in.mfp-ready.mfp-bg {
  opacity: .8
}

.estimate-shipping-popup-zoom-in.mfp-removing .mfp-with-anim {
  transform: scale(.8);
  opacity: 0
}

.estimate-shipping-popup-zoom-in.mfp-removing.mfp-bg {
  opacity: 0
}

.shipping-options-loading {
  background: url(/Themes/NascaTheme/Content/images/ajax-loader-small.gif) no-repeat;
  width: 16px;
  height: 16px;
  position: relative;
  right: 8px;
  margin: 4% 50%
}

.shipping-address .required {
  margin-left: 0
}

.estimate-shipping-row {
  display: flex;
  display: -webkit-flex;
  align-items: center
}

  .estimate-shipping-row.shipping-option {
    cursor: pointer
  }

    .estimate-shipping-row.shipping-option.active {
      font-weight: 700
    }

.estimate-shipping-row-item {
  flex: 0 1 100%
}

  .estimate-shipping-row-item.shipping-item {
    padding: 8px 0 8px 8px;
    overflow: hidden;
    overflow-wrap: break-word
  }

  .estimate-shipping-row-item.shipping-header-item {
    padding: 12px 0;
    align-self: flex-end
  }

  .estimate-shipping-row-item.address-item + .estimate-shipping-row-item.address-item {
    padding-left: 15px
  }

  .estimate-shipping-row-item + .estimate-shipping-row-item {
    padding-left: 10px
  }

.estimate-shipping-row-item-radio {
  flex: 0 0 35px
}

.ship-to-title,
.choose-shipping-title {
  margin-top: 10px;
  color: var(--color-primary);
}

.estimate-shipping-address-control {
  width: 100%;
  height: 36px !important;
  background-color: var(--color-white);
  box-shadow: var(--box-shadow-input);
}

.estimate-shipping-radio {
  display: none
}

  .estimate-shipping-radio + label {
    -webkit-appearance: none;
    background-color: #fafafa;
    border: 1px solid #cacece;
    padding: 9px;
    border-radius: 50px;
    display: inline-block;
    position: relative
  }

  .estimate-shipping-radio:checked + label:after {
    content: ' ';
    width: 6px;
    height: 6px;
    border-radius: 50px;
    position: absolute;
    top: 6px;
    left: 6px;
    background: #fff
  }

  .estimate-shipping-radio:checked + label {
    background-color: var(--color-primary);
    color: #99a1a7;
    border: 1px solid #adb8c0;
    border-color: var(--color-primary)
  }

.apply-shipping-button {
  border: none;
  padding: 8px 25px;
  background-color: var(--color-primary);
  color: #fff
}

.apply-shipping-button-container {
  margin-top: 15px;
  text-align: center
}

.shipping-options-header {
  top: 0;
  z-index: 1;
  position: sticky;
  border-bottom: 1px solid var(--color-primary);
  background-color: var(--section-background-color);
}

.shipping-options {
  position: relative;
  z-index: 1;
  overflow: hidden;
  overflow-y: auto;
  max-height: 200px;
  background: #fff no-repeat;
  background-image: -webkit-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0)), -webkit-radial-gradient(50% 100%, farthest-side, rgba(242, 242, 242, 1), rgba(0, 0, 0, 0));
  background-image: -moz-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0)), -moz-radial-gradient(50% 100%, farthest-side, rgba(242, 242, 242, 1), rgba(0, 0, 0, 0));
  background-image: radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(242, 242, 242, 1), rgba(0, 0, 0, 0));
  background-position: 0 0, 0 100%;
  background-size: 100% 7px
}

  .shipping-options:before,
  .shipping-options:after {
    content: "";
    position: relative;
    z-index: -1;
    display: block;
    height: 30px;
    margin: 0 0 -30px;
    background: -webkit-linear-gradient(top, #fff, #fff 30%, rgba(255, 255, 255, 0));
    background: -moz-linear-gradient(top, #fff, #fff 30%, rgba(255, 255, 255, 0));
    background: linear-gradient(to bottom, #fff, #fff 30%, rgba(255, 255, 255, 0))
  }

  .shipping-options:after {
    margin: -30px 0 0;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #fff 70%, #fff);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #fff 70%, #fff);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 70%, #fff)
  }

.no-shipping-options {
  text-align: center;
  margin: 4% 0
}

.estimate-shipping-popup .message-failure {
  margin: 5px 0 -5px;
  font-size: 12px;
  color: #e4434b
}

.product-estimate-shipping {
  margin-bottom: 20px
}

  .product-estimate-shipping .shipping-date {
    margin-top: 3px
  }

  .product-estimate-shipping .shipping-title {
    font-size: 16px;
    font-weight: bold;
    color: var(--color-grey);
    margin-bottom: 5px;
    justify-content: center
  }

    .product-estimate-shipping .shipping-title .shipping-price-title {
      color: var(--color-primary);
    }

    .product-estimate-shipping .shipping-title .shipping-price {
      margin-left: 5px;
      vertical-align: middle
    }

    .product-estimate-shipping .shipping-title .shipping-loading {
      margin-left: 5px;
      vertical-align: middle;
      background: url(/Themes/NascaTheme/Content/images/ajax-loader-small.gif) no-repeat;
      width: 16px;
      height: 16px;
      display: inline-block
    }

  .product-estimate-shipping .open-estimate-shipping-popup .arrow-down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin: 0 0 3px 6px;
    border: solid #000;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px
  }
  /* *** Edit by Reem ***  */
  .product-estimate-shipping .open-estimate-shipping-popup {
    box-shadow: var(--box-shadow-input);
    border-radius: var(--border-radius-input);
    padding: 5px;
  }

/* *** Checkout Section  *** */
.buttons.buttons-align-end {
  text-align: end !important;
}

.checkout-page .button-1
.checkout-page .section {
  margin: 0 0 30px
}

.center-1 .buttons .new-address-next-step-button {
  margin-right: 15px;
  width: fit-content;
}

.new-billing-address .enter-address {
  display: flex;
  align-content: center;
  justify-content: center;
}

  .new-billing-address .enter-address .edit-address {
    /*   width: 80%;
    background-color: var(--section-background-color);
    border: 1px solid #e6e6e6;*/
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }

    .new-billing-address .enter-address .edit-address .inputs {
      width: 100%;
    }

      .new-billing-address .enter-address .edit-address .inputs label {
        color: var(--color-primary) !important;
      }

    .new-billing-address .enter-address .edit-address input,
    .new-billing-address .enter-address .edit-address select {
      background-color: var(--color-white);
      box-shadow: var(--box-shadow-input-hover);
    }
/* *** Edit by Reem ***  */
#checkout-steps .buttons .button-1 {
  margin-left: 10px;
  border: none !important;
  border-radius: 50% !important;
  background-color: var(--color-white) !important;
}

#billing-buttons-container .button-1.new-address-next-step-button {
  width: 40px;
  border: none !important;
}

  #billing-buttons-container .button-1.new-address-next-step-button:hover,
  #billing-buttons-container .button-1.new-address-next-step-button:focus {
    background-color: transparent !important;
  }
/* *** Edit by Reem ***  */
.checkout-page .section.order-summary {
  margin: 100px 0 30px
}
/* *** Edit by Reem ***  */

.order-summary-content .checkout-page .cart-options,
.checkout-page .cart-options {
  min-height: 60px;
  overflow: hidden
}

.checkout-page .cart-footer {
  padding-bottom: 1rem;
}

  .checkout-page .cart-footer .totals {
    float: right;
  }

.checkout-page .cart-footer {
  border-top: none
}

.checkout-page .total-info {
  margin: 0;
  border-bottom: none;
  padding: 5px 20px 10px;
}
/* *** Edit by Reem ***  */
.checkout-page .button-1 {
  display: inline-block;
  border: none;
  color: var(--color-white);
}
  /* *** Edit by Reem ***  */
  .checkout-page .button-1:hover,
  .checkout-page .button-1:focus {
    /*background-color: var(--color-primary);*/
  }

.checkout-page .address-item {
  width: 350px;
  max-width: 100%;
  margin: 0 auto 40px
}

  .checkout-page .address-item ul {
    margin: 0 0 15px;
    background-color: #f9f9f9;
    padding: 20px;
    color: var(--color-grey)
  }

  .checkout-page .address-item li {
    padding: 5px 0
  }

    .checkout-page .address-item li.name {
      font-size: 16px;
      font-weight: bold
    }

.enter-address .message-error {
  margin: 20px 0
}

.enter-address .edit-address {
  border: none;
  /* background-color: #f9f9f9;
  border-top: 1px solid #e6e6e6;*/
  margin: 0 0 10px;
  padding: 8px 0px
}

.checkout-page .ship-to-same-address {
  padding: 30px 0;
  text-align: center
}

  .checkout-page .ship-to-same-address .selector {
    margin: 0 0 5px;
    font-weight: bold;
    color: var(--color-grey)
  }

.checkout-page .pickup-in-store {
  text-align: center
}

  .checkout-page .pickup-in-store .selector {
    margin: 0 0 5px;
    font-weight: bold;
    color: var(--color-grey)
  }

.select-pickup-point {
  text-align: center
}

.checkout-page .pickup-points-map {
  min-width: 400px;
  min-height: 350px;
  vertical-align: middle;
  margin-top: 5px;
  margin-bottom: 5px
}

.checkout-page .edit-address-button {
  float: right;
  margin: 20px 10px 10px 12px;
  display: none
}

.checkout-page .delete-address-button {
  float: right;
  margin: 20px 0 10px 0;
  display: none
}

.shipping-method .method-list,
.payment-method .method-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
  font-size: 0
}

.method-list .method-name {
  box-shadow: var(--box-shadow);
  border-radius: 8px;
  padding: 10px;
  margin-right: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.shipping-method .method-list li,
.payment-method .method-list li {
  width: 100%;
  margin: 20px 0;
  font-size: 14px
}

  .shipping-method .method-list li label,
  .payment-method .method-list li label {
    display: flex;
    align-items: center;
    justify-content: start;
    width: 100%;
    height: 100%;
    font-size: 13px;
    font-weight: bold;
    color: var(--color-grey)
  }

    .shipping-method .method-list li label img,
    .payment-method .method-list li label img {
      width: 100%;
      height: 100%;
      object-fit: contain;
    }

.shipping-method .method-description {
  margin: 5px 2rem 0 0;
}

.payment-method .use-reward-points {
  margin: 0 0 30px;
  text-align: center;
  color: var(--color-grey)
}

.payment-method .payment-logo {
  border-radius: 3px;
  padding: 4px;
  /*width:29%;*/
  height: fit-content;
  display: inline-block;
  vertical-align: middle
}

  .payment-method .payment-logo label {
    display: block;
    font-size: 0 !important
  }

.payment-method .payment-details {
  width: 200px;
  display: inline-block;
  margin: 0 0 0 10px;
  text-align: left;
  vertical-align: middle
}

.payment-info .info {
  padding: 0 15px;
  color: var(--color-grey)
}

  .payment-info .info tr {
    display: block;
    margin: 0 0 15px;
    font-size: 0
  }

  .payment-info .info td {
    display: inline-block;
    width: 100% !important;
    max-width: 400px !important;
    font-size: 14px
  }

    .payment-info .info td:only-child {
      width: 100% !important;
      max-width: 100% !important
    }

    .payment-info .info td input[type="text"] {
      width: 100% !important
    }

    .payment-info .info td input[name="CardCode"] {
      width: 65px !important
    }

    .payment-info .info td select {
      min-width: 70px
    }

    .payment-info .info td:first-child {
      margin: 0 0 10px
    }

  .payment-info .info p {
    text-align: center;
    margin-bottom: 0;
  }

.confirm-order .buttons {
  padding: 10px 0
}

.confirm-order .button-1 {
  font-size: 16px
}

.order-details-area > div,
.shipment-details-area > div {
  background-color: var(--section-background-color);
}

.order-review-data > div,
.order-details-area > div,
.shipment-details-area > div {
  /*comment by reem*/
  max-width: 100%;
  margin: 0 auto;
  padding: 20px 0 30px;
  color: var(--color-grey)
}

.order-review-data > div {
  /*box-shadow:var(--box-shadow);*/
  border-radius: 8px;
}

.order-review-data li,
.order-details-area li,
.shipment-details-area li {
  padding: 3px 0
}

.order-review-data .title,
.order-details-area .title,
.shipment-details-area .title {
  margin: 0 0 5px;
  padding: 0;
  font-size: 16px;
  font-weight: bold
}

  .order-review-data .title strong,
  .order-details-area .title strong,
  .shipment-details-area .title strong {
    font-weight: 700;
    color: var(--color-primary);
  }

.order-review-data .payment-method-info,
.order-review-data .shipping-method-info,
.order-details-area .payment-method-info,
.order-details-area .shipping-method-info {
  margin: 20px auto 0;
}

.order-completed .details {
  padding: 15px;
  text-align: center;
  color: var(--color-grey)
}

  .order-completed .details div {
    margin: 5px 0
  }

    .order-completed .details div a {
      text-decoration: underline !important;
    }

  .order-completed .details strong {
    font-weight: normal;
    text-transform: uppercase
  }

  .order-completed .details a {
    color: var(--color-primary)
  }

    .order-completed .details a:hover,
    .order-completed .details a:focus {
      text-decoration: underline
    }

.opc .step-title {
  margin: 0 0 1px;
  overflow: hidden;
  background-color: #f6f6f6
}

.opc .allow .step-title {
  background-color: var(--color-primary);
  cursor: pointer
}

.opc .step-title .number,
.opc .step-title .title {
  float: left;
  min-height: 40px;
  padding: 10px 15px;
  line-height: 20px;
  font-size: 16px;
  font-weight: normal
}

.opc .allow .step-title .number,
.opc .allow .step-title .title {
  color: #fff;
  cursor: pointer
}

.opc .step-title .number {
  width: 42px;
  border-right: 1px solid #fff;
  text-align: center
}

.opc .allow .step-title .number {
  background-color: var(--color-primary)
}

.opc .step {
  margin: 10px 0;
  /*padding: 30px 15px;*/
  padding: 10px;
  text-align: center
}

.opc .section {
  margin: 0 0 10px
}

  .opc .section > label {
    display: block;
    margin: 0 0 10px
  }

.opc input[type="text"],
.opc select {
  max-width: 100%
}

.opc .buttons {
  margin-bottom: 0
}

.opc .back-link {
  margin: 0 0 10px
}

  .opc .back-link p {
    margin: 0;
  }

  .opc .back-link small {
    display: none
  }

  .opc .back-link a {
    display: inline-block;
    margin: 0 0 0 -15px;
    /*background: url('/Themes/NascaTheme/Content/images/back-button.png') left center no-repeat;*/
    padding: 0 0 0 18px;
    color: var(--color-grey)
  }

    .opc .back-link a:hover,
    .opc .back-link a:focus {
      color: var(--color-primary)
    }

.opc .buttons .please-wait {
  display: block;
  margin: 10px 0 0;
  background: none
}

.opc .section.ship-to-same-address {
  margin: 0 0 30px;
  padding: 0
}

.opc .section.pickup-in-store {
  margin: 0 0 30px;
  padding: 0
}

.opc .payment-info .info tr {
  text-align: left
}

.opc .section.order-summary {
  margin: 0
}

.order-details-page .page-title {
  border-bottom: none
}

  .order-details-page .page-title h1 {
    margin: 0 0 30px;
    border-bottom: 1px solid var(--color-primary);
    padding: 0 0 10px
  }

  .order-details-page .page-title a {
    display: inline-block;
    min-width: 180px;
    margin: 5px 0;
    border: none;
    background-color: #aaa;
    background-image: none;
    padding: 10px 20px;
    font-size: 15px;
    color: #fff
  }

    .order-details-page .page-title a:hover,
    .order-details-page .page-title a:focus {
      background-color: #999
    }

    .order-details-page .page-title a.print-order-button {
      background-color: var(--color-primary)
    }

      .order-details-page .page-title a.print-order-button:hover,
      .order-details-page .page-title a.print-order-button:focus {
        background-color: var(--color-primary)
      }

.order-details-page .order-overview {
  /*margin: 0 0 30px;*/
  line-height: 26px;
  text-align: center;
  font-size: 16px;
  padding: 2rem 0 1rem;
  color: var(--color-grey);
  background-color: var(--section-background-color);
}

  .order-details-page .order-overview .order-number {
    margin: 0 0 10px;
    text-transform: uppercase
  }

  .order-details-page .order-overview .order-total strong {
    font-weight: normal;
    color: var(--color-primary)
  }

.order-details-page .repost .button-2 {
  display: inline-block;
  margin: 10px 0;
  border: none;
  background-color: var(--color-primary);
  padding: 10px 15px;
  font-size: 12px;
  color: #fff;
  text-transform: uppercase
}

  .order-details-page .repost .button-2:hover,
  .order-details-page .repost .button-2:focus {
    background-color: var(--color-primary)
  }

.order-details-page .download a {
  font-weight: normal;
  color: var(--color-primary)
}

  .order-details-page .download a:hover,
  .order-details-page .download a:focus {
    text-decoration: underline
  }

.user-agreement-page .terms-of-agreement {
  margin: 0 0 20px;
  padding: 20px;
  text-align: center
}

.user-agreement-page .button-1 {
  min-width: 140px;
  border: none;
  background-color: var(--color-primary);
  padding: 10px 30px;
  text-align: center;
  font-size: 15px;
  color: #fff;
  text-transform: uppercase
}

  .user-agreement-page .button-1:hover,
  .user-agreement-page .button-1:focus {
    background-color: var(--color-primary)
  }

.order-details-page .tax-shipping-info {
  margin: 30px 0
}

  .order-details-page .tax-shipping-info a {
    color: var(--color-primary)
  }

    .order-details-page .tax-shipping-info a:hover,
    .order-details-page .tax-shipping-info a:focus {
      text-decoration: underline
    }

.order-details-page .actions {
  margin: 30px 0 0;
  font-size: 0
}

  .order-details-page .actions button {
    display: inline-block;
    min-width: 165px;
    border: none;
    background-color: #aaa;
    background-image: none;
    padding: 10px 20px;
    font-size: 15px;
    color: #fff
  }

    .order-details-page .actions button:hover,
    .order-details-page .actions button:focus {
      background-color: #999
    }

    .order-details-page .actions button:first-child {
      background-color: var(--color-primary)
    }

      .order-details-page .actions button:first-child:hover,
      .order-details-page .actions button:first-child:focus {
        background-color: var(--color-primary)
      }

.order-details-page .totals.section {
  width: 414px;
  padding: 0 10px;
  max-width: 100%;
  margin: 0 37px 50px;
}

.order-details-page .total-info {
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  background-color: var(--color-white);
  padding: 10px;
  color: var(--color-grey)
}

.search-page .page-title {
  margin: 0 0 20px
}

.search-input .fieldset {
  margin: 0 0 10px
}

.search-input .buttons {
  margin: 0 0 10px
}

.search-input .form-fields {
  padding: 30px 15px 10px
}

.search-input input + label {
  display: inline;
  margin: 0 0 0 5px
}

.advanced-search .price-range {
  display: inline-block
}

  .advanced-search .price-range input {
    width: 80px;
    margin: 3px
  }

.search-input .buttons {
  text-align: center
}

.search-input .button-1 {
  min-width: 140px;
  border: none;
  background-color: var(--color-primary);
  padding: 10px 30px;
  text-align: center;
  font-size: 15px;
  color: #fff;
}

  .search-input .button-1:hover,
  .search-input .button-1:focus {
    background-color: var(--color-primary)
  }

.search-results {
  margin: 30px 0 0
}

  .search-results .warning {
    margin: 10px 0;
    color: #e4434b
  }

.sitemap-page .description {
  margin: 0 0 30px;
  text-align: center
}

.sitemap-page .entity {
  margin: 0 0 30px
}

.sitemap-page .entity-title {
  margin: 0 0 15px;
  padding: 0 10px;
  text-align: center
}

  .sitemap-page .entity-title h2 {
    font-size: 20px;
    font-weight: normal;
    color: var(--color-grey)
  }

.sitemap-page .entity-body {
  border-top: 1px solid #e6e6e6;
  background-color: #f9f9f9;
  padding: 30px 15px;
  text-align: center
}

.sitemap-page .entity ul {
  font-size: 0
}

.sitemap-page .entity li {
  display: inline-block;
  position: relative;
  margin: 0 8px;
  padding: 0 12px;
  line-height: 50px;
  font-size: 14px
}

  .sitemap-page .entity li:before {
    content: "";
    position: absolute;
    top: 23px;
    left: 0;
    width: 5px;
    height: 5px;
    background-color: #ddd
  }

.sitemap-page .entity a {
  color: var(--color-grey)
}

  .sitemap-page .entity a:hover,
  .sitemap-page .entity a:focus {
    color: var(--color-primary)
  }

  .sitemap-page .entity a:empty {
    display: none
  }

.block-blog-archive .number {
  display: block;
  color: var(--color-grey);
  cursor: auto
}

.block-blog-archive .sublist {
  margin: 5px 0 5px 15px
}

.block-blog-archive li.month {
  padding: 3px 0 3px 15px
}

.blog-page .page-title,
.news-list-page .page-title {
  margin: 0
}

.blog-page .post,
.news-items .news-item {
  margin: 0 0 30px
}

  .blog-page .post:after {
    content: "";
    display: block;
    clear: both
  }

.post-title,
.news-title {
  display: inline-block;
  padding: 20px 10px;
  line-height: 20px;
  font-size: 16px;
  font-weight: bold;
  color: var(--color-grey)
}

  .post-title:hover,
  .post-title:focus,
  .news-title:hover,
  .news-title:focus {
    color: var(--color-primary)
  }

.post-date,
.news-date {
  display: block;
  margin: 0 0 15px;
  background-color: #f6f6f6;
  padding: 10px;
  font-style: italic;
  color: var(--color-grey)
}

.news-item-page .inputs input,
.news-item-page .inputs textarea {
  /*background: #f1f1f1;*/
  background-color: var(--color-white) !important;
  box-shadow: var(--box-shadow-input) !important;
}

.news-item-page .news-date {
  border-radius: 4px;
}

.post-body,
.news-body {
  margin: 0 0 20px;
  padding: 0 10px;
  line-height: 22px;
  color: #2d2d2d;
}

  .news-body a {
    color: var(--color-primary);
  }

    .news-body a:hover {
      text-decoration: underline !important;
      color: var(--color-primary);
    }

.news-body {
  color: var(--color-);
}

.blog-page .tags,
.blogpost-page .tags {
  margin: 0 0 15px;
  overflow: hidden;
  padding: 0 10px
}

  .blog-page .tags label,
  .blogpost-page .tags label {
    display: inline-block;
    margin: 0 3px 3px 0;
    font-weight: bold;
    color: var(--color-grey)
  }

  .blog-page .tags ul,
  .blogpost-page .tags ul {
    display: inline-block;
    margin: 0 0 3px 3px;
    font-size: 0
  }

  .blog-page .tags li,
  .blogpost-page .tags li {
    display: inline-block;
    font-size: 14px
  }

    .blog-page .tags li.separator,
    .blogpost-page .tags li.separator {
      margin: 0 8px 0 0
    }

  .blog-page .tags a,
  .blogpost-page .tags a {
    display: block;
    color: var(--color-primary)
  }

    .blog-page .tags a:hover,
    .blog-page .tags a:focus,
    .blogpost-page .tags a:hover,
    .blogpost-page .tags a:focus {
      text-decoration: underline
    }

.blog-posts .buttons,
.news-items .buttons {
  margin: 0;
  padding: 0 10px
}

  .blog-posts .buttons .read-comments {
    display: block;
    margin: 0 0 15px;
    font-weight: bold;
    color: var(--color-grey)
  }

    .blog-posts .buttons .read-comments:hover,
    .blog-posts .buttons .read-comments:focus {
      color: var(--color-primary)
    }

  .blog-posts .buttons .read-more,
  .news-items .buttons .read-more {
    display: inline-block;
    border: none;
    background-color: var(--color-primary);
    padding: 10px 20px;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    border-radius: 10px;
  }

    .blog-posts .buttons .read-more:hover,
    .blog-posts .buttons .read-more:focus,
    .news-items .buttons .read-more:hover,
    .news-items .buttons .read-more:focus {
      background-color: var(--color-primary)
    }

.new-comment {
  margin: 50px 0 60px
}

  .new-comment .notifications {
    margin: 0 0 10px
  }

  .new-comment .result {
    color: #690
  }

  .new-comment .form-fields {
    margin: 0 0 20px
  }

  .new-comment .button-1 {
    border: none;
    background-color: var(--color-primary);
    padding: 10px 30px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase
  }

    .new-comment .button-1:hover,
    .new-comment .button-1:focus {
      background-color: var(--color-primary)
    }

.comment-list {
  margin: 0 0 100px
}

  .comment-list .title {
    margin: 0 0 15px;
    padding: 0 10px;
    font-size: 20px;
    color: var(--color-grey)
  }

    .comment-list .title strong {
      font-weight: normal
    }

  .comment-list .comment {
    margin: 0 0 40px;
    border-top: 1px solid #ddd
  }

    .comment-list .comment:after {
      content: "";
      display: block;
      clear: both
    }

.comment-info {
  width: 150px;
  margin: 20px auto
}

  .comment-info .username {
    display: block;
    margin: 0 0 -1px;
    border: 1px solid #ddd;
    background-color: #f6f6f6;
    padding: 11px 0;
    font-weight: bold;
    color: var(--color-grey)
  }

  .comment-info a.username:hover,
  .comment-info a.username:focus {
    color: var(--color-primary)
  }

  .comment-info .avatar {
    position: relative;
    width: 150px;
    height: 150px;
    border: 1px solid #ddd;
    overflow: hidden
  }

    .comment-info .avatar img {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      max-width: 100%;
      max-height: 100%;
      margin: auto;
      border: solid 2px #cedbe1 !important
    }

.comment-time {
  margin: 0 0 15px;
  font-size: 13px;
  font-weight: bold
}

  .comment-time span {
    color: var(--color-grey)
  }

.comment-title {
  margin: 0 0 15px;
  font-size: 16px;
  color: var(--color-grey)
}

.comment-body {
  line-height: 22px
}


/* .news-list-homepage {
    margin: 0 0 75px
} */


/* .news-list-homepage .title {
    margin: 0 0 -1px;
    border-bottom: 1px solid #ddd;
    padding: 0 0 15px;
    font-size: 30px;
    font-weight: normal;
    color: var(--color-grey)
} */

.news-list-homepage .title strong {
  font-weight: normal
}

.news-list-homepage .view-all {
  text-align: center
}

  .news-list-homepage .view-all a {
    color: var(--color-grey);
    text-decoration: underline
  }

    .news-list-homepage .view-all a:hover,
    .news-list-homepage .view-all a:focus {
      color: var(--color-primary)
    }

.forums-main-page .topic-block {
  margin: 0 0 35px;
  text-align: center
}

  .forums-main-page .topic-block p {
    text-align: center
  }

.forums-main-page .pager {
  display: none
}

.forum-breadcrumb {
  margin: 0 0 40px
}

.forums-header {
  margin: 0 0 50px;
  overflow: hidden
}

  .forums-header:after {
    content: "";
    display: block;
    clear: both
  }

  .forums-header .current-time {
    margin: 0 0 15px;
    color: var(--color-grey)
  }

.forum-search-box .basic {
  overflow: hidden;
  margin: 0 0 10px
}

.forum-search-box .advanced a {
  line-height: 22px;
  color: var(--color-grey);
  text-decoration: underline
}

  .forum-search-box .advanced a:hover,
  .forum-search-box .advanced a:focus {
    color: var(--color-primary)
  }

.forum-search-page .page-title {
  margin: 0 0 -1px
}

.forum-search-page .search-error,
.forum-search-page .no-result {
  margin: 0 0 15px;
  text-align: center;
  color: #e4434b
}

.forums-table-section {
  margin: 0 0 60px
}

  .forums-table-section + .pager {
    margin: -30px 0 30px
  }

.forums-table-section-title {
  margin: 0 0 15px;
  padding: 0 10px
}

  .forums-table-section-title a,
  .forums-table-section-title strong {
    font-size: 22px;
    font-weight: normal;
    color: var(--color-grey)
  }

    .forums-table-section-title a:hover,
    .forums-table-section-title a:focus {
      color: var(--color-primary)
    }

.forums-table-section .image div {
  width: 38px;
  height: 32px;
  margin: auto;
  background: url('/Themes/NascaTheme/Content/images/topic-type1.png') center no-repeat
}

  .forums-table-section .image div.sticky {
    background: url('/Themes/NascaTheme/Content/images/topic-type2.png') center no-repeat
  }

  .forums-table-section .image div.announcement {
    background: url('/Themes/NascaTheme/Content/images/topic-type3.png') center no-repeat
  }

.forums-table-section .forum-title,
.forums-table-section .topic-title {
  margin: 5px 0
}

  .forums-table-section .forum-title a {
    font-size: 16px;
    font-weight: bold;
    color: var(--color-grey)
  }

  .forums-table-section .topic-title a {
    font-size: 16px;
    font-weight: bold;
  }

    .forums-table-section .topic-title a, .forums-table-section .forum-title a:hover, .forums-table-section .forum-title a:focus, .forums-table-section .topic-title a:hover, .forums-table-section .topic-title a:focus {
      color: var(--color-primary);
      text-decoration: none
    }

  .forums-table-section .topic-title span {
    display: block;
    color: #777
  }

.forums-table-section .forum-description,
.forums-table-section .topic-starter {
  margin: 5px 0
}

.forums-table-section .latest-post {
  white-space: nowrap
}

  .forums-table-section .latest-post div {
    margin: 5px 0
  }

  .forums-table-section .latest-post label {
    color: #777
  }

.forums-table-section .view-all {
  margin: 30px 0 0;
  padding: 0 10px
}

  .forums-table-section .view-all a {
    background-color: var(--color-primary);
    padding: 10px 15px;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase
  }

    .forums-table-section .view-all a:hover,
    .forums-table-section .view-all a:focus {
      background-color: var(--color-primary)
    }

.forum-page .forum-info {
  margin: 0 0 30px
}

.forum-page .forum-name,
.forum-topic-page .topic-name {
  margin: 0 0 25px;
  border-bottom: 1px solid #ddd;
  padding: 0 10px 10px
}

  .forum-page .forum-name h1,
  .forum-topic-page .topic-name h1 {
    font-size: 30px;
    font-weight: normal
  }

.forum-actions,
.topic-actions {
  margin: 0 0 30px;
  font-size: 0
}

  .forum-actions .actions a,
  .topic-actions .actions a {
    display: inline-block;
    margin: 1px;
    padding: 10px 10px 10px 33px;
    font-size: 14px
  }

  .forum-actions .actions .new-topic {
    background: #eee url('/Themes/NascaTheme/Content/images/new.png') left center no-repeat
  }

  .forum-actions .actions .watch-forum,
  .topic-actions .actions .watch-forum {
    background: #eee url('/Themes/NascaTheme/Content/images/watch.png') left center no-repeat
  }

  .forum-actions .actions a:hover,
  .forum-actions .actions a:focus,
  .topic-actions .actions a:hover,
  .topic-actions .actions a:focus {
    background-color: #e6e6e6
  }

  .forum-actions .pager.upper,
  .topic-actions .pager.upper {
    display: none;
    margin: 0
  }

  .topic-actions .reply-topic-button {
    background: #eee url('/Themes/NascaTheme/Content/images/reply.png') left center no-repeat
  }

  .topic-actions .watch-topic-button {
    background: #eee url('/Themes/NascaTheme/Content/images/watch.png') left center no-repeat
  }

  .topic-actions .move-topic-button {
    background: #eee url('/Themes/NascaTheme/Content/images/move.png') left center no-repeat
  }

  .topic-actions .edit-topic-button {
    background: #eee url('/Themes/NascaTheme/Content/images/edit_.png') left center no-repeat
  }

  .topic-actions .delete-topic-button {
    background: #eee url('/Themes/NascaTheme/Content/images/remove_.png') left center no-repeat
  }

  .topic-actions.lower .actions {
    display: none
  }

.active-discussions-page .forums-table-section-title {
  margin: 0 0 25px;
  border-bottom: 1px solid #ddd;
  padding: 0 10px 10px
}

  .active-discussions-page .forums-table-section-title strong {
    font-size: 30px;
    font-weight: normal
  }

.active-discussions-page .forums-table-section-body {
  margin: 0 0 20px
}

.topic-post {
  margin: 0 0 30px;
  border-top: 1px solid #ddd
}

  .topic-post:last-child {
    border-bottom: 1px solid #ddd
  }

  .topic-post:after {
    content: "";
    display: block;
    clear: both
  }

  .topic-post .post-info {
    margin: 30px 0
  }

  .topic-post .user-info {
    width: 150px;
    margin: 0 auto 15px
  }

  .topic-post .username {
    display: block;
    margin: 0 0 -1px;
    border: 1px solid #ddd;
    background-color: #f6f6f6;
    padding: 11px 0;
    font-weight: bold;
    color: var(--color-grey)
  }

  .topic-post a.username:hover,
  .topic-post a.username:focus {
    color: var(--color-primary)
  }

  .topic-post .avatar,
  .profile-info-box .avatar {
    position: relative;
    width: 150px;
    height: 150px;
    border: 1px solid #ddd;
    overflow: hidden
  }

    .topic-post .avatar img,
    .profile-info-box .avatar img {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      max-width: 100%;
      max-height: 100%;
      margin: auto
    }

    .topic-post .avatar img {
      border: solid 2px #cedbe1 !important
    }

  .topic-post .user-stats {
    margin: 0 0 15px
  }

    .topic-post .user-stats li {
      display: inline-block;
      margin: 0 10px
    }

    .topic-post .user-stats span,
    .profile-info-box .profile-stats span {
      margin: 0 0 0 3px;
      font-weight: bold;
      color: var(--color-grey)
    }

  .topic-post .pm-button,
  .profile-info-box .pm-button {
    display: inline-block;
    border: none;
    background-color: #888;
    padding: 10px 20px;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase
  }

    .topic-post .pm-button:hover,
    .topic-post .pm-button:focus,
    .profile-info-box .pm-button:hover,
    .profile-info-box .pm-button:focus {
      background-color: #999
    }

  .topic-post .post-time {
    margin: 0 0 15px;
    background-color: #f6f6f6;
    padding: 10px 15px;
    font-size: 13px;
    font-weight: bold
  }

    .topic-post .post-time span {
      color: var(--color-grey)
    }

  .topic-post .post-actions {
    margin: 0 0 15px;
    font-size: 0
  }

    .topic-post .post-actions > div {
      display: inline-block
    }

    .topic-post .post-actions a {
      display: inline-block;
      margin: 1px 5px;
      font-size: 14px
    }

    .topic-post .post-actions .edit-post-button,
    .topic-post .post-actions .delete-post-button {
      padding: 10px 10px 10px 33px
    }

    .topic-post .post-actions .edit-post-button {
      background: url('/Themes/NascaTheme/Content/images/edit_.png') left center no-repeat
    }

    .topic-post .post-actions .delete-post-button {
      background: url('/Themes/NascaTheme/Content/images/remove_.png') left center no-repeat
    }

      .topic-post .post-actions .edit-post-button:hover,
      .topic-post .post-actions .edit-post-button:focus,
      .topic-post .post-actions .delete-post-button:hover,
      .topic-post .post-actions .delete-post-button:focus {
        color: var(--color-primary)
      }

    .topic-post .post-actions .post-link-button {
      padding: 10px;
      font-weight: bold;
      color: var(--color-primary)
    }

      .topic-post .post-actions .post-link-button:hover,
      .topic-post .post-actions .post-link-button:focus {
        text-decoration: underline
      }

    .topic-post .post-actions .quote-post-button {
      background-color: #888;
      padding: 10px 20px;
      color: #fff
    }

      .topic-post .post-actions .quote-post-button:hover,
      .topic-post .post-actions .quote-post-button:focus {
        background-color: #999;
        color: #fff
      }

  .topic-post .post-text {
    padding: 0 10px 20px;
    line-height: 22px;
    color: var(--color-grey);
    margin-bottom: 0
  }

  .topic-post .post-vote {
    text-align: center;
    display: table;
    margin: 0 auto 20px
  }

  .topic-post .user-posted-image,
  .latest-posts .user-posted-image {
    max-width: 100%;
    height: auto
  }

  .topic-post .quote,
  .latest-posts .quote {
    margin: 10px 0;
    border: 1px dashed #ccc;
    background-color: #f9f9f9;
    padding: 10px;
    color: #777
  }

  .topic-post .signature {
    border-top: 1px solid #ddd;
    padding: 20px;
    font-size: 13px;
    font-style: italic;
    clear: both
  }

  .topic-post .post-vote span.vote {
    cursor: pointer;
    display: block;
    width: 40px;
    height: 24px
  }

  .topic-post .post-vote span.up {
    background: url('/Themes/NascaTheme/Content/images/vote-up.png') no-repeat 50% 50%
  }

  .topic-post .post-vote span.vote.up.selected {
    background: url('/Themes/NascaTheme/Content/images/vote-up-selected.png') no-repeat 50% 50%
  }

  .topic-post .post-vote span.down {
    background: url('/Themes/NascaTheme/Content/images/vote-down.png') no-repeat 50% 50%
  }

  .topic-post .post-vote span.vote.down.selected {
    background: url('/Themes/NascaTheme/Content/images/vote-down-selected.png') no-repeat 50% 50%
  }

  .topic-post .vote-count-post {
    display: block;
    font-size: 160%
  }

.forum-edit-page .page-title,
.move-topic-page .page-title,
.private-message-send-page .page-title {
  margin: 0 0 -1px
}

.move-topic-page label {
  white-space: normal
}

.forum-edit-page .message-error,
.private-message-send-page .message-error {
  margin: 20px 0
}

.forum-edit-page .inputs strong {
  display: inline-block;
  max-width: 400px;
  font-size: 22px;
  font-weight: normal;
  color: var(--color-grey);
  white-space: normal
}

.forum-edit-page .inputs .topic-subject {
  font-size: 17px
}

.forum-edit-page .inputs.reversed {
  margin: 0
}

  .forum-edit-page .inputs.reversed label {
    width: auto;
    margin: 5px;
    font-size: 14px;
    white-space: normal
  }

.forum-edit-page .bb-code-editor-wrapper,
.private-message-send-page .bb-code-editor-wrapper {
  max-width: 400px;
  margin: 20px auto;
  background-color: #ddd;
  padding: 10px
}

.forum-edit-page .toolbar .button,
.private-message-send-page .toolbar .button {
  margin: 0 2px 0 0;
  border: #cec6b5 1px solid;
  padding: 2px
}

  .forum-edit-page .toolbar .button:hover,
  .forum-edit-page .toolbar .button:focus,
  .private-message-send-page .toolbar .button:hover,
  .private-message-send-page .toolbar .button:focus {
    border: #333 1px solid
  }

.forum-edit-page textarea,
.private-message-send-page textarea {
  display: block;
  margin: auto
}

.forum-edit-page .buttons button,
.move-topic-page .buttons button,
.private-messages .buttons button {
  min-width: 140px;
  border: none;
  background-color: #999;
  padding: 10px 30px;
  text-align: center;
  font-size: 15px;
  color: #fff;
  text-transform: uppercase
}

  .forum-edit-page .buttons button:hover,
  .forum-edit-page .buttons button:focus,
  .move-topic-page .buttons button:hover,
  .move-topic-page .buttons button:focus,
  .private-messages .buttons button:hover,
  .private-messages .buttons button:focus {
    background-color: #888
  }

.forum-edit-page .buttons .button-1,
.move-topic-page .buttons .button-1,
.private-messages .buttons .button-1 {
  background-color: var(--color-primary)
}

  .forum-edit-page .buttons .button-1:hover,
  .forum-edit-page .buttons .button-1:focus,
  .move-topic-page .buttons .button-1:hover,
  .move-topic-page .buttons .button-1:focus,
  .private-messages .buttons .button-1:hover,
  .private-messages .buttons .button-1:focus {
    background-color: var(--color-primary);
  }

.private-message-send-page a {
  font-size: 14px;
  color: var(--color-primary)
}

.private-message-send-page span {
  font-size: 14px
}

.ui-tabs {
  border: none;
  border-radius: 0;
  background: none;
  padding: 0;
  font: normal 14px Arial, Helvetica, sans-serif;
  color: #777
}

.ui-widget.ui-widget-content.ui-tabs {
  border: none
}

.ui-tabs-nav {
  margin: 0 0 30px;
  border-bottom: 1px solid #ddd;
  overflow: hidden;
  font-size: 0;
  margin: 0 0 30px !important;
  border-width: 0 0 1px;
  border-radius: 0;
  background: none;
  padding: 0 !important;
  line-height: normal;
  font-weight: normal;
  color: var(--color-grey)
}

  .ui-tabs-nav li {
    margin: 0 0 -1px;
    float: none !important;
    margin: 0 0 -1px !important;
    border: none !important;
    border-radius: 0;
    background: none !important;
    padding: 0 !important
  }

    .ui-tabs-nav li a {
      display: block;
      border: 1px solid #ddd;
      padding: 12px 24px;
      text-align: center;
      font-size: 18px;
      color: var(--color-grey);
      float: none !important;
      padding: 12px 24px !important
    }

    .ui-tabs-nav li.ui-state-active a {
      background-color: #eee;
      color: var(--color-primary)
    }

.ui-tabs-panel {
  padding: 0 !important
}

.private-messages-page .table-wrapper,
.private-message-view-page .view-message {
  margin: 0 0 30px
}
/* *** Edit by Reem ***  */
/* *** nav bar *** */
select#customerTaxType {
  box-shadow: var(--box-shadow-input);
}

.header-selectors-wrapper .language-selector {
  margin: 0;
}

.header-selectors-wrapper .language-selector {
  margin: 0;
}

.header-selectors-wrapper {
  padding-left: 15px !important;
}

.cart-footer .totals {
  float: right;
  border-radius: 10px;
  background-color: var(--color-white);
  box-shadow: var(--box-shadow);
}

.table-wrapper {
  padding: 3px;
}
/* *** Edit by Reem ***  */
.cart .cart-header,
.shopping-cart-page .cart-header {
  background-color: var(--color-background-text);
  box-shadow: var(--box-shadow-table);
  border-start-start-radius: 8px;
  border-start-end-radius: 8px;
}
/* *** Edit by Reem ***  */
.shopping-cart-page .cart tbody tr td:last-child,
.cart tbody tr td:last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
/* *** Edit by Reem ***  */
.shopping-cart-page .table-wrapper tr,
.shopping-cart-page .table-wrapper tr,
.shopping-cart-page .table-wrapper tr td,
.order-summary-content .table-wrapper .cart tbody tr td,
.order-summary-content .table-wrapper .cart tbody tr {
  margin: 0;
}

.shopping-cart-page .table-wrapper tr,
.shopping-cart-page .table-wrapper tr,
.order-summary-content .table-wrapper .cart tbody tr {
  box-shadow: var(--box-shadow-table);
}

  .shopping-cart-page .table-wrapper tr td,
  .cart td, .data-table td,
  .forum-table td,
  .order-summary-content .table-wrapper .cart td {
    padding: 8px;
  }
  /* *** Edit by Reem ***  */
  .shopping-cart-page .table-wrapper tr th,
  .order-summary-content .table-wrapper .cart th {
    color: var(--color-primary);
    font-size: 20px;
  }
/* *** Edit by Reem ***  */
.checkout-page .button-1.continue-button {
  padding: 0 !important;
  width: fit-content !important;
  border: none !important;
  margin: 0 1rem !important;
  text-align: end !important;
}

  .checkout-page .button-1.continue-button:hover {
    background-color: transparent !important;
    border: none;
  }

.continue-button-img {
  width: 38px;
}
/* *** Edit by Reem ***  */
#shipping-method-buttons-container,
#payment-method-buttons-container,
#payment-info-buttons-container,
#payment-info-buttons-container,
#confirm-order-buttons-container {
  display: flex;
  align-items: center;
  justify-content: end;
}
  /* *** Edit by Reem ***  */
  #shipping-method-buttons-container p.back-link,
  #payment-method-buttons-container p.back-link,
  #payment-info-buttons-container p.back-link,
  #payment-info-buttons-container p.back-link,
  #confirm-order-buttons-container p.back-link {
    margin: 0 !important;
  }

.private-messages-page th.select {
  text-align: center
}

.private-messages-page td.from,
.private-messages-page td.to,
.private-messages-page td.subject {
  min-width: 150px
}

.private-messages-page td.date {
  white-space: nowrap
}

.private-messages-page td.subject a {
  color: var(--color-grey)
}

  .private-messages-page td.subject a.pm-unread {
    color: var(--color-primary)
  }

.private-messages-page .pager {
  margin: 0 0 30px
}

.private-messages-page .buttons,
.private-message-view-page .buttons {
  font-size: 0
}

  .private-messages-page .buttons .button-1,
  .private-messages-page .buttons .button-2,
  .private-message-view-page .buttons .button-1,
  .private-message-view-page .buttons .button-2 {
    display: block;
    width: 250px;
    margin: 0 auto 3px;
    font-size: 15px
  }

.private-messages-page .no-items {
  padding: 20px;
  text-align: center
}

.private-message-view-page .view-message {
  margin: 0 0 30px
}

.private-message-view-page .message-head {
  margin: 0 0 20px;
  line-height: 22px
}

  .private-message-view-page .message-head span {
    font-weight: bold;
    color: var(--color-grey)
  }

.private-message-view-page .message-body {
  border-top: 1px solid #ddd;
  background-color: #f9f9f9;
  padding: 30px 20px;
  line-height: 22px;
  text-align: justify
}

.private-message-view-page .back-pm-button {
  text-transform: capitalize !important
}

.profile-info-box {
  overflow: hidden;
  line-height: normal;
  font-size: 14px;
  color: #777
}

  .profile-info-box .user-details {
    margin: 0 0 30px
  }

  .profile-info-box .avatar {
    margin: 0 auto 15px
  }

  .profile-info-box .title {
    margin: 0 0 10px;
    font-size: 18px;
    color: var(--color-grey)
  }

  .profile-info-box .stats {
    margin: 0 0 15px
  }

.latest-posts {
  line-height: normal;
  font-size: 14px;
  color: #777
}

  .latest-posts .topic {
    margin: 0 0 35px
  }

  .latest-posts .topic-title {
    margin: 0 0 20px;
    border-top: 1px solid #ddd;
    background: #f6f6f6;
    padding: 10px;
    font-size: 16px
  }

    .latest-posts .topic-title a {
      font-weight: bold;
      color: var(--color-grey)
    }

      .latest-posts .topic-title a:hover,
      .latest-posts .topic-title a:focus {
        color: var(--color-primary)
      }

  .latest-posts .topic-body {
    margin: 0 0 15px;
    line-height: 22px
  }

  .latest-posts .topic-data {
    color: var(--color-grey)
  }

pre {
  white-space: pre-wrap;
  white-space: normal;
  word-wrap: break-word
}

.csharpcode {
  margin: 10px 0;
  border: 1px dashed #ccc;
  background-color: #fff;
  padding: 10px;
  color: #000
}

  .csharpcode .rem {
    color: #008000
  }

  .csharpcode .kwrd {
    color: #00f
  }

  .csharpcode .str {
    color: #006080
  }

  .csharpcode .op {
    color: #00c
  }

  .csharpcode .preproc {
    color: #c63
  }

  .csharpcode .asp {
    background-color: #ff0
  }

  .csharpcode .html {
    color: #800000
  }

  .csharpcode .attr {
    color: #f00
  }

  .csharpcode .alt {
    width: 100%;
    margin: 0;
    background-color: #f6f6f6
  }

  .csharpcode .lnum {
    color: #666
  }

.product-item .prices .price {
  align-items: end;
  background-color: transparent;
  color: #007007 !important;
  font-size: var(--font-size-medium);
}
/* *** Start Edit by Reem ***  */

/* *** checkout page *** */

#checkout-payment-info-load .checkout-data .payment-info .info {
  box-shadow: var(--box-shadow);
  border-radius: 10px;
  padding: 2rem;
  width: 75%;
  margin: 0 auto;
}

  #checkout-payment-info-load .checkout-data .payment-info .info table tr td:first-child {
    font-weight: 500;
  }

  #checkout-payment-info-load .checkout-data .payment-info .info table input,
  #checkout-payment-info-load .checkout-data .payment-info .info table select {
    box-shadow: var(--box-shadow-input);
  }

    #checkout-payment-info-load .checkout-data .payment-info .info table select:not(#ExpireYear, #ExpireMonth) {
      width: 100%;
      height: 3rem;
    }

/* *** Checkout Page - Order Completed Page *** */
.title h1 {
  text-align: center !important;
}

.order-completed-page .page-up-margin .checkout-data .order-completed .buttons .order-completed-continue-button,
.order-details-page .page-title a.print-order-button {
  border: 2px solid var(--color-primary);
  border-radius: 6px;
  padding: 10px 30px;
  background-color: var(--color-white);
  color: var(--color-primary);
  font-weight: 500;
}

.order-completed-page .page-up-margin .page-title {
  margin-bottom: 0 !important;
}

.order-details-page .page-title a {
  border: 2px solid var(--color-primary);
  border-radius: 6px;
  padding: 10px 30px;
  background-color: var(--color-primary);
  color: var(--color-white);
  font-weight: 500;
}

.button-1, .button-2 {
  border: 2px solid var(--color-primary) !important;
  border-radius: 6px !important;
  /*padding: 10px 30px !important;*/
  background-color: var(--color-primary) !important;
  color: var(--color-white) !important;
  font-weight: 500 !important;
}

  .button-1:hover,
  .button-1:focus,
  .button-2:hover,
  .button-2:focus {
    box-shadow: var(--box-shadow-input-hover);
    background-color: var(--color-white) !important;
    color: var(--color-primary) !important;
  }

.order-completed-page .page-up-margin .checkout-data .order-completed .buttons .order-completed-continue-button:hover,
.order-completed-page .page-up-margin .checkout-data .order-completed .buttons .order-completed-continue-button:focus,
.order-details-page .page-title a.print-order-button:hover,
.order-details-page .page-title a.print-order-button:focus {
  background-color: var(--color-white);
  color: var(--color-primary);
}

.order-details-page .page-title a:hover,
.order-details-page .page-title a:focus {
  background-color: var(--color-white);
  color: var(--color-primary);
}

.billing-info-wrap > div, .shipping-info-wrap > div,
.order-details-area .payment-method-info,
.order-details-area .shipping-method-info {
  box-shadow: var(--box-shadow);
}

.downloadable-products-page .table-wrapper .data-table thead tr,
.order-details-page .table-wrapper .data-table thead tr {
  background-color: var(--color-background-text);
  /*  border-start-start-radius: 10px;
  border-start-end-radius: 10px;*/
}

.downloadable-products-page .table-wrapper .data-table thead tr,
.downloadable-products-page .table-wrapper .data-table tbody tr,
.downloadable-products-page .table-wrapper .data-table tbody tr td,
.order-details-page .table-wrapper .data-table thead tr,
.order-details-page .table-wrapper .data-table tbody tr,
.tier-prices .prices-table {
  box-shadow: var(--box-shadow-table);
  text-align: center;
}

  .order-details-page .table-wrapper .data-table tbody tr td {
    padding: 5px 10px;
    box-shadow: none;
  }

.order-details-page .options .selected-checkout-attributes {
  word-wrap: break-word;
  margin: 0 50px 10px;
}

.overview .overview-buttons .button-2 {
  border: none !important;
}

  .overview .overview-buttons .button-2:hover,
  .overview .overview-buttons .button-2:focus {
    background-color: transparent !important;
    box-shadow: none !important;
  }
/*.order-details-page .page-body .section.totals {
    width:100%;
    background-color:var(--section-background-color);
}
  .order-details-page .page-body .section.totals .total-info,
  .order-details-page .page-body .section.totals .actions {
      width:20%;
  }*/


.login-page .customer-blocks {
  padding-left: 18rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /*overflow: hidden*/
}

.block .title {
  position: relative;
  margin: 0 0 10px !important;
  cursor: auto;
  font-size: 16px;
  text-align: left !IMPORTANT;
  margin-bottom: 15px !important;
  border-bottom: 1px solid var(--color-primary) !important;
  text-transform: uppercase;
  font-weight: 500 !IMPORTANT;
}

.shopping-cart-page .table-wrapper tr td,
.order-summary-content .table-wrapper .cart tbody tr td {
  box-shadow: none;
  text-align: center;
}

  .shopping-cart-page .table-wrapper tr td.product, .order-summary-content .table-wrapper .cart tbody tr td.product {
    /*    height: fit-content;
    text-align: center;*/
  }

/* *** End Edit by Reem ***  */
@media all and (max-width:769px) {
  .review-rating .name-description {
    text-align: center;
    width: 100%;
    display: block
  }

  .write-review .review-rating div {
    /*    text-align: center;
    padding-bottom: 10px;
    display: inline-block*/
  }

  .shipping-address {
    flex-flow: column
  }

  .address-item {
    width: 100%
  }

  .estimate-shipping-row-item.address-item + .estimate-shipping-row-item.address-item {
    padding-left: 0;
    padding-top: 8px
  }
}

@media all and (max-width:1000px) {
  .cart {
    display: block
  }

    .cart tbody tr td.product {
      align-items: center;
    }

  td.add-to-cart label {
    margin-right: 5px;
  }

  .form-fields {
    display: flex;
    flex-direction: column;
  }



  .date-picker-wrapper select {
    min-width: auto !important;
  }

  .contact-image {
    display: none;
  }

  .date-of-birth select {
    width: 35% !important;
  }

  .cart colgroup,
  .cart thead {
    display: none
  }

  .page.shopping-cart-page,
  .contact-page {
    margin-top: -40px;
  }

  .cart tr {
    width: 100% !important;
    margin: 0 !important;
  }

  .cart tbody {
    display: grid;
    grid-template-columns: .shopping-cart-page .table-wrapper tr1fr;
    grid-gap: 20px;
  }

  .cart-options .common-buttons {
    text-align: center !important;
  }

  .checkout-attributes dt {
    text-align: left;
  }

  .checkout-attributes dd {
    text-align: left;
  }

  .cart tr {
    display: block;
    float: left;
    width: 100%;
    margin: 40px 0 0;
    border: 0;
    border-radius: 10px;
  }

  .cart td {
    display: block;
    border: none;
    padding: 10px
  }

    .cart td.remove-from-cart {
      margin: 0 0 15px;
      border-bottom: 0;
      padding: 10px
    }

  .cart tr {
    background: #fff !important;
    background: #fff !important;
    display: flex;
    flex-direction: column;
  }

  .cart td.product-picture {
    border-top: 1px solid #ddd;
    padding: 15px 10px 5px
  }

  .cart td.product {
    min-width: 0;
    border-bottom: 1px solid #ddd;
    padding: 5px 10px 15px;
    text-align: center
  }

  .cart td.quantity {
    display: inline-block;
    padding: 0 10px;
    vertical-align: middle
  }

  .cart td.unit-price,
  .cart td.subtotal {
    display: inline-block;
    padding: 20px 10px;
    vertical-align: middle
  }

  .order-details-page .data-table {
    display: block
  }

    .order-details-page .data-table colgroup,
    .order-details-page .data-table thead {
      display: none
    }

    .order-details-page .data-table tbody {
      display: block;
      overflow: hidden
    }

    .order-details-page .data-table tr {
      display: block;
      float: left;
      width: 100%;
      margin: 40px 0 0;
      border: 1px solid #ddd
    }

    .order-details-page .data-table td {
      display: block;
      border: none;
      padding: 10px
    }

      .order-details-page .data-table td.product,
      .order-details-page .data-table td.tracking-number {
        min-width: 0;
        border-bottom: 1px solid #ddd;
        padding: 5px 10px 15px;
        text-align: center
      }

  .header-menu {
    position: relative;
    z-index: 1;
    width: 90%;
    max-width: 600px;
    margin: 0 auto 40px
  }

  .menu-toggle {
    background: var(--color-primary) url('../Themes/NascaTheme/Content/images/thumbs/new/icons/menu-icon.svg') no-repeat;
    background-position: right 20px center;
    padding: 15px;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer
  }

  .top-menu {
    display: none
  }

    .top-menu > li {
      position: relative;
      margin: 1px 0;
      background-color: #f6f6f6
    }

      .top-menu > li > a {
        display: block;
        min-height: 55px;
        padding: 18px;
        font-size: 15px;
        color: #555
      }

        .top-menu > li > a:focus {
          position: relative;
          z-index: 1
        }

    .top-menu .sublist {
      display: none;
      background-color: #fff;
      padding: 5px 0
    }

      .top-menu .sublist li {
        position: relative;
        margin: 1px 0 1px 20px
      }

        .top-menu .sublist li a {
          display: block;
          padding: 15px 18px;
          font-size: 15px
        }

  .sublist-toggle {
    position: absolute;
    top: 0;
    right: 0;
    width: 55px;
    height: 55px;
    border-left: 1px solid #fff;
    background: url('/Themes/NascaTheme/Content/images/toggle-black.png') center no-repeat;
    padding: 15px;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer
  }

  .sublist .sublist-toggle {
    height: 49px
  }

  .sublist .sublist li {
    background-color: #f6f6f6
  }

  .sublist .sublist .sublist li {
    background-color: #fff
  }

  .block-account-navigation {
    float: none;
    margin: auto !important
  }

  .write-review .review-rating {
    text-align: center
  }

    .write-review .review-rating div.name-description {
      /*width: 100%;*/
      margin: 0 5px 0 0;
      text-align: center
    }
}

@media all and (min-width:481px) {
  /* .master-wrapper-content, */
  .header-menu {
    width: 92.5%
  }

  .cart tr {
    width: 46%;
    margin: 40px 2% 0
  }

    .cart tr:nth-child(2n+1) {
      clear: both
    }

  .order-details-page .data-table tr {
    width: 46%;
    margin: 40px 2% 0
  }

    .order-details-page .data-table tr:nth-child(2n+1) {
      clear: both
    }

  .header-selectors-wrapper > div {
    display: inline-block;
    width: 30%;
    margin: 10px auto
  }

  .search-box input.search-box-text {
    width: 280px
  }

  .ui-autocomplete {
    width: 280px !important
  }

    .ui-autocomplete img {
      display: inline
    }

  .footer-block {
    width: 100%
  }

  .newsletter-email input[type="text"] {
    width: 240px
  }

  .item-box:nth-child(2n+1) {
    clear: both
  }

  .item-box .product-rating-box {
    margin: 2px 0 0
  }

  .overview-buttons div {
    display: inline-block;
    width: auto;
    margin: 0 1px 2px
  }

  .wishlist-page .share-info a {
    padding: 10px;
    border: 1px dashed #efaba4;
    border-radius: 10px;
  }

  .wishlist-content .button-2:hover,
  .new-comment .button-1:hover {
    background: transparent !important;
    border: 1px solid #529b97;
    color: #529b97;
  }

  body .wishlist-content .email-a-friend-wishlist-button {
    background-color: var(--color-red) !important;
    border: 1px solid var(--color-red);
  }

    body .wishlist-content .email-a-friend-wishlist-button:hover {
      border: 1px solid var(--color-red);
      color: var(--color-red);
    }

  .wishlist-content .button-2,
  .new-comment .button-1 {
    width: auto;
    display: inline-block;
    min-width: 180px;
    margin: 5px;
    border: none;
    padding: 13px 37px;
    font-size: 16px;
    border-radius: 8px;
    color: var(--color-primary);
    font-weight: 500;
    text-transform: uppercase;
    border: 1px solid var(--color-primary);
  }

  .enter-password-form input[type="password"] {
    width: 260px
  }

  .forums-header {
    background-color: #f9f9f9;
    padding: 30px 20px 20px
  }

  .ui-tabs-nav li {
    display: inline-block;
    min-width: 150px;
    margin: 0 5px -1px;
    margin: 0 5px -1px !important
  }

  .private-messages-page .buttons .button-1,
  .private-messages-page .buttons .button-2,
  .private-message-view-page .buttons .button-1,
  .private-message-view-page .buttons .button-2 {
    display: inline-block;
    width: auto;
    margin: 1px
  }

  .topic-post .post-text {
    float: left;
    width: 90.5%;
    text-align: left
  }

  .forum-group .forum-table th.latest-post,
  .forum-group .forum-table th.topics,
  .forum-group .forum-table th.posts,
  .forum-group .forum-table td.latest-post,
  .forum-group .forum-table td.topics,
  .forum-group .forum-table td.posts {
    display: table-cell
  }

  .topic-group .forum-table th.latest-post,
  .topic-group .forum-table td.latest-post {
    display: table-cell
  }

  .forum-table td.image {
    max-width: 40px
  }

    .forum-table td.image div {
      max-width: 100%;
      background-size: contain
    }

  .estimate-shipping-popup {
    padding: 25px;
  }
}

@media all and (min-width:769px) {
  /* .master-wrapper-content {
        width: 94%
    } */
  .home-page-polls li {
    /*min-width: 100px*/
  }

  .cart tr {
    width: 31.33333%;
    margin: 40px 1% 0
  }

    .cart tr:nth-child(2n+1) {
      clear: none
    }

    .cart tr:nth-child(3n+1) {
      clear: both
    }

  .order-details-page .data-table tr {
    width: 31.33333%;
    margin: 40px 1% 0
  }

    .order-details-page .data-table tr:nth-child(2n+1) {
      clear: none
    }

    .order-details-page .data-table tr:nth-child(3n+1) {
      clear: both
    }

  .header-selectors-wrapper > div {
    width: 20%
  }

  .footer-block {
    display: inline-block;
    width: 25.33333%;
    margin: 0 4%;
    vertical-align: top
  }

    .footer-block .title {
      margin: 0 0 15px;
      background: none;
      padding: 0;
      color: var(--color-grey);
      cursor: auto
    }

    .footer-block .list {
      display: block !important;
      background: none;
      padding: 0
    }

      .footer-block .list li {
        padding: 5px 0
      }

      .footer-block .list a {
        display: inline;
        padding: 0
      }

  .follow-us {
    width: 98%;
    margin: 25px auto 0
  }

  .product-selectors {
    text-align: left
  }

    .product-selectors .product-viewmode {
      display: inline-block;
      float: right
    }

      .product-selectors .product-viewmode span {
        display: none
      }

      .product-selectors .product-viewmode a {
        display: inline-block;
        width: 24px;
        height: 32px;
        margin: 0 0 0 12px;
        background-position: left;
        background-repeat: no-repeat;
        opacity: 1;
      }

        .product-selectors .product-viewmode a.grid {
          background-image: url('../Themes/NascaTheme/Content/images/thumbs/new/icons/grid.svg')
        }

        .product-selectors .product-viewmode a.list {
          background-image: url('../Themes/NascaTheme/Content/images/thumbs/new/icons/list.svg')
        }

        .product-selectors .product-viewmode a.selected {
          opacity: 1
        }

  .item-box {
    width: 100%;
  }

    .item-box:nth-child(2n+1) {
      clear: none
    }

    .item-box:nth-child(3n+1) {
      clear: both
    }

  .product-list .item-box {
    float: none;
    width: auto;
    margin: 0 5px 20px
  }

    .product-list .item-box .product-item:after {
      content: "";
      display: block;
      clear: both;
    }

    .product-list .item-box .picture {
      float: left;
      margin-bottom: 0;
      padding: 5px;
    }

      .product-list .item-box .picture a {
        width: 212px;
      }

    .product-list .item-box:hover .picture a img, .product-list .item-box:focus .picture a img {
      opacity: 1
    }

    .product-list .item-box .picture:hover a img,
    .product-list .item-box .picture:focus a img {
      opacity: .85
    }

    .product-list .item-box .picture + .details {
      margin: 0;
      width: 100%
    }

    .product-list .item-box .product-title {
      height: auto;
      padding: 10px 0;
      font-size: 18px
    }

    .product-list .item-box .description {
      display: block;
      margin: 0 0 10px;
      line-height: 22px
    }

    .product-list .item-box .prices {
      height: auto;
      margin: 0 0 0
    }

    .product-list .item-box .product-box-add-to-cart-button {
      width: auto;
      min-width: 150px;
      padding: 0 20px
    }

    .product-list .item-box .add-to-compare-list-button,
    .product-list .item-box .add-to-wishlist-button {
      width: 42px
    }

  .gallery {
    width: 550px
  }

  .variant-picture {
    position: relative;
    width: 220px;
    height: 220px;
    margin: 0 auto 15px;
    overflow: hidden;
    margin-right: 25px;
    margin-left: 0;
  }

  .option-list label {
    font-size: 15px;
  }

  .variant-picture + .variant-overview {
    width: auto;
    /*        margin: 0 0 0 240px;*/
    float: right;
  }

  .variant-overview {
    text-align: left
  }

  .product-review-item .review-title {
    float: left;
    max-width: 600px
  }

  .product-review-item .product-review-box {
    float: right
  }

  .write-review .review-rating div {
    display: inline-block;
    margin: 0 0 4px 6px;
    cursor: default;
    vertical-align: middle;
    font-size: 14px;
    height: 17px
  }

  .address-list-page .section,
  .order-list-page .section,
  .return-request-list-page .section {
    display: inline-block;
    width: 45%;
    margin: 20px 1%;
    vertical-align: top
  }

  .recurring-payments {
    width: 100% !important;
    margin: 20px 0 !important
  }

  .order-progress {
    padding: 20px
  }

    .order-progress li {
      margin: 0 10px
    }

    .order-progress a {
      min-width: 80px
    }

  .cart-options .common-buttons {
    text-align: center
  }

  .cart-footer .terms-of-service {
    text-align: left
  }

  .cart-footer .checkout-buttons,
  .cart-footer .addon-buttons {
    text-align: right
  }

  .cart-footer .cart-collaterals {
    /*float: left;*/
    width: 45%;
    margin: 0
  }

    .cart-footer .cart-collaterals div,
    .cart-footer .cart-collaterals label {
      text-align: left;
      position: relative;
    }

  .cart-footer .estimate-shipping label {
    display: block;
    margin: 0 0 10px
  }

  .cart-footer .estimate-shipping .buttons {
    text-align: right
  }
  /* *** Edit by Reem ***  */

  .order-summary-content .checkout-page .cart-options {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding-bottom: 1rem !important;
  }

  .checkout-page .cart-options {
    min-height: 60px;
    overflow: hidden
  }



  .checkout-page .cart-footer {
    padding-bottom: 1rem;
  }

  .checkout-data .order-summary-content form .cart-footer,
  .order-summary-content form .cart-footer {
    margin-bottom: 0 !important;
  }

  #checkout-confirm-order-load .order-summary-content form .cart-footer {
    padding: 1rem 0 2rem;
  }

  .checkout-page .selected-checkout-attributes {
    float: right;
    text-align: center;
  }

  .checkout-page .cart-footer .totals {
    margin: 0
  }

  .checkout-page .address-grid {
    overflow: hidden
  }

  .shopping-cart-page .order-summary-content .cart-footer .totals
  .checkout-page .address-item {
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    width: 48%;
    margin: 0 1% 40px
  }

  .shipping-method .method-list li,
  .payment-method .method-list li {
    display: inline-block;
    width: 25%;
    margin: 20px 0;
    vertical-align: top
  }
  /* *** Edit by Reem ***  */
  .shipping-method .method-name {
    background-color: var(--color-white);
    box-shadow: var(--box-shadow-input);
    padding: 10px;
  }

  .payment-method .payment-logo {
    display: block;
    /*background-color: #f6f6f6;*/
    padding: 4px
  }

  .payment-method .payment-details {
    display: block;
    width: auto;
    min-width: 0;
    margin: 10px 0 0;
    text-align: center
  }

  .payment-info .info {
    padding: 0 75px
  }

  .order-review-data,
  .order-details-area,
  .shipment-details-area {
    overflow: hidden
  }

    /*comment by reem*/
    /*.order-details-area > div,*/
    .order-review-data > div,
    .shipment-details-area > div {
      float: left;
      width: 100%;
      /*width: 48%;*/
      margin: 0 1% 40px;
    }

  .order-details-page .section.options {
    text-align: right
  }

  .order-details-page .selected-checkout-attributes {
    text-align: start;
    padding: 10px
  }

  .order-details-page .tax-shipping-info {
    text-align: right
  }

  .order-details-page .totals {
    float: right;
    clear: both
  }

  .shipment-details-page .tracking-number .tracking-url {
    color: var(--color-primary)
  }

  .blog-posts .tags {
    float: right;
    width: 80%;
    text-align: right
  }

  .blog-posts .buttons {
    float: left;
    width: 20%;
    text-align: left
  }

  .new-comment {
    text-align: left
  }

    .new-comment .buttons {
      text-align: left
    }

  .comment-list .comment {
    display: table;
    width: 100%;
    margin: 0
  }

    .comment-list .comment:last-child {
      border-bottom: 1px solid #ddd
    }

  .comment-info {
    display: table-cell;
    width: 15%;
    margin: 0;
    vertical-align: top
  }

    .comment-info .username {
      min-height: 40px;
      margin: 0;
      border: none;
      text-align: center
    }

    .comment-info .avatar {
      border: none
    }

      .comment-info .avatar img {
        max-width: 80%;
        max-height: 80%
      }

  .comment-content {
    display: table-cell;
    width: 85%;
    border-left: 1px solid #ddd;
    vertical-align: top;
    text-align: left
  }

  .comment-time {
    min-height: 40px;
    margin: 0;
    background-color: #f6f6f6;
    padding: 10px 15px;
    font-size: 14px;
    font-weight: normal
  }

  .comment-title {
    margin: 0 0 -20px;
    padding: 20px
  }

  .comment-body {
    padding: 20px
  }

  .forum-actions,
  .topic-actions {
    overflow: hidden
  }

    .forum-actions .actions,
    .topic-actions .actions {
      float: left
    }

    .forum-actions .pager,
    .topic-actions .pager {
      float: right;
      max-width: 450px
    }

      .forum-actions .pager li,
      .topic-actions .pager li {
        margin: 2px 4px
      }

      .forum-actions .pager.upper {
        display: block
      }

    .topic-actions.lower .actions {
      display: block
    }

  .topic-posts {
    margin: 0 0 30px
  }

  .topic-post {
    display: table;
    width: 100%;
    margin: 0
  }

    .topic-post .post-info {
      display: table-cell;
      width: 15%;
      margin: 0;
      vertical-align: top;
      text-align: left
    }

    .topic-post .user-info {
      width: auto
    }

    .topic-post .username {
      min-height: 40px;
      margin: 0;
      border: none;
      text-align: center
    }

    .topic-post .avatar {
      margin: auto;
      border: none
    }

      .topic-post .avatar img {
        max-width: 80%;
        max-height: 80%
      }

    .topic-post .user-stats li {
      margin: 0
    }

    .topic-post .send-pm {
      margin: 0 0 20px
    }

    .topic-post .pm-button,
    .profile-info-box .pm-button {
      padding: 8px 16px;
      font-size: 13px
    }

    .topic-post .post-content {
      display: table-cell;
      width: 85%;
      border-left: 1px solid #ddd;
      vertical-align: top;
      text-align: left
    }

    .topic-post .post-head {
      min-height: 40px;
      overflow: hidden;
      background-color: #f6f6f6
    }

    .topic-post .post-time {
      float: left;
      margin: 0;
      font-size: 14px;
      font-weight: normal
    }

    .topic-post .post-actions {
      float: right;
      margin: 0
    }

      .topic-post .post-actions a {
        margin: 0;
        line-height: 20px
      }

      .topic-post .post-actions .quote-post a {
        min-width: 70px
      }

      .topic-post .post-actions a.post-link-button {
        margin: 0 0 0 10px;
        border-left: 1px solid #ddd;
        text-align: center
      }

    .topic-post .post-text {
      padding: 20px 5px
    }

    .topic-post .post-vote {
      padding: 20px 0 20px 15px
    }

  .forum-table th.replies,
  .forum-table th.views,
  .forum-table th.votes,
  .forum-table td.replies,
  .forum-table td.views,
  .forum-table td.votes {
    display: table-cell
  }

  .forum-table td.image {
    max-width: none
  }

    .forum-table td.image div {
      max-width: none;
      background-size: initial
    }

  .ui-tabs-nav {
    text-align: left
  }

    .ui-tabs-nav li {
      margin: 0 10px -1px 0;
      margin: 0 10px -1px 0 !important
    }

  .profile-info-box .avatar {
    float: left;
    margin: 0 15px 15px 0
  }

  .profile-info-box .profile-stats {
    float: left;
    text-align: left
  }

  .profile-info-box .title {
    text-align: left
  }

  .profile-info-box .send-pm {
    clear: both;
    text-align: left
  }
}


@media all and (min-width:1001px) {
  /* .master-wrapper-content {
        width: 980px;
        margin: auto
    } */
  .center-2 {
    float: right;
    width: 73%
  }

  .side-2 {
    float: left;
    width: 25%;
    padding: 20px;
  }

  .page {
    text-align: left
  }

  .inputs {
    text-align: left
  }

    .inputs label {
      display: inline-block;
      width: 265px;
      margin: 0 10px 5px 0;
      text-align: right
    }


    .inputs input[type="text"],
    .inputs input[type="email"],
    .inputs input[type="tel"],
    .inputs input[type="password"],
    .inputs select {
      min-height: 40px;
    }

    .inputs .option-list li {
      margin: 0 10px 0 0
    }

  .center-1 .buttons {
    text-align: center;
  }

  .center-2 .inputs label {
    width: 136px
  }

  .inputs.accept-consent label {
    width: auto
  }

  .page-title a + h1 {
    float: left
  }

  .link-rss {
    display: block;
    float: right;
    margin: 6px 0 0
  }

  .cart tr {
    width: auto;
    margin: 0
  }

  .cart label {
    display: none
  }

  .order-details-page .data-table tr {
    width: auto;
    margin: 0
  }

  .order-details-page .data-table label {
    display: none
  }

  .header {
    width: 980px;
    margin: auto
  }

  .header-upper:after {
    content: "";
    display: block;
    clear: both
  }

  .header-selectors-wrapper {
    float: left;
    border: none;
    padding: 0
  }

  .call-content {
    display: inline-flex !important;
    align-items: center;
  }

    .call-content img {
      margin-right: 5px;
    }

  .header-selectors-wrapper > div {
    width: auto;
    line-height: initial;
  }
  /* .header-selectors-wrapper>div {
        width: auto;
        min-width: 100px;
        margin: 0 12px 0 0;
        line-height: 43px
    } */
  .header-selectors-wrapper select {
    height: 25px;
    padding: 4px;
    font-size: 12px
  }

  .language-list {
    text-align: left
  }

  .header-links-wrapper {
    float: right;
    padding: 0
  }

  .header-links a,
  .header-links span {
    line-height: 24px;
    text-transform: none
  }

  #topcartlink {
    display: inline-block;
    width: auto;
    margin: 0;
    padding: 0 18px
  }

  .flyout-cart {
    position: absolute;
    top: 43px;
    right: 0;
    z-index: 100;
    overflow-y: scroll;
    max-height: 22rem;
    width: 300px;
    box-shadow: 0 0 2px rgba(0, 0, 0, .25);
    background-color: #fff
  }

    .flyout-cart::-webkit-scrollbar {
      width: 12px;
    }

    .flyout-cart::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 4px var(--color-primary);
      border-radius: 10px;
    }

    .flyout-cart::-webkit-scrollbar-thumb {
      border-radius: 5px;
      -webkit-box-shadow: inset 0 0 4px var(--color-primary);
      background-color: var(--color-primary);
    }


    .flyout-cart.active {
      display: block
    }

  .mini-shopping-cart {
    padding: 12px;
    text-align: left;
    font-size: 14px;
    padding-bottom: 5px;
  }

    .mini-shopping-cart .count {
      padding: 5px 0 15px;
      color: var(--color-grey)
    }

      .mini-shopping-cart .count a {
        margin: 0 2px;
        font-weight: bold;
        color: var(--color-grey)
      }

    .mini-shopping-cart .items {
      border-top: 1px solid #ddd;
      border-bottom: 1px solid #ddd;
      margin: 0 0 20px
    }

    .mini-shopping-cart .item {
      overflow: hidden;
      padding: 10px 0
    }

    .mini-shopping-cart .picture {
      float: left;
      width: 70px;
      text-align: center
    }

      .mini-shopping-cart .picture a {
        display: block;
        position: relative;
        overflow: hidden;
        border: 2px solid #eee;
        border-radius: 6px;
      }

        .mini-shopping-cart .picture a:before {
          content: "";
          display: block;
          padding-top: 100%
        }

      .mini-shopping-cart .picture img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        max-width: 100%
      }

      .mini-shopping-cart .picture + .product {
        margin: 0 0 0 80px
      }

    .mini-shopping-cart .name {
      margin: 0 0 10px;
      font-size: 14px
    }

      .mini-shopping-cart .name a {
        color: var(--color-primary);
        font-size: 16px;
        font-weight: 500;
      }

        .mini-shopping-cart .name a:hover,
        .mini-shopping-cart .name a:focus {
          color: var(--color-primary)
        }

    .mini-shopping-cart .attributes {
      margin: 5px 0;
      color: var(--color-grey)
    }

    .mini-shopping-cart .totals {
      margin: 0 0 12px;
      font-size: 14px
    }

      .mini-shopping-cart .totals strong {
        font-size: 16px;
        color: #007007;
      }

    .mini-shopping-cart .buttons {
      margin: 0 0 5px
    }

    .mini-shopping-cart button[type="button"] {
      display: inline-block;
      border: none;
      background-color: var(--color-white);
      border: 1px solid var(--color-primary);
      padding: 10px 20px;
      margin-left: 9rem;
      font-size: 12px;
      font-weight: 600;
      color: var(--color-primary);
      text-transform: uppercase;
      border-radius: 8px;
      width: fit-content;
    }

      .mini-shopping-cart button[type="button"]:hover,
      .mini-shopping-cart button[type="button"]:focus {
        background-color: var(--color-primary) !important;
        color: var(--color-white) !important;
      }

  .header-lower {
    display: table;
    width: 100%
  }

  .header-lower-inner {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
  }

  .header-logo {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    margin-top: 10px;
  }

    .header-logo a {
      width: 130px !important;
      height: 100%;
    }

  .search-box {
    display: table-cell;
    text-align: right;
    vertical-align: middle
  }

    .search-box input.search-box-text,
    .search-box .search-box-button {
      height: 38px
    }

  .header-menu {
    position: relative;
    z-index: 5;
    width: 980px;
    margin: 0 auto 0px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid var(--color-primary);
    padding: 15px 0;
    text-align: center
  }

  .menu-toggle,
  .sublist-toggle {
    display: none
  }

  .header-menu > ul {
    display: block !important;
    font-size: 0
  }

    .header-menu > ul.mobile {
      display: none !important
    }

    .header-menu > ul > li {
      display: inline-block;
      /* border-left: 1px solid #ddd; */
      padding: 0 15px;
      vertical-align: middle
    }

      .header-menu > ul > li:first-child {
        border-left: none
      }

      .header-menu > ul > li > a {
        display: block;
        padding: 5px 10px;
        line-height: 20px;
        /* font-size: 17px;
        color: #555; */
        color: var(--color-primary);
        font-size: 14px;
        cursor: pointer
      }

        .header-menu > ul > li > a:hover,
        .header-menu > ul > li > a:focus {
          color: var(--color-primary)
        }

  .header-menu .sublist {
    display: none;
    position: absolute;
    width: 200px;
    box-shadow: 0 0 2px rgb(0 0 0 / 20%);
    background-color: #fff;
    padding: 10px 0;
    text-align: left;
    top: 100%;
    left: 20px;
  }

    .header-menu .sublist li {
      position: relative
    }

      .header-menu .sublist li a {
        display: block;
        position: relative;
        padding: 10px 20px 10px 30px;
        font-size: 16px;
        color: var(--color-primary)
      }
      /* .header-menu .sublist li a:before {
        content: "";
        position: absolute;
        top: 17px;
        left: 15px;
        width: 5px;
        height: 5px;
        background-color: #ddd
    } */
      .header-menu .sublist li:hover > a,
      .header-menu .sublist li:focus > a {
        background-color: #f6f6f6
      }

  .header-menu ul li:hover > .sublist,
  .header-menu ul li:focus > .sublist {
    display: block
  }

  .header-menu .sublist .sublist {
    top: -10px;
    left: 100% !important
  }

  .footer-upper {
    width: 980px;
    padding: 35px 10px
  }

    .footer-upper:after {
      content: "";
      display: block;
      clear: both
    }

  .footer-block {
    float: left;
    width: 220px;
    margin: 0
  }

    .footer-block .list {
      margin: 0
    }

  .follow-us {
    float: right;
    width: 300px !important;
    margin: 0;
    text-align: left
  }

    .follow-us .social li {
      margin: 0 10px 0 0
    }

  .newsletter-email {
    display: block
  }

    .newsletter-email input[type="text"] {
      width: 200px
    }

    .newsletter-email .newsletter-subscribe-button {
      position: absolute;
      top: 10px;
      right: 8px;
      min-width: 100px;
      padding: 0 5px
    }

  .newsletter-validation .field-validation-valid {
    text-align: left
  }

  .footer-lower {
    position: relative;
    width: 980px;
    padding: 25px 5px
  }

    .footer-lower:after {
      content: "";
      display: block;
      clear: both
    }

  .footer-info {
    float: right;
    line-height: 32px
  }

  .footer-powered-by {
    float: left;
    margin: 0;
    line-height: 32px
  }

  .theme-selector {
    float: left;
    margin: 0 0 0 15px
  }

  .block {
    float: none;
    width: auto;
    margin: 0 0 20px
  }

    .block .title {
      margin: 0;
      background: none;
      cursor: auto;
      font-size: 18px;
      text-align: left !IMPORTANT;
      margin-bottom: 15px !important;
      border-bottom: 1px solid var(--color-red);
      padding: 0;
      padding-bottom: 15px;
      color: var(--color-primary);
      text-transform: uppercase;
      border-radius: 0;
    }

      .block .title strong {
        color: var(--color-primary) !important;
      }

    .block .listbox {
      display: block;
      border-bottom: none;
      padding: 0
    }

    .block a.product-picture {
      display: inline-block;
      position: relative;
      width: 30%;
      margin: 0 0 0 -15px;
      vertical-align: middle
    }

    .block a.product-name {
      vertical-align: middle
    }

    .block a.product-picture + a.product-name {
      width: 70%
    }

      .block a.product-picture + a.product-name:before {
        display: none
      }

  .breadcrumb {
    margin: 0 0 20px
  }

  .item-box .buttons {
    text-align: left
  }

  .home-page .product-grid .item-box,
  .product-details-page .product-grid .item-box,
  .shopping-cart-page .product-grid .item-box {
    width: 24%;
    margin: 0 .5% 50px
  }

    .home-page .product-grid .item-box:nth-child(3n+1),
    .product-details-page .product-grid .item-box:nth-child(3n+1),
    .shopping-cart-page .product-grid .item-box:nth-child(3n+1) {
      clear: none
    }

    .home-page .product-grid .item-box:nth-child(4n+1),
    .product-details-page .product-grid .item-box:nth-child(4n+1),
    .shopping-cart-page .product-grid .item-box:nth-child(4n+1) {
      clear: both
    }

  .product-wrapper.item-box {
    width: 100%;
    margin-bottom: 0 !important;
  }

  .product-details-page .grouped-Product-details {
    min-height: 35rem;
  }

  .item-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
  }

  .gallery {
    float: left;
    width: 42%
  }

  .overview {
    float: right;
    width: 58%
  }

  .rental-attributes {
    overflow: hidden
  }

    .rental-attributes .attribute-item {
      float: left;
      margin: 0 20px 0 0
    }

    .rental-attributes .datepicker {
      width: 160px;
      text-align: left
    }

  .attribute-squares li {
    margin: 0 10px 10px 0
  }

  .product-details-page .title {
    text-align: center;
    padding: 0;
  }

    .product-details-page .title h1 {
      font-size: var(--font-size-largger);
    }

  .product-details-page .title {
    margin-bottom: 2rem;
  }

  .product-details-page .product-grid .item-box {
    width: 315px !important;
  }

  .product-review-item .review-title {
    max-width: 850px
  }


  .write-review .review-rating div.name-description {
    /*width: 265px;*/
    margin: 0 5px 0 0;
    text-align: right
  }

  .product-review-item .review-text {
    display: table;
    width: 100%;
    table-layout: fixed
  }

  .product-review-item .avatar {
    display: table-cell;
    vertical-align: top;
    width: 120px
  }

    .product-review-item .avatar img {
      max-width: 100%
    }

  .product-review-item .text-body {
    display: table-cell;
    vertical-align: top;
  }

  .product-review-item .avatar + .text-body {
    padding: 0 0 0 20px
  }

  .compare-products-page .page-title {
    margin: 0 0 -1px
  }

  .compare-products-page .clear-list {
    position: absolute;
    top: 7px;
    right: 0
  }

  .compare-products-table .full-description td {
    display: table-cell
  }

    .compare-products-table .full-description td p {
      margin-top: 0
    }

  .center-1 .topic-block-title {
    text-align: center
  }

  .topic-page p {
    text-align: justify
  }

  .gender span {
    margin: 0 10px 0 0
  }

    .gender span > * {
      margin: 0 5px 0 0
    }

  .date-of-birth select + select {
    margin: 0 0 0 11px
  }

  #check-availability-button {
    display: block;
    margin: 10px auto
  }

  .login-page .customer-blocks {
    /*overflow: hidden*/
  }

  .login-page .new-wrapper {
    width: 100%;
    margin: 0
  }

  .login-page .new-wrapper {
    /*float: right;*/
    margin-top: 2rem;
  }

  .login-page .returning-wrapper .form-fields {
    min-height: 0;
    padding: 0 10px;
  }

  .login-page .returning-wrapper .inputs label {
    width: 110px
  }
  /* *** Edit by Reem ***  */
  .login-page .returning-wrapper input[type="text"],
  .login-page .returning-wrapper input[type="email"],
  .login-page .returning-wrapper input[type="password"] {
    /*width: 300px*/
    width: 100%;
  }

  .address-list-page .section,
  .order-list-page .section,
  .return-request-list-page .section {
    display: block;
    width: auto;
    margin: 0 0 30px
  }

  .address-list-page .buttons,
  .order-list-page .buttons {
    position: absolute;
    top: 11px;
    right: 10px
  }

  .avatar-page .message-error,
  .avatar-page .buttons {
    text-align: left
  }

  .registration-page .vat-note {
    margin-left: 275px
  }

  .customer-info-page .vat-note,
  .customer-info-page .email-to-revalidate-note {
    margin-left: 150px
  }

  .customer-info-page .vat-status {
    display: inline-block
  }

  .checkout-attributes-container {
    background-color: 10px;
    padding: 40px 0;
  }

  .shopping-cart-page .checkout-attributes {
    width: 50% !important;
    float: left;
    padding-right: 2rem !important;
    padding: 15px 60px 0 30px !important;
  }

    .shopping-cart-page .checkout-attributes dl {
      /*width:100% !important;*/
      /* flex-wrap: wrap;
      display: flex !important;
      align-items: center;
      justify-content: space-between;*/
    }

    .shopping-cart-page .checkout-attributes dl {
      display: block;
      /*width: 100% !important;*/
    }

    .shopping-cart-page .checkout-attributes li {
      margin: 5px 10px 5px 0
    }

  div.input-checkout-attribute {
    width: 100%;
  }

    div.input-checkout-attribute dl,
    div.input-checkout-attribute dd {
      /*width: 100%;*/
    }

    div.input-checkout-attribute dt label {
      color: var(--color-paragraph-text);
      text-transform: capitalize;
    }

    div.input-checkout-attribute dl label,
    div.input-checkout-attribute dd input,
    div.input-checkout-attribute dd select,
    div.input-checkout-attribute dd textarea {
      width: 100%;
    }

    div.input-checkout-attribute dd select {
      height: 46px !important;
    }

  .shopping-cart-page .selected-checkout-attributes {
    min-height: 40px;
    margin: 63px 26px 10px !important;
    float: right;
    width: 97%;
    border-radius: 5px;
    padding: 12px;
  }

  .order-progress {
    margin: -30px 0 50px
  }

  .checkout-page .address-item {
    width: 31%
  }

  .checkout-page .terms-of-service {
    text-align: center
  }

  .payment-info .info {
    padding: 0 15px
  }

    .payment-info .info td:first-child {
      width: 265px !important;
      margin: 0 10px 0 0;
      text-align: right
    }

    .payment-info .info td:only-child {
      width: 100% !important
    }

  .order-review-data .title,
  .order-details-area .title,
  .shipment-details-area .title {
    text-align: left
  }

  .opc .order-review-data ul {
    text-align: left
  }

  .advanced-search .price-range {
    margin-left: 114px
  }

  .comment-list {
    margin: 0 0 50px
  }

  .news-list-homepage .news-items {
    overflow: hidden;
    text-align: left
  }

  .news-list-homepage .news-item {
    float: left;
    width: 31.33333%;
    margin: 0 1% 30px
  }

    .news-list-homepage .news-item:nth-child(3n+1) {
      clear: both
    }

    .news-list-homepage .news-item:only-child {
      float: none;
      width: auto;
      margin: 0 0 30px
    }

  .news-list-homepage .news-head {
    text-align: center
  }

  .news-list-homepage .news-body {
    text-align: justify
  }

  .forum-breadcrumb {
    margin: -30px 0 30px
  }

  .current-time {
    float: right
  }

  .forum-search-box {
    float: left
  }

    .forum-search-box .advanced {
      text-align: left
    }

      .forum-search-box .advanced a {
        line-height: normal
      }

  .forums-table-section td {
    min-width: 150px
  }

    .forums-table-section td:first-child {
      min-width: 90px
    }

  .forums-table-section .view-all {
    text-align: right
  }

  .topic-actions .pager.upper {
    display: block;
    max-width: 400px
  }

  .forum-table .forum-details,
  .forum-table .topic-details {
    min-width: 225px
  }

  .forum-table td {
    padding: 20px
  }

  .forum-edit-page textarea,
  .private-message-send-page textarea {
    width: 600px;
    height: 250px
  }

  .private-message-send-page .bb-code-editor-wrapper {
    display: inline-block;
    width: 400px;
    margin: 10px 0;
    vertical-align: middle
  }
}

@media all and (min-width:1367px) {

  .inputs label {
    width: 375px
  }

  .center-2 .inputs label {
    width: 213px
  }

  .inputs.accept-consent label {
    width: auto
  }

  .header {
    width: 1200px
  }

  .header-menu {
    width: 1200px
  }

    .header-menu > ul > li {
      padding: 0 10px
    }

      .header-menu > ul > li > a,
      .header-menu > ul > li > span {
        font-size: 16px;
        font-weight: 500;
      }

  .footer-upper {
    width: 1200px;
    padding: 35px 30px
  }

  .footer-block {
    /*width: 280px*/
    width: 340px;
  }

  .footer-lower {
    width: 1200px;
    padding: 25px 20px
  }

  .product-review-item .review-title {
    max-width: 1050px
  }

  .write-review .review-rating div.name-description {
    margin: 0 5px 0 0;
    /*min-width: 375px;*/
  }

  /* *** Edit by Reem ***  */
  .login-page .returning-wrapper input[type="text"],
  .login-page .returning-wrapper input[type="email"],
  .login-page .returning-wrapper input[type="password"] {
    /*width: 360px*/
    width: 100%;
  }

  .registration-page .vat-note {
    margin-left: 385px
  }

  .customer-info-page .vat-note,
  .customer-info-page .email-to-revalidate-note {
    margin-left: 225px
  }

  .cart-footer .cart-collaterals {
    /*  width: 760px;*/
    width: 43%;
    margin: 0
  }

    .cart-footer .cart-collaterals .deals {
      float: left;
      /*width: 360px*/
      width: 100%;
    }

    .cart-footer .cart-collaterals .shipping {
      float: right;
      width: 360px
    }

  .cart-footer .estimate-shipping .inputs label {
    display: inline-block;
    width: 35%
  }

  .cart-footer .estimate-shipping .inputs input,
  .cart-footer .estimate-shipping .inputs select {
    width: 65%
  }

  .shipping-method .method-list li,
  .payment-method .method-list li {
    margin: 20px 1%
  }

  .payment-info .info td:first-child {
    width: 375px !important
  }

  .payment-info .info td:only-child {
    width: 100% !important
  }

  .forum-actions .pager,
  .topic-actions .pager {
    max-width: 600px !important
  }

  .topic-post .post-text {
    width: 930px;
    max-width: 100%
  }
}

.nivoSlider {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden
}

  .nivoSlider img {
    position: absolute;
    top: 0;
    left: 0;
    max-width: none
  }

.nivo-main-image {
  display: block !important;
  position: relative !important;
  width: 100% !important;
  height: auto
}

.nivoSlider a.nivo-imageLink {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  margin: 0;
  z-index: 6;
  display: none;
  background: #fff;
  filter: alpha(opacity=0);
  opacity: 0
}

.nivo-slice {
  display: block;
  position: absolute;
  z-index: 5;
  height: 100%;
  top: 0
}

.nivo-box {
  display: block;
  position: absolute;
  z-index: 5;
  overflow: hidden
}

  .nivo-box img {
    display: block
  }

.nivo-caption {
  position: absolute;
  left: 0;
  bottom: 0;
  background: #000;
  color: #fff;
  width: 100%;
  z-index: 8;
  padding: 5px 10px;
  opacity: .8;
  overflow: hidden;
  display: none;
  -moz-opacity: .8;
  filter: alpha(opacity=8);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

  .nivo-caption p {
    padding: 5px;
    margin: 0
  }

  .nivo-caption a {
    display: inline !important
  }

.nivo-html-caption {
  display: none
}

.nivo-directionNav a {
  position: absolute;
  top: 45%;
  z-index: 8;
  cursor: pointer
}

.nivo-prevNav {
  left: 0
}

.nivo-nextNav {
  right: 0
}

.nivo-controlNav {
  text-align: center;
  padding: 15px 0
}

  .nivo-controlNav a {
    cursor: pointer
  }

    .nivo-controlNav a.active {
      font-weight: 700
    }

.theme-custom {
  position: relative;
  margin: 0 auto 60px
}

  .theme-custom .nivoSlider {
    position: relative;
    z-index: 0;
    background: #fff url(../Themes/NascaTheme/Content/Plugins/Widgets.NivoSlider/Content/nivoslider/themes/custom/loading.gif) 50% 50% no-repeat;
  }

    .theme-custom .nivoSlider img {
      display: none;
      position: absolute;
      top: 0;
      left: 0
    }

    .theme-custom .nivoSlider a {
      display: block;
      border: 0
    }

  .theme-custom .nivo-controlNav {
    position: absolute;
    bottom: 0;
    z-index: 1;
    width: 100%;
    padding: 20px 0;
    text-align: center;
    font-size: 0
  }

    .theme-custom .nivo-controlNav a {
      display: inline-block;
      width: 50px;
      height: 5px;
      margin: 5px 7px;
      background: var(--color-grey);
      border-radius: 20px;
    }

      .theme-custom .nivo-controlNav a.active {
        background: var(--color-primary);
      }

  .theme-custom .nivo-directionNav a {
    display: block;
    width: 40px;
    height: 60px;
    border: 0;
    background: rgba(255, 255, 255, .8) url(../Themes/NascaTheme/Content/Plugins/Widgets.NivoSlider/Content/nivoslider/themes/custom/arrows.png) no-repeat;
    font-size: 0;
    opacity: 0;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out
  }

  .theme-custom a.nivo-prevNav {
    left: 0;
    background-position: left center
  }

  .theme-custom a.nivo-nextNav {
    right: 0;
    background-position: right center
  }

  .theme-custom:hover .nivo-directionNav a {
    opacity: .9
  }

  .theme-custom .nivo-directionNav a:hover {
    background-color: #fff
  }

  .theme-custom .nivo-caption {
    background-color: 333
  }

    .theme-custom .nivo-caption a {
      color: #fff
    }

      .theme-custom .nivo-caption a:hover {
        color: var(--color-primary)
      }

  .theme-custom .nivo-controlNav.nivo-thumbs-enabled {
    width: 100%
  }

    .theme-custom .nivo-controlNav.nivo-thumbs-enabled a {
      width: auto;
      height: auto;
      background: 0 0;
      margin-bottom: 5px
    }

    .theme-custom .nivo-controlNav.nivo-thumbs-enabled img {
      display: block;
      width: 120px;
      height: auto
    }

.combined {
  width: 100%;
}

@media all and (max-width:1000px) {
  #small-searchterms {
    height: 2.5rem !important;
  }

  .theme-custom {
    max-width: 100% !important;
    margin: -20px auto 40px
  }

  .page.login-page,
  .registration-page,
  .wishlist-page {
    margin-top: -40px;
  }

  .theme-custom .nivo-directionNav {
    display: none
  }

  .product-grid .item-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
  }

  .login-page .returning-wrapper .form-fields {
    padding: 0;
  }
  /* *** Edit by Reem ***  */

  .shopping-cart-page .cart tbody tr td:last-child, .cart tbody tr td:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
  }

  .shopping-cart-page .table-wrapper tr, .shopping-cart-page .table-wrapper tr, .order-summary-content .table-wrapper .cart tbody tr {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .selected-checkout-attributes {
    margin: 20px 0 0 !important;
  }

  .input-checkout-attribute {
    margin-top: 15px;
  }

  .cart-collaterals {
    padding: 0;
  }

  .cart-footer {
    padding-bottom: 5px;
  }
}

@media all and (min-width:1001px) {
  .theme-custom {
    margin: 0px 0 0;
  }

    .theme-custom .nivo-directionNav {
      display: none
    }

  .header-menu .sublist li a:before {
    background-color: var(--color-secondary);
    border-radius: 50%;
  }

  .sub-category-item .title, .item-box .manufacturer-item .title a {
    right: 33px;
    padding: 3px 0;
  }
}
/* *********************************************************************** */

/* *********************************************************************** */
/* differnz starts */
/* *********************************************************************** */

/* *********************************************************************** */
.tax {
  background-color: red;
}

.product-list .product-box-add-to-cart-button.add-cart {
  display: inline-block !important;
  height: auto !important;
  border: 2px solid var(--color-primary);
  vertical-align: middle;
  padding: 10px 20px;
  background: var(--color-primary);
  color: var(--color-white) !important;
  margin-bottom: 15px;
}

  .product-list .product-box-add-to-cart-button.add-cart:hover {
    background-color: var(--color-white);
    color: var(--color-primary) !important;
    box-shadow: var(--box-shadow-input-hover);
  }

.cart tbody tr {
  display: flex;
  width: 100%;
  margin: 0;
}

  .cart tbody tr td {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

.cart thead tr {
  display: flex;
}

  .cart thead tr th {
    width: 100%;
    text-align: center !important;
  }

.topic-page {
  min-height: 300px;
}

  .topic-page p {
    color: #2d2d2d;
  }
/* *** Edit by Reem ***  */
.cart tbody tr td:first-child {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 10px;
}
/* *** Edit by Reem ***  */
.cart tbody tr td:last-child {
  /*border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;*/
}

.login-page .new-wrapper .text,
.go-login .text {
  min-height: 0;
  font-size: var(--font-size-medium);
  background: transparent;
  padding: 0;
  text-align: left;
}

.login-page .new-wrapper .buttons button {
  margin-left: 5px;
}

.login-page .new-wrapper .buttons button,
.go-login .text,
.go-login .go-login-link {
  font-size: var(--font-size-medium) !important;
}

.go-login .go-login-link {
  margin-left: 5px;
  font-weight: 500 !important;
  color: var(--color-primary) !important;
}

.top-info {
  background: var(--color-primary);
}

.card {
  background: #fff;
  padding: 20px;
  border-radius: 20px;
}

  .card .buttons {
    margin-bottom: 0;
    text-align: left;
  }

.inputs.reversed {
  display: flex;
}

.inputs label {
  display: flex;
}

.with-required {
  display: flex;
}

.product-list .item-box .description {
  display: block;
  margin: 0 0 10px;
  line-height: 22px;
  font-size: 16px;
  color: #2d2d2d;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.announcement-bar {
  padding: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}

  .announcement-bar p {
    font-size: 14px;
    color: var(--color-white);
  }

  .announcement-bar img {
    margin-right: 10px;
    width: 19px;
    height: auto;
    object-fit: contain;
  }

  .announcement-bar p span {
    background: var(--color-secondary);
    padding: 2px;
    border-radius: 2px;
  }

.vodiapicker {
  display: none;
}

.lang-select {
  position: relative;
  width: auto;
  display: inline-flex;
}

.btn-select {
  border: 0;
  background: none;
  padding-right: 20px;
  padding-left: 0;
}

  .btn-select li {
    list-style: none;
    padding-bottom: 0px;
    display: flex;
    align-items: center;
  }

  .btn-select img {
    border: 1px solid var(--color-grey);
    padding: 1px;
  }

.gallery img {
  width: 100%;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  -webkit-animation: animatezoom 600ms;
  animation: animatezoom 600ms;
  position: static !important;
}

@keyframes animatezoom {
  from {
    transform: scale(0.2)
  }

  to {
    transform: scale(1)
  }
}

@-webkit-keyframes animatezoom {
  from {
    -webkit-transform: scale(0.2)
  }

  to {
    -webkit-transform: scale(1)
  }
}

.transluz {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-backface-visibility: hidden;
}

.solid {
  opacity: 1;
  filter: alpha(opacity=100);
}

#lang-none img,
.btn-select img {
  width: 25px;
  height: 25px;
  object-fit: cover;
  border-radius: 50%;
}

#lang-none li span,
.btn-select li span {
  margin-left: 5px;
  color: var(--color-primary);
  font-size: 14px;
}

.gallery .gallery-slides {
  display: grid;
  grid-template-columns: repeat(4, auto);
  gap: 10px;
  justify-content: center;
  align-content: end;
  margin-top: 20px;
}

.tab {
  overflow: hidden;
  border-bottom: 1px solid var(--color-primary);
}


  /* Style the buttons inside the tab */

  .tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 20px;
    transition: 0.3s;
    font-size: 22px;
    font-weight: 600;
    color: #2d2d2d;
    text-transform: capitalize;
    padding-left: 0;
    padding-top: 0;
  }


/* Change background color of buttons on hover */

.tabcontent p {
  font-size: 16px;
  /*color: #2d2d2d;*/
}


/* Create an active/current tablink class */
.product-desc-box.full-description.tabcontent,
.product-collateral .tabcontent.active {
  background-color: var(--section-background-color);
  padding: 30px;
  margin-top: 0;
}

.product-collateral .product-tags-box .product-tags-box .product-tags-list ul {
  margin-left: 0;
  padding-left: 0 !important;
}

.tab button,
.tab button.active {
  padding: 0 6px;
  margin: 6px;
}

.tablinks.active {
  color: var(--color-primary) !important;
}

.tab button {
  color: var(--color-paragraph-text);
}
/* Style the tab content */
.tabcontent {
  display: none;
  padding: 0;
  -webkit-animation: fadeEffect 1s;
  animation: fadeEffect 1s;
  padding-top: 10px;
  /*margin-bottom: 40px;*/
}

  .tabcontent .product-tags-list .tag {
    font-size: 16px;
  }

  .tabcontent.active {
    display: block
  }

.tabs-main {
  display: flex;
  width: 100%;
  flex-direction: column;
}


/* Fade in tabs */

@-webkit-keyframes fadeEffect {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeEffect {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.gallery-slides img {
  border-radius: 25px 0;
  height: 90px;
  padding: 0;
}

.lang-all {
  display: none;
  width: 100%;
  max-width: 350px;
  box-shadow: var(--box-shadow);
  /*border: 1px solid rgba(0, 0, 0, .15);*/
  border-radius: 5px;
  position: absolute;
  top: calc(100% + 10px);
  min-width: 150px;
  z-index: 9;
  background: var(--color-white);
}

#lang-none {
  padding-left: 0px;
  margin-bottom: 0;
}

  #lang-none li {
    list-style: none;
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
    align-items: center;
  }

    #lang-none li:first-child {
      border-bottom: 1px solid var(--color-softgrey);
    }

    #lang-none li img {
      margin: 5px;
    }

.language-selector {
  display: inline-flex;
}

.down-arrow {
  width: 10px;
  position: relative;
  left: -10px;
  pointer-events: none;
}

.head-low-end {
  padding-top: 15px;
  display: flex;
  justify-content: flex-end;
}
/* *** Edit by Reem ***  */
/* *** Header Links *** */
.cart-content {
  /*  margin: 3px;
  padding: 9px;*/
  border-radius: 50%;
  display: flex;
}

.head-low-end ul {
  padding-left: 1rem !important;
}

.social-share img,
.cart-content img {
  width: 22px;
  object-fit: cover;
}

.social-share img {
  width: 30px;
  height: 30px;
}

.head-end {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.break {
  width: 100%;
  height: 100%;
}

.social-share {
  border-radius: 10px;
  display: flex;
}

  .social-share img {
    object-fit: contain;
  }

.header-wrapper, .menu-wrapper {
  width: 100%;
  max-width: 100%;
}

.top-header-language {
}

.header-links {
  height: 48px;
  display: flex;
  align-items: center;
  /*padding-top: 9px;*/
}

.header-logo a {
  width: 100%;
  height: 100%;
  font-weight: 600;
  color: var(--color-primary);
  font-size: 1.3rem;
}

  .header-logo a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

.search-content {
  position: relative;
}

  .search-content svg.search-icon {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
  }

  .search-content input {
    border: none;
    box-shadow: var(--box-shadow-input);
    font-size: 14px;
    padding: 10px;
    border-radius: 6px !important;
    min-width: 375px;
    outline: none !important;
  }

    .search-content input::-webkit-search-cancel-button {
      position: relative;
      right: 42px;
    }

/* .search-content:after {
    position: absolute;
    content: "";
    right: 48px;
    top: 10px;
    height: calc(100% - 20px);
    width: 2px;
    background: var(--color-secondary);
  }
*/

/************************************************/
/************************************************/
/* container media queries */
.header.header-wrapper .container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 0px;
  padding-left: 0px;
}

.center-1 .page:not(.home-page),
.master-column-wrapper .container,
.center-1 .page-fluid,
.center-1 .page-sm,
.center-1 .page-md,
.center-1 .page-lg,
.center-1 .page-xl {
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
  margin-right: auto;
  margin-left: auto;
}


.master-column-wrapper .breadcrumb {
  border-bottom: 1px solid var(--color-primary);
  padding-top: 10px;
}

.checkout-data #checkout-steps li .step-title {
  border-radius: 10px;
}

.checkout-data #checkout-steps li {
  margin: 1rem 0 !important;
}

@media (min-width: 576px) {
  .center-1 .page:not(.home-page),
  .header.header-wrapper .container,
  .master-column-wrapper .container,
  .center-1 .page-sm {
    max-width: 100%;
  }

  .break {
    display: none;
  }

  .header-links {
    margin-left: 1rem;
  }
}

@media (min-width: 768px) {

  .center-1 .page:not(.home-page),
  .header.header-wrapper .container,
  .master-column-wrapper .container,
  .center-1 .page-sm,
  .center-1 .page-md {
    max-width: 100%;
  }
  /* *** Edit by Reem ***  */
  a#newsletter-subscribe-button {
    position: absolute;
    right: 0px;
    top: 14px;
  }

  .selected-checkout-attributes {
    margin: 48px 162px 30px !important;
    border-radius: 8px;
  }

  .input-checkout-attribute {
    margin-left: 16rem;
  }
}

@media (min-width: 992px) {
  /* *** Edit by Reem ***  */
  a#newsletter-subscribe-button {
    position: absolute;
    right: 10px;
    top: 10px;
  }

  .center-1 .page:not(.home-page),
  .header.header-wrapper .container,
  .master-column-wrapper .container,
  .center-1 .page-sm,
  .center-1 .page-md,
  .center-1 .page-lg {
    max-width: 960px;
  }

  .owl-carousel .owl-prev {
    left: -30px !important;
  }

  .owl-carousel .owl-next {
    right: -30px !important;
  }



  .header-menu > ul {
    display: block !important;
    font-size: 0;
    margin: 0;
  }

  .top-menu.notmobile > li {
    position: relative;
    border-left: 0;
    border-right: 0
  }

  .mobile-nav {
    display: none;
  }

  .header-lower-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .break {
    display: block;
  }

  .input-checkout-attribute {
    margin-left: 0;
  }
}

@media (min-width: 1200px) {
  .center-1 .page:not(.home-page),
  .header.header-wrapper .container,
  .master-column-wrapper .container,
  .center-1 .page-sm,
  .center-1 .page-md,
  .center-1 .page-lg,
  .center-1 .page-xl {
    max-width: 1140px;
  }

  .break {
    display: block;
  }
}

@media (min-width: 1280px) {
  .center-1 .page:not(.home-page),
  .header.header-wrapper .container,
  .master-column-wrapper .container,
  .center-1 .page-sm,
  .center-1 .page-md,
  .center-1 .page-lg,
  .center-1 .page-xl {
    max-width: 1200px;
  }

  .page {
    min-height: 500px;
  }
}


@media (min-width: 1400px) {
  .center-1 .page:not(.home-page),
  .header.header-wrapper .container,
  .master-column-wrapper .container,
  .center-1 .page-lg,
  .center-1 .page-md,
  .center-1 .page-sm,
  .center-1 .page-xl,
  .center-1 .page-xxl {
    max-width: 1320px;
  }

  .sub-category-item .title, .item-box .manufacturer-item .title a {
    right: 22px;
    padding: 7px 0;
  }
}

@media (min-width: 1600px) {
  .page {
    min-height: 658px;
  }

  .center-1 .page:not(.home-page),
  .center-1 .page-sm,
  .center-1 .page-md,
  .center-1 .page-lg,
  .center-1 .page-xl {
    max-width: 1520px;
  }
}


/* container ends*/

/* Section title start */
.section-padding {
  padding: 10px !important;
}

.p0 {
  padding: 0;
}

.owl-carousel .owl-item img {
  width: auto;
  border-radius: 0
}

/* *** Products Section *** */
.product-wrapper {
  box-shadow: var(--box-shadow);
  background-color: #fff;
  border-radius: 18px !important;
  position: relative;
}

.product-image-inner .product-image {
  height: 100%;
  width: 100%;
  border-radius: 8px;
  object-fit: cover;
}

.product-list .item-box .product-title {
  padding: 0;
  font-size: 22px;
  margin-top: 15px;
  margin-bottom: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: var(--color-primary);
}

.product-list .item-box .picture + .details {
  margin: 0;
  width: 100%;
  position: relative;
}

.listbox ul.list {
  padding: 0 10px !important;
}
/*  .product-list .item-box .picture + .details:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    height: 90%;
    width: 1px;
    background: var(--color-red);
    transform: translateY(-50%);
  }*/
.product-list .product-item {
  box-shadow: var(--box-shadow);
  border-radius: var(--border-radius);
  display: flex;
}

.product-list .item-grid {
  grid-template-columns: 1fr !important;
}

.product-list img {
  width: 100% !important;
}

.compare {
  position: absolute;
  top: 25px;
  left: 25px;
  padding: 8px;
  background: #ffffff !important;
  z-index: 2;
  border-radius: 10px;
  box-shadow: var(--box-shadow);
  width: 35px;
  height: 35px;
}

  .compare img {
    width: 23px !important;
    height: auto;
    object-fit: contain;
  }

.item {
  border-radius: 30px !important;
}

  .item a {
    text-decoration: none;
  }

.product-wrapper h5 {
  margin-top: 25px;
  font-size: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  color: var(--color-primary);
}

.add-to-cart-panel {
  margin-top: 20px;
}

.value-wish-content {
  display: flex;
  align-items: center;
  margin: 15px 0;
}

.product-list .item-grid .item-box .product-item .add-info {
  margin-top: 1.5rem;
  border-top: 2px solid #e5e5e5;
}

  .product-list .item-grid .item-box .product-item .add-info .value-wish-content a {
    margin-right: 10px;
  }

.product-list .item-grid .item-box .product-item .original-price .prices {
  margin-bottom: 1rem;
}

  .product-list .item-grid .item-box .product-item .original-price .prices .price {
    padding-left: 0;
  }

.product-list .item-grid .item-box .product-item button {
  position: absolute;
  right: 34px;
  bottom: 2px;
}

.rating {
  display: flex;
  align-items: center;
}

.add-cart {
  margin-top: 20px;
}

.small-btn {
  border: 1px solid var(--color-primary);
  padding: 10px 20px;
  font-size: 16px;
  color: var(--color-grey);
  font-weight: 500;
  border-radius: var(--border-radius-input);
  background: var(--color-white);
}

  .small-btn:hover {
    transition: 0.2s ease;
    color: var(--color-primary);
  }

.price {
  /*  position: absolute;
  bottom: 0;
  right: 0;
  background: var(--color-secondary);
  border-radius: 25px 0px;
  border: 0;
  color: var(--color-white);
  font-size: 18px;
  padding: 13px 40px;
  font-weight: 500;
  letter-spacing: 1px;*/
}

input:not[type = radio], textarea, select {
  box-shadow: var(--box-shadow) !important;
}

  select.address-select {
    border-radius: 8px;
    border: 2px solid var(--color-primary);
    height: 3rem !important;
    padding: 0 10px;
  }

/* *** next and prev *** */
.owl-carousel .owl-stage-outer {
  /*padding: 15px 0px !important;*/
}

.owl-carousel2 .owl-nav,
.owl-carousel3 .owl-nav,
.owl-carousel4 .owl-nav {
  display: flex !important;
  /* position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: calc(100% + 50px);
    justify-content: space-between;
    left: -25px;
    margin-top: 0; */
}

.owl-carousel2 .owl-dots,
.owl-carousel3 .owl-dots,
.owl-carousel4 .owl-dots {
  display: none;
}

.owl-carousel .owl-prev {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.owl-carousel .owl-next {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.owl-carousel .owl-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
/* *** next and prev arrow *** */
.owl-carousel2 .owl-nav button,
.owl-carousel3 .owl-nav button,
.owl-carousel4 .owl-nav button {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
  background: #5da6e7ba !important;
  height: 40px;
  width: 40px;
  text-align: center;
  border-radius: 50% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

  .owl-carousel2 .owl-nav button span,
  .owl-carousel3 .owl-nav button span,
  .owl-carousel4 .owl-nav button span {
    padding: 0 1px 14px;
    line-height: 0;
    font-size: 50px;
    color: var(--color-white);
    line-height: 0;
  }

.cta_main {
  background-image: url(../Themes/NascaTheme/Content/images/thumbs/new/cta.jpg);
  background-size: cover;
  background-position: center;
  min-height: 200px;
  height: auto;
  border-radius: 25px;
  position: relative;
  display: flex;
  align-items: center;
}

  .cta_main:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: transparent linear-gradient(90deg, #FFFFFFE3 0%, #80808000 100%) 0% 0% no-repeat padding-box;
    content: "";
  }

.cta-desc {
  position: relative;
  z-index: 2;
  padding-left: 20px;
}

  .cta-desc h5 {
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 15px;
    color: var(--color-primary);
  }

  .cta-desc p {
    font-size: 16px;
    color: var(--color-grey);
    margin-bottom: 20px;
  }

.main-btn {
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 11px;
  font-size: 20px;
  border: 0;
  padding: 13px 30px;
  font-weight: 600;
  color: var(--color-primary);
}

/* Section Title Starts */
.news-wrapper .news-desc {
  box-shadow: var(--box-shadow);
  border-radius: 10px;
}

.news-wrapper {
  padding: 10px;
  display: flex;
  min-height: 232px;
}

.news-desc {
  padding: 40px;
  flex: 1;
}

  .news-desc h4, .poll h4 {
    font-size: 28px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 10px;
    color: var(--color-primary);
    padding: 0;
    line-height: 1.2;
  }

th.date {
  font-style: normal;
}

.date {
  font-size: 14px;
  color: #B2AFAF;
  font-style: italic;
  font-weight: 100;
  background: none;
  padding: 0;
}

.news-desc p {
  font-size: 16px;
  font-weight: 100;
  color: var(--color-grey);
  margin-top: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  padding: 0;
}

.news-wrapper img {
  width: 100% !important;
  border-top-left-radius: 25px;
  height: 100%;
  object-fit: cover;
}

.news-image {
  flex: 1;
  min-width: 50%;
}

.cat-wrapper {
  position: relative;
}

  .cat-wrapper img {
    width: 100% !important;
    object-fit: cover;
    height: 230px;
    border-top-left-radius: 25px;
    border-bottom-right-radius: 25px;
  }


/* footer starts here */

footer {
  background-color: var(--color-grey);
  padding-top: 40px;
  margin-top: 100px;
}

.footer-search {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
}

.footer-search-manage {
  justify-content: flex-end;
  display: flex;
}

.footer-lists h6 {
  font-size: 16px;
  margin-bottom: 20px;
}

.footer-lists ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

  .footer-lists ul li:not(:last-child) {
    margin-bottom: 10px;
  }

  .footer-lists ul li a {
    text-decoration: none;
    color: var(--color-white);
  }

footer .search-content {
  margin-top: 20px;
}

  footer .search-content input {
    min-width: 300px;
  }

.footer-lower {
  color: var(--color-paragraph-text);
  padding: 15px 0;
  border-top: 1px solid var(--color-softgrey);
  font-size: var(--font-size-medium);
}

.footer-block .title {
  text-align: left !important;
  font-size: 18px;
  margin-bottom: 10px !important;
  color: var(--color-white);
}

.newsletter .search-content input {
  min-width: 300px;
  width: 100%;
}

.newsletter {
  padding: 10px;
  margin-top: 20px;
}
/*
.social .social-share img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(8deg) brightness(108%) contrast(100%);
}*/


/* homepgage ends here */


/* category page starts here */

.breadcrumb-content {
  display: flex;
  align-items: center;
  padding: 7px 0;
}

.breadcrumb-main {
  /* background: var(--color-background-text);*/
}

.breadcrumb-content span {
  margin-left: 10px;
  color: var(--color-primary);
  margin-right: 5px;
}

.breadcrumb-content div {
  color: var(--color-grey);
  font-size: 14px;
  display: flex;
  align-items: center;
}

.page-top-space {
  margin-top: 40px;
}

.sidebar {
  /*background: #f1f1f1;*/
  padding: 20px;
  border-radius: 20px;
}

.side_title {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid var(--color-red);
  margin-top: 20px;
  text-transform: uppercase;
}

ul {
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
}

  ul li a {
    text-decoration: none;
  }

.small-lists {
  margin-left: 15px;
  margin-bottom: 10px;
}

.list-style li:not(:last-child) {
  margin-bottom: 10px;
}

.small-lists li {
  margin-bottom: 5px !IMPORTANT;
}

a {
  color: inherit;
}

  a:hover {
    color: inherit;
  }

.list-style li {
  color: #2d2d2d;
}

.list-style .open {
  color: #529b97;
  font-weight: 500;
}

.list-style li {
  position: relative;
  padding-left: 20px;
}

  .list-style li:before {
    content: "";
    background-image: url(../Themes/NascaTheme/Content/images/icons/left.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 12px;
    width: 13px;
    position: absolute;
    top: 5px;
    left: 0;
  }

.small-lists li:before {
  height: 10px;
  width: 18px;
  top: 6px;
}

.list-style-none li {
  margin-bottom: 10px;
  color: #2d2d2d;
}

.view-all {
  text-transform: capitalize;
  text-decoration: underline !IMPORTANT;
}

.view-product {
  background: #fff;
  margin-bottom: 10px;
  border-radius: 10px;
  display: flex;
  align-items: center;
}

  .view-product img {
    margin-right: 10px;
    padding: 10px;
    border-radius: 20px;
    max-width: 80px;
  }

a {
  text-decoration: none !important;
}

.tag_content {
  padding: 5px;
  background: #fff;
  margin-right: 10px;
  color: #2d2d2d;
  border-radius: 5px;
  font-size: 14px;
  margin-bottom: 10px;
}

  .tag_content span {
    margin-right: 5px;
  }

.tags {
  display: flex;
  flex-wrap: wrap;
}

.tag_content span {
  color: var(--color-primary);
}

.tags a:last-child div {
  margin-bottom: 0;
}

.view-product p {
  color: #2d2d2d;
  font-weight: 500;
}

.innerpage-banner img {
  max-height: 250px;
  box-shadow: 1px 1px 8px #2d2d2d29;
  height: auto;
  border-radius: 20px;
  width: 100%;
}

.cat-inner .row > div,
.pro-inner .row > div {
  padding: 0;
}

.pro-inner .row > div {
  width: 100%;
}

.pro-inner .row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 20px;
}

.cat-inner .row > div:not(:last-child) {
  padding-right: 20px;
}

.cat-inner {
  margin-top: 40px;
}

  .cat-inner .cat-wrapper img {
    height: 150px;
  }


/* category page ends here */


/* product grid page starts here */

.sort-left {
  display: flex;
  align-items: center;
}

.sort-by {
  display: flex;
  align-items: center;
}

  .sort-by span {
    white-space: pre;
    margin-right: 10px;
  }

.display-filter {
  display: flex;
  align-items: center;
  margin-left: 20px;
}

  .display-filter span {
    margin-right: 10px;
  }

.sort-container {
  margin: 40px 0 20px;
  display: flex;
  align-items: center;
}

  .sort-container .form-select {
    font-size: 16px;
    line-height: 1.5;
    color: #2d2d2d;
    background-color: var(--color-softgrey);
    background-image: url(../Themes/NascaTheme/Content/images/icons/down-arrow.svg);
    border: 0;
    background-size: 12px 12px;
  }

    .sort-container .form-select:focus {
      outline: none !important;
      box-shadow: none !important;
    }

.pp-text {
  white-space: pre;
  margin-left: 10px;
  color: var(--color-grey);
}

.sort-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: auto;
}

.view-content:first-child {
  margin-right: 20px;
}

.view-content img {
  width: 25px;
  height: 21px;
  object-fit: contain;
}


/* product grid page ends here */


/* list view page starts here */

.single-card {
  display: flex;
  align-items: center;
  padding: 0 20px;
  padding-left: 0;
  box-shadow: 0px 0px 6px #00000029;
  overflow: hidden;
  background: #fff;
  padding-right: 0;
}

  .single-card .product-image-inner {
    /*min-width: 270px;*/
    border-radius: 0;
    position: static;
  }

  .single-card .compare img {
    width: 20px;
  }

.card-details {
  position: relative;
}

.single-card .card-details:after {
  content: "'";
  height: 80%;
  width: 1px;
  background: var(--color-red);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.single-card.product-wrapper h5 {
  height: auto;
  margin-bottom: 10px;
  margin-top: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.single-card p {
  margin-bottom: 20px;
  color: #2d2d2d;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.single-card .product-image {
  width: 90% !important;
}

.single-card:not(last-child) {
  margin-bottom: 20px;
}

.card-details {
  padding: 20px 0;
  padding-left: 20px;
  padding-right: 10px;
}


/* list view page ends here */


/* cart page starts here */

.bg-light-grey {
  background-color: var(--color-softgrey);
}


/* cart page ends here */


/* blog page starts here */

.mb-0 {
  margin-bottom: 0 !important;
}

.post-title {
  font-size: 28px;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 10px;
  color: var(--color-primary);
  padding: 0;
  line-height: 1.2;
}

.read-comments {
  color: var(--color-secondary) !important;
}

.post-date,
.news-date {
  font-size: 17px;
  color: #B2AFAF;
  font-style: italic;
  font-weight: 100;
  background: none;
  padding: 0;
}

.post-body {
  font-size: 16px;
  font-weight: 400;
  color: var(--color-grey);
  margin-top: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  padding: 0;
}

.blog-posts .buttons .read-comments {
  display: block;
  margin: 0 0 15px;
  font-weight: 400;
  color: var(--color-grey);
  font-size: 16px;
}

.blog-page .tags label,
.blogpost-page .tags label {
  font-size: 16px;
}

.blog-page .tags a,
.blogpost-page .tags a {
  font-size: 16px;
}

.blogpost-page .inputs input,
.blogpost-page .inputs textarea {
  /*background: #f1f1f1;*/
  background-color: var(--color-white) !important;
  box-shadow: var(--box-shadow-input) !important;
}

.blogpost-page .title {
  text-align: left !important;
  padding: 0;
  color: #f1a59f !important;
}


/* blog page ends here */


/* compare page starts here */

.compare-products-table td {
  text-align: center;
}

.compare-products-table .picture {
  margin: 0 auto;
}

.compare-products-table .product-name .pr-title {
  color: var(--color-primary);
}


/* compare page ends here */


/* new page starts here */

.news-title {
  font-size: 22px;
  font-weight: 600;
  color: var(--color-primary);
  padding: 0;
  line-height: 1.2;
  margin-bottom: 10px;
}

.blog-page .post,
.news-items .news-item {
  border-radius: 25px 0;
  padding: 20px;
  box-shadow: 0 3px 10px rgb(0 0 0 / 10%);
}


/* new page endshere */

input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
}

  input[type="checkbox"]:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid var(--color-primary);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 8px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
    border-radius: 4px;
  }

  input[type="checkbox"]:checked:after {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: 7px;
    width: 5px;
    height: 12px;
    border: solid var(--color-primary);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
  }

.attributes input[type="checkbox"]:checked:after {
  top: 7px;
}
/*[type="radio"]:checked,
[type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}*/
/*
[type="radio"]:checked {
  position: absolute;
  left: 10px;
}
[type="radio"]:not(:checked) {
  position: absolute;
  left: 0px;
}*/
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #666;
}

  [type="radio"]:checked + label:before,
  [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: -1px;
    width: 20px;
    height: 20px;
    border: 1px solid var(--color-primary);
    border-radius: 100%;
    background: #fff;
  }

  [type="radio"]:checked + label:after,
  [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: var(--color-secondary);
    position: absolute;
    top: 3px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }

  [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

.registration-page select {
  font-size: 15px;
}


/* password recovery page starts here */

.inputs input[type="email"].pr-email {
  /*background-color: #f1f1f1;*/
}

.center-1 .buttons.pr-buttons {
  text-align: left;
}


/* password recovery page ends here */


/* search page starts here */

.inputs input[type="text"].search-text {
  /*background-color: #f1f1f1;*/
}

.inputs.reversed {
  flex-direction: unset;
  align-items: center;
}

.buttons.search {
  text-align: left;
}

.search-input .form-fields {
  padding: 0 15px 10px;
}


/* input[type=checkbox]:before {
    content: "";
    -webkit-appearance: none;
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 0;
    left: 0;
    border: 2px solid var(--color-primary);
    border-radius: 3px;
    background-color: white;
}

input[type=checkbox]:checked:after {
    content: "";
    display: block;
    width: 5px;
    height: 10px;
    border: solid var(--color-secondary);
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 2px;
    left: 6px;
} */

.search .inputs select {
  background-color: #fff;
}

.no-result {
  color: var(--color-primary);
  text-align: center;
  font-size: 18px;
  font-weight: 500;
}
/* search page ends here */
/* sitemap page starts here */
.sitemap-page .entity-title h2 {
  font-size: 20px;
  font-weight: 500;
  color: var(--color-primary);
}

.sitemap-page .page-title h1 {
  text-align: center;
}

.sitemap-page .entity li:before {
  background-color: var(--color-secondary);
  border-radius: 50%;
}

.sitemap-page .description {
  color: var(--color-grey);
}


/* sitemap page ends here */


/* manufacturer page starts here */

.manufacturer-item {
  position: relative;
}

  .manufacturer-item .title {
    position: absolute;
    bottom: 8px;
    right: 0;
    width: 100%;
    /*background: var(--color-secondary);*/
    border-radius: 25px 0px;
    border: 0;
    color: var(--color-white);
    /*font-size: 22px;*/
    /*padding: 13px 40px;*/
    font-weight: 500 !important;
    z-index: 2;
    margin-bottom: 0 !important;
  }

.manufacturer-grid .picture a:before {
  padding-top: 50%;
}

.manufacturer-grid .item-box .picture a img {
  height: 100px;
  width: auto;
  object-fit: contain;
}


/* manufacturer page ends here */


/* product review page starts here */

.review-page .inputs input[type="text"],
.review-page .inputs textarea {
  /*background-color: #f1f1f1;*/
  background-color: var(--color-white) !important;
  box-shadow: var(--box-shadow-input) !important;
}

.review-page {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.product-reviews-page .title h1 {
  text-align: center !important;
}

.product-reviews-page .page-title h1 {
  text-align: center !important;
}

.product-reviews-page .page-body .write-review {
  margin: 0;
}

  .product-reviews-page .page-body .write-review .fieldset {
    margin: 0 0 20px;
  }

  .product-reviews-page .page-body .write-review .buttons {
    margin: 0;
  }

.product-reviews-page .page-body .product-review-list .title {
  padding: 20px;
}

.write-review .title {
  /*margin-bottom: 20px !important;*/
  padding: 0;
}

.product-reviews-page .new .title strong {
  color: var(--color-secondary);
}


/* product review page ends here */


/* product tag starts here */
.product-tags-box .product-tags-list li {
}

.product-tags-list li {
  padding: 5px;
  border-radius: 7px;
  font-size: 14px !IMPORTANT;
  margin: 0;
  margin-right: 10px;
  margin-bottom: 10px;
  /* box-shadow: 0 3px 10px rgb(0 0 0 / 0.1);*/
}

  .product-tags-list li span {
    color: var(--color-primary);
    margin-right: 5px;
  }

.social-share img {
  width: 40px;
  height: 40px;
}
/* *** Edit by Reem ***  */
.img-size,
.duration-nasca-carusal {
  /* height: 500px;
  width: 1200px;*/
}

.button-1.search-box-button img {
  width: 18px !important;
}

/* product tag ends here */
/* media query starts here */
@media (min-width: 1600px) {
  /* *** Edit by Reem ***  */
  .img-size,
  .duration-nasca-carusal {
    max-height: 500px;
    /*margin-left: 2rem;*/
  }

  .center-1 .page:not(.home-page) {
    max-width: 1520px;
  }

  .home-page .topic-block {
    margin: 0 0 40px;
  }

  .title {
    padding: 20px;
  }

  .follow-us .social ul {
    margin: 0 0 30px;
  }
}
/* *** Edit by Reem ***  */
@media (min-width: 1401px) {
  .img-size,
  .duration-nasca-carusal {
    /*margin-left: 2.5rem;*/
    /*    height: 500px;
    width: 1200px;*/
  }

  .home-page .topic-block {
    margin: 0 0 30px;
  }

  .title {
    padding: 20px;
  }

  .follow-us .social ul {
    margin: 0 0 20px;
  }

  .social-share img {
    width: 30px;
    height: 30px;
  }
}

@media (max-width: 1400px) {
  /* *** Edit by Reem ***  */
  .img-size,
  .duration-nasca-carusal {
    /*    width: 920px !important;
    height: 370px !important;*/
  }

  .cart-footer .totals {
    /*width: 100%;*/
    float: right;
  }


  .product-image-inner {
    /*height: 100%;*/
  }

  .home-page .topic-block {
    margin: 0 0 20px !important;
  }

  .product-picture img {
    max-width: 40px;
  }

  .cart .product-picture img {
    max-width: 80px;
  }
  /* *** End Edit by Reem ***  */

  .small-btn {
    padding: 6px 15px;
    font-size: 14px;
  }

  .price {
    color: var(--color-red);
    /*font-size: 16px;*/
    /*padding: 10px 30px;*/
  }

  .compare img {
    width: 22px !important;
  }

  .compare {
    top: 10px;
    left: 10px;
    padding: 7px;
    border-radius: 10px;
  }

  .product-image {
    border-radius: 20px;
    width: 100% !important;
  }

  .cat-wrapper img {
    height: 200px;
  }

  .main-btn {
    font-size: 16px;
    padding: 10px 25px;
  }

    .main-btn:hover {
      background: #529b97;
      color: #fff;
      transition: .2s ease;
    }
  /* *** Edit by Reem ***  */
  .follow-us .social ul {
    padding: 0 0 10px;
  }
}

@media (max-width: 1200px) {
  /*  .cart-content, .social-share {
    margin-left: 0;
    padding: 5px;
  }*/
  .cart td.subtotal .discount, .cart td.subtotal .discount-additional-info {
    font-size: 14px;
  }
}


.new-billing-address .enter-address .edit-address {
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.news-desc h4 {
  font-size: 24px;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 10px;
  color: var(--color-primary);
}

.overview .product-name h1 {
  font-size: var(--font-size-larg);
}

.breadcrumb-content {
  padding: 7px 0;
}

/*.cart-content {
  padding: 5px;
}*/

.head-low-end ul {
  padding-left: 0 !important;
}

.cart-content,
.social-share {
  margin-left: 10px;
}

.header-links {
  padding-top: 0;
  margin-left: 2rem;
}

.footer-block .title {
  border-radius: 5px;
}

.footer .social-share {
  margin-left: 0;
  margin-right: 10px;
}

.desktop-menu ul li:not(:last-child) {
  margin-right: 10px;
}

.desktop-menu ul li a {
  font-size: 13px;
}

.footer-search-manage {
  justify-content: flex-start;
}

.footer-search {
  margin-top: 20px;
}

.row > * {
  padding-left: 10px;
  padding-right: 10px;
}

.cat-inner .cat-wrapper img {
  height: 100px;
}

.cat-inner .row > div:not(:last-child) {
  padding-right: 0;
}

.cat-inner .row,
.pro-inner .row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
}

  .cat-inner .row > div,
  .pro-inner .row > div {
    width: 100%;
  }

.follow-us {
  width: 260px !important;
}

}




@media (min-width: 992px) {
  .gallery img {
    width: 100% !important;
  }

  .desktop-menu {
    display: flex;
  }

  .mobile-menu {
    display: none;
  }

  .filters {
    display: none;
  }

  .gallery {
    max-width: 960px;
  }

  #customerTaxType,
  #customerCurrency {
    font-size: 14px !important;
  }
}

@media (max-width: 991px) {
  /* *** Start Edit by Reem ***  */
  .img-size,
  .duration-nasca-carusal {
    max-height: 300px;
    /*margin-left: 1.2rem !important;*/
    /*    width: 888px !important;
    height: 366px !important;*/
  }

  .header-logo a {
    width: 85%;
  }

  .mt-35px {
    margin-top: 20px !important;
  }

  .title {
    padding: 10px;
  }

  .social-share img {
    width: 34px;
  }
  /* *** End Edit by Reem ***  */
  .center-1 .page:not(.home-page),
  .center-1 .page-sm,
  .center-1 .page-md,
  .center-1 .page-lg,
  .center-1 .page-xl {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .tab button {
    font-size: 18px;
  }

  .product-reviews-overview {
    /*justify-content: center;*/
  }

  .breadcrumb-main {
    margin-top: -40px;
  }

  .mob-header-adjust {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .call-content {
    white-space: nowrap;
    width: auto !important;
    margin-left: 10px !important;
  }

  .header-selectors-wrapper {
    width: 75% !important;
  }

  #customerTaxType,
  #customerCurrency {
    font-size: 14px !important;
  }

  .header-logo {
    margin: 0;
  }

  .header-lower {
    padding: 10px 0;
  }

  .header-lower-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  .call-content img {
    margin-right: 5px;
  }

  /*  .header-lower-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
*/

  .header-selectors-wrapper > div {
    width: 100%;
  }


  .desktop-menu {
    display: none;
  }

  .filter-open {
    padding: 10px 20px;
    margin-bottom: 20px;
    border: 1px solid var(--color-red);
    border-radius: 10px;
    display: inline-flex;
    font-weight: 500;
    font-size: 14px;
  }

  div#myFilters a {
    color: inherit;
    font-size: inherit;
    padding: 0 !important;
  }

  .desktop-only {
    display: none;
  }

  .mobile-menu {
    display: block;
  }

  .overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9;
    top: 0;
    left: 0;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.9);
    overflow-x: hidden;
    transition: 0.5s;
  }

  .overlay-content {
    position: relative;
    top: 40px;
    width: 100%;
    text-align: left;
    margin-top: 40px;
    white-space: nowrap;
    padding-bottom: 10px;
  }

  .overlay a {
    padding: 10px;
    text-decoration: none;
    font-size: 20px;
    color: #ffffff;
    display: block;
    transition: 0.3s;
  }

    .overlay a:hover,
    .overlay a:focus {
      color: #f1f1f1;
    }

  .overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 30px;
    line-height: 17px;
    color: #d9aca5 !important;
    border: 2px solid #fff;
    padding: 10px;
    border-radius: 10px;
  }

  #myFilters.overlay .closebtn {
    font-size: 30px !important;
    line-height: 17px;
    padding: 10px !IMPORTANT;
  }

  .sidebar {
    margin: 20px;
  }

  .mob-open {
    font-size: 20px;
    cursor: pointer;
  }

  .search-content input {
    min-width: auto;
  }

  .call-content {
    display: none;
  }

  .owl-carousel1.owl-theme .owl-dots .owl-dot span {
    width: 30px;
    height: 4px;
  }

  .owl-carousel2 .owl-nav button,
  .owl-carousel3 .owl-nav button,
  .owl-carousel4 .owl-nav button {
    height: 30px;
    width: 30px;
  }

    .owl-carousel2 .owl-nav button span,
    .owl-carousel3 .owl-nav button span,
    .owl-carousel4 .owl-nav button span {
      font-size: 25px;
    }

  .cat-wrapper img {
    height: 150px;
  }

  .follow-us {
    width: 100% !important;
    margin: 20px 0 0;
  }

  .social-icons,
  .newsletter-subscribe {
    text-align: left;
  }

  .product-wrapper h5 {
    text-align: left;
  }

  .owl-carousel .owl-nav {
    top: 45%;
  }

  .owl-carousel .owl-item .item {
    text-align: left;
  }

  .header-links {
    justify-content: center;
  }

  .head-low-end ul {
    padding: 0px;
  }

  .header-selectors-wrapper {
    padding: 0;
    display: flex;
    align-items: center;
    border-bottom: 0;
  }

  .header-links-wrapper {
    /*padding: 5px 0;*/
  }

  .store-search-box {
    display: none;
  }

  .header-lower-inner {
    position: relative;
  }

    .header-lower-inner .menu-toggle2 {
      position: absolute;
      right: 20px;
      top: 0;
    }

  .top-menu.mobile {
    margin-top: 20px;
  }

  .header-logo {
    margin: 0;
    text-align: left;
  }

  .cart-content img {
    width: 30px
  }

  .newsletter-email {
    width: 100%;
  }
  /* *** Edit by Reem ***  */
  .price.cat-adjust {
    height: 2.5rem;
    padding: 5px 0;
    font-size: var(--font-size-small) !important;
  }
}

@media (max-width: 768px) {
  /* *** Edit by Reem ***  */
  .img-size,
  .duration-nasca-carusal {
    max-height: 280px;
  }

  .cart-footer .totals {
    width: 100%;
    float: right;
  }

  .downloadable-products-page .data-table .product {
    min-width: 10px;
  }

  .downloadable-products-page .data-table th {
    padding: 5px;
  }

  .sub-category-item .title, .item-box .manufacturer-item .title a {
    width: 88%;
    padding: 10px 0;
  }

  .title p {
    font-size: 16px;
  }

  .footer .social-icons {
    padding: 0 10px;
  }

  .comment-info {
    margin: 20px 0;
  }

  .comment-content > div {
    text-align: left;
  }

  .header-selectors-wrapper {
    width: 60% !important;
  }

  #customerTaxType,
  #customerCurrency {
    font-size: 14px !important;
  }

  .product-list .item-box .picture {
    float: left;
    width: 260px;
    margin-bottom: 0;
    padding: 10px;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
  }

  .gallery {
    max-width: 720px;
  }

  .cart tbody {
    grid-template-columns: 1fr;
  }

  .theme-custom .nivo-controlNav a {
    width: 25px;
    height: 4px;
  }

  .theme-custom .nivo-controlNav {
    padding: 10px 0;
  }

  .single-card:not(last-child) {
    padding-right: 0;
  }

  .pro-inner .product-image-inner {
    height: 200px;
  }

  .single-card .product-image {
    width: 90% !important;
    height: 100%;
    object-fit: cover;
  }

  .single-card .card-details {
    padding: 20px;
    margin-top: 10px;
    padding-bottom: 25px;
  }

    .single-card .card-details:after {
      content: "";
      height: 1;
      width: calc(100% - 20px);
      background: var(--color-red);
      position: absolute;
      left: 50%;
      top: 0;
      transform: translatex(-50%);
    }

  .sort-right {
    margin-top: 20px;
  }

  .sort-container {
    align-items: flex-start;
    flex-direction: column;
  }

  .head-menu-center {
    justify-content: flex-end;
  }

  .title h1 {
    font-size: var(--font-size-larg);
  }

  section {
    margin-top: 70px;
    margin-bottom: 70px;
  }

  footer {
    margin-top: 70px;
  }

  .cta_main:after {
    background: #ffffff94 linear-gradient(90deg, #FFFFFFE3 0%, #80808000 100%) 0% 0% no-repeat padding-box;
  }

  .footer-lists {
    margin-top: 25px;
  }

  .footer-lower {
    flex-direction: column;
  }

  .copyright {
    margin-top: 10px;
  }

  .single-card {
    flex-direction: column;
  }

  .footer-block .title {
    color: var(--color-white);
  }

  .footer-block .list a {
    color: var(--color-primary) !important;
  }

  .follow-us .social ul {
    padding: 0;
  }

  .newsletter-email {
    margin-left: 0;
    width: 100% !important;
  }

  .theme-custom {
    margin: -20px auto 0;
  }

  .title {
    margin-bottom: 20px !important;
  }

  .header-lower-inner {
    display: block;
  }

  .search-box.store-search-box, #small-search-box-form, .search-content #small-searchterms {
    width: 100% !important;
    margin: 0 1rem;
  }

  .cart-content, .social-share {
    margin-left: 0;
  }

  #small-searchterms {
    height: 2.5rem !important;
  }
}

@media (max-width: 572px) {
  /* *** Edit by Reem ***  */
  .img-size,
  .duration-nasca-carusal {
    max-height: 180px;
  }


  .input-checkout-attribute {
    margin-left: 5rem;
  }

  .cart-footer .checkout-button {
    font-size: 14px;
    width: 50%;
  }

  .selected-checkout-attributes {
    margin: 20px 37px 20px !important;
  }

  .social-share img {
    width: 34px;
  }

  .continue-button-img {
    width: 30px;
  }

  .owl-carousel2 .owl-nav, .owl-carousel3 .owl-nav, .owl-carousel4 .owl-nav {
    width: 100%;
    left: 0;
  }

  .product-list .item-box .actual-price {
    font-size: 16px;
  }

  .product-list .product-item {
    flex-direction: row;
    align-items: start;
    padding: 10px;
  }

  /*  .product-list .item-box .picture + .details:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    height: 2px;
    width: 95%;
    background: #e5e5e5;
    transform: translatex(-50%);
  }*/

  .product-grid .item-grid {
    grid-template-columns: 1fr;
  }

  .cart tbody {
    grid-template-columns: 1fr;
  }

  .gallery {
    max-width: 540px;
  }

  .slider-wrapper .owl-carousel1 .owl-item img {
    min-height: 300px;
  }

  .head-left {
    order: 1;
    margin-bottom: 10px;
  }

  .header-selectors-wrapper {
    width: 70% !important;
    background-color: #ffffff !important;
    border: none !important;
  }

  #customerTaxType,
  #customerCurrency {
    font-size: 11px !important;
  }

  .head-end {
    order: 2;
    margin-bottom: 10px;
  }

  .header-main {
    height: auto;
  }

  .search-content {
    width: 100%;
  }

  .newsletter .search-content input {
    min-width: 100%;
  }

  .head-menu-center {
    justify-content: center;
  }

  .pro-inner .row {
    grid-gap: 10px;
  }

  .header-logo {
    padding-bottom: 14px;
    margin: 0;
  }

  .social-share img {
    width: 34px;
  }

  .cart-content img {
    width: 20px
  }

  .head-low-end {
    padding-top: 0;
  }
}

@media (max-width: 480px) {

  .header-logo a {
    width: 75% !important;
    height: 65% !important;
  }

  .header-links span,
  .header-links a {
    width: 100%;
    height: 24px;
  }

  .selected-checkout-attributes {
    margin: 21px 12px 20px !important;
  }

  .input-checkout-attribute {
    margin-left: 4rem;
  }

  .input-checkout-attribute {
    margin-left: 2rem;
  }

  .selected-checkout-attributes {
    margin: 21px 9px 20px !important;
  }



  .cart-footer .checkout-button {
    font-size: 11px;
  }

  .shopping-cart-page .common-buttons button, .shopping-cart-page .common-buttons .estimate-shipping-button {
    width: 100%;
    margin-right: 0;
  }

  .overview-buttons {
    display: inline-flex;
    align-items: center;
  }

  .overview .product-name h1 {
    font-size: 22px;
  }

  .gallery .picture {
    /*width: 100%;*/
  }

  .sub-category-item .title {
    font-size: 18px !important;
    padding: 10px 25px;
  }

  .call-content {
    display: none !important;
  }

  .single-card .product-image-inner {
    height: 200px;
  }

  .display-filter {
    margin-left: 0;
    margin-top: 10px;
  }

  .sort-left {
    flex-direction: column;
    align-items: flex-start;
  }

  .cta-desc {
    padding-left: 10px;
    padding-right: 10px;
    margin: 40px 0;
  }

    .cta-desc p {
      font-size: 14px;
      margin-bottom: 10px;
    }

    .cta-desc h5 {
      margin-bottom: 10px;
    }

  .news-wrapper {
    flex-direction: column;
  }

    .news-wrapper img {
      max-height: 250px;
    }

  .announcement-bar {
    text-align: center;
  }

    .announcement-bar img {
      width: 15px;
    }

    .announcement-bar p {
      font-size: 10px;
    }

  .innerpage-banner img {
    height: 150px;
    object-fit: cover;
    object-position: left;
  }

  .pro-inner .row {
    grid-template-columns: 1fr;
    grid-gap: 20px;
  }

  .header-selectors-wrapper {
    width: 100% !important;
  }

  .btn-select li span {
    font-size: 13px !important;
  }

  #customerTaxType,
  #customerCurrency {
    font-size: 11px !important;
  }

  .social-share img,
  .cart-content img {
    width: 34px
  }
}

@media (max-width: 380px) {

  .header-logo a {
    width: 75% !important;
    height: 65% !important;
  }

  #default-carousel .bottom-5 button[type='button'] {
    width: 10px;
    height: 10px;
  }

  .cat-inner .row {
    grid-template-columns: 1fr;
  }

  .cat-inner .cat-wrapper img {
    height: 200px;
  }

  .header-selectors-wrapper {
    width: 100% !important;
  }

  #customerTaxType,
  #customerCurrency {
    font-size: 9px !important;
  }

  .btn-select li span {
    font-size: 12px !important;
  }

  .social-share img,
  .cart-content img {
    width: 30px
  }
}

@media (max-width: 320px) {
  .img-size,
  .duration-nasca-carusal {
    max-height: 150px;
  }
}
/* media query ends here */
/*ayushi*/
.theme-custom {
  margin: 0px !important;
}

.mt-20px {
  margin-top: 20px;
}

.mt-35px {
  margin-top: 35px;
}

button-style {
  border-radius: 12px;
  text-align: center;
  padding: 10px;
  color: var(--color-primary);
  border: 2px solid var(--color-primary);
}

  button-style:hover {
    background-color: var(--color-primary);
  }

.news-view-all, button-style {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: fit-content;
  border: 2px solid var(--color-primary);
  border-radius: 12px;
  text-align: center;
  margin: 20px 0 30px;
  padding: 10px;
}

  .news-view-all:hover {
    background-color: var(--color-primary);
  }

    .news-view-all:hover a {
      color: var(--color-white);
    }


.newsletter-email input[type="email"] {
  height: 3rem;
  float: unset;
  z-index: unset;
}

a#newsletter-subscribe-button {
  background-color: unset;
  min-width: unset;
}

.poll h4 {
  padding: 10px;
}

.poll-items .poll .buttons {
  text-align: center;
  margin: 0;
  padding: 15px 10px;
}


.product-grid .list-view, .product-list .grid-view {
  display: none !important;
}

.overview .button-2 {
  font-size: 0px !important;
}

.product-name td a {
  color: var(--color-primary);
}
/* -------------------new change by chintan -----------------------*/
p.desc-pro {
  font-size: 14px;
  color: var(--color-grey);
  opacity: .7;
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  min-height: 42px;
}

.inner-button button {
  margin-top: 0;
  margin-bottom: 15px;
}

  .inner-button button:first-child {
    margin-right: 15px;
  }

.flex-both {
  display: flex;
  align-items: start;
  flex-direction: column-reverse;
}

  .flex-both > buttom {
    margin-top: 0 !important;
  }

  .flex-both button, .poll .buttons button {
    margin-top: 0;
    margin-right: 10px;
    background-color: var(--color-primary) !important;
  }

.product-grid .original-price {
  font-size: 22px;
  color: var(--color-grey);
  opacity: .7;
  margin-top: 10px;
  min-height: 47px;
  border-top: 2px solid #e5e5e5;
}

.original-price::after {
}

.inner-button button {
  background: #ffffff;
  font-size: 14px;
}

.flex-both button,
.poll .buttons button {
  /*background: #529b97;*/
  background-color: var(--color-primary) !important;
  color: var(--color-white) !important;
  border: 2px solid var(--color-primary);
}

  .flex-both button:hover,
  .poll .buttons button:hover {
    /*background: #529b97;*/
    background-color: var(--color-white) !important;
    color: var(--color-primary) !important;
  }

  .flex-both button:hover {
    box-shadow: var(--box-shadow-input-hover) background: var(--color-white) !important;
    color: var(--color-primary) !important;
  }

.dynamic-space {
  margin-bottom: 0 !important;
  padding-bottom: 80px;
}

.home-page .topic-text p {
  text-align: center !important;
  color: var(--color-paragraph-text);
}

.topic-text p a {
  color: var(--color-link);
  opacity: 1 !important;
  text-decoration: underline !important;
}
/* -------------------new change by chintan - end -----------------------*/


.header-links ul {
  font-size: 0;
  display: flex;
  margin-bottom: 0px;
  align-items: center;
}

#topcartlink {
  width: auto;
  margin-top: 0;
}

.w3-dropdown-content a {
  display: block;
  line-height: 1.5;
  text-align: left;
  padding: 10px;
}

  .w3-dropdown-content a:not(:last-child) {
    border-bottom: 1px solid #e5e5e5;
  }

.dropdown-custm:hover {
  background: #fff !important;
}

.customer-info-page .form-fields {
  display: flex;
  flex-direction: column;
}

.customer-info-page input, .customer-info-page select {
  background: #fff !important;
}

.customer-info-page .fieldset .title {
  text-align: left !important;
  padding-left: 0;
  color: var(--color-red);
  margin-bottom: 20px !important;
}

.checkbox-custm .inputs {
  flex-direction: row-reverse !important;
  justify-content: flex-end;
}

  .checkbox-custm .inputs label {
    margin-left: 10px !important;
  }

.checkbox-custm input#Newsletter::before {
  margin-right: 0;
}

.customer-info-page .buttons {
  text-align: center;
}

  .customer-info-page .buttons button {
    color: var(--color-primary);
    border: 2px solid var(--color-primary);
    background-color: var(--color-white)
  }

    .customer-info-page .buttons button:hover,
    .customer-info-page .buttons button:focus {
      color: var(--color-white);
      border: 2px solid var(--color-primary);
    }

.page.order-details-page {
  margin-bottom: -100px;
  min-height: 400px;
  padding-top: 40px;
}

.order-details-page .page-title a {
  font-size: 14px;
  border-radius: 8px;
}

.print-order-button {
  margin-right: 10px !important;
}

.order-number {
  font-weight: 500;
  color: var(--color-primary);
  text-transform: uppercase;
  font-size: 22px;
}

.order-details-area .title {
  font-weight: 500;
  color: var(--color-red);
}

.order-details-area > div {
  padding-bottom: 2rem;
}

.billing-info-wrap > div, .shipping-info-wrap > div {
  background: #fff;
  padding: 20px;
  border-radius: 10px;
}

li.order-total strong {
  font-weight: 600 !important;
}
/* *** Edit by Reem ***  */
.billing-info-wrap > div .title .info-list,
.billing-info-wrap > div .title,
.shipping-info-wrap > div .title {
  border-bottom: 2px solid #f1f1f1 !important;
  padding-bottom: 10px;
}

.data-table th {
  position: static;
  font-size: 18px;
}

.order-details-page .section.options,
.order-details-page .flex-justify-align-center {
  padding: 10px 0 !important;
}

.section.options.flex-justify-align-center {
  margin: 0;
}

.order-details-page .cart-total .order-total {
  border-top: 1px solid #cfcfcf;
}

.order-details-page .cart tbody tr:last-child {
  margin: 20px 0;
}

.order-details-page .re-order-button {
  display: inline-block;
  min-width: 160px;
  border: none;
  background-color: var(--color-primary);
  padding: 13px 32px;
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
  width: 100%;
  border-radius: 10px;
}

.order-details-page .tax-shipping-info {
  color: #aaaaaa;
  margin: 0 !important;
}

  .order-details-page .tax-shipping-info a {
    text-decoration: underline !important;
  }

.price-optional {
  margin-left: 10px;
  font-size: 16px;
  font-weight: 600;
}

.price-all {
  display: flex;
  align-items: center;
  margin-top: 0.5rem;
}

.price-desc-origin {
  display: flex;
  font-size: 11px;
}

.price-through {
  font-size: 20px;
  text-decoration: line-through;
}

.price-desc-origin div:first-child {
  margin-right: 5px;
}

.product-wrapper.item-box {
  width: 100% !important;
  /*padding-bottom: 35px;*/
  margin-bottom: 0 !important;
}

button.small-btn.product-box-add-to-cart-button.add-cart {
  font-size: 14px;
}

.User-module {
  position: relative;
  display: inline-block;
}

.User-module-content div:not(:last-child) {
  padding-bottom: 6px;
  border-bottom: 1px solid #e5e5e5;
}

.User-module-content p {
  margin: 5px;
}

.User-module-content {
  display: none;
  position: absolute;
  background-color: #fff;
  box-shadow: var(--box-shadow);
  border-radius: 10px;
  min-width: 100px;
  padding: 0 10px 10px;
  z-index: 1;
  right: 0%;
  text-align: left;
}

.User-module:hover .User-module-content {
  display: block;
}

User-module-content p {
  margin-bottom: 5px;
}

.account-page div.fieldset {
  /* border-bottom: 2px solid var(--color-background-text);
  padding-bottom: 25px;*/
  margin: 0 0 10px;
}

.account-page .section .title {
  margin: 0 0 15px;
}

.account-page .fieldset .title,
.account-page .section .title {
  font-size: 20px;
  color: var(--color-primary);
  text-align: left !important;
  margin-bottom: 20px !important;
  padding-left: 0;
}

.account-page .buttons {
  margin-bottom: 0 !important;
}

.account-page .form-fields,
.apply-vendor-page .form-fields,
.return-request-page .form-fields {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.return-request-page .return-form {
  align-items: center;
}

.account-page select {
  font-size: 15px;
}
/* *** Edit by Reem ***  */

.account-page .inputs input[type="text"],
.account-page .inputs input[type="email"],
.account-page .inputs input[type="tel"],
.account-page .inputs input[type="password"],
.inputs input[type="text"].search-text,
.account-page .inputs select,
.fieldset .advanced-search .inputs select,
.account-page .inputs textarea,
textarea,
.search-box-text {
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: var(--color-white) !important;
  box-shadow: var(--box-shadow-input) !important;
}

.account-page .inputs input[type="text"],
.account-page .inputs input[type="email"],
.account-page .inputs input[type="tel"],
.account-page .inputs input[type="password"],
.inputs input[type="text"].search-text,
.account-page .inputs select,
.fieldset .advanced-search .inputs select,
.search-box-text,
.giftcard input {
  min-height: 40px;
  margin-top: 10px;
  background-color: var(--color-white) !important;
  box-shadow: var(--box-shadow-input) !important;
}

.search-box.store-search-box {
  position: relative;
}


  .search-box.store-search-box .search-box-text {
    position: absolute;
    top: -1px;
    right: 26px;
    border-start-end-radius: 0 !important;
    border-end-end-radius: 0 !important;
    border-start-start-radius: 6px !important;
    border-end-start-radius: 6px !important;
  }

.button-1.search-box-button {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -2px;
  right: -19px;
  width: 44px;
  height: 42px;
  border: 3px solid var(--color-primary);
  box-shadow: var(--box-shadow-input);
  border-start-end-radius: 6px !important;
  border-end-end-radius: 6px !important;
  border-start-start-radius: 0 !important;
  border-end-start-radius: 0 !important;
  background-color: var(--color-primary) !important;
  color: var(--color-white) !important;
}

  .button-1.search-box-button:hover {
    box-shadow: var(--box-shadow-input-hover)
  }

.apply-vendor-page .inputs input[type="text"],
.apply-vendor-page .inputs input[type="email"],
.apply-vendor-page .inputs input[type="tel"],
.apply-vendor-page .inputs input[type="password"],
.apply-vendor-page .inputs select,
.apply-vendor-page .inputs textarea {
  background-color: #fff;
}

.product-review-item .review-item-head {
  border-top: none;
  overflow: hidden;
  padding: 15px;
}

  .product-review-item .review-item-head .review-title {
    color: var(--color-primary);
  }

.address-list-page .info,
.order-list-page .info {
  padding: 0 2px;
}


.account-page .review-title strong {
  color: var(--color-primary);
  font-size: 20px;
  font-weight: 500;
}



.return-request-page table td,
.return-request-page table th {
  border: 1px solid #efecec;
}

.account-page.back-in-stock-subscription-list-page .data-table .product a,
.return-request-page .data-table .product a {
  color: #767272;
  font-weight: 400;
}

.account-page.reward-points-page table td {
  color: #767272;
}

.color-orange {
  color: var(--color-red);
}

.apply-vendor-page .page-title.title {
  margin-bottom: 20px !important;
}

.center-1 .apply-vendor-page .buttons {
  text-align: left !important;
}

.date-picker-wrapper select {
  min-width: 50px;
}

.account-page table td,
.account-page table th,
table.forum-table td,
table.forum-table th {
  /*border: 1px solid #efecec;*/
}

table.forum-table th {
  text-align: center;
}

@media (min-width: 1001px) {
  .header-links {
    margin-left: 1rem;
  }
}

@media (max-width: 992px) {
  .order-details-page .cart tbody tr:last-child {
    margin: 20px 0 !important;
  }

  .search-box.store-search-box,
  #small-search-box-form,
  .search-content #small-searchterms {
    width: 100% !important;
    margin: 0 1rem;
  }

  .cart-content, .social-share {
    margin-left: 0;
  }

  .cart-collaterals .deals .hint {
    text-align: start;
  }
}

@media (max-width: 768px) {

  a #newsletter-subscribe-button {
    position: absolute;
    right: 0px;
    top: 14px;
  }

  .header-logo a img {
    max-width: 150px;
  }

  .header-selectors-wrapper > div {
    width: auto;
    margin: auto !important;
    width: auto !important;
  }

  .header-links {
    padding-top: 5px;
  }

  .break {
    display: none;
  }

  .search-box.store-search-box, #small-search-box-form, .search-content #small-searchterms {
    margin: 0 0.5rem
  }

  .order-summary-content form .cart-footer {
    padding: 0 20px;
  }

  .side-2 .block .title {
    color: var(--color-primary);
    border-radius: 0;
  }

    .side-2 .block .title .listbox.recent_adust li {
      box-shadow: none !important;
    }

  .payment-method .payment-logo {
    /*width: 23%;*/
    height: fit-content;
  }
}

@media (max-width: 576px) {
  .mob-header-adjust {
    flex-direction: column;
    padding: 0;
    align-items: inherit;
  }

  .header-upper .center-1 .page {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .header-selectors-wrapper {
    padding: 0;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e5e5e5;
    padding: 5px 0;
    background: #f1f1f1;
  }

  .print-order-button {
    margin-right: 0 !important;
  }

  .search-box.store-search-box, #small-search-box-form, .search-content #small-searchterms {
    width: 100% !important;
    margin: 0 0.5rem;
  }

  .header-links {
    padding-top: 0;
  }

  /*.cart-content {
    padding: 5px;
  }
*/
  .cart-content, .social-share {
    margin-left: 0;
  }

  #small-searchterms {
    height: 2.5rem !important;
  }

  .product-details-page .tabs-main .tabcontent {
    padding: 20px;
  }

  .sub-category-item .title, .item-box .manufacturer-item .title a {
    right: 22px;
  }
}

@media (max-width: 1000px) {

  .home-page .page-body .theme-custom {
    max-width: 100% !important;
  }
}

.category-description {
  width: -webkit-fill-available;
}

  .category-description * {
    width: inherit;
  }

/* push notifiction*/
.ico-notification svg,
.ico-notification svg path {
  fill: var(--color-primary) !important;
}

#topnotificationlink a {
  width: 30px;
  height: 30px;
  background: url('/Themes/NascaTheme/Content/images/thumbs/new/icons/notification.svg') left center no-repeat !important;
}

#topnotificationlink .notification-label {
  display: none;
}

#topnotificationlink {
  padding: 0px 11px 0 6px !important;
}

  #topnotificationlink .notification-qty {
    position: absolute;
    top: 10px;
    right: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-red);
    color: var(--color-white);
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 50%;
    padding: 5px;
  }

/*********************************************************************/
/* *** Reem *** */
/*********************************************************************/

.toggle-password-hidden {
  display: none;
}

.toggle-password-show {
  display: block;
}

img {
  width: 100%;
  height: 100%;
}

.mini-shopping-cart .attributes,
.mini-shopping-cart .items {
}
/* *** show - hide password *** */
eye-icons-password-container {
  position: relative;
  cursor: pointer;
}

.login-page .eye-icons-password {
  top: 2.5rem;
}

.eye-icons-password {
  position: absolute;
  z-index: 99;
  top: 3rem;
  right: 1rem;
}

  .eye-icons-password svg {
    width: 20px;
  }

.register-box .eye-icons-password {
  top: 3.2rem;
}
.message-error {
font-size:var(--font-size-small);
}
  .tooltip-text-container {
  position: absolute;
  top: -8px;
  right: 12px;
  z-index: 999;
  display: none;
}

  .tooltip-text-container .tooltip-text {
    width: 125px;
    padding: 4px;
    font-size: 12px;
    font-weight: 500;
    border-radius: 5px;
    background-color: var(--color-paragraph-text);
    box-shadow: var(--box-shadow);
    color: var(--color-white);
  }

.no-data {
  text-align: center;
}

.flyout-notification {
  padding: 8px !important;
  top: 94% !important;
  box-shadow: var(--box-shadow) !important;
  border-radius: 10px;
}

  .flyout-notification .section-50 {
    font-size: 14px !important;
  }

/* *** Home Page Start *** */
.category-grid.home-page-category-grid.container {
  margin-bottom: 0;
}
/* FEATURED PRODUCTS Start */
.price-container {
  padding: 10px 0 6px;
  border-top: 2px solid #dfdfdf;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

/* FEATURED PRODUCTS End */
/* *** Home Page End *** */
/* Register page Start */
.register-container .page-title {
    margin:0;
}
.registration-page .page-body,
.login-page .page-body {
  padding-top: 1rem;
}
.registration-page .container .register-container,
.login-page .container .customer-blocks .returning-wrapper {
  position: relative;
}

  .registration-page .container .register-container .registration-img,
  .login-page .container .customer-blocks .returning-wrapper .login-img {
    position: absolute;
    z-index: -1;
  }

  .registration-page .container .register-container .registration-img {
    bottom: -2rem;
    left: -22rem;
  }

    .registration-page .container .register-container .registration-img img,
    .login-page .container .customer-blocks .returning-wrapper .login-img img {
      width: 100%;
    }

.Successfully-register-img {
  width: 160px;
  margin-bottom: 4rem;
}
/* Register page End */
/* *** Table *** */
.downloadable-products-page .table-wrapper .data-table tbody tr td {
  width: 110px;
}

thead {
  border-start-start-radius: 10px !important;
  border-start-end-radius: 10px !important;
}

.flex-justify-align-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.display-flex,
.display-flex-row {
  display: flex;
  align-items: start;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: row;
}

.block.block-account-navigation,
.block.product-filters {
  padding: 20px;
  background-color: var(--section-background-color);
}
/* ***  search page start *** */
.img-search-container {
  width: 100%;
  margin-top: 50px;
  display: flex;
  justify-content: center;
}

.img-search {
  width: 200px;
}

  .img-search img {
    width: 100%;
  }

.search-input-box {
  border-bottom: 1px solid var(--color-primary) !important;
}

  .search-input-box .basic-search {
    display: grid;
  }

    .search-input-box .basic-search .inputs select {
      min-height: 40px;
    }

    .search-input-box .basic-search .buttons button {
      height: 40px !important;
    }

    .search-input-box .basic-search .buttons button {
      background-color: var(--color-primary) !important;
      color: var(--color-white) !important;
      padding: 8px 20px;
    }

      .search-input-box .basic-search .buttons button:hover {
        background-color: var(--color-white) !important;
        color: var(--color-primary) !important;
      }

    .search-input-box .basic-search .buttons {
      display: flex;
      align-items: center;
      padding-bottom: 8px;
    }

  .search-input-box .fieldset .inputs input[type="checkbox"] {
    margin-top: 0 !important;
  }

    .search-input-box .fieldset .inputs input[type="checkbox"]:checked:after {
      top: 3px;
    }
/* search page end */
/* Login Page Authentication Start */
.login-page .external-authentication .title,
.external-authentication {
  margin: 10px 0 !important;
}

.auth-container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 0;
}

.apple-login-block .buttons,
.facebook-login-block .buttons {
  padding: 10px !important;
  border: none;
  box-shadow: var(--box-shadow);
  border-radius: 10px;
  background-color: #e8efff2e !important;
}

  .apple-login-block .buttons .apple-login-button,
  .facebook-login-block .buttons .google-btn {
    width: 25px;
    height: 25px;
    padding: 10px;
    border: none;
  }

  .apple-login-block .buttons .apple-login-button {
    background-image: url(../Themes/NascaTheme/Content/images/thumbs/new/icons/apple.svg) !important;
  }

  .facebook-login-block .buttons .google-btn {
    background-image: url(../Themes/NascaTheme/Content/images/thumbs/new/icons/google.svg) !important;
  }

/* Login Page Authentication End */

/* *** start product review list - product reviews page *** */
.product-reviews-page .page-body .write-review .message-error {
  top: 4%;
  left: 50%;
  width: fit-content;
}

.product-reviews-page .title {
  color: var(--color-primary);
}

.flex-justify-align-center .write-review .fieldset {
  width: 100%;
}

.product-review-boxes {
  width: 100%;
}

.product-review-item {
  padding: 0 10px;
  margin: 20px;
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  background-color: var(--color-white);
}

.product-review-list {
  margin-top: 20px;
  background-color: var(--section-background-color);
}

.review-info .user label {
  font-weight: 500;
}
/* end product review list */

/* *** Start Featured products [ owl carousel ] *** */
.owl-carousel.owl-drag .owl-item {
  display: flex;
  align-items: center;
  justify-content: center;
}
/* *** End Featured products *** */

/* *** Start password recovery page *** */

.password-recovery-page .password-recovery-box .page-title,
.password-recovery-page .password-recovery-box .fieldset {
  margin: 15px 0;
}

.password-recovery-page .password-recovery-box .buttons,
.password-recovery-page .password-recovery-box .tooltip {
  margin: 0;
}

.password-recovery-page .password-recovery-box .fieldset .form-fields .inputs {
  text-align: center;
}
/* End password recovery page */

.side-2 {
  padding: 50px 20px;
  background-color: var(--section-background-color);
}

  .side-2 .block-category-navigation {
    padding: 20px 20px 0;
  }

  .side-2 .block-popular-tags {
    padding: 0 20px;
  }
/* *** Start Contact Us Page *** */
.contact-details .buttons {
  margin: 0 !important;
  text-align: center;
}
/* End Contact Us Page */

/* *** Start order details Page *** */
.order-details-page .page-body .order-details-area .billing-info-wrap .billing-info {
  width: 40%;
}

.billing-info {
  margin-top: 10px !important;
}

.payment-method-info {
  /*margin: 10px 0 40px !important;*/
}

.billing-info-wrap {
  width: 100%;
  display: flex;
  align-items: start;
  justify-content: space-around;
  background-color: var(--section-background-color);
}

.order-details-page .section .title strong,
.order-details-page .order-overview .order-number strong {
  font-size: 22px;
  font-weight: 600;
  color: var(--color-primary);
}

.order-details-img {
  width: 344px;
  height: 222px;
}

.order-image-no-data {
  margin: 2rem 0;
  width: 220px;
}

.review-image-no-data {
  margin: 1rem 0;
  width: 300px;
}
/* End order details Page */
/* *** Start order summary Page *** */
.cart-no-data-img {
  width: 400px;
  margin-bottom: 5rem;
}

.address-image-no-data,
.order-complate {
  width: 120px;
  margin: 2rem 0;
}

.order-review-data {
  margin-bottom: 1rem;
}


  .order-review-data .cart-options {
    background-color: var(--section-background-color);
  }

#checkout-confirm-order-load .order-summary-content form .cart-footer,
.cart-options .selected-checkout-attributes-container {
  display: flex;
  align-items: center;
  justify-content: center;
}

.cart-options .selected-checkout-attributes-container {
  margin-top: 1rem;
}

#checkout-confirm-order-load .order-summary-content form .cart-footer {
  padding-bottom: 20px;
  margin-bottom: 1rem !important;
}

#checkout-confirm-order-load .checkout-data .order-summary .order-summary-content .cart-footer .totals .total-info {
  width: 600px;
}

.shopping-cart-page .table-wrapper tr td.product-picture a,
.order-summary-content .table-wrapper .cart tbody tr td.product-picture a {
  margin: 0 auto;
}
/* End order summary Page */
.page.customer-info-page, .page.account-page.change-password-page, .page.account-page.address-edit-page {
  width: 480px;
}

.newsletter-subscribe-button {
  float: right;
  position: absolute;
}

  .newsletter-subscribe-button:hover .tooltip-text-container {
    display: block;
  }

.shopping-cart-page .order-summary-content .cart-footer .totals {
  margin-bottom: 3rem;
}

.order-summary-content form .cart-footer {
  padding: 0 30px;
  display: flex;
  align-items: start;
  justify-content: space-between;
  width: 100%;
}

/* *** Main Carsoul Start *** */
.main-carousel .duration-nasca-carusal img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}


.main-carousel .duration-nasca-carusal {
  height: 560px !important;
}
/* *** Main Carsoul End *** */

/* *** Categories Carsoul Start *** */
.category-box .owl-nav {
  top: 35%;
}

.owl-carousel.owl-drag .owl-item {
  border-radius: 50%;
}

  .owl-carousel.owl-drag .owl-item .item {
    border-radius: 50%;
  }

    .owl-carousel.owl-drag .owl-item .item.category-container {
      border-radius: 17px !important;
      width: 100%;
    }

.category-container .category-item .category-img-container {
  width: 100%;
  height: 100%;
  background-color: var(--color-primary);
  border-radius: 15px !important;
}

.category-container .category-item .category-img {
  width: 100%;
  height: 100%;
  border-radius: 15px !important;
}

  .category-container .category-item .category-img:hover {
    box-shadow: var(--box-shadow-input-hover);
  }

.category-container .category-item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  box-shadow: var(--border-radius);
}

  .category-container .category-item .title {
    width: fit-content;
    background-color: #fff;
    border: none;
    color: var(--color-paragraph-text);
    font-size: 20px;
    outline: none;
    /*    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;*/
  }

/* *** Categories Carsoul End *** */
/* Our Quality Start */
.home-page-our-quality {
  padding: 0 0 1rem;
}

.our-quality-title {
  text-align: center;
  margin: 1.5rem 0;
}

.our-quality-container {
  display: grid;
  gap: 20px;
}

  .our-quality-container .our-quality-box {
    display: flex;
    align-items: center;
    justify-content: start;
    flex-direction: column;
    text-align: center;
    width: fit-content;
    padding: 20px;
    border-radius: 17px;
    box-shadow: var(--box-shadow);
    background-color: var(--color-white);
  }

    .our-quality-container .our-quality-box .our-quality-img {
      width: 100%;
      height: 6rem;
      display: flex;
      align-items: center;
      justify-content: center;
    }

.our-quality-box .our-quality-box-img {
  width: 5rem;
  margin-bottom: 1rem;
}

.our-quality-container .our-quality-box .title {
  color: var(--color-primary);
}

.our-quality-container .our-quality-box .our-quality-description {
  color: var(--color-paragraph-text);
}
/* Our Quality End */
/*  Partnership Start */
.home-page-partnership,
.partnership-container .partnership-img-right {
  display: flex;
  align-items: center;
  justify-content: center;
}

.partnership-container {
  position: relative;
  margin: 7rem 0 1rem;
  box-shadow: var(--box-shadow);
  border-radius: 15px;
  padding: 8rem 0 1rem;
}

  .partnership-container .container .partnership-img-right {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,-50%);
  }

  .partnership-container .container .partnership-text {
    margin-top: 1rem;
    text-align: center;
    color: var(--color-paragraph-text);
    font-size: 20px;
  }

  .partnership-container .partnership-text p :first-child {
    color: var(--color-primary);
  }
/*  Partnership End */
/* Shoping Cart  Start */
.reset-button {
  height: 40px !important;
  margin-left: 10px;
  padding: 8px;
  font-weight: 400;
  font-size: 15px;
}

.go-to-shopping .go-to-shopping-button {
  font-size: 18px;
  padding: 8px 30px;
}

.go-to-shopping .go-to-shopping-button,
.reset-button {
  border: 2px solid var(--color-primary);
  border-radius: var(--border-radius-input);
  font-weight: 500;
  color: var(--color-primary);
}

  .go-to-shopping .go-to-shopping-button:hover, .reset-button:hover {
    background-color: var(--color-primary);
    color: var(--color-white);
    box-shadow: var(--box-shadow-input-hover);
  }
/* Shoping Cart End */
/* contact use strat */
.contact-us-image {
  margin-top: 2rem;
}
/* contact use end */
/* *** Footer Start *** */
.footer-logo {
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

  .footer-logo .footer-logo-img {
    width: 7rem;
    margin: 1rem 2rem;
  }

.footer-lower-background {
  background-color: var(--color-white);
}

.footer-upper-background {
  position: relative;
  background-color: var(--color-primary);
}

  .footer-upper-background .footer-upper-background-img-left,
  .footer-upper-background .footer-upper-background-img-right {
    position: absolute;
  }

.footer-lower.container {
  padding: 5px;
}

/* *** Footer End *** */
/* Page Not Found Start */
.not-found-page .page-body {
  padding: 0;
}
/* Page Not Found End */
.page.account-page.customer-info-page .page-title,
.page.account-page.downloadable-products-page .page-title,
.page.account-page.address-list-page .page-title,
.page.account-page.order-list-page .page-title,
.page.account-page .page-title {
  margin-top: 30px;
}
.page.account-page.customer-info-page,
.my-account-change-password-page {
  margin-top: 40px;
  margin-bottom: 40px;
}

  .page.account-page.customer-info-page .page-body,
  .page.account-page.downloadable-products-page .page-body,
  .page.account-page.address-list-page .page-body,
  .page.account-page.order-list-page .page-body,
  .page.account-page .page-body {
    padding-top: 0;
  }
/*********************************************************************/
/* *** Media Query by Reem *** */
/*********************************************************************/
@media (max-width:575px) {
  /* Notification Bar */
  .message-error {
    font-size: var(--font-size-tiny);
  }
  .product-reviews-page .page-body .write-review .message-error {
      width:80%;
  }
    #topnotificationlink .notification-qty {
    top: 4px;
  }
  /* Dialog Start */
  .ui-dialog.ui-widget.ui-widget-content {
    top: 40% !important;
    width: 330px !important;
  }
  /* Dialog End */

  /* side-2 */
  .block .title .title-icon {
    display: block;
  }

  .register-container,
  .customer-blocks .returning-wrapper.fieldset,
  .form-box,
  .write-review,
  .contact-details,
  .customer-info-page-container,
  .my-account-change-password-page,
  .new-billing-address .enter-address .edit-address,
  .address-edit-page-box {
    padding: 20px;
  }
  .page.account-page.customer-info-page,
  .my-account-change-password-page {
    margin-top: 40px;
    margin-bottom: 40px;
  }
    .page.account-page.customer-info-page .page-body,
    .page.account-page.downloadable-products-page .page-body,
    .page.account-page.address-list-page .page-body,
    .page.account-page.order-list-page .page-body,
    .page.account-page .page-body,
    .page.product-details-page .page-body,
    .page.product-reviews-page .page-body {
      padding-top: 0;
    }
    .page.account-page.customer-info-page .page-title,
    .page.account-page.downloadable-products-page .page-title,
    .page.account-page.address-list-page .page-title,
    .page.account-page.order-list-page .page-title,
    .page.account-page .page-title {
     margin-top: 30px;
    }
  .product-reviews-page .page-body .write-review {
    margin: 0 30px;
  }
    /* *** Header Start *** */
    .header-links span, .header-links a {
      font-size: var(--font-size-tiny);
    }

  .cart-content, .social-share {
    margin-left: 10px;
  }

  .User-module-content p {
    margin: 0;
  }

  .search-icon-header-link {
    display: block;
    padding-bottom: 3px !important;
  }

  .header.header-wrapper .container {
    padding: 0 4px;
  }

  .header-upper .language-selector {
    margin-left: 0;
    padding-top: 4px;
  }

  .header-links li {
    margin: 0 0;
  }
  /* *** Header End *** */


  /* *** Start Titles Style *** */
  .title h1,
  .page-title h1 {
    font-size: var(--font-size-medium);
  }

  h5.title {
    font-size: var(--font-size-small);
  }
  /* End Titles Style */
  /* *** Start Inputs Style *** */
  .inputs input[type="text"],
  .inputs input[type="email"],
  .inputs input[type="tel"],
  .inputs input[type="password"],
  .inputs select,
  .inputs textarea {
    /*max-width: 600px;*/
    width: 100%;
    font-size: 18px;
  }

  input[type="text"],
  input[type="email"],
  input[type="tel"],
  input[type="password"],
  select {
    height: 40px;
  }

  .returning-wrapper .login-button {
    margin-top: 15px;
  }

  .account-page div.fieldset .form-fields .inputs {
    width: 100%;
  }
  /* End Inputs Style */
  .newsletter-subscribe-button {
    right: 0;
    top: 12px;
  }

  /* *** Start Login Page *** */
  .registration-result-page .button-1,
  .login-page .button-1,
  .password-recovery-page .button-1,
  .email-revalidation-page .button-1,
  .account-activation-page .button-1,
  .account-page .button-1,
  .return-request-page .button-1 {
    min-width: 120px;
    padding: 4px !important;
  }

  .login-page .returning-wrapper .buttons button, .go-login .go-login-link {
    font-size: var(--font-size-smaller) !important;
  }

  .login-page .eye-icons-password {
    top: 2.5rem;
  }

  .eye-icons-password svg {
    width: 18px;
  }

  .fieldset .message-error.validation-summary-errors {
    top: 4%;
    left: 50%;
    font-size: 12px;
  }

  .login-page .container .login-img {
    display: none;
  }

  .login-page .customer-blocks {
    padding-left: 0;
  }


  .customer-blocks
  .returning-wrapper.fieldset,
  .password-recovery-box {
    width: 290px;
  }

  .form-fields .inputs {
    padding: 0 2px;
  }

  .registration-page .button-1,
  .registration-result-page .button-1,
  .login-page .button-1,
  .password-recovery-page .button-1,
  .email-revalidation-page .button-1,
  .account-activation-page .button-1,
  .account-page .button-1,
  .return-request-page .button-1 {
    font-size: var(--font-size-smaller);
  }

  .forgot-password-div {
    padding-left: 0;
  }

  .login-page .new-wrapper .text {
    width: 51%;
    font-weight: 500;
  }

  .login-page .new-wrapper .text {
    width: 100%;
  }

  .login-page .returning-wrapper .inputs.reversed *,
  .login-page .new-wrapper .text,
  .login-page .new-wrapper .buttons button,
  .topic-block-body {
    font-size: 12px;
  }

  .login-page .customer-blocks {
    margin: 0;
  }

  /* End Login Page */
  .side-2 {
    padding: 0 0 25px;
  }

  .master-column-wrapper .breadcrumb {
    border-bottom: none;
  }

  .block.block-account-navigation, .block.product-filters {
    padding: 10px 20px;
  }
  /* Start registration Page */
  .registration-page .page-body,
  .login-page .page-body {
      padding-top:3rem;
  }
    .register-container, .customer-blocks .returning-wrapper.fieldset {
    width: 100%;
  }

  .date-of-birth select {
    width: 31% !important;
  }

  .display-flex {
    flex-direction: column;
  }

  .register-box {
    width: 100%;
  }

  .registration-page .page-body {
    width: 100%;
    padding-left: 0rem;
  }

  .registration-page .container .register-container .registration-img,
  .register-container .register-box:last-child::before {
    display: none;
  }

  .Successfully-register-img {
    width: 100px;
    margin-bottom: 4rem;
  }

  .eye-icons-password {
    top: 2.5rem;
  }

  .register-box .eye-icons-password {
    top: 3rem;
  }

  .page.contact-page,
  .page.login-page,
  .page.registration-page,
  .page.wishlist-page {
    padding-bottom: 50px;
    padding-top: 30px;
  }

  .my-account-change-password-page .eye-icons-password {
    top: 3rem;
  }

  .register-container .title,
  .login-page .title {
    margin: 0 !important;
  }

  .apple-login-block .buttons .apple-login-button,
  .facebook-login-block .buttons .google-btn {
    width: 20px;
    height: 20px;
    padding: 0;
  }

  .apple-login-block .buttons,
  .facebook-login-block .buttons {
    padding: 8px !important;
  }

  .auth-container .apple-login-block,
  .auth-container .facebook-login-block {
    margin: 0px 5px;
  }

  /* End registration Page */
  /* *** Start Dialog Notifications *** */
  .bar-notification {
    padding: 15px !important;
  }

  .bar-notification-container {
    top: 111px;
    right: 15px;
    width: 90%;
  }

  /* End Dialog Notifications */
  /* *** Categories Home Page Start *** */
  .page {
    padding: 0;
  }

  .cat-slider .category-box .owl-nav {
    display: none !important;
  }

  .category-container .category-item .title {
    font-size: var(--font-size-small);
  }

  .cat-slider.home-page-category-grid {
    padding-bottom: 40px;
  }
  /* Categories Home Page End */
  /* *** Start Featured products [ owl carousel ] *** */
  .product-grid-home-page {
    display: none;
  }

  .owl-carousel2 .owl-nav button span,
  .owl-carousel3 .owl-nav button span,
  .owl-carousel4 .owl-nav button span {
    padding: 0 1px 7px;
  }

  .owl-carousel.owl-drag .owl-item .item {
    width: 86%;
  }

  .product-image-inner {
    /*height: 220px;*/
    width: 50%;
  }

  .product-wrapper h5 {
    margin: 0 0 10px 0;
    min-height: 10px;
  }

  .product-grid .original-price {
    min-height: 20px;
  }

  .price-all {
    margin-top: 0;
  }

  .value-wish-content {
    margin: 5px 0 0;
  }

  .item-box .product-rating-box {
    margin: 0 0 8px;
  }

  .owl-carousel2 .owl-nav button span,
  .owl-carousel3 .owl-nav button span,
  .owl-carousel4 .owl-nav button span {
    font-size: 36px;
  }

  .product-description-inner-container {
    padding: 0 0 0 15px;
    width: 100%;
  }
  /* Featured products List*/
  .product-list-home-page .product-list .owl-carousel .owl-nav {
    display: none !important;
  }

  .product-list-home-page .product-list .product-item {
    align-items: start;
    flex-direction: row;
    padding: 15px 10px;
    margin: 0 15px;
  }

  .product-list-home-page .product-list .item-box .picture + .details:before {
    display: none;
  }

  .product-list-home-page .product-list .item-box .picture {
    width: 285px;
    padding: 0;
    border-radius: 0;
  }

  .product-list-home-page .product-list .item-grid .item-box .picture a::before {
    padding-top: 100%;
  }

  .product-list-home-page .product-list .item-grid .item-box .product-item button {
    position: unset;
    margin: 5px 0 0;
    padding: 5px 10px;
  }

  button.small-btn.product-box-add-to-cart-button.add-cart {
    font-size: var(--font-size-small);
  }

  .product-list .item-box .description {
    font-size: var(--font-size-smaller);
  }

  .product-list-home-page .product-list .item-box .product-title {
    font-size: var(--font-size-medium);
    margin: 5px 0;
  }

  .product-list-home-page .product-list .item-box .description,
  .product-list-home-page .product-list .item-grid .item-box .product-item .original-price .prices {
    margin: 0 0 10px;
  }

  .product-list-home-page .product-list .item-grid .item-box .product-item .add-info {
    margin-top: 5px;
    border-top: 1px solid #e5e5e5;
  }

  .product-list-home-page .product-list .item-box .actual-price {
    padding: 0;
  }

  .product-list-home-page .value-wish-content {
    margin: 10px 0 0;
  }
  /* End Featured products */
  /* *** Start product details page *** */
  .gallery .picture .gallery-thumbit a.mySlides {
    max-width: 31rem !important;
    max-height: 31rem !important;
    margin-bottom: 1rem;
  }

  .gallery .picture-thumbs .thumb-item {
    width: 5rem;
    height: 5rem;
    border-radius: 5px;
  }

  .product-essential input[type="checkbox"]:checked:after {
    top: 7px;
  }
  /* End product details page */

  /* *** start product review list *** */
  .product-reviews-page .page-body .write-review .message-error {
    top: 45px;
  }

  .message-error {
    width: 80%;
  }


  .write-review {
    width: 100%;
  }

  .product-review-item {
    width: 89%;
  }
  /* end product review list */

  /* Password Recovery Start */
  .password-recovery-page .password-recovery-box .page-title h1 {
    font-size: var(--font-size-medium);
  }

  .password-recovery-img {
    width: 100px;
  }
  /* Password Recovery End */

  /* *** start order-summary-content *** */
  .cart-no-data-img {
    width: 300px;
  }

  .table-wrapper .cart .product .edit-item.shopping-cart-edit {
    left: 0;
  }

  #shopping-cart-form .cart-options.checkout-attributes dd,
  #shopping-cart-form .cart-options .checkout-attributes dl,
  #shopping-cart-form .cart-options .selected-checkout-attributes-container {
    margin: 0 !important;
    padding: 10px 5px;
  }

  #shopping-cart-form .cart-options .checkout-attributes .textbox {
    width: 96%;
    margin: 0 7px;
  }

  #checkout-confirm-order-load .order-summary-content .cart-footer .totals {
    margin: 0 10px;
  }

  .checkout-data .order-summary .order-summary-content .order-review-data .billing-info {
    width: 100%;
  }

  .shopping-cart-page .cart tbody tr td:last-child, .cart tbody tr td:last-child {
    border-bottom-left-radius: 10px;
  }

  .cart .product-picture img {
    max-width: 100%;
    max-height: 100%;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .cart a, .data-table a, .forum-table a {
    width: 100%;
    height: 100%;
  }

  .shopping-cart-page .table-wrapper tr td.product-picture a,
  .order-summary-content .table-wrapper .cart tbody tr td.product-picture a {
    max-width: 275px;
    max-height: 275px;
  }

  table {
    margin: 0 auto;
    width: calc(100% - 20px);
  }

  .td-title {
    margin-right: 10px !important;
  }

  .cart tr, .shopping-cart-page .table-wrapper tr td.product-picture,
  .order-summary-content .table-wrapper .cart tbody tr td.product-picture {
    border-radius: 15px;
  }

  .cart-footer .totals {
    width: 100%;
  }

  .payment-method .payment-details {
    display: flex;
    align-items: start;
    justify-content: center;
    flex-direction: column;
  }

  .payment-method-info {
    margin: 0 auto;
  }

  #checkout-confirm-order-load .checkout-data .order-summary .order-summary-content .cart-footer .totals .total-info {
    width: 100%;
  }

  .cart-options .common-buttons {
    padding: 10px 40px;
  }

  .cart-collaterals .coupon-code input[type="text"] {
    width: 53%;
  }

  .order-summary-content form .cart-footer {
    flex-direction: column;
  }

  .cart-collaterals .coupon-code {
    margin: 0;
  }
  /* end order-summary-content */
  .pager {
    width: 100%;
    bottom: -84px;
    right: 40px;
  }

  .products-container .pager {
    right: -5px;
    bottom: -48px;
  }
  /* *** strat order details Page *** */
  .downloadable-products-page .table-wrapper .data-table thead tr,
  .downloadable-products-page .table-wrapper .data-table tbody tr,
  .downloadable-products-page .table-wrapper .data-table tbody tr td,
  .order-details-page .table-wrapper .data-table thead tr,
  .order-details-page .table-wrapper .data-table tbody tr,
  .tier-prices .prices-table {
    padding: 2px;
    margin: 10px 0 !important;
  }

  .billing-info-wrap {
    width: 100%;
    flex-direction: column;
  }

  .order-details-page .page-body .order-details-area .billing-info-wrap .billing-info,
  .order-details-area .payment-method-info {
    width: 94%;
    margin-left: 10px !important;
  }


  .order-details-page .totals.section {
    padding: 0 !important;
  }

  .selected-checkout-attributes,
  .order-details-page .totals.section {
    width: 96%;
    margin: 0 5px !important;
  }

  .order-summary-content form .cart-footer {
    padding: 10px;
  }
  /* End order details Page */
  /* Our Quality Start */
  .our-quality-container {
    grid-template-columns: repeat(2,1fr);
    gap: 15px;
    padding: 0 10px;
  }

    .our-quality-container .our-quality-box .our-quality-img {
      width: 100%;
      height: 4.5rem;
    }

    .our-quality-container .our-quality-box {
      padding: 10px;
      width: 100%;
    }

  .our-quality-box .our-quality-box-img {
    margin-bottom: 5px;
    width: 4rem;
    height: 60px;
  }

  .our-quality-container .our-quality-box h5 {
    margin-bottom: 5px !important;
    padding: 5px;
  }

  .our-quality-container .our-quality-box .our-quality-description {
    font-size: var(--font-size-smaller);
    margin-bottom: 5px;
  }

  /* Our Quality End */
  /*  Partnership Start */
  .partnership-container {
    margin: 3rem 1.7rem;
    padding: 5rem 1rem 1rem;
  }

    .partnership-container .container .partnership-img-right {
      width: 9rem;
    }

    .partnership-container .container .partnership-text {
      font-size: var(--font-size-small);
    }
  /*  Partnership End */
  /* CATEGORIES START */
  .owl-carousel.owl-drag .owl-item .item.category-container {
    width: 92%;
  }
  /* CATEGORIES End */
  /* Search Page Start */
  .product-tag-page .page-body,
  .category-page .page-body {
    padding-top: 0;
  }

  .product-tag-page .page-title h1 {
    margin-top: 3rem;
  }

  .search-page .page-body {
    padding: 0 0 3rem;
  }

  .search-page .page-title h1 {
    margin-top: 30px;
  }

  .category-page .page-body .product-selectors {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .category-page .page-body {
    padding-top: 0;
  }

  .category-page .page-title {
    margin: 10px 0 !important;
  }

  .product-selectors {
    margin-top: 20px;
    padding-top: 0;
  }

  .search-input-box .basic-search {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  /*view grid*/
  .product-image-inner .product-image {
    height: auto;
    border-radius: 10px;
  }

  .product-wrapper.item-box {
    padding: 10px;
    display: flex;
    align-items: start;
    justify-content: center;
  }

  p.desc-pro {
    margin-bottom: 5px;
  }

  .price-container {
    padding: 0;
  }

  .product-wrapper.item-box button.small-btn.product-box-add-to-cart-button.add-cart {
    margin-top: 5px;
  }

  .product-grid {
    padding: 0 30px;
  }
  /* view list */
  .search-input-box .basic-search .buttons {
    justify-content: center;
  }

  .product-list .item-grid .item-box .product-item button {
    position: unset;
    margin-top: 8px;
    margin-bottom: 0;
  }

  .product-list .product-box-add-to-cart-button.add-cart {
    padding: 8px;
  }

  .product-list .item-grid .item-box .product-item .original-price .prices .price {
    padding: 0;
  }

  .product-list .item-grid .item-box .product-item .original-price .prices {
    margin-bottom: 0;
  }

  .product-list .item-grid .item-box .product-item .add-info {
    margin-top: 5px;
  }

  .product-list .item-box .description {
    margin-bottom: 5px;
  }

  .product-list .item-box .picture {
    padding: 0px;
    border-radius: 10px;
  }

  .item-box .details {
    padding: 0 0 0 15px;
  }
  /* Search Page End */
  /* *** Checkout page start *** */
  .checkout-page .checkout-data {
      padding-top:0;
  }
  .order-summary-content .message-error {
    top: 2.5%;
  }
  /* *** contact use strat *** */
  .contact-us-image,
  .not-found-img {
    width: 200px;
  }
  /* contact use end */
  /* *** Page Not Found Start *** */
  .topic-block {
    width: 90%;
  }
  /* Page Not Found End */
  /* *** Footer Start *** */
  .footer-block .title {
    font-size: var(--font-size-small);
    padding: 5px 15px;
    margin: 0 0 5px;
  }

  .footer-block .list {
    margin: 0 15px;
    padding: 10px;
    border-radius: 10px;
  }

  .newsletter {
    margin-top: 0;
  }

  .footer-block.follow-us {
    margin: 0;
  }

    .footer-block.follow-us .social .title {
      margin: 0;
      padding: 0;
    }

  .footer-logo .footer-logo-img {
    width: 5rem;
    margin: 0 1rem 2rem;
  }

  .footer-upper-background .footer-upper-background-img-right, .footer-upper-background .footer-upper-background-img-left {
    width: 20rem;
  }

  .footer-upper-background .footer-upper-background-img-left {
    top: 20rem;
    left: 0;
  }

  .footer-upper-background .footer-upper-background-img-right {
    top: 0rem;
    right: 0;
  }

  .footer-lower.container {
    padding: 30px 5px;
  }

  .footer-info .footer-disclaimer,
  .footer-disclaimer a,
  .footer-powered-by,
  .Differnz-footer {
    font-size: var(--font-size-small) !important;
  }

  .footer-powered-by {
    margin: 5px 0;
  }
  /* Footer End */
}

@media (min-width:576px) {
  .product-tag-page .page-body,
  .category-page .page-body {
    padding-top: 0;
  }

  /* Dialog Start */
  .ui-dialog.ui-widget.ui-widget-content {
    top: 30% !important;
    width: 700px !important;
  }
  /* Dialog End */
  /* side-2 */
  .block .title .title-icon {
    display: block;
  }

  .overview .product-name h1 {
    font-size: 32px;
  }
  /* *** Start Header Style *** */
  .search-icon-header-link {
    display: block;
  }

  .head-low-end {
    padding-top: 0;
  }

  .language-selector {
    padding-top: 9px;
  }

  .header-links li {
    margin: 0 10px;
  }

  .header.header-wrapper .container {
    padding: 5px 10px;
  }
  /* End Header Style */
  .newsletter-subscribe-button {
    right: 0;
    top: 12px;
  }

  .side-2 {
    padding: 0;
  }

  .product-list ~ .pager {
    right: 10px;
    bottom: -80px;
  }

  .product-grid ~ .pager {
    right: 10px;
    bottom: -50px;
  }

  .block.block-account-navigation, .block.product-filters {
    padding: 10px 20px;
  }
  /* Start Login Page */
  .fieldset .message-error.validation-summary-errors {
    top: 4%;
    left: 50%;
    font-size: 14px;
  }

  .registration-page .container .register-container .registration-img,
  .register-container .register-box:last-child::before {
    display: none;
  }

  .login-page .customer-blocks {
    padding-left: 0;
  }

  .login-page .container .customer-blocks .returning-wrapper .login-img {
    display: none;
  }
  /* End Login Page */
  /* Start registration Page */
  .date-of-birth select {
    width: 31% !important;
  }

  .display-flex {
    flex-direction: column;
  }

  .register-box,
  .register-container {
    width: 100%;
  }


  .registration-page .page-body {
    width: 100%;
    padding-left: 0rem;
  }

  .registration-page .container .register-container .registration-img {
    display: none;
  }
  /* End registration Page */
  /* Start Dialog Notifications */
  .bar-notification {
    padding: 20px !important;
  }

  .bar-notification-container {
    top: 110px;
    right: 70px;
    width: 80%;
  }

  .bar-notification .content {
    font-size: 18px;
    line-height: 25px;
  }
  /* End Dialog Notifications */
  /* *** Start Featured products [ owl carousel ] *** */
  .product-list-home-page {
    display: none;
  }

  .product-grid-home-page {
    display: block;
  }

  .owl-carousel.owl-drag .owl-item .item {
    width: 85%;
  }

  .product-image-inner {
    height: 230px;
  }

  .product-wrapper h5 {
    margin: 10px 0 5px 0;
  }

  .product-wrapper h5 {
    margin: 10px 0;
    min-height: 10px;
  }

  .product-grid .original-price {
    min-height: 36px;
  }

  .price-all {
    margin-top: 6px;
  }

  .value-wish-content {
    margin: 6px 0 8px;
  }

  .item-box .product-rating-box {
    margin: 0 0 6px;
  }

  .owl-carousel2 .owl-nav button span, .owl-carousel3 .owl-nav button span, .owl-carousel4 .owl-nav button span {
    font-size: 46px;
  }

  .owl-carousel2 .owl-nav button, .owl-carousel3 .owl-nav button, .owl-carousel4 .owl-nav button {
    height: 35px;
    width: 35px;
  }

  .product-description-inner-container {
    padding: 15px 20px 20px;
  }
  /* *** End Featured products *** */

  /* start product details page */
  .gallery .picture {
    align-items: center;
  }

    .gallery .picture .gallery-thumbit a.mySlides {
      max-width: 31rem !important;
      max-height: 31rem !important;
      margin-bottom: 2rem;
    }

  .gallery .picture-thumbs .thumb-item {
    width: 9rem;
    height: 9rem;
    border-radius: 8px;
  }
  /* end product details page */

  /* *** Start product reviews page *** */

  .product-reviews-page .page-body .write-review .message-error {
    top: 1.2%;
  }

  .account-page div.fieldset .form-fields .inputs {
    width: 100%;
  }
  /* *** End product reviews page *** */
  /* *** start product review list *** */

  .write-review {
    width: 100%;
  }


  /* end product review list */

  /* *** Start password recovery page *** */
  .password-recovery-page .password-recovery-box .page-title h1 {
    font-size: var(--font-size-medium);
  }
  /* end password recovery page */
  /* *** start order-summary-content *** */
  .table-wrapper .cart .product .edit-item.shopping-cart-edit {
    left: 0;
  }

  #shopping-cart-form .cart-options.checkout-attributes dd,
  #shopping-cart-form .cart-options .checkout-attributes dl,
  #shopping-cart-form .cart-options .selected-checkout-attributes-container {
    margin: 0 !important;
    padding: 10px 5px;
  }

  #shopping-cart-form .cart-options .checkout-attributes .textbox {
    width: 96%;
    margin: 0px 12px;
  }

  .order-summary-content .cart-footer .totals {
    margin-right: 0;
  }

  .checkout-data .order-summary .order-summary-content .order-review-data .billing-info {
    width: 100%;
  }

  #checkout-confirm-order-load .order-summary-content .cart-footer .totals {
    margin: 0 21px;
  }

  .cart tr, .cart tbody, .shopping-cart-page .table-wrapper tr td.product-picture,
  .order-summary-content .table-wrapper .cart tbody tr td.product-picture {
    border-radius: 15px;
  }

    .shopping-cart-page .cart tbody tr td:last-child, .cart tbody tr td:last-child, .remove-from-cart {
      border-top-right-radius: 35px;
      border-bottom-right-radius: 35px;
    }

  .downloadable-products-page .table-wrapper .data-table thead tr,
  .downloadable-products-page .table-wrapper .data-table tbody tr,
  .downloadable-products-page .table-wrapper .data-table tbody tr td,
  .order-details-page .table-wrapper .data-table thead tr,
  .order-details-page .table-wrapper .data-table tbody tr,
  .tier-prices .prices-table {
    margin: 10px 0 !important;
  }

  .order-summary-content form .cart-footer {
    flex-direction: column;
  }
  /* end order-summary-content */
  /* *** start footer *** */
  .newsletter-subscribe-button {
    float: right;
  }
  /* end footer */
  .pager {
    width: 100%;
    bottom: -82px;
    right: 48px;
  }
  /* *** strat order details Page *** */
  .billing-info-wrap {
    width: 100%;
    flex-direction: column;
  }

  .order-details-page .page-body .order-details-area .billing-info-wrap .billing-info,
  .order-details-area .payment-method-info {
    width: 97%;
    margin-left: 10px !important;
  }

  .selected-checkout-attributes, .order-details-page .totals.section {
    width: 100%;
  }

  .order-details-page .totals.section {
    margin: 15px 5px !important;
  }

  .selected-checkout-attributes {
    margin: 15px !important;
  }
  /* End order details Page */

  /* shopping cart page start */
  .td-title {
    margin-right: 10px !important;
  }

  .cart .product-picture img {
    max-width: 100%;
    max-height: 100%;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .cart a, .data-table a, .forum-table a {
    width: 100%;
    height: 100%;
  }


  .shopping-cart-page .table-wrapper tr td.product-picture a,
  .order-summary-content .table-wrapper .cart tbody tr td.product-picture a {
    max-width: 550px;
    max-height: 550px;
  }

  .shopping-cart-page .table-wrapper tr .product a,
  .order-summary-content .table-wrapper .cart tbody tr .product a {
    font-size: 22px !important;
  }

  .shopping-cart-page .table-wrapper tr .product .attributes,
  .order-summary-content .table-wrapper .cart tbody tr .product .attributes {
    font-size: 18px !important;
  }

  table {
    margin: 0 auto;
    width: calc(100% - 20px);
  }
  /* shopping cart page end */
  /* Our Quality Start */
  .our-quality-container {
    grid-template-columns: repeat(2,1fr);
    gap: 20px;
  }

    .our-quality-container .our-quality-box {
      margin: 0 0.5rem;
      padding: 10px;
      width: 95%;
    }

  .our-quality-box .our-quality-box-img {
    margin-bottom: 5px;
  }

  .our-quality-container .our-quality-box h5 {
    font-size: var(--font-size-medium);
    margin-bottom: 5px !important;
    padding: 5px;
  }

  .our-quality-container .our-quality-box .our-quality-description {
    font-size: var(--font-size-smaller);
    margin-bottom: 5px;
  }

  /* Our Quality End */
  /*  Partnership Start */
  .partnership-container {
    margin: 7rem 1rem 0;
    padding: 7rem 1rem 1rem;
  }

    .partnership-container .container .partnership-img-right {
      width: 12rem;
    }

    .partnership-container .container .partnership-text {
      font-size: var(--font-size-medium);
    }
  /*  Partnership End */
  /* Password Recovery Start */
  .password-recovery-img {
    width: 120px;
  }
  /* Password Recovery End */
  /* Footer Start */
  .footer-upper-background .footer-upper-background-img-right,
  .footer-upper-background .footer-upper-background-img-left {
    width: 30rem;
  }

  .footer-upper-background .footer-upper-background-img-right {
    top: 0;
    right: 0;
  }

  .footer-upper-background .footer-upper-background-img-left {
    top: 20rem;
    left: 0;
  }

  .footer-lower.container {
    padding: 30px 5px;
  }
  /* Footer End */
  /* CATEGORIES START */
  .owl-carousel.owl-drag .owl-item .item.category-container {
    width: 70%;
  }
  /* CATEGORIES End */
  /* Search Page Start */
  .product-tag-page .page-title h1 {
    margin-top: 3rem;
  }

  .search-page .page-body {
    padding: 0 2rem 3rem;
  }

  .search-page .page-title h1 {
    margin-top: 30px;
  }

  .side-2 {
    padding: 0 0 25px;
  }

  .search-input-box .basic-search {
    grid-template-columns: 1fr;
    gap: 10px;
  }

    .search-input-box .basic-search .buttons {
      justify-content: center;
    }
  /* Search Page End */
  .order-summary-content .message-error {
    top: 2%;
  }
  /* contact use strat */
  .contact-us-image,
  .not-found-img {
    width: 200px;
  }
  /* contact use end */
  /* Page Not Found Start */
  .topic-block {
    width: 65%;
  }
  /* Page Not Found End */
}

@media (min-width:768px) {
  .page {
    min-height: 534px;
  }

  /* *** Start header Style *** */
  .header.header-wrapper .container {
    padding: 5px 10px;
  }

  .header-upper .language-selector {
    padding-top: 5px;
  }
  /* End header Style */

  .login-page .returning-wrapper .form-fields {
    padding: 0 2px;
  }

  /* Start Dialog Notifications */
  .fieldset .message-error.validation-summary-errors {
    width: 90%;
    top: 6rem;
    left: 50%;
    font-size: 16px;
  }

  .bar-notification-container {
    width: 50%;
    top: 120px;
  }
  /* End Dialog Notifications */

  /* Start registration Page */
  .registration-page .page-body {
    width: 100%;
    padding-left: 0;
  }

  .register-box {
    width: 100%;
  }

  /* End registration Page */
  /* *** Start Featured products [ owl carousel ] *** */
  .owl-carousel.owl-drag .owl-item .item {
    width: 90%;
  }

  .product-image-inner {
    height: 270px;
  }

  .owl-carousel.owl-drag .owl-item {
    width: 366.6px;
    margin-right: 0;
  }

  .owl-carousel2 .owl-nav button, .owl-carousel3 .owl-nav button, .owl-carousel4 .owl-nav button {
    height: 40px;
    width: 40px;
  }

    .owl-carousel2 .owl-nav button span,
    .owl-carousel3 .owl-nav button span,
    .owl-carousel4 .owl-nav button span {
      font-size: 50px;
    }

  /* *** End Featured products *** */
  /* start product details page */
  .gallery .picture-thumbs .thumb-item {
  }
  /* end product details page */

  /* *** Start product reviews page *** */
  .account-page div.fieldset .form-fields .inputs {
    width: 100%;
  }

  /* *** End product reviews page *** */
  .newsletter-subscribe-button {
    right: 100px;
    top: 36px;
  }

  /* *** Start password recovery page *** */
  .password-recovery-page .password-recovery-box .page-title h1 {
    font-size: var(--font-size-larg);
  }
  /* end password recovery page */

  /* *** start order-summary-content *** */


  #shopping-cart-form .cart-options.checkout-attributes dd,
  #shopping-cart-form .cart-options .checkout-attributes dl,
  #shopping-cart-form .cart-options .selected-checkout-attributes-container {
    margin: 0 !important;
    padding: 10px 5px;
  }

  #shopping-cart-form .cart-options .checkout-attributes .textbox {
    width: 96%;
    margin: 15px;
  }

  .order-summary-content #shopping-cart-form .cart-footer .cart-footer .totals {
    width: 100%;
    margin: 0;
  }

  .order-summary-content #shopping-cart-form .cart-footer .cart-collaterals > div {
    width: 100%;
  }

  .order-summary-content .cart-footer .totals {
    margin-right: 0;
  }

  .order-summary-content .cart-options {
    padding-bottom: 0px;
  }

  .shopping-cart-page .order-summary-content .cart-footer .cart-collaterals > div {
    max-width: 518px;
    /* margin-left: -55px;*/
  }

  .shopping-cart-page .table-wrapper tr td.product-picture a,
  .order-summary-content .table-wrapper .cart tbody tr td.product-picture a {
    max-width: 400px;
    max-height: 400px;
  }
  /* shopping cart page end */
  /* Checkout Page Start */
  #checkout-confirm-order-load .checkout-data .order-summary .order-summary-content .cart-footer .totals .total-info {
    width: 240px;
  }
  /* Checkout Page End */


  /* Our Quality Start */
  .our-quality-container {
    grid-template-columns: repeat(2,1fr);
    gap: 20px;
  }
  /* Our Quality End */
  /* Password Recovery Start */
  .password-recovery-img {
    width: 150px;
  }
  /* Password Recovery End */
  /* CATEGORIES START */
  .owl-carousel.owl-drag .owl-item .item.category-container {
    width: 90%;
  }
  /* CATEGORIES End */
  .order-summary-content .message-error {
    top: 1.5%;
  }
  /* Footer Start */
  .footer-lower.container {
    padding: 10px;
  }
  /* Footer End */
}

@media (min-width:992px) {
  .page {
    min-height: 854px;
  }
  /* *** Start header Style *** */
  .head-low-end {
    padding-top: 14px;
  }

  .language-selector {
    padding-top: 0;
  }
  /* End header Style */

  /* Start Login Page */
  .login-page .container .customer-blocks .returning-wrapper .login-img {
    top: 4rem;
    left: -20rem;
  }

  .login-page .customer-blocks {
    padding-left: 18rem;
  }
  /* End Login Page */

  /* Start registration Page */
  .display-flex {
    flex-direction: row;
  }

  .registration-page .container .register-container .registration-img,
  .register-container .register-box:last-child::before {
    /*display: block;*/
  }

  .register-box {
    width: 43%;
  }

  /* End registration Page */

  /* *** Start Featured products [ owl carousel ] *** */
  .owl-carousel.owl-drag .owl-item .item {
    width: 92%;
  }

  .product-image-inner {
    height: 253px;
  }
  /* .related-products-grid .item-box .product-item .product-image-inner {
    height: 296px;
  }*/
  /* *** End Featured products *** */

  /* Start Dialog Notifications */
  .bar-notification-container {
    width: 45%;
  }
  /* End Dialog Notifications */

  /* *** Product Details Page  Start *** */
  .gallery .picture .gallery-thumbit a.mySlides {
    max-width: 25rem !important;
    max-height: 25rem !important;
  }

  .gallery .picture {
    align-items: center;
  }

  .gallery .picture-thumbs .thumb-item {
    width: 6rem;
    height: 6rem;
  }

  /* *** Product Details Page  End *** */

  /* *** Start product reviews page *** */
  .product-reviews-page .page-body .write-review .message-error {
    top: 1%;
  }

  .account-page div.fieldset .form-fields .inputs {
    width: 100%;
  }

  /* *** End product reviews page *** */

  .cart tbody {
    grid-template-columns: 1fr;
  }
  /* review page start */
  .register-container {
    width: 92%;
  }

  .customer-blocks .returning-wrapper.fieldset {
    width: 80%;
  }

  .password-recovery-box,
  .form-box,
  .write-review,
  .contact-details,
  .customer-info-page,
  .account-page.change-password-page,
  .address-edit-page {
    width: 40%;
  }

  /* review page end */
  /* Search Page Start */
  .block .title {
  }
  /* Search Page End */
}

@media (min-width:1001px) {
  .title h1 {
    font-size: var(--font-size-largger);
  }
  /* side-2 */
  .block .title .title-icon {
    display: none;
  }
  /* *** Start Header Style *** */
  .search-icon-header-link {
    display: none;
  }

  .header-upper .language-selector {
    margin-left: 10px;
    padding-top: 16px;
  }

  .header-links li {
    margin: 0 0;
  }
  /* End Header Style */
  /* Start Login Page */
  .login-page .container .customer-blocks .returning-wrapper .login-img {
    top: 4rem;
    left: -22rem;
    display: block;
  }

  .login-page .customer-blocks {
    padding-left: 20rem;
  }

  .registration-page .page-body {
    width: 100%;
    padding-left: 19rem;
  }
  /* End Login Page */

  /* Start registration Page */

  .registration-page .container .register-container .registration-img,
  .register-container .register-box:last-child::before {
    display: block;
  }

  .registration-page .page-body {
    width: 100%;
    padding-left: 19rem;
  }

  .register-container .register-box:last-child::before {
    left: -38px;
  }
  /* End registration Page */
  /* Start Dialog Notifications */
  .bar-notification {
    padding: 20px !important;
  }

  .bar-notification-container {
    width: 42%;
    right: 40px;
  }
  /* End Dialog Notifications */

  /* *** Product Details Page  Start *** */

  .gallery .picture .gallery-thumbit a.mySlides {
    max-width: 22em !important;
    max-height: 22rem !important;
  }

  .gallery .picture {
    align-items: start;
  }

  .gallery .picture-thumbs .thumb-item {
    width: 6.5rem;
    height: 6.5rem;
    border-radius: 6px;
  }

  /* *** Product Details Page End  *** */

  /* *** start product review list *** */
  .message-error {
    width: 52%;
  }

  .change-password-page .message-error {
    width: 30%;
    left: 62%;
  }

  .product-reviews-page .page-body .write-review .message-error {
    top: 50px;
  }
  /* end product review list */
  .page.customer-info-page,
  .page.account-page.change-password-page,
  .page.account-page.address-edit-page {
    width: 480px;
  }
  /* *** strat order details Page *** */
  .billing-info-wrap {
    flex-direction: row;
  }

  .order-details-page .page-body .order-details-area .billing-info-wrap .billing-info {
    width: 97%;
    margin: 0 10px !important;
  }

  .order-details-area .payment-method-info {
    /*margin: 10px 10px 40px !important;*/
  }

  .order-review-data > div, .order-details-area > div, .shipment-details-area > div {
    margin: 0 auto;
    padding: 20px 0px 20px 90px;
  }

  .order-details-page .totals.section {
    margin: 0 50px 20px !important;
    width: 600px;
  }

  .selected-checkout-attributes {
    margin: 30px 50px 10px !important;
    width: 600px;
  }

  .order-details-page .totals.section {
    padding: 0;
  }

  .downloadable-products-page .table-wrapper .data-table thead tr,
  .downloadable-products-page .table-wrapper .data-table tbody tr,
  .downloadable-products-page .table-wrapper .data-table tbody tr td,
  .order-details-page .table-wrapper .data-table thead tr,
  .order-details-page .table-wrapper .data-table tbody tr,
  .tier-prices .prices-table {
    margin: 0 !important;
  }
  /* End order details Page */

  /* start order-summary-content */
  .order-details-page .page-body .order-details-area .billing-info-wrap .billing-info {
    width: 600px;
  }


  .shopping-cart-page .order-summary-content .cart-footer .totals {
    width: 500px;
  }

  .checkout-data .order-summary .order-summary-content .order-review-data .billing-info {
    width: 60%;
  }

  .shopping-cart-page .table-wrapper tr .product .attributes,
  .order-summary-content .table-wrapper .cart tbody tr .product .attributes {
    font-size: 16px !important;
  }

  .shopping-cart-page .table-wrapper tr .product a, .order-summary-content .table-wrapper .cart tbody tr .product a {
    font-size: 18px !important;
  }

  table {
    width: 100%;
  }

  .shopping-cart-page .table-wrapper tr td.product-picture a,
  .order-summary-content .table-wrapper .cart tbody tr td.product-picture a {
    max-width: 100px;
    max-height: 100px;
  }

  .shopping-cart-page .table-wrapper tr td.product-picture,
  .order-summary-content .table-wrapper .cart tbody tr td.product-picture,
  .cart tr, .cart tbody {
    border-radius: 0;
  }

    .shopping-cart-page .cart tbody tr td:last-child, .cart tbody tr td:last-child, .remove-from-cart {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
    }
    /* end order-summary-content */
    /* shopping cart page start */
    .shopping-cart-page .cart tbody tr td:last-child, .cart tbody tr td:last-child {
      border-bottom-left-radius: 0;
    }

  /* Start Login Page */
  .registration-page .container .register-container .registration-img,
  .login-page .container .customer-blocks .returning-wrapper .login-img {
    width: 690px;
  }
    .login-page .container .customer-blocks .returning-wrapper .login-img {
    top: 12rem;
    left: -24rem;
  }

  /* End Login Page */
  /* Start registration Page */

  .register-container .register-box:last-child::before {
    left: -36px;
  }
  /* End registration Page */
  /* Start Dialog Notifications */
  .bar-notification-container {
    right: 100px;
  }
  /* End Dialog Notifications */

  /* start product details page */
  .gallery .picture {
    align-items: start;
  }

    .gallery .picture .gallery-thumbit a.mySlides {
      max-width: 30rem !important;
      max-height: 30rem !important;
    }
  /* end product details page */

  /* *** start order-summary-content *** */
  .table-wrapper .cart .product .edit-item.shopping-cart-edit {
    left: 200px;
  }

  .order-summary-content form .cart-footer {
    flex-direction: row;
  }
  /* end order-summary-content */
  .pager {
    width: 100%;
    bottom: -70px;
    right: 82px;
  }

  .products-container .pager {
    bottom: -52px;
    right: 0px;
  }

  .page.customer-info-page,
  .page.account-page.change-password-page,
  .page.account-page.address-edit-page {
    width: 580px;
  }
  /* *** strat order details Page *** */
  .order-details-page .page-body .order-details-area .billing-info-wrap .billing-info {
    width: 600px;
  }

  .order-details-area .payment-method-info {
    width: 40%;
  }

  .order-details-page .page-body .order-details-area .billing-info-wrap .billing-info {
    margin: 0 10px !important;
  }

  .order-details-area .payment-method-info {
    margin: 10px 10px 40px !important;
  }
  /* End order details Page */

  /* *** Product Details Page  Start *** */
  .gallery .picture-thumbs .thumb-item {
    width: 9rem;
    height: 9rem;
    border-radius: 10px;
  }

  /* *** Product Details Page End  *** */
  /* Our Quality Start */
  .our-quality-container {
    grid-template-columns: repeat(3,1fr);
  }

    .our-quality-container .our-quality-box {
      margin: 0 1rem;
    }

      .our-quality-container .our-quality-box .our-quality-description {
        font-size: var(--font-size-medium);
      }
  /* Our Quality End */
  /* Footer */
  .footer-upper-background .footer-upper-background-img-left,
  .footer-upper-background .footer-upper-background-img-right {
    width: 23rem;
    top: 0rem;
  }

  .footer-upper-background .footer-upper-background-img-left {
    left: 0
  }

  .footer-upper-background .footer-upper-background-img-right {
    right: 0
  }
  /* CATEGORIES START */
  .owl-carousel.owl-drag .owl-item .item.category-container {
    width: 90%;
  }
  /* CATEGORIES End */
  /* Search Page Start */
  .search-input-box .basic-search {
    grid-template-columns: 2fr 1fr 1fr;
    gap: 10px;
  }

    .search-input-box .basic-search .buttons {
      justify-content: start;
      align-items: center;
    }
  /* Search Page End */
  .order-summary-content .message-error {
    top: 8%;
  }
  /* contact use strat */
  .contact-us-image {
    width: 300px;
  }
  /* contact use end */
  /* Page Not Found Start */
  .not-found-img {
    width: 250px;
  }
  /* Page Not Found End */
  /* Page Not Found Start */
  .topic-block {
    width: 50%;
  }
  /* Page Not Found End */
}

@media (min-width:1280px) {
  .register-container .register-box:last-child::before {
    left: -60px;
  }

  .customer-blocks .returning-wrapper.fieldset {
    width: 60%;
  }
  /* Our Quality Start */
  .our-quality-container {
    grid-template-columns: repeat(4,1fr);
  }

    .our-quality-container .our-quality-box {
      margin: 0 1.2rem;
    }
  /* Our Quality End */
  /* Search Page Start */
  .search-input-box .basic-search {
    gap: 15px;
  }
  /* Search Page End */

}

@media (min-width:1440px) {
  /* Dialog Start */
  .ui-dialog.ui-widget.ui-widget-content {
    top: 90% !important;
    width: 1000px !important;
  }
  /* Dialog End */

  .customer-blocks .returning-wrapper.fieldset {
    width: 60%;
  }

}

@media (min-width:1900px) {
  .page {
    min-height: 658px;
  }
}

@media (min-width:2500px) {
  .page {
    min-height: 1178px;
  }
}