/*! HTML5 Boilerplate v6.0.1 | MIT License | https://html5boilerplate.com/ */
/* * What follows is the result of much research on cross-browser styling. * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, * Kroc Camen, and the H5BP dev community and team. */
/* ========================================================================== Base styles: opinionated defaults ========================================================================== */
/* Custom Animations ========================================================================== */
 @keyframes blink {
     0% {
        opacity: 1;
    }
     50% {
        opacity: 0;
    }
     100% {
        opacity: 1;
    }
}
 @-webkit-keyframes blink {
     0% {
        opacity: 1;
    }
     50% {
        opacity: 0;
    }
     100% {
        opacity: 1;
    }
}
 @-moz-keyframes blink {
     0% {
        opacity: 1;
    }
     50% {
        opacity: 0;
    }
     100% {
        opacity: 1;
    }
}
 @-ms-keyframes blink {
     0% {
        opacity: 1;
    }
     50% {
        opacity: 0;
    }
     100% {
        opacity: 1;
    }
}
 @-o-keyframes blink {
     0% {
        opacity: 1;
    }
     50% {
        opacity: 0;
    }
     100% {
        opacity: 1;
    }
}
/* ========================================================================== */
 @font-face {
     font-family: BestFont;
     font-style: normal;
     src: url('../fonts/BestFontFont.woff2') format('woff2'), url('../fonts/BestFontFont.woff') format('woff');
}
 html {
     font-size: 1em;
     line-height: 1.4;
}
/* * Remove text-shadow in selection highlight: * https://twitter.com/miketaylr/status/12228805301 * * Vendor-prefixed and regular ::selection selectors cannot be combined: * https://stackoverflow.com/a/16982510/7133471 * * Customize the background color to match your design. */
 ::-moz-selection {
     background: #b3d4fc;
     text-shadow: none;
}
 ::selection {
     background: #b3d4fc;
     text-shadow: none;
}
/* * A better looking default horizontal rule */
hr {
   display: block;
   height: 1px;
   border: 0;
   border-top: 1px solid #ccc;
   margin: 1em 0;
   padding: 0;
}
/* * Remove the gap between audio, canvas, iframes, * images, videos and the bottom of their containers: * https://github.com/h5bp/html5-boilerplate/issues/440 */
 audio, canvas, iframe, img, svg, video {
     vertical-align: middle;
}
/* * Remove default fieldset styles. */
 fieldset {
     border: 0;
     margin: 0;
     padding: 0;
}
/* * Allow only vertical resizing of textareas. */
 textarea {
     resize: vertical;
}
/* ========================================================================== Browser Upgrade Prompt ========================================================================== */
 .btn-primary:hover {
     color: #fff;
     background-color: #af0541;
     border-color: #af0541;
}
.badge.badge-success {
   background-color: #ba0545;
    font-weight: 400;
    font-size: 12px;
    padding: 1px 5px;
	animation: darkredactive 2s infinite;
    height: 14px;
    line-height: 14px;
}
.darkredactive{
animation: darkredactive 2s infinite;
}
/* ========================================================================== Browser Upgrade Prompt ========================================================================== */
 .browserupgrade {
     margin: 0.2em 0;
     background: #ccc;
     color: #000;
     padding: 0.2em 0;
}
/* ========================================================================== Author's custom styles ========================================================================== */
 p{
     transition: 0s ease;
}
 *:focus{
     outline: 0;
}
 body{
     direction: rtl;
     position: relative;
     overflow-x: hidden;
}
 body.no-scroll {
     overflow: hidden;
}
 a{
     text-decoration: none !important;
}
#noty_layout__topRight{
    z-index: 100000000;
}
 #particles {
     position: absolute;
     z-index: -1;
     top: 0;
     left: 0;
     min-width: 100%;
     height: 100%;
}
 .hamburger {
     padding: 15px 15px;
     display: inline-block;
     cursor: pointer;
     transition-property: opacity, filter;
     transition-duration: 0.15s;
     transition-timing-function: linear;
     font: inherit;
     color: inherit;
     text-transform: none;
     background-color: transparent;
     border: 0;
     margin: 0;
     overflow: visible;
}
 .hamburger:hover {
     opacity: 0.7;
}
 .hamburger-box {
        width: 25px;
    display: inline-block;
    margin-right: 5px;
}
 .hamburger-inner {
     display: flex;
     top: 48%;
     justify-content: center;
     align-items: center;
     margin: 0 auto;
}
 .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
     width: 20px;
     height: 2px;
     background-color: #606975;
     border-radius: 4px;
     position: absolute;
     transition-property: transform;
     transition-duration: 0.15s;
     transition-timing-function: ease;
}
 .hamburger-inner::before, .hamburger-inner::after {
     content: "";
     display: block;
}
 .hamburger-inner::before {
     top: -6px;
}
 .hamburger-inner::after {
     bottom: -6px;
}
 .hamburger--spin .hamburger-inner {
     transition-duration: 0.22s;
     transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 .hamburger--spin .hamburger-inner::before {
     transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
 .hamburger--spin .hamburger-inner::after {
     transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 .hamburger--spin.current .hamburger-inner {
     transform: rotate(225deg);
     transition-delay: 0.12s;
     transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
 .hamburger--spin.current .hamburger-inner::before {
     top: 0;
     opacity: 0;
     transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
 .hamburger--spin.current .hamburger-inner::after {
     bottom: 0;
     transform: rotate(-90deg);
     transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
 .home-page .tab-content>.tab-pane.active {
     opacity: 1;
     position: relative;
     transition: .5s ease;
     z-index: 9;
}
 .main-header {
     background-color: #fbfbfb;
	 -webkit-touch-callout: none;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
}
 .main-header .header-wrapper {
     position: relative;
     max-width: 1170px;
     margin: auto;
    /*display: flex;
     */
    /*justify-content: space-between;
     */
}
 .main-header .navbar a{
        background-color: #f9f9f9;
    color: #606975;
    display: inline-block;
    padding-top: 7px;
    padding-right: 8px;
    padding-left: 8px;
    padding-bottom: 4px;
    border-radius: 5px;
    border: 1px solid #ddd;
}
 .main-header .navbar .navbar-toggle{
     display: none;
        margin-top: 6px;
     margin-right: 6px;
	 margin-bottom: 6px;
}
 .main-header .navbar a i{
     display: block;
     text-align: center;
     margin-bottom: 5px;
}
 .main-header .navbar li{
     margin-left: 5px;
}
 .main-header .navbar{
     margin: 10px 0;
	     min-height: 44px;
}
 .main-header #logo {
     right: 50%;
    height: 100%;
    transform: translateX(50%);
    position: absolute;
	text-align: center;
	max-width: 310px;
	/* ramadan max-width: 220px; */
	
}
 .main-header #logo img {
         
    height: 100%;
   
}
 .main-header .navbar.pull-left{
     padding: 0 15px;
}
 .main-header .navbar.pull-left .dropdown-menu{
     position: absolute;
     background: white;
     left: 0;
     right: initial;
     width: 250px;
}
 .main-header .navbar.pull-left .dropdown-menu .user-header{
     padding: 10px;
     height: 80px;
     display: flex;
     flex-direction: center;
     align-items: center;
     background-color: #348c41;
     color: white;
}
 .main-header .navbar.pull-left .dropdown-menu .user-body, .main-header .navbar.pull-left .dropdown-menu .user-footer{
     padding: 10px;
}
 .main-header .navbarleft .dropdown-menu a i {
     display: inline-block;
     float: left;
}
 .main-header .navbarleft a {
     background-color: #f9f9f9;
     color: #606975;
     display: block;
         padding-top: 6px;
    padding-right: 8px;
    padding-left: 8px;
    padding-bottom: 4px;
     border-radius: 5px;
     border: 1px solid #ddd;
}
 .main-header .navbarleft {
     margin: 10px 0;
     margin-left: 15px;
}
 .main-header .navbarleft.pull-left .dropdown-menu {
     position: absolute;
     background: white;
     left: 0;
     right: initial;
     width: 250px;
     padding: 0px;
     border-radius: 5px;
     border: none;
     margin-top: 5px;
}
 .navbarleft .user-body {
     padding: 10px;
     padding-bottom: 0;
}
 .navbarleft {
     position: relative;
     px;
     */
}
 .navbarleft:before {
     display: table;
     content: " ";
}
 .navbarleft .user-footer {
     padding: 10px;
     padding-top: 0;
}
 .main-header .navbarleft.pull-left .menu a {
     display: block;
     margin: 3px 0;
}
 .main-header .navbarleft.pull-left .dropdown-menu .user-header {
     padding: 10px;
     height: 80px;
     display: flex;
     flex-direction: center;
     align-items: center;
     background-color: #348c41;
     color: white;
     border-radius: 5px 5px 0 0;
}
 .main-header .navbar.pull-left .menu a{
     display: block;
}
 .main-header .navbarleft a i {
    display: block;
     text-align:center;
     margin-bottom: 6px;
}
 .user-profile i {
     margin-left: 10px;
     font-size: 36px;
     justify-items: center;
     text-align: center;
     justify-content: center;
}
 footer .green-background .about-us p {
     text-align: justify;
     color: #ccc;
}
 footer .green-background .about-us {
     background: #606975;
     padding-top: 19px;
     padding-bottom: 10px;
	     margin-top: -10px;
	 -webkit-box-shadow: -5px 0px 7px -6px #333, 5px 0 7px -6px #333;
    box-shadow: -5px 0px 7px -6px #333, 5px 0 7px -6px #333;
}
 #typed-strings {
     display: none;
}


@media screen and (max-width: 1200px) {
     #shopping-process {
         display: none;
    }
}
 @media screen and (max-width: 865px) {
     .headerphone{
         display: none !important;
    }
}
 @media screen and (max-width: 767px) {
     .main-header .navbarleft a.user-profile {
         height: 32px;
    }
	
.main-header .navbarleft a {
   padding: 5px 5px;
}
     .table-responsive {
         box-shadow: inset 0px 0px 20px rgba(0,0,0,0.03);
    }
     .row-equal-height > [class*='col-'] {
         flex: 1 0 100%;
    }
     .user-profile i {
         font-size: 22px;
         margin-left: 6px;
    }
     .parallax main.container{
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    .parallax{min-height: 320px !important;} 
	.icon-scroll {
 
    margin-top: -165px !important;}
	.parallax .typed-cursor, .parallax .content {
    font-size: 19px !important;
}
     .pull-right.xhero{
        display:none;
    }
     .user-profile small {
        /* display: none;
         */
    }
     .user-profile br {
         display: none;
    }
     .homepage-frame {
         background: transparent !important
    }
     
 
 
/* ramadan */
svg#_32 {
    height: 60% !important;
    margin-right: -6px !important;
}

/* end ramadan */
     footer .green-background .about-us p{
         color: #f3f3f3;
    }
     .main-header .navbar .navbar-toggle {
         display: inline-block;
    }
     .parallax .pull-left{
         display: none;
    }
     .tooltip{
        display: none !important;
    }
     .fullwidth.charts {
         display: none;
    }
     .main-header .navbar-collapse {
         position: absolute;
         z-index: 10;
         top: 43px;
         width: 185px;
         background: white;
         -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
         box-shadow: 0 6px 12px rgba(0,0,0,.175);
         border-radius: 5px;
    }
     .main-header .navbar-collapse ul {
         padding: 10px;
    }
     .main-header .navbar-collapse a {
         margin-bottom: 2px;
         width: 100%;
    }
     .main-header .navbar-collapse a i {
         display: inline-block;
    }
     .main-header .navbarleft a i {
         display: inline-block;
         margin-bottom: 0;
         font-size: 20px;
    }
     .main-header .dropdown-toggle span {
    }
     .main-header .navbar {
         margin: 0;
    }
     .main-header .navbarleft {
         margin: 6px 0px 0px 6px;
    }
     .navbarleft {
         position: relative;
    }
     .main-header .navbar.pull-left .dropdown-toggle{
         margin: 10px;
    }
}
 @media screen and (max-width: 992px) {footer .green-background .about-us {
         background: transparent;
		 box-shadow: none;
    }
	footer .green-background .about-us:after, footer .green-background .about-us:before {
        display: none;
    
 }}
 .navigation .nav-left{
     float: left;
}
 .navigation .nav-right{
     float: right;
}
 .navigation ul{
     list-style: none;
     padding: 0;
     margin: 0;
}
 .navigation ul li{
     display: inline-block;
     padding: 10px;
     margin: 0 5px;
}
 footer {
     margin-top: 45px;
     background-color: white;
     font-weight: 400;
}
 footer .green-background {
     background-color: #125b26;
     color: white;
     background-image: url(../images/pattern_1.png);
	 background-attachment: fixed;
	 padding-top: 20px;
	 padding-bottom: 10px;
	 margin-top: -20px;
}
 footer #socials a{
     color: white;
}
 footer #socials #facebook {
     background-color: #3b5998;
}
footer #socials #eitaa {
    background-color: #ef7c00;
    font-size: 20px;
    padding: 14px;
    border-radius: 0;
    border: none;
    border-right: 1px solid #fff;
}
 footer #socials #telegram {
       background-color: #279fd3;
    font-size: 25px;
	    height: 52px;
    padding: 13px;
    border: none;
    border-radius: 0;
    border-right: 1px solid #fff;
}
 footer #socials #instagram {
  border: none;
    border-right: 1px solid #fff;
    font-size: 25px;
	height: 52px;
    padding: 13px;
    border-radius: 0;
    background: -webkit-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -webkit-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
    background: -moz-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -moz-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
    background: -ms-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -ms-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
    background: -o-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -o-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
    background: radial-gradient(circle farthest-corner at 32% 106%, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), linear-gradient(135deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
}
 footer #socials #google {
     background-color: #dd4b39;
}
footer #socials #twitter {
    background-color: #00aced;
    font-size: 25px;
    padding: 13px;
	height: 52px;
    border: none;
    border-radius: 0;
    border-right: 1px solid #fff;
}
 footer #contact-us {
     margin: 30px auto;
}
 footer #contact-us .col-md-4 {
     display: flex;
     justify-content: right;
     align-items: right;
}
footer #socials #gap {
        background-color: #a24cce;
    font-size: 20px;
    padding: 15px;
    border-radius: 0;
    border: none;
}
 footer #contact-us .col-md-4 i{
     margin-left: 10px;
     padding: 12px;
     text-align: center;
     width: 66px;
}
 footer #rights {
     color: #cbe7c3;
     background: #348c41;
}
 #rights .container-fluid {
     padding-top: 10px;
     padding-bottom: 10px;
}
 .home-page .hero{
     text-align: center;
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     margin-bottom: 25px;
}
 .home-page .hero img{
     max-width: 230px;
}
 .home-page #slider {
     direction: ltr;
     position: relative;
    /* max-height: 310px;
     */
}
 .home-page #slider .slider-content {
     display: flex;
     flex-direction: column;
     text-align: center;
     justify-content: center;
     align-items: center;
     direction: rtl;
     color: white;
     font-family: BestFont;
     font-size: 23px;
     height: 100%;
     max-width: 350px;
     margin: auto;
}
 .home-page #slider .slider-content img{
     max-width: 70px;
}
 .home-page #features > div {
     display: flex;
     align-items: center;
}
 .home-page #features img {
     max-width: 50px;
     margin-left: 10px;
}
 @media screen and (max-width: 550px) {
     .home-page #features > div {
         flex-direction: column;
         justify-content: center;
         text-align: center;
         margin-bottom: 13px;
    }
     .home-page #features img {
         margin-left: 0;
         margin-bottom: 10px;
    }
}
 .home-page .shop ul.tab-navs{
     padding: 0;
     list-style: none;
     text-align: center;
     font-size: 0;
     border-bottom: 3px solid #348c41;
	 border-top: 3px solid #348c41;
}
 .home-page .shop ul.tab-navs svg{
     fill: #606975;
     max-width: 20px;
     max-height: 20px;
}
 .home-page .shop ul.tab-navs li.active svg{
     fill: white;
}
 .home-page .shop ul.tab-navs li{
     display: inline-block;
     background-color: #f8f8f8;
     font-size: 14px;
     border: 1px solid #e7e7e7;
     border-top: 1px solid #e7e7e7;
     margin: 3px 3px;
	 height: 60px;
     border-radius: 7px;
     transition: 0.2s ease-out;
     -webkit-transition: 0.2s ease-out;
     -moz-transition: 0.2s ease-out;
     -o-transition: 0.2s ease-out;
}
 @media screen and (max-width: 600px){
     .home-page .shop ul.tab-navs li:not(.active){
    /*     min-width: 60px; */
    }
     .home-page .shop ul.tab-navs li:not(.active) span{
       /*  width: 0;
         height: 0;
         overflow: hidden;
         display: inline-block; */
    }
}
 .home-page .shop ul.tab-navs li a{
     padding: 5px 8px;
     display: block;
     color: #606975;
}
 .home-page .shop ul.tab-navs li.active{
     background-color: #348c41;
     border-color: #348c41;
     animation: active 1.5s infinite;
}
.home-page .shop ul.tab-navs li.active_city{
     background-color: #af0541;
     border-color: #af0541;
     animation: active 1.5s infinite;
}
 .active:hover {
     animation: none;
}
@-webkit-keyframes active {
     0% {
         -webkit-box-shadow: 0 0 0 0 rgba(0, 134, 101, 0.36);
    }
     70% {
         -webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
    }
     100% {
         -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
    }
}
 @keyframes active {
     0% {
         -moz-box-shadow: 0 0 0 0 rgba(0, 134, 101, 0.36);
         box-shadow: 0 0 0 0 rgba(0, 134, 101, 0.36);
    }
     70% {
         -moz-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
         box-shadow: 0 0 0 10px rgba(204,169,44, 0);
    }
     100% {
         -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
         box-shadow: 0 0 0 0 rgba(204,169,44, 0);
    }
}

@-webkit-keyframes redactive {
     0% {
         -webkit-box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.36);
    }
     70% {
         -webkit-box-shadow: 0 0 0 10px rgba(255, 0, 0, 0);
    }
     100% {
         -webkit-box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
    }
}
 @keyframes redactive {
     0% {
         -moz-box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.36);
         box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.36);
    }
     70% {
         -moz-box-shadow: 0 0 0 10px rgba(255, 0, 0, 0);
         box-shadow: 0 0 0 10px rgba(255, 0, 0, 0);
    }
     100% {
         -moz-box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
         box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
    }
}
@-webkit-keyframes darkredactive {
     0% {
         -webkit-box-shadow: 0 0 0 0 rgb(187, 6, 70, 0.36);
    }
     70% {
         -webkit-box-shadow: 0 0 0 10px rgba(255, 0, 0, 0);
    }
     100% {
         -webkit-box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
    }
}
 @keyframes darkredactive {
     0% {
         -moz-box-shadow: 0 0 0 0 rgb(186, 5, 6, 0.369);
         box-shadow: 0 0 0 0 rgb(186, 5, 70, 0.36);
    }
     70% {
         -moz-box-shadow: 0 0 0 10px rgba(255, 0, 0, 0);
         box-shadow: 0 0 0 10px rgba(255, 0, 0, 0);
    }
     100% {
         -moz-box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
         box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
    }
}
 .home-page .shop ul.tab-navs li.active a{
     color: white;
}
.home-page .shop ul.tab-navs li.active_city a{
     color: white;
}
 .home-page .tab-content {
     position: relative;
     overflow: hidden;
     padding-bottom:20px;
}
 .home-page .tab-content>.tab-pane {
     opacity: 0;
     top: 0;
     position: absolute;
     transition: .5s ease;
     display: block ;
}
 .card {
     border-radius: 0px 7px 7px 7px;
     margin-top: 10px;
     margin-bottom: 10px;
     position: relative;
    /* padding: 0 10px 10px;
     */
     overflow: visible;
     max-height: 105px;
     max-width: 360px;
     margin-right: auto;
     margin-left: auto;
     cursor: pointer;
     border: 1px solid #e7e7e7;
     background-image: linear-gradient(to bottom right,#fefefe,#f8f8f8);
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     transition: 2.3s ease-in-out;
     -webkit-transition: 2.3s ease-in-out;
     -moz-transition: 2.3s ease-in-out;
     -o-transition: 2.3s ease-in-out;
}
 .card .row {
    padding: 13px 5px 5px 5px;
    min-height: 98px;
    margin-right: 0;
    margin-left: 0;
}
/*.card .avatar {
     position: relative;
     top: -50px;
     margin-bottom: -60px;
     margin-right: auto;
     margin-left: auto;
     width: 100px;
}
 */
 .card .avatar {
     padding-right: 0px;
     padding-left: 0px;
	 width: 27% !important;
}
 .card .avatar img {
     height: 90px;
     width: initial;
     margin-top: -8px;
	 border-radius: 6px;
}
 .card .info {
     padding-right: 7px;
     padding-left: 0px;
	 width: 73% !important;
}
 .card .info .title {
     margin-bottom: 5px;
     font-size: 16px;
     padding-bottom: 6px;
     line-height: 1;
     border-bottom: 1px solid #ccc;
     color: #606975;
     text-align: right;
     vertical-align: middle;
}
 .card .info .desc {
     overflow: hidden;
     font-size: 0.9em;
     line-height: 25px;
     margin-right: 0px;
     min-height: 25px;
     color: #737373;
     text-overflow: ellipsis;
     text-align: right;
}
/* ADDED BY MOJA */
 textarea.form-control {
     font-weight: 400;
     min-height: 75px;
     max-height: 150px;
}
 textarea.form-control.exp {
     min-height: 115px;
     max-height: 200px;
}
 .media-body {
     border-right: 1px solid #ddd;
     padding-right: 10px;
     font-weight: 400;
     padding-left: 5px;
}
 span.item-unit-price {
     background: #348c41;
     color: white;
     padding: 2px 5px;
     text-align: center;
     margin-left: 4px;
     border-radius: 5px;
     font-size: 14px;
}
 span.item-unit-price.price:after {
    /* width: 0;
     height: 0;
     border-left: 25px solid transparent;
     border-right: 25px solid transparent;
     border-top: 7px solid #348c41;
     position: absolute;
     bottom: -7px;
     content: "";
     left: 0px;
     */
}
 .card:active {
    /* background: #dbf1eb;
     */
     border: 1px solid #348c41;
     box-shadow: 0 1px 8px rgba(31,45,61,.16);
     transition: 0s ease-out;
     -webkit-transition: 0s ease-out;
     -moz-transition: 0s ease-out;
     -o-transition: 0s ease-out;
}
 tr {
     font-weight: normal;
}
 .drop-from-cart i {
     cursor: pointer;
}
 .card .info .desc:before {
     content: "";
     font-size: 13px;
     font-weight: 900;
     display: inline-block;
}
 .colornav {
     height: 1px;
     margin: 0;
     background: linear-gradient(141deg, #b11116 0%, #72bf44 50%, #348c41 100%);
     box-sizing: content-box;
     overflow: visible;
     display: block;
     margin-bottom: 20px;
}
 .colornav2 {
     height: 1px;
     margin: 0;
     background: linear-gradient(141deg, #b11116 0%, #72bf44 50%, #348c41 100%);
     box-sizing: content-box;
     overflow: visible;
     display: block;
     margin-bottom: 20px;
}
 .alert-info.juice {
     margin: 5px 15px;
     text-align: justify;
}
 .ui.corner.label {
     background-color: transparent!important;
}
 .ui.corner.label {
     position: absolute;
     top: -10px;
     left: -11px;
     margin: 0;
     padding: 0;
     text-align: center;
     border-color: #e7e7e7;
     width: 4em;
     height: 4em;
     z-index: 1;
     -webkit-transition: border-color .1s ease;
     transition: border-color .1s ease;
}
 a.ui.label {
     cursor: pointer;
}
 .ui.left.corner.label:after {
     border-top: 4em solid transparent;
     border-right: 4em solid transparent;
     border-bottom: 0 solid transparent;
     border-left: 0 solid transparent;
     border-top-color: inherit;
}
 .ui.corner.label:after {
     position: absolute;
     content: "";
     right: 0;
     top: 0;
     z-index: -1;
     width: 0;
     height: 0;
     background-color: transparent!important;
     -webkit-transition: border-color .1s ease;
     transition: border-color .1s ease;
}
 .ui.corner.label .corner {
     top: 6px;
     margin: 0;
     position: relative;
     font-size: 13px;
     left: -8px;
}
 .ui.corner.selectedlabel {
     background-color: transparent!important;
}
 .ui.corner.selectedlabelexpress {
     background-color: transparent!important;
}
 .ui.corner.selectedlabel {
     position: absolute;
     top: -1px;
     left: -1px;
     margin: 0;
     padding: 0;
     text-align: center;
     border-color: #e7e7e7;
     width: 4em;
     height: 4em;
     z-index: 1;
     -webkit-transition: border-color .1s ease;
     transition: border-color .1s ease;
}
 .ui.corner.selectedlabelexpress {
     position: absolute;
     top: 0px;
     left: 0px;
     margin: 0;
     padding: 0;
     text-align: center;
     border-color: #e7e7e7;
     width: 3em;
     height: 3em;
     z-index: 1;
     -webkit-transition: border-color .1s ease;
     transition: border-color .1s ease;
}
 .ui.left.corner.selectedlabel:after {
     border-top: 4em solid transparent;
     border-right: 4em solid transparent;
     border-bottom: 0 solid transparent;
     border-left: 0 solid transparent;
     border-top-color: inherit;
}
 .ui.left.corner.selectedlabelexpress:after {
     border-top: 3em solid transparent;
     border-right: 3em solid transparent;
     border-bottom: 0 solid transparent;
     border-left: 0 solid transparent;
     border-top-color: inherit;
}
 .ui.corner.selectedlabel:after {
     position: absolute;
     content: "";
     right: 0;
     top: 0;
     z-index: -1;
     width: 0;
     height: 0;
     background-color: transparent!important;
     border-top: 0 solid transparent;
     border-right: 4em solid transparent;
     border-bottom: 4em solid transparent;
     border-left: 0 solid transparent;
     border-right-color: inherit;
     -webkit-transition: border-color .1s ease;
     transition: border-color .1s ease;
}
 .ui.corner.selectedlabelexpress:after {
     position: absolute;
     content: "";
     right: 0;
     top: 0;
     z-index: -1;
     width: 0;
     height: 0;
     background-color: transparent!important;
     border-top: 0 solid transparent;
     border-right: 3em solid transparent;
     border-bottom: 3em solid transparent;
     border-left: 0 solid transparent;
     border-right-color: inherit;
     -webkit-transition: border-color .1s ease;
     transition: border-color .1s ease;
}
 .ui.corner.selectedlabel .corner {
     top: 9px;
     margin: 0;
     position: relative;
     font-size: 17px;
     left: -10px;
}
 .ui.corner.selectedlabelexpress .corner {
     top: 6px;
     margin: 0;
     position: relative;
     font-size: 15px;
     left: -8px;
}
 #user-delivery .radio.express-delivery label .ui.corner.selectedlabelexpress {
     display: none;
}
 #user-delivery .radio.express-delivery input:checked + label .ui.corner.selectedlabelexpress {
     border-color: #348c41;
     display: initial;
     color: white;
}
 #user-address label input[type=radio]:checked + .media .ui.left.corner.selectedlabel {
     border-color: #348c41;
     color: #dbf1eb;
     display: initial;
     color: white;
}

#addresses .media:before {
    right: 15px;
    width: 19px;
    top: 22px;
    position: absolute;
    content: '';
    border-radius: 50%;
    transition: all .2s ease;
    transition-property: transform, border-color;
    height: 19px;
    border: 2px solid rgb(87, 175, 154);
}

#addresses .media:after {
    top: 27px;
    right: 20px;
    width: 9px;
    height: 9px;
    position: absolute;
    content: '';
    border-radius: 50%;
    transition: all .2s ease;
    transition-property: transform, border-color;
    transform: scale(0);
    background: #008665;
}
#addresses .media-left img {
    border-radius: 0 70% 100% 0;
					   
}
#user-address label input[type=radio]:checked + .media:after {
    transform: scale(1);
				 
						
			   
								   
				   
				
					
					   
						 
}

#user-address label input[type=radio]:checked + .media:before {
    border-color: #008665;
					  
			   
}

#addresses {
    position: relative;
}

#user-address label input[type=radio]:checked + .media .ui.left.corner.selectedlabel {
    border-color: #008665;
    color: #dbf1eb;
    display: initial;
    color: white;
}
 #user-delivery .radio.express-delivery input:checked + label .ui.corner.selectedlabel {
     border-color: #348c41;
     color: #fff;
}
 .fa-info-circle.juice {
     padding-left: 5px;
     font-size: 16px;
     vertical-align: middle;
}
 .shoppingcart-title {
     font-size: 16px;
     line-height: 30px;
}
 ht {
     display: block;
     height: 1px;
     position: relative;
     border: 0;
     border-top: 2px solid #348c41;
     margin: 1em 0;
     padding: 0;
     z-index: -9999;
     margin-top: -35px;
     margin-bottom: 62px;
}
 input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     margin: 0;
}
 input[type=number] {
     -moz-appearance:textfield;
}
 .fas.fa-sign-in-alt.fa-flip-horizontal {
     vertical-align: middle;
}
 .col-md-6.text-left.copyright {
     direction: ltr;
     font-family: tahoma;
}
 #user-checkout #payment-type .radio img {
     width: 10%;
}
 .panel-body.static p {
     text-align: justify;
}
 .ui.horizontal.divider {
     display: table;
     white-space: nowrap;
     height: auto;
     line-height: 1;
     text-align: center;
}
 .ui.divider {
     margin: 1rem 0;
     -webkit-user-select: none;
     font-size: 16px;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     -webkit-tap-highlight-color: transparent;
}
 .ui.horizontal.divider:after, .ui.horizontal.divider:before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC);
}
 .ui.horizontal.divider:before {
     background-position: right 1em top 50%;
}
 .ui.horizontal.divider:after, .ui.horizontal.divider:before {
     content: '';
     display: table-cell;
     position: relative;
     top: 50%;
     width: 50%;
     background-repeat: no-repeat;
}
 .ui.horizontal.divider:before {
     background-position: left 1em top 50%;
}
 .ui.horizontal.divider:after {
     background-position: right 1em top 50%;
}
 .card .item-unit {
     background: #e7e7e7;
     padding: 2px 5px;
     text-align: center;
     border-radius: 5px;
     margin-left: 4px;
}
 .item-unit-desc {
}
 .card .remove-from-cart:hover {
     background: #d7004c;
}
 .ui.corner.label:hover {
     border-color: #dddddd;
}
 .slider-content {
     text-align: center;
     justify-content: center;
     align-items: center;
     direction: rtl;
     color: white;
     font-family: BestFont;
     font-size: 23px;
}
 #features {
     background-image: linear-gradient(to bottom,#fefefe,#f8f8f8);
     border: 1px solid #e7e7e7;
     padding: 10px;
     border-radius: 7px;
     margin: 0 0 0 0;
}
 .navbar-default {
}
 .col-md-10.col-md-push-1.cart-popup {
     padding-left: 5px;
     padding-right: 5px;
}
 .pull-right.recycled_package {
     width: 60%;
     font-weight: 400;
}
 label .media.address:hover {
     border-color: #adadad;
}
 #user-delivery .delivery-day .delivery-times .radio label:hover {
     padding-right: 50px;
     transition: 0.2s ease-out;
     -webkit-transition: 0.2s ease-out;
     -moz-transition: 0.2s ease-out;
     -o-transition: 0.2s ease-out;
}
 #user-delivery .delivery-day .delivery-times input[type=radio]:checked + label {
     background: #dbf1eb;
    /* box-shadow: 0 1px 8px rgba(31,45,61,.16);
     */
     transition: 0.2s ease-out;
     -webkit-transition: 0.2s ease-out;
     -moz-transition: 0.2s ease-out;
     -o-transition: 0.2s ease-out;
}
 #user-delivery .delivery-day .delivery-times input[type=radio][disabled] + label {
     cursor: not-allowed;
     background: #f5f5f5;
}
 #user-delivery .delivery-day .delivery-times input[type=radio][disabled] + label:before {
     content: 'تکمیل';
     position: absolute;
     left: 14%;
	 right: auto;
     color: #606975;
     opacity: 0.8;
}
/* #user-delivery .delivery-day .delivery-times input[type=radio]:checked + label:before {
     content: '\f058';
     font-family: Font Awesome\ 5 Free;
     position: absolute;
     left: 9%;
     top: 8%;
     font-size: 25px;
     font-weight: bold;
     color: #348c41;
     opacity: 0.8;
} */
.md-radio input[type=radio][disabled] + label:before{border: none;}
.md-radio input[type="radio"] {
  opacity: 0;
}

.md-radio input[type="radio"]:checked + label:before {
  border-color: #348c41;
  /* animation: ripple 0.2s linear forwards; */
}
.md-radio input[type="radio"]:checked + label:after {
  transform: scale(1);
}

.md-radio label:before, .md-radio label:after {
  position: absolute;
  content: '';
  border-radius: 50%;
  transition: all .2s ease;
  transition-property: transform, border-color;
}
.md-radio label:before {
  right: 15px;
  width: 19px;
  height: 19px;
  border: 2px solid rgb(87, 175, 154);
}
.md-radio label:after {
  top: 15px;
  right: 20px;
  width: 9px;
  height: 9px;
  transform: scale(0);
  background: #348c41;
}

.pay-radio input[type="radio"]:checked + label:before {
    border-color: #008665;
}

.pay-radio input[type="radio"]:checked + label:after {
    transform: scale(1);
}

.pay-radio label:before, .pay-radio label:after {
    position: absolute;
    content: '';
    border-radius: 50%;
    transition: all .2s ease;
    transition-property: transform, border-color;
}

.pay-radio label:before {
    right: 15px;
    width: 19px;
    top: 12px;
    height: 19px;
    border: 2px solid rgb(87, 175, 154);
}

.pay-radio label:after {
    top: 17px;
    right: 20px;
    width: 9px;
    height: 9px;
    transform: scale(0);
    background: #008665;
}
 #user-delivery .radio.express-delivery label{
     border: 1px solid #ddd;
     border-radius: 0px 7px 7px 7px;
     
     padding: 9px 45px;
     display: flex;
     align-items: center;
     margin-bottom: 10px;
	 position: relative;
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
	  transition: 0.2s ease-out;
    -webkit-transition: 0.2s ease-out;
    -moz-transition: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
}
#user-delivery .radio.express-delivery label:hover {
    padding-right: 50px;
    transition: 0.2s ease-out;
    -webkit-transition: 0.2s ease-out;
    -moz-transition: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
}
 #user-delivery .radio.express-delivery {
     margin-top: 20px;
}
 #user-delivery .radio.express-delivery input {
     display: none;
}
 #user-delivery .radio.express-delivery input:checked + label {
     background: #dbf1eb;
     border-color: #348c41;
	 
     box-shadow: 0 1px 8px rgba(31,45,61,.16);
     transition: 0.2s ease-out;
     -webkit-transition: 0.2s ease-out;
     -moz-transition: 0.2s ease-out;
     -o-transition: 0.2s ease-out;
}
 .breadcrumb.main {
     padding: 6px 15px;
     margin-bottom: 20px;
     list-style: none;
     background-color: #f5f5f569;
     font-size: 13px;
     border-radius: 4px;
     border: 1px solid #ddd;
}
 #user-delivery .radio.express-delivery input[type=radio][disabled] + label {
     cursor: not-allowed;
	 background: #f8f8f8;
}
 #user-delivery .radio.express-delivery input[type=radio][disabled] + label:before {
     content: '\f057';
    font-family: Font Awesome\ 5 Free;
    position: absolute;
    left: 12%;
    right: auto;
    font-size: 25px;
    top: 2px;
    font-weight: bold;
    color: #606975;
    opacity: 0.6;
}
 .panel-heading {
     padding: 5px 15px;
}
 .panel-title {
     padding: 5px 0px;
     position: relative;
     display: inline-block;
}
 h4.panel-title {
     padding: 5px 0px;
     position: relative;
     display: block;
}
 .currency {
	 font-size: .8em;
    /* left: 15px;
     position: absolute;
     */
}
 #user-delivery .delivery-day .delivery-times .radio input[type=radio] {
     opacity: 0;
     margin-right: 15px;
}
 .modal-header .close {
     font-size: 25px;
     margin-top: 10px;
     position: absolute;
     left: 15px;
     top: 3px;
}
 .modal-footer {
     position: relative;
     background: #fff;
}
 .modal-header {
     padding-top: 15px;
     position: relative;
     padding-right: 15px;
     padding-left: 15px;
     padding-bottom: 0;
     border: none;
     z-index: 9;
}
 #details-modal .modal-body {
     text-align: justify;
     background: #fff;
}
 #details-modal .price-chart {
     min-height: 50px;
     min-width: 50px;
     position: relative;
}
 .modal-content {
     overflow: hidden;
}
 h4.modal-title {
     background: #f5f5f5;
     padding: 20px 15px;
     margin: 0px -15px;
}
 #details-modal .modal-headerbg {
}
 .sidebar-popup {
     background: #f9f9f9;
     margin: -15px 0;
     padding: 15px 15px;
}
 @media (max-width: 992px){
     .clock {
         display: none;
    }
     .sidebar-popup {
         background: #ffffff;
    }
}
 label {
     font-weight: 400;
}
 h3.panel-title:after {
     content: "";
     position: absolute;
     top: 32px;
     background: #ba0545;
     left: 0;
     width: 100%;
     height: 1px;
}
 .alert.alert-success.bill {
     background: #3CB778;
     border-color: #3CB778;
     text-align: center;
     color: #fff;
}
 .alert.alert-danger2.bill {
     background: #a94442;
     border-color: #a94442;
     text-align: center;
     color: #fff;
}
 #onesignal-popover-container.slide-down #onesignal-popover-dialog {
     font-family: BestFont;
     direction: rtl;
     font-size: 13px;
}
 #onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-md .onesignal-bell-launcher-message .onesignal-bell-launcher-message-body {
     font-size: 13px !important;
     font-family: BestFont !important;
     direction: rtl;
}
 .telegram-join {
     background: #3dc2ea;
     padding: 15px;
     border-radius: 4px;
     color: #fff;
}
 .telegram-join:active {
     -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
     box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}
 #details-modal .modal-body table th, #details-modal .modal-body table td {
     font-size: 13px;
     border: none;
}
 ul#socials {
     display: flex;
	     height: 52px;
}
 ul#socials li {
     flex: 1;
}
 .parallax .pull-left{
    position: relative;
}
 .parallax .pull-left, .parallax .pull-right {
     font-size: 12px;
     padding-bottom: 3px;
}
 .table.contact th, .table.contact td {
     border: none;
     font-weight: 400;
}
.panel-body {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
 .h-one {
     background: #fbfbfb;
     left: 50%;
     position: absolute;
     margin-left: -75px;
     z-index: 9;
	     -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
 .h-one:before {
     content: "";
     position: absolute;
     right: -21.9px;
     border-top: 0em solid transparent;
     border-right: 0em solid #ec2b2b00;
     border-bottom: 29px solid transparent;
     border-left: 22px solid #fbfbfb;
     top: -2px;
     background-color: transparent!important;
     width: 0;
     height: 0;
}
 .h-one:after {
     content: "";
     position: absolute;
     left: -21.8px;
     border-top: 0px solid transparent;
     border-right: 22px solid #fbfbfb;
     border-bottom: 29px solid transparent;
     border-left: 0px solid transparent;
     top: -2px;
     background-color: transparent!important;
     width: 0;
     height: 0;
}
 .main-header .navbarleft a.headerphone {
     background-color: #f9f9f9;
     color: #606975;
    
     display: flex;
     float: right;
     margin-left: 5px;
     position: relative;
     border-radius: 5px;
     border: 1px solid #ddd;
}
 .headerphone i {
     margin-left: 10px;
     font-size: 34px;
     justify-items: center;
     text-align: center;
     justify-content: center;
}
 .headerphone:hover {
     background-color: #eee;
}
 #shopping-process {
    /* margin-top: 25px;
     */
}
 ._process {
     height: 135px;
     border-radius: 7px;
     overflow: hidden;
     box-shadow: 0 1px 2px rgba(31,45,61,.16);
     background: #fbfbfb;
     margin-bottom: 15px;
	 border: 1px solid #e7e7e7;
}
 ._process h3 {
     top: 0;
     left: 0;
     font-size: 22px;
     line-height: 22px;
     margin: 15px 0 0 15px;
     text-transform: uppercase;
}
 ._process h3, ._process h4, ._process i, ._process h5, ._process img {
     position: absolute;
     text-align: left;
}
 ._process img {
     z-index: 1;
     bottom: 45px;
     right: 20px;
}
 ._process {
     position: relative;
}
 ._process h3 a, ._process h3 a:focus, ._process h3 a:hover {
     color: #555;
     text-align: left;
     display: block;
}
 ._process h3 span {
     display: block;
     font-size: 13px;
     width: 110px;
     text-align: left;
     line-height: 18px;
     margin-top: 10px;
}
 ._process i {
     bottom: 50px;
     font-size: 50px;
     line-height: 60px;
}
 ._process h4 {
     bottom: 5px;
     font-size: 15px;
     line-height: 20px;
     color: rgba(255, 255, 255, 0.79);
     font-weight: 400;
}
 ._process h4, ._process i {
     right: 20px;
     z-index: 5;
}
 ._process h5 {
     left: 0;
     bottom: 0px;
     font-size: 12px;
     margin-left: 15px;
}
 ._process ._process-m {
     position: relative;
     width: 330px;
     height: 300px;
     left: 85%;
     top: -60px;
	 /*
     -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     transform: rotate(-45deg);
     border-radius: 7px;
	 */
}
 .a-bg-1 {
     background-color: #348c41;
}
 .a-bg-2 {
     background-color: #348c41;
}
 .a-bg-3 {
     background-color: #348c41;
}
 .a-bg-4 {
     background-color: #348c41;
}
 .homepage-frame {
     background: rgba(255, 254, 255, 0.34);
     border-radius: 20px;
     margin-top: 0px;
     padding: 15px;
     position: relative;
    /* --notchSize: 20px;
     -webkit-clip-path: polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100% - var(--notchSize)) 0%, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100% - var(--notchSize)) 100%, var(--notchSize) 100%, 0% calc(100% - var(--notchSize)));
     clip-path: polygon(0% var(--notchSize), var(--notchSize) 0%, calc(100% - var(--notchSize)) 0%, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100% - var(--notchSize)) 100%, var(--notchSize) 100%, 0% calc(100% - var(--notchSize))); */
     z-index: 1;
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
}
 .backtotop {
     width: 127px;
     height: 37px;
     top: -35px;
     left: 50%;
     position: absolute;
     cursor: pointer;
     transform: translateX(-50%);
	     overflow: hidden;
}

 .backtotop svg g {
     fill: #348c41;
}
 .parallax:after {
     display: block;
     content: '';
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     height: 105px;
     background: url("../images/img-separate.png") 50% 0 no-repeat;
     background-size: cover;
}
 .xcontent {
     -webkit-transform: translate(0%, -50%);
     transform: translate(0%, -50%);
     overflow: hidden;
     font-family: 'BestFont', sans-serif;
     font-size: 16px;
     line-height: 40px;
     float: right;
     color: #ecf0f1;
}
 .xcontent__container {
     overflow: hidden;
     height: 40px;
     padding: 0 15px;
}
 .xcontent__container:before {
     content: '[';
     right: 0;
}
 .xcontent__container:after, .xcontent__container:before {
     position: absolute;
     top: 0;
     color: #16a085;
     font-size: 25px;
     line-height: 40px;
     -webkit-animation-name: opacity;
     -webkit-animation-duration: 2s;
     -webkit-animation-iteration-count: infinite;
     animation-name: opacity;
     animation-duration: 2s;
     animation-iteration-count: infinite;
}
 .xcontent__container__text {
     display: inline;
     float: right;
     margin: 0;
}
 .xcontent__container__list {
     margin-top: 0;
     direction: rtl;
     padding-right: 88px;
     text-align: right;
     list-style: none;
     -webkit-animation-name: change;
     -webkit-animation-duration: 10s;
     -webkit-animation-iteration-count: infinite;
     animation-name: change;
     animation-duration: 10s;
     animation-iteration-count: infinite;
}
 .xcontent__container__list__item {
     line-height: 40px;
     margin: 0;
}
 @-webkit-keyframes opacity {
     0%, 100% {
         opacity: 0;
    }
     50% {
         opacity: 1;
    }
}
 @-webkit-keyframes change {
     0%, 12.66%, 100% {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    }
     16.66%, 29.32% {
         -webkit-transform: translate3d(0, -25%, 0);
         transform: translate3d(0, -25%, 0);
    }
     33.32%,45.98% {
         -webkit-transform: translate3d(0, -50%, 0);
         transform: translate3d(0, -50%, 0);
    }
     49.98%,62.64% {
         -webkit-transform: translate3d(0, -75%, 0);
         transform: translate3d(0, -75%, 0);
    }
     66.64%,79.3% {
         -webkit-transform: translate3d(0, -50%, 0);
         transform: translate3d(0, -50%, 0);
    }
     83.3%,95.96% {
         -webkit-transform: translate3d(0, -25%, 0);
         transform: translate3d(0, -25%, 0);
    }
}
 @keyframes opacity {
     0%, 100% {
         opacity: 0;
    }
     50% {
         opacity: 1;
    }
}
 @keyframes change {
     0%, 12.66%, 100% {
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
    }
     16.66%, 29.32% {
         -webkit-transform: translate3d(0, -25%, 0);
         transform: translate3d(0, -25%, 0);
    }
     33.32%,45.98% {
         -webkit-transform: translate3d(0, -50%, 0);
         transform: translate3d(0, -50%, 0);
    }
     49.98%,62.64% {
         -webkit-transform: translate3d(0, -75%, 0);
         transform: translate3d(0, -75%, 0);
    }
     66.64%,79.3% {
         -webkit-transform: translate3d(0, -50%, 0);
         transform: translate3d(0, -50%, 0);
    }
     83.3%,95.96% {
         -webkit-transform: translate3d(0, -25%, 0);
         transform: translate3d(0, -25%, 0);
    }
}
 p.xcontent__container__text2 {
     float: left;
    /* position: relative;
     */
     display: inline-block;
     padding-left: 15px;
}
 .xcontent {
}
 p.xcontent__container__text2 {
}
 .p-right {
     float: right;
}
 .xcontent__container__text2 {
     float: left;
     font-size: 16px;
     display: inline;
     line-height: 40px;
     color: #ecf0f1;
     -webkit-transform: translate(0%, -50%);
     transform: translate(15%, -50%);
}
 .xcontent__container__text2:after {
     position: absolute;
     top: 0;
     color: #16a085;
     font-size: 25px;
     line-height: 40px;
     -webkit-animation-name: opacity;
     -webkit-animation-duration: 2s;
     -webkit-animation-iteration-count: infinite;
     animation-name: opacity;
     animation-duration: 2s;
     animation-iteration-count: infinite;
     left: 0;
     content: ']';
}
 .main-header .navbarleft a.user-profile {
     display: flex;
     max-width: 195px;
}
 .pull-right.xhero {
     position: absolute;
}
 .user-profile .user-name {
     float: right;
     padding-left: 3px;
}
 #cart-view nav img {
     width: 125px;
     float: right;
}
 .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
     outline: 0;
}
 #user-delivery .table>tbody>tr>td, #user-delivery .table>tbody>tr>th, #user-delivery .table>tfoot>tr>td, #user-delivery .table>tfoot>tr>th, #user-delivery .table>thead>tr>td, #user-delivery .table>thead>tr>th {
     vertical-align: middle;
     text-align: center;
}
 #user-delivery th:nth-child(5), #user-delivery td:nth-child(5) {
     background: #eff7fb;
     color: #31708f;
     border-color: #36c7e4;
}
 .cart-popup {
     padding-right: 0;
     padding-left: 0;
}
 #cart-view .item-image {
     padding-right: 15px;
}
 .parallax:before {
   /* content: ''; */
    width: 100%;
    height: 360px;
    right: 0;
    position: absolute;
    background: #333;
    opacity: 0.7;
}
 .gm-style-pbt {
     font-family: BestFont;
}
 .gm-style .gm-style-cc span, .gm-style .gm-style-cc a, .gm-style .gm-style-mtc div {
     font-size: 8px !important;
     font-family: BestFont !important;
}
 .table-responsive {
     background: #fefefe;
}
 .card .readmore {
     position: absolute;
     right: 0px;
     bottom: 0px;
     border-radius: 0 0 7px 0;
     z-index: 100;
     overflow: hidden;
     margin: 0;
     padding: 0;
     background-color: transparent!important;
     cursor: pointer;
     text-align: center;
     border-color: transparent;
     width: 2.5em;
     height: 2.5em;
}
 .card .readmore:after {
     position: absolute;
     content: "";
     right: 0;
     border-top: 0em solid transparent;
     border-right: 0em solid transparent;
     border-bottom: 2.5em solid transparent;
     border-left: 2.5em solid transparent;
     border-bottom-color: inherit;
     top: 0;
     z-index: -1;
     width: 0;
     height: 0;
     background-color: transparent!important;
     -webkit-transition: border-color .1s ease;
     transition: border-color .1s ease;
}
 .card .readmore i {
    position:relative;
    font-size: 25px;
    top: 17px;
    color: #ababab;
    height: 3px;
    right: -16px;
    transform: rotate(45deg);
}
 .card .readmore:hover, .card .readmore:active {
    border-color: #efefef
}
 #cart-table td:nth-child(3), #cart-table th:nth-child(3) {
     min-width: 98px;
}
 .swal-modal.free-delivery .swal-text {
     text-align: center;
     direction: rtl;
}
 .swal-modal.free-delivery .swal-button {
     margin: 0px auto;
     font-weight: 400;
     display: block;
     background-color: #348c41;
}
 .swal-modal.free-delivery .swal-footer {
     text-align: center;
}
 .swal-title {
     font-size: 20px;
}
 .row-equal-height {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     flex-wrap: wrap;
}
 .row-equal-height > [class*='col-'] {
     display: flex;
     flex-direction: column;
}
 .sidebar-popup span.ct-label.ct-horizontal.ct-end {
     display: none;
}
 .icon-scroll, .icon-scroll:before {
     position: absolute;
     left: 50%;
}
 .icon-scroll {
     width: 30px;
     height: 50px;
     box-shadow: inset 0 0 0 1px #fff;
     border-radius: 25px;
     left: 50%;
     position: absolute;
     cursor: pointer;
     margin-top: -180px;
     transform: translateX(-50%);
	     -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
 .icon-scroll:before {
     content: '';
     width: 8px;
     height: 8px;
     background: #fff;
     margin-left: -4px;
     top: 8px;
     border-radius: 4px;
     -webkit-animation-duration: 1.5s;
     animation-duration: 1.5s;
     -webkit-animation-iteration-count: infinite;
     animation-iteration-count: infinite;
     -webkit-animation-name: scroll;
     animation-name: scroll;
}
 @-webkit-keyframes scroll {
     0% {
         opacity: 1;
    }
     100% {
         opacity: 0;
         -webkit-transform: translateY(36px);
         transform: translateY(36px);
    }
}
 @keyframes scroll {
     0% {
         opacity: 1;
    }
     100% {
         opacity: 0;
         -webkit-transform: translateY(36px);
         transform: translateY(36px);
    }
}
 .modal-open {
     padding: 0 !important;
     margin: 0 !important;
}
 .sidebarphone {
     color: #606975;
     padding: 7px 10px;
     display: flex;
     width: 100%;
     position: relative;
     border-radius: 5px;
}
 .sidebarphone i {
     margin-left: 10px;
     font-size: 34px;
     justify-items: center;
     text-align: center;
     justify-content: center;
}
 .sidebarmenu-additional {
     background-color: #f9f9f9;
     border-bottom: 1px solid #ddd;
     border-top: 1px solid #ddd;
     padding: 10px;
     margin-top: 10px;
}
 .ripple {
     width: 0;
     height: 0;
     border-radius: 50%;
     background: rgba(0, 134, 101, 0.32);
     transform: scale(0);
     position: absolute;
     opacity: 1;
}
 .rippleEffect {
     animation: rippleDrop .6s linear;
}
 @keyframes rippleDrop {
     100% {
         transform: scale(2);
         opacity: 0;
    }
}
 .pop-up-product-id {
     position: absolute;
     left: 15px;
     top: 35px;
}
 .main-header .navbarleft a:hover{
    background-color: initial;
}
 .main-header .navbar a:hover{
    background-color: initial;
}
 .main-header .navbarleft a:hover .link-hover {
     height: 100%;
}
 .main-header .navbar a:hover .link-hover {
     height: 100%;
}
 .link-hover {
     position: absolute;
     z-index: 1;
     top: 0;
     left: 0;
     display: block;
     width: 100%;
     height: 0%;
     background: rgba(0,0,0,0.05);
     -webkit-transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
     -ms-transition: all 0.2s ease;
     -o-transition: all 0.2s ease;
     transition: all 0.2s ease;
}
 .letter {
     background-image: repeating-linear-gradient(45deg,#ee4720,#ee4720 15px,#fff 0,#fff 30px,#4346ce 0,#4346ce 45px,#fff 0,#fff 60px);
     padding: 10px;
	 margin: 40px auto;
}
 .letter-frame {
     box-shadow: 0 0 10px rgba(0,0,0,.1), inset 0 0 50px rgba(0,0,0,.05);
     padding: 20px;
     background: #fff;
}
 .modal-open {
     overflow: visible;
}
a#hamburgermenu {
    padding: 5px 4px;
	
}
#nav-icon3 {
    width: 25px;
    border: none;
    position: relative;
    margin: 13px 15px 0 6px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

#nav-icon3 span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #606975;
    border-radius: 20px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

/* Icon 3 */
#nav-icon3 span:nth-child(1) {
    top: 1px;
}

#nav-icon3 span:nth-child(2), #nav-icon3 span:nth-child(3) {
    top: 8px;
}

#nav-icon3 span:nth-child(4) {
    top: 15px;
}

#nav-icon3.open span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
}

#nav-icon3.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}

#user-delivery .delivery-day .delivery-times input[type=radio][disabled] + label:hover {
    padding-right: 45px;
}
.cart-gap {
    height: 100px;
}
.heartbeat {
	-webkit-animation: heartbeat 1.5s ease-in-out infinite both;
	        animation: heartbeat 1.5s ease-in-out infinite both;
	        font-size: 18px;
}
.backtotop i {
    font-size: 22px;
    color: #cbe7c3;
    position: absolute;
    right: 55px;
    bottom: 0px;
	  -webkit-animation: slide-out-top 1.2s ease-in infinite both;
	        animation: slide-out-top 1.2s ease-in infinite both;
}
@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
 .jello-horizontal {
	-webkit-animation: jello-horizontal 0.9s both;
	        animation: jello-horizontal 0.9s both;
}

@-webkit-keyframes jello-horizontal {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@keyframes jello-horizontal {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
.tracking-in-contract-bck {
	-webkit-animation: tracking-in-contract-bck 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
	        animation: tracking-in-contract-bck 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}
@-webkit-keyframes tracking-in-contract-bck {
  0% {
    letter-spacing: 1em;
    -webkit-transform: translateZ(400px);
            transform: translateZ(400px);
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes tracking-in-contract-bck {
  0% {
    letter-spacing: 1em;
    -webkit-transform: translateZ(400px);
            transform: translateZ(400px);
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}


@-webkit-keyframes slide-out-top {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-45px);
            transform: translateY(-45px);
    opacity: 0;
  }
}
@keyframes slide-out-top {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-45px);
            transform: translateY(-45px);
    opacity: 0;
  }
}

.tracking-in-expand-fwd {
	-webkit-animation: tracking-in-expand-fwd 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
	        animation: tracking-in-expand-fwd 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}

@-webkit-keyframes tracking-in-expand-fwd {
  0% {
    letter-spacing: -0.5em;
    -webkit-transform: translateZ(-700px);
            transform: translateZ(-700px);
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes tracking-in-expand-fwd {
  0% {
    letter-spacing: -0.5em;
    -webkit-transform: translateZ(-700px);
            transform: translateZ(-700px);
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}
 .shake-horizontal {
	-webkit-animation: shake-horizontal 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
	        animation: shake-horizontal 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}
@-webkit-keyframes shake-horizontal {
  0%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateX(-8px);
            transform: translateX(-8px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateX(8px);
            transform: translateX(8px);
  }
  80% {
    -webkit-transform: translateX(8px);
            transform: translateX(8px);
  }
  90% {
    -webkit-transform: translateX(-8px);
            transform: translateX(-8px);
  }
}
@keyframes shake-horizontal {
  0%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateX(-8px);
            transform: translateX(-8px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateX(8px);
            transform: translateX(8px);
  }
  80% {
    -webkit-transform: translateX(8px);
            transform: translateX(8px);
  }
  90% {
    -webkit-transform: translateX(-8px);
            transform: translateX(-8px);
  }
} 
.scale-up-center {
    -webkit-animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

@-webkit-keyframes scale-up-center {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes scale-up-center {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
.notepaper {
    position: relative;
    padding: 5px 40px 5px 20px;
    line-height: 30px;
    color: #6a5f49;
	border-radius: 0;
	    margin: 10px 0;
    text-shadow: 0 1px 1px white;
    background-color: #f2f6c1;
    background-image: -webkit-radial-gradient(center, cover, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.1) 90%), -webkit-repeating-linear-gradient(top, transparent, transparent 29px, rgba(239, 207, 173, 0.7) 29px, rgba(239, 207, 173, 0.7) 30px);
    background-image: -moz-radial-gradient(center, cover, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.1) 90%), -moz-repeating-linear-gradient(top, transparent, transparent 29px, rgba(239, 207, 173, 0.7) 29px, rgba(239, 207, 173, 0.7) 30px);
    background-image: -o-radial-gradient(center, cover, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.1) 90%), -o-repeating-linear-gradient(top, transparent, transparent 29px, rgba(239, 207, 173, 0.7) 29px, rgba(239, 207, 173, 0.7) 30px);
    border: 1px solid #c3baaa;
    border-color: rgba(195, 186, 170, 0.9);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 5px #d8e071, 0 0 1px rgba(0, 0, 0, 0.1), 0 2px rgba(0, 0, 0, 0.02);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 5px #d8e071, 0 0 1px rgba(0, 0, 0, 0.1), 0 2px rgba(0, 0, 0, 0.02);
}
.notepaper:before, .notepaper:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
}
.notepaper:before {
    right: 28px;
    width: 4px;
    border: solid #efcfad;
    border-color: rgba(239, 207, 173, 0.9);
    border-width: 0 1px;
}

blockquote.curly-quotes {
   text-align: right;
    direction: rtl;
    border: none;
    font-size: 13px;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}
/* .curly-quotes:before {
    content: '\201D';
    margin-left: 4px;
    margin-right: -8px;
} 
.curly-quotes:before, .curly-quotes:after {
    display: inline-block;
    vertical-align: top;
    height: 30px;
	font-family: fantasy;
    line-height: 48px;
    font-size: 50px;
    opacity: .2;
}
.curly-quotes:after {
    content: '\201C';
    margin-right: 4px;
    margin-left: -8px;
} */
.notepaper:after {
    z-index: -1;
    left: 0;
    right: 0;
    background: rgba(242, 246, 193, 0.9);
    border: 1px solid rgba(170, 157, 134, 0.7);
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    transform: rotate(2deg);
}
button.close.home-info-close {
    left: -12px;
    top: 2px;
}
.process-line {
    height: 6px;
    border-bottom: 1px dashed #348c41;
    margin-top: 95px;
    position: absolute;
    width: 100%;
}
.progress-container {
  width: 100%;
  height: 2px;
  position: fixed;
      z-index: 150;
}

.progress-scroll{
  height: 2px;
  background: linear-gradient(141deg, #e82c75 0%, #a026bf 51%, #48ded4 75%);
  width: 0%;
}
.card.category-7 {
    background: #fffaf0;
    border-color: #EAD7AA;
	background: linear-gradient(to bottom right,#fefefe,#fffaf0);
}

.card.category-7 .title {
    border-color: #EAD7AA;
    color: #826429;
}

.card.category-7 .item-unit {
    background: #EAD7AA;
    color: #826429;
}

.card.category-7 .ui.corner.label {
    border-color: #EAD7AA;
}
.card.category-7 .ui.corner.label:hover {
    border-color: #f3e4c1;
}
.card.category-7 .card .details i {
    color: #ff0909;
}

.card.category-7 .details i {
    color: #826429;
}

.card.category-7 .readmore i {
    color: #826429;
}

.card.category-7 .readmore:hover, .card.category-7 .readmore:active {
    border-color: #f3e4c1;
}

.card.category-7 .info .desc{ color: #826429;}
.card.category-7:active {
    /* background: #dbf1eb; */
    border: 1px solid #826429;
    box-shadow: 0 1px 8px rgba(31,45,61,.16);
    transition: 0.2s ease-out;
    -webkit-transition: 0.2s ease-out;
    -moz-transition: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
}
.card.category-7 .in-cart {
    background: #b38237;
}


.card.category-8 {
    background: #fffaf0;
    border-color: #c3e1da;
	background: linear-gradient(to bottom right,#fefefe,#eff8f0);
}
.card.category-8 .title {
    border-color: #67c9b1;
    color: #29825e;
}

.card.category-8 .item-unit {
    background: #c3e1da;
    color: #29825e;
}

.card.category-8 .ui.corner.label {
    border-color: #c3e1da;
}
.card.category-8 .ui.corner.label:hover {
    border-color: #c3ebe0;
}
.card.category-8 .card .details i {
    color: #ff0909;
}

.card.category-8 .details i {
    color: #29825e;
}

.card.category-8 .readmore i {
    color: #29825e;
}

.card.category-8 .readmore:hover, .card.category-8 .readmore:active {
    border-color: #c3ebe0;
}

.card.category-8 .info .desc{ color: #29825e;}
.card.category-8:active {
    /* background: #dbf1eb; */
    border: 1px solid #29825e;
    box-shadow: 0 1px 8px rgba(31,45,61,.16);
    transition: 0.2s ease-out;
    -webkit-transition: 0.2s ease-out;
    -moz-transition: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
}
.card.category-8 .in-cart {
    background: #109c79;
}

.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #ccc;
    content: "\f0d9";
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
    font-size: 13px;
    vertical-align: middle;
}
.modal.fade .modal-dialog {
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1);
    top: 300px;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.modal.fade.in .modal-dialog {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform: translate3d(0, -300px, 0);
    transform: translate3d(0, -300px, 0);
    opacity: 1;
}
.pagination {
    margin: 0;
    align-items: center;
    align-content: center;
    display: table-cell;
}
#user-delivery .table-responsive {
    border: none !important;
	    margin: 0;
}
#user-delivery .table {
   
	    margin-bottom: 0;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    vertical-align: middle;
}
footer .green-background .about-us:before {
    content: "";
    border-right: 10px solid #035c46;
    border-top: 10px solid transparent;
    position: absolute;
    top: 0;
    left: -10px;
}
footer .green-background .about-us:after {
     border-right: none;
     border-left: 10px solid #035c46;
     border-top: 10px solid transparent;
     top: 0;
     content: "";
     position: absolute;
     right: -10px;
}
.section-title span {
   position: absolute;
    left: 0;
    width: 100%;
    font-size: 50px;
    padding: 0 15px;
	    filter: blur(1px);
    margin-top: -27px;
    z-index: -1;
    color: rgb(244, 244, 244);
}
.ui.divider.section-title {
    margin: 2.5rem 0;
}
#details-modal .modal-body table td{text-align: left}
.home-page .shop ul.tab-navs.bottom {
    border-top: 3px solid #348c41;
    border-bottom: 3px solid #348c41;
}
.panel-pricing {
    width: 210px;
    height: 210px;
    margin: 10px auto;
    padding: 10px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid rgba(0,0,0,.12);
    box-shadow: 0 0 25px rgba(0,0,0,.03), inset 0 0 70px rgba(0,0,0,.02);
    position: relative;
    z-index: 2;
    }
.panel-pricing:before {
    position: absolute;
    top: 7px;
    left: 7px;
    right: 7px;
    bottom: 7px;
    content: "";
    border-radius: 50%;
    z-index: -1;
    border: 1px dashed #bbb;
}
.panel-pricing h4 {
    margin: 20px 0 0;
    font-size: 14px;
    color: #666;
    line-height: 2;
}
.panel-pricing h3 {
    font-size: 45px;
    line-height: 1.2;
    margin: 0 0 15px;
    font-weight: 400;
}
.panel-pricing h3>span {
    display: block;
    font-size: 15px;
    color: #888;
    font-weight: 400;
}
.enamad img {
    background: #fff;
    text-align: center;
    padding: 10px;
    /* box-shadow: 0 0 3px rgba(0, 0, 0, .7) inset; */
    box-shadow: 0 2px 3px rgba(31, 45, 61, 0.7);
    margin: 0px auto;
    border-radius: 7px;
}

.enamad {
    text-align: center;
}
.home-page .shop ul.tab-navs.bottom li.active {
    
}
.footerright a span {
    position: relative;
    display: inline-block;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
}
.footerright a span:before {position: absolute;
    top: 100%;
    content: attr(data-hover);
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);}
.footerright a {
    overflow: hidden;
    height: 20px;
    
    padding: 0 !important;
}
.footerright a:hover span, .footerright a:focus span {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
}
.footerright li {
    padding: 15px;
}
.waves-effect {
    position: relative;
   
    /* display: inline-block; */
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    vertical-align: middle;
    z-index: 0;
    -webkit-transition: .5s ease-out;
    transition: .5s ease-out;
}

.waves-effect .waves-ripple {
    position: absolute;
    border-radius: 50%;
    width: 9px;
    height: 9px;
    margin-top: -10px;
    margin-left: -10px;
    opacity: 0;
    background: rgba(0,0,0,0.1);
    -webkit-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transform: scale(0);
    transform: scale(0);
    pointer-events: none
}

.waves-effect.waves-light .waves-ripple {
    background-color: rgba(255,255,255,0.45);
    width: 20px;
    height: 20px;
}

.waves-effect.waves-red .waves-ripple {
    background-color: rgba(244,67,54,0.7)
}

.waves-effect.waves-yellow .waves-ripple {
    background-color: rgba(255,235,59,0.7)
}

.waves-effect.waves-orange .waves-ripple {
    background-color: rgba(255,152,0,0.7)
}

.waves-effect.waves-purple .waves-ripple {
    background-color: rgba(156,39,176,0.7)
}

.waves-effect.waves-green .waves-ripple {
    background-color: rgba(76,175,80,0.7)
}

.waves-effect.waves-teal .waves-ripple {
    background-color: rgba(0,150,136,0.7)
}
.waves-effect.waves-greenmp .waves-ripple {
    background-color: rgba(0, 134, 101, 0.15)
}

.waves-effect input[type="button"],.waves-effect input[type="reset"],.waves-effect input[type="submit"] {
    border: 0;
    font-style: normal;
    font-size: inherit;
    text-transform: inherit;
    background: none
}

.waves-effect img {
    position: relative;
    z-index: -1
}

.waves-notransition {
    -webkit-transition: none !important;
    transition: none !important
}

.waves-circle {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%)
}

.waves-input-wrapper {
    border-radius: 0.2em;
    vertical-align: bottom
}

.waves-input-wrapper .waves-button-input {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1
}

.waves-circle {
    text-align: center;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    border-radius: 50%;
    -webkit-mask-image: none
}

.waves-block {
    display: block
}

.waves-effect .waves-ripple {
    z-index: -1
}
@-webkit-keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
.scale-in-center {
	-webkit-animation: scale-in-center 0.2s ease-in-out both;
	        animation: scale-in-center 0.2s ease-in-out both;
}
@-webkit-keyframes scale-out-center {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
}
@keyframes scale-out-center {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
}
.card .in-cart.hidden {
  /*  display: initial !important;
   -webkit-animation: scale-out-center 0.1s ease-in-out both;
	        animation: scale-out-center 0.1s ease-in-out both; */
}
#cart-table td:nth-child(4), #cart-table th:nth-child(4) {
    min-width: 100px;
}
.card.category-9 .title {
    border-color: #f2d1d1;
    color: #9a4141;
}
.card.category-9 {
    background: #fffaf0;
    border-color: #f2d1d1;
    background: linear-gradient(to bottom right,#fefefe,#fff5f5);
}
.card.category-9 .item-unit {
    background: #f2d1d1;
    color: #9a4141;
}

.card.category-9 .ui.corner.label {
    border-color: #f2d1d1;
}
.card.category-9 .ui.corner.label:hover {
    border-color: #f4dfdf;
}
.card.category-9 .card .details i {
    color: #ff0909;
}

.card.category-9 .details i {
    color: #9a4141;
}

.card.category-9 .readmore i {
    color: #9a4141;
}

.card.category-9 .readmore:hover, .card.category-9 .readmore:active {
    border-color: #f4dfdf;
}

.card.category-9 .info .desc{ color: #9a4141;}
.card.category-9:active {
    /* background: #dbf1eb; */
    border: 1px solid #9a4141;
    box-shadow: 0 1px 8px rgba(31,45,61,.16);
    transition: 0.2s ease-out;
    -webkit-transition: 0.2s ease-out;
    -moz-transition: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
}
.card.category-9 .in-cart {
    background: #c56767;
}
.label {
    font-weight: 400;
}
.main-timeline{ position: relative; }

.main-timeline:before,
.main-timeline:after{
    content: "";
    display: block;
    width: 100%;
    clear: both;
}

.main-timeline:before{
    content: "";
    width: 3px;
    height: 100%;
    background: #348c41;
    position: absolute;
    top: 0;
    left: 50%;
}

.main-timeline .timeline{
    width: 50%;
    float: left;
    position: relative;
    z-index: 1;
}

.main-timeline .timeline:before,
.main-timeline .timeline:after{
    content: "";
    display: block;
    width: 100%;
    clear: both;
}

.main-timeline .timeline:first-child:before,
.main-timeline .timeline:last-child:before{
    content: "";
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #fff;
    border: 4px solid #00dca6;
    position: absolute;
    top: 0;
    right: -14px;
    z-index: 1;
}

.main-timeline .timeline:last-child:before{
    top: auto;
    bottom: 0;
}

.main-timeline .timeline:last-child:nth-child(even):before{
    right: auto;
    left: -12px;
    bottom: -2px;
}

.main-timeline .timeline-content{
    text-align: center;
    margin-top: 8px;
    position: relative;
    transition: all 0.3s ease 0s;
}

.main-timeline .timeline-content:before{
    content: "";
    width: 100%;
    height: 5px;
    background: #00dca6;
    position: absolute;
    top: 88px;
    left: 0;
    z-index: -1;
}

.main-timeline .circle{
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: #fff;
    border: 8px solid #348c41;
    float: left;
    margin-right: 25px;
    position: relative;
}

.main-timeline .circle:before{
    content: "";
    width: 26px;
    height: 30px;
    background: #00dca6;
    margin: auto;
    position: absolute;
    top: 0;
    right: -33px;
    bottom: 0;
    z-index: -1;
    box-shadow: inset 7px 0 9px -7px #444;
}

.main-timeline .circle span{
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    line-height: 180px;
    border: 3px solid #00dca6;
    font-size: 70px;
}

.main-timeline .circle span:before,
.main-timeline .circle span:after{
    content: "";
    width: 28px;
    height: 50px;
    background: #fff;
    border-radius: 0 0 0 21px;
    margin: auto;
    position: absolute;
    top: -54px;
    right: -33px;
    bottom: 0;
    z-index: -1;
}

.main-timeline .circle span:after{
    border-radius: 21px 0 0 0;
    top: 0;
    bottom: -56px;
}

.main-timeline .content{
    display: table;
    padding-right: 40px;
    position: relative;
}

.main-timeline .year{
    display: block;
    padding: 10px;
    margin: 10px 0 50px 0;
    background: #348c41;
    border-radius: 50px;
    font-size: 25px;
    color: #fff;
}

.main-timeline .title{
    font-size: 23px;
    /* color: #348c41; */
    margin-top: 0;
}

.main-timeline .description{
    text-align: justify;
}

.main-timeline .icon{
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #fff;
    border: 4px solid #00dba6;
    position: absolute;
    top: 78px;
    right: -14px;
}

.main-timeline .icon:before{
    content: "";
    width: 15px;
    height: 25px;
    background: #00dca6;
    margin: auto;
    position: absolute;
    top: -1px;
    left: -15px;
    bottom: 0;
    z-index: -1;
}

.main-timeline .icon span:before,
.main-timeline .icon span:after{
    content: "";
    width: 21px;
    height: 25px;
    background: #fff;
    border-radius: 0 0 21px 0;
    margin: auto;
    position: absolute;
    top: -30px;
    left: -15px;
    bottom: 0;
    z-index: -1;
}

.main-timeline .icon span:after{
    border-radius: 0 21px 0 0;
    top: 0;
    left: -15px;
    bottom: -30px;
}

.main-timeline .timeline:nth-child(2n) .timeline-content,
.main-timeline .timeline:nth-child(2n) .circle{
    float: right;
}

.main-timeline .timeline:nth-child(2n) .circle{
    margin: 0 0 0 25px;
}

.main-timeline .timeline:nth-child(2n) .circle:before{
    right: auto;
    left: -33px;
    box-shadow: -7px 0 9px -7px #444 inset;
}

.main-timeline .timeline:nth-child(2n) .circle span:before,
.main-timeline .timeline:nth-child(2n) .circle span:after{
    right: auto;
    left: -33px;
    border-radius: 0 0 21px 0;
}

.main-timeline .timeline:nth-child(2n) .circle span:after{
    border-radius: 0 21px 0 0;
}

.main-timeline .timeline:nth-child(2n) .content{
    padding: 0 0 0 40px;
    margin-left: 2px;
}

.main-timeline .timeline:nth-child(2n) .icon{
    right: auto;
    left: -14px;
}

.main-timeline .timeline:nth-child(2n) .icon:before,
.main-timeline .timeline:nth-child(2n) .icon span:before,
.main-timeline .timeline:nth-child(2n) .icon span:after{
    left: auto;
    right: -15px;
}

.main-timeline .timeline:nth-child(2n) .icon span:before{
    border-radius: 0 0 0 21px;
}

.main-timeline .timeline:nth-child(2n) .icon span:after{
    border-radius: 21px 0 0 0;
}

.main-timeline .timeline:nth-child(2){
    margin-top: 180px;
}

.main-timeline .timeline:nth-child(odd){
    margin: -175px 0 0 0;
}

.main-timeline .timeline:nth-child(even){
    margin-bottom: 80px;
}

.main-timeline .timeline:first-child,
.main-timeline .timeline:last-child:nth-child(even){
    margin: 0;
}

@media only screen and (max-width: 990px){
    .main-timeline:before{ left: 100%; }
    .main-timeline .timeline{
        width: 100%;
        float: none;
        margin-bottom: 20px !important;
    }
    .main-timeline .timeline:first-child:before,
    .main-timeline .timeline:last-child:before{
        left: auto !important;
        right: -13px !important;
    }
    .main-timeline .timeline:nth-child(2n) .circle{
        float: left;
        margin: 0 25px 0 0;
    }
    .main-timeline .timeline:nth-child(2n) .circle:before{
        right: -33px;
        left: auto;
        box-shadow: 7px 0 9px -7px #444 inset;
    }
    .main-timeline .timeline:nth-child(2n) .circle span:before,
    .main-timeline .timeline:nth-child(2n) .circle span:after{
        right: -33px;
        left: auto;
        border-radius: 0 0 0 21px;
    }
    .main-timeline .timeline:nth-child(2n) .circle span:after{
        border-radius: 21px 0 0 0;
    }
    .main-timeline .timeline:nth-child(2n) .content{
        padding: 0 40px 0 0;
        margin-left: 0;
    }
    .main-timeline .timeline:nth-child(2n) .icon{
        right: -14px;
        left: auto;
    }
    .main-timeline .timeline:nth-child(2n) .icon:before,
    .main-timeline .timeline:nth-child(2n) .icon span:before,
    .main-timeline .timeline:nth-child(2n) .icon span:after{
        left: -15px;
        right: auto;
    }
    .main-timeline .timeline:nth-child(2n) .icon span:before{
        border-radius: 0 0 21px 0;
    }
    .main-timeline .timeline:nth-child(2n) .icon span:after{
        border-radius: 0 21px 0 0;
    }
    .main-timeline .timeline:nth-child(2),
    .main-timeline .timeline:nth-child(odd),
    .main-timeline .timeline:nth-child(even){
        margin: 0;
    }
}

@media only screen and (max-width: 480px){
    .main-timeline:before{ left: 0; }
    .main-timeline .timeline:first-child:before,
    .main-timeline .timeline:last-child:before{
        left: -11px !important;
        right: auto !important;
    }
	.main-timeline {
    
    margin-left: 10px;
}
    .main-timeline .circle,
    .main-timeline .timeline:nth-child(2n) .circle{
        width: 130px;
        height: 130px;
        float: none;
        margin: 0 auto;
    }
    .main-timeline .timeline-content:before{
        width: 99.5%;
        top: 68px;
        left: 0.5%;
    }
    .main-timeline .circle span{
        line-height: 115px;
        font-size: 60px;
    }
    .main-timeline .circle:before,
    .main-timeline .circle span:before,
    .main-timeline .circle span:after,
    .main-timeline .icon{
        display: none;
    }
    .main-timeline .content,
    .main-timeline .timeline:nth-child(2n) .content{
        padding: 0 10px;
    }
    .main-timeline .year{
        margin-bottom: 15px;
		margin-left: 15px;
    }
    .main-timeline .description{
        text-align: center;
        margin-left: 15px;
    }
}
/* END ADDED BY MOJA */
 .card .remove-from-cart{
     position: absolute;
     right: -3px;
     bottom: -3px;
     width: 30px;
     height: 30px;
     line-height: 0;
     background: #ba0545;
     border-radius: 50%;
	 z-index: 1;
    overflow: hidden;
}
 .card .remove-from-cart:after{
     content: "-";
     font-size: 2.4em;
     position: absolute;
     left: 11px;
     bottom: 12px;
     color: white;
}
 .card .add-to-cart{
     position: absolute;
     left: 0;
     bottom: 0px;
     width: 24px;
     height: 24px;
     line-height: 0;
     background: #348c41;
     border-radius: 7px 0 0 7px;
}
 .card .add-to-cart:after{
     content: "+";
     font-size: 1.2em;
     position: absolute;
     left: 8px;
     bottom: 10px;
     color: white;
}
 .card .details{
     position: absolute;
     left: 11px;
     top: 10px;
     z-index: 100;
}
 .card .details i{
     font-size: 17px;
     color: #a7a7a7;
}
.close.cth {
    position: absolute;
    left: 15px;
    font-size: 25px;
}
 #details-modal .modal-body {
     text-align: justify;
}
 #details-modal .modal-body img {
          max-width: 150px;
    display: block;
   
    margin: 0 auto;
   
    margin-bottom: 16px;
    border-radius: 10px;
}
#details-modal .modal-body .prdimg{ box-shadow: 0 1px 8px rgba(31,45,61,.16);  background: #fff;  max-width: 100%;}
 @media screen and (max-width: 460px){
     .user-profile .user-name {
         display: none;
    }
}
 @media screen and (max-width: 500px){
     #user-delivery th:nth-child(3), #user-delivery td:nth-child(3), #user-delivery th:nth-child(5), #user-delivery td:nth-child(5) {
        /* display: none;
         */
    }
     #cart-table td:nth-child(2), #cart-table th:nth-child(2) {
        padding-right: 10px;
    }
     #user-checkout th:last-child {
         padding-left: 5px;
         width:60px;
    }
     #user-checkout td:last-child {
         padding-left: 5px;
    }
     #user-checkout th:first-child, #user-checkout td:first-child {
         padding-right: 5px;
    }
     #cart-table th:first-child, #cart-table td:first-child, #cart-table th:nth-child(6), #cart-table td:nth-child(6), #cart-table th:nth-child(7), #cart-table td:nth-child(7){
         display: none;
    }
     #cart-view nav img{
         display: block;
         float: none;
         margin: 0 auto 15px;
    }
     #cart-view nav span{
         float: right;
    }
}
 #details-modal .manual-add-to-card > .input-group {
     margin: auto;
}
 .manual-add-to-card {
     padding: 5px;
     z-index: 999;
     position: relative;
}
 .manual-add-to-card input{
     min-width: 70px;
     text-align: center;
}
 .manual-add-to-card .input-group-text{
     display: table-cell;
     vertical-align: middle;
     padding: 0 10px;
     background: #f9f9f9;
     border-top: 1px solid #ccc;
     border-bottom: 1px solid #adadad;
	 min-width: 100px;
}
 #details-modal .modal-footer > .input-group input {
     text-align: center;
}
 #details-modal .add-to-cart , #details-modal .remove-from-cart {
     color: white;
     border: 0;
     font-size: 16px;
}
 #details-modal .add-to-cart {
     background-color: #348c41;
}
 #details-modal .remove-from-cart {
     background-color: #ba0545;
}
 .card .in-cart{
    position: absolute;
    text-align: center;
    left: 10px;
	z-index: 1;
    bottom: -14px;
    padding-top: 2px;
    font-size: 13px;
    height: 23px;
    padding-bottom: 1px;
	padding-right: 20px;
    width: 110px;
    background: #777;
    color: white;
    border-radius: 20px;
	    box-shadow: 0 1px 2px rgba(31,45,61,.16);
}
.cart-quantity {
   
    font-size: 14px;
    color: #ffffff;
    position: relative;
}

 #cart-view-button {
     position: fixed;
     color: white;
     width: 70px;
     height: 70px;
     bottom: 10px;
     left: 10px;
     background: #348c41;
     border-radius: 50%;
     display: flex;
     cursor: pointer;
     
     justify-content: center;
     align-items: center;
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     z-index: 100;
     box-shadow: 0 1px 8px rgba(31,45,61,.16);
}
 #cart-view-button span{
     position: absolute;
     height: 20px;
     min-width: 20px;
     text-align: center;
     line-height: 12px;
     top: 0px;
	    
     left: 0px;
     background: red;
     padding: 5px;
     border-radius: 50%;
}
 #cart-view-button i{
     font-size: 30px 
}
 #cart-view-button p{
     text-align: center;
	 font-size: 10px;
	 margin: 0px;
}
 #cart-preview .toggle-button{
     position: fixed;
     left: -2px;
     width: 50px;
     text-align: center;
     height: 50px;
     vertical-align: middle;
     line-height: 50px;
     background: white;
     border-radius: 0 20px 20px 0;
     color: #348c41;
     -webkit-box-shadow: 13px 1px 8px -6px #dae1e8;
     box-shadow: 13px 1px 8px -6px #dae1e8;
}
 #cart-preview.show .toggle-button{
     left: 158px;
}
 #cart-preview{
     position: fixed;
     top: 0;
     left: -160px;
     height: 100%;
     min-width: 160px;
     background-color: white;
     z-index: 120;
     overflow: auto;
     -webkit-box-shadow: 0 1px 20px 0 #dae1e8;
     box-shadow: 0 1px 20px 0 #dae1e8;
     padding: 10px;
}
 #cart-preview.show{
     left: 0;
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
}
 #cart-preview ul{
     list-style: none;
     padding: 0;
}
 #cart-preview ul li{
     position: relative;
}
 #cart-preview .remove-from-cart{
     position: absolute;
     left: 0;
     bottom: 10px;
     width: 20px;
     height: 20px;
     line-height: 0;
     background: #ba0545;
     border-radius: 50%;
}
 #cart-preview .remove-from-cart:after{
     content: "-";
     font-size: 2em;
     position: absolute;
     left: 6px;
     bottom: 10px;
     color: white;
}
 #cart-preview .add-to-cart{
     position: absolute;
     left: 0;
     top: 10px;
     width: 20px;
     height: 20px;
     line-height: 0;
     background: #348c41;
     border-radius: 50%;
}
 #cart-preview .add-to-cart:after{
     content: "+";
     font-size: 1.3em;
     position: absolute;
     left: 5px;
     bottom: 9px;
     color: white;
}
 #cart-preview .view-cart{
     position: absolute;
     bottom: 0;
     width: 100%;
     right: 0;
     padding: 6px;
     text-align: center;
     color: white;
     background-color: #348c41;
}
 #cart-view{
     position: fixed;
     bottom: 0;
     left: 0;
     width: 100%;
	 /* background: url(../images/pattern_cart.jpg); */
    background-repeat: repeat;
    background-attachment: fixed;
     height: 0;
     background-color: white;
     overflow: auto;
     z-index: 99999999;
	     -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
 #cart-view main{
     padding: 15px;
     padding-top: 0;
}
.cart-popup .table > tbody > tr:nth-of-type(2n) {background: #fff;/* box-shadow: 0 1px 2px rgba(31,45,61,.16); */}
.cart-popup .table > tbody > tr{}
.cart-popup .table > tbody > tr:last-child{border-bottom: 2px solid rgb(221, 221, 221);}
   
 #cart-view nav .close {
     font-size: 14px;
     font-weight: 400;
     color: #606975;
	     position: relative;
     border: 1px solid #606975;
     text-shadow: none;
     opacity: 1;
     padding: 0px 5px;
     line-height: 30px;
     border-radius: 7px;
}
.close:hover .link-hover {
    height: 100%;
}
 #cart-view nav > span{
     line-height: 30px;
}
 #cart-view nav {
     padding: 10px 15px;
     text-align: center;
     background-color: #f8f8f8;
     position: relative;
     min-height: 52px;
}
 #cart-view img {
     width: 50px;
}
 #cart-view td {
     vertical-align: middle;
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
}
 #cart-table td:nth-child(5), #cart-table td:nth-child(6) {
     text-align: center;
}
 #cart-table th:nth-child(5), #cart-table th:nth-child(6) {
     text-align: center;
}
 #cart-table .remove-from-cart{
    /*left: 0;
     bottom: 10px;
     */
     position: relative;
     width: 25px;
     cursor: pointer;
     height: 25px;
     line-height: 0;
     background: #ba0646;
     border-radius: 50%;
     display: inline-block;
     vertical-align: middle;
}
 #cart-table .remove-from-cart:after{
     content: "-";
     font-size: 2em;
     position: absolute;
     left: 9px;
     bottom: 11px;
     color: white;
}
 #cart-table .add-to-cart{
    /*position: absolute;
     left: 0;
     top: 10px;
     */
     position: relative;
     width: 25px;
     cursor: pointer;
     height: 25px;
     line-height: 0;
     background: #348c41;
     border-radius: 50%;
     display: inline-block;
     vertical-align: middle;
}
 #cart-table .add-to-cart:after{
     content: "+";
     font-size: 1.3em;
     position: absolute;
     left: 7px;
     bottom: 10px;
     color: white;
}
 #cart-table td.item-qunatity{
     position: relative;
}
 #cart-table td input{
     width: 30px;
     border: 1px dashed #737373;
     text-align: center;
}
 #cart-view .btn{
     width: 100px;
     margin: auto;
     display: block;
}
#cart-view .btn[disabled]{
      outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}
 #cart-view .total-price{
     text-align: center;
     width: 215px;
     margin: 15px auto;
     background: #348c41;
     border-radius: 7px;
     padding: 5px;
}
 #cart-view .total-price span{
     color: #f8f8f8;
}
 #cart-view .total-price .value{
     font-size: 20px;
     color: white;
     margin-right: 12px;
}
 #user-address h4 a {
     font-weight: bold;
}
 #user-address #location{
     width: 100%;
     height: 270px;
}
 #user-address label {
     cursor: pointer;
}
 #user-address label input[type=radio] {
    opacity: 0;
    position: absolute;
    margin-right: 25px;
    margin-top: -25px;
}
 .media.address {
     padding: 10px;
     border-radius: 0px 7px 7px 7px;
     position: relative;
     border: 1px solid #ddd;
     background-image: linear-gradient(to bottom right,#fefefe,#f8f8f8);
     background: #f8f8f8;
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
}
#addresses .media.address {
    padding: 10px 45px 10px 10px;
    overflow: hidden;
    position: relative;
}

#addresses .media-left {
    position: absolute;
    left: -10px;
    top: -50px;
    opacity: .5;
}

#user-address label .media .ui.left.corner.selectedlabel {
    display: none;
}

 #user-address label input[type=radio]:checked + .media {
     border-color: #348c41;
     background: #dbf1eb;
     box-shadow: 0 1px 8px rgba(31,45,61,.16);
     transition: 0.2s ease-out;
     -webkit-transition: 0.2s ease-out;
     -moz-transition: 0.2s ease-out;
     -o-transition: 0.2s ease-out;
}
 #user-delivery .delivery-table {
     border-radius: 7px;
     padding-bottom: 2px;
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
}
 #user-delivery .delivery-day {
     padding: 10px;
     border-radius: 5px;
     padding-bottom: 1px;
     margin-bottom: 10px;
}
#user-checkout #payment-type .radio label:hover {
    border-color: #adadad;
}
 #user-delivery .delivery-day > .radio {
     border: 1px solid #ddd;
     background-color: #f5f5f5;
     margin: 0;
     padding: 10px;
     border-radius: 5px 5px 0 0;
}
 #user-delivery .delivery-day .delivery-times .radio {
     margin: 0;
     border-bottom: 1px solid #ddd;
}
 #user-delivery .delivery-day .delivery-times .radio label {
     padding-top: 10px;
     padding-bottom: 10px;
     display: block;
     padding-right: 45px;
	 transition: 0.2s ease-out;
    -webkit-transition: 0.2s ease-out;
    -moz-transition: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
}
#user-delivery .radio.express-delivery input[type=radio][disabled] + label:hover {
   padding-right: 45px; 
}
 #user-delivery .delivery-day .delivery-times {
    /* column-count: 2;
     column-rule-color: #ddd;
     column-rule-width: 1px;
     column-rule-style: solid;
     -moz-column-count: 2;
     -webkit-column-count:2;
     -moz-column-gap: 0px;
     -webkit-column-gap:0px;
     column-gap:0px; */
     border-left: 1px solid #ddd;
     border-right: 1px solid #ddd 
}
 #user-delivery .delivery-day .delivery-times.disabled label{
     color: #adadad;
}
 #user-checkout #factor-description {
     position: absolute;
     bottom: 0;
}
 #user-checkout #payment-type {
     
}
 #user-checkout #payment-type .radio {
margin: 15px 0px;
}
 #user-checkout #payment-type .radio label {
    border-radius: 0px 7px 7px 7px;
    border: 1px solid #ddd;
    background: #f8f8f8;
    height: 45px;
    width: 100%;
    position: relative;
    padding: 8px 50px 9px 9px;
    text-align: right;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
 #user-checkout #payment-type .radio input:checked ~ label .ui.corner.selectedlabelexpress {
     border-color: #348c41;
     display: initial;
}
 #user-checkout #payment-type .radio label .ui.corner.selectedlabelexpress {
     display: none;
}
 #user-checkout #payment-type .radio input:checked ~ label .ui.corner.selectedlabelexpress.corner {
     color: white;
}
 #user-checkout #payment-type .radio input:checked ~ label {
     background: #dbf1eb;
     border-color: #348c41;
     box-shadow: 0 1px 8px rgba(31,45,61,.16);
     transition: 0.2s ease-out;
     -webkit-transition: 0.2s ease-out;
     -moz-transition: 0.2s ease-out;
     -o-transition: 0.2s ease-out;
}
 #user-checkout #payment-type .help-block{
     font-size: 11px;
     text-align: center;
     display: none;
     font-weight: 400;
}
 #user-checkout #payment-type .radio input:checked ~ .help-block {
     display: inherit;
}
 @media screen and (max-width: 765px) {
     #user-checkout #factor-description {
         position: relative;
         margin-top: 70px;
    }
}
 .stepwizard-step p {
     margin-top: 10px;
}
 .stepwizard-row {
     display: table-row;
}
 .stepwizard {
     display: table;
     width: 100%;
     position: relative;
}
 .stepwizard-step button[disabled] {
     opacity: 1 !important;
     filter: alpha(opacity=100) !important;
}
 .stepwizard-row:before {
     top: 14px;
     bottom: 0;
     position: absolute;
     content: " ";
     width: 100%;
     height: 1px;
     background-color: #ba0545;
     z-order: 0;
}
 .stepwizard-step {
     display: table-cell;
     text-align: center;
     position: relative;
     max-width: 30px;
}
 .stepwizard-step .btn-circle {
     width: 30px;
     height: 30px;
     text-align: center;
     padding: 6px 0;
     font-size: 12px;
     line-height: 1.428571429;
     border-radius: 15px;
     cursor: default;
}
 .stepwizard-step .btn-circle:not(.disabled):hover{
     color: #fff;
     background-color: #ba0545;
     border: 0;
}
 .stepwizard-step .btn-circle.disabled:hover{
     color: #333;
     border-color: rgb(204, 204, 204);
     background-color: white;
}
 header.masthead {
     margin-bottom: 50px;
     background: no-repeat center center;
     background-color: #868e96;
     background-attachment: scroll;
     position: relative;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
}
 header.masthead .overlay {
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     background-color: #212529;
     opacity: 0.5;
}
 header.masthead .page-heading, header.masthead .post-heading, header.masthead .site-heading {
     padding: 80px 0 50px;
     color: white;
}
 @media only screen and (min-width: 768px) {
     header.masthead .page-heading h1, header.masthead .site-heading h1 {
         font-size: 80px;
    }
     header.masthead .post-heading h1 {
         font-size: 55px;
    }
     header.masthead .post-heading .subheading {
         font-size: 30px;
    }
     header.masthead .page-heading, header.masthead .post-heading, header.masthead .site-heading {
         padding: 80px 0;
    }
}
 header.masthead .page-heading, header.masthead .site-heading {
     text-align: center;
}
 header.masthead .page-heading h1, header.masthead .site-heading h1 {
     font-size: 50px;
     margin-top: 0;
}
 header.masthead .page-heading .subheading, header.masthead .site-heading .subheading {
     font-size: 24px;
     font-weight: 300;
     line-height: 1.1;
     display: block;
     margin: 10px 0 0;
     font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
 header.masthead .post-heading h1 {
     font-size: 35px;
}
 header.masthead .post-heading .meta, header.masthead .post-heading .subheading {
     line-height: 1.1;
     display: block;
}
 header.masthead .post-heading .subheading {
     font-size: 24px;
     font-weight: 600;
     margin: 10px 0 30px;
     font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
 header.masthead .post-heading .meta {
     font-size: 20px;
     font-weight: 300;
     font-style: italic;
     font-family: 'Lora', 'Times New Roman', serif;
}
 header.masthead .post-heading .meta a {
     color: #fff;
}
 .error-page {
     min-height: 80vh;
     display: flex;
     justify-content: center;
     align-items: center;
}
 .error-page .panel{
     text-align: center;
}
 .cmn-toggle {
     position: absolute;
     margin-left: -9999px;
     visibility: hidden;
}
 .cmn-toggle + label {
     display: block;
     position: relative;
     cursor: pointer;
     outline: none;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
}
 input.cmn-toggle-round-flat + label {
     padding: 2px;
     width: 75px;
     height: 30px;
     background-color: #dddddd;
     -webkit-border-radius: 60px;
     -moz-border-radius: 60px;
     -ms-border-radius: 60px;
     -o-border-radius: 60px;
     border-radius: 60px;
     -webkit-transition: background 0.4s;
     -moz-transition: background 0.4s;
     -o-transition: background 0.4s;
     transition: background 0.4s;
}
 input.cmn-toggle-round-flat + label:before, input.cmn-toggle-round-flat + label:after{
     display: block;
     position: absolute;
     content: "";
}
 input.cmn-toggle-round-flat + label:before {
     top: 2px;
     left: 2px;
     bottom: 2px;
     right: 2px;
     background-color: #fff;
     -webkit-border-radius: 60px;
     -moz-border-radius: 60px;
     -ms-border-radius: 60px;
     -o-border-radius: 60px;
     border-radius: 60px;
     -webkit-transition: background 0.4s;
     -moz-transition: background 0.4s;
     -o-transition: background 0.4s;
     transition: background 0.4s;
}
 input.cmn-toggle-round-flat + label:after {
     top: 4px;
     left: 4px;
     bottom: 4px;
     width: 22px;
     background-color: #dddddd;
     -webkit-border-radius: 52px;
     -moz-border-radius: 52px;
     -ms-border-radius: 52px;
     -o-border-radius: 52px;
     border-radius: 52px;
     -webkit-transition: margin 0.4s, background 0.4s;
     -moz-transition: margin 0.4s, background 0.4s;
     -o-transition: margin 0.4s, background 0.4s;
     transition: margin 0.4s, background 0.4s;
}
 input.cmn-toggle-round-flat:checked + label {
     background-color: #348c41;
     box-shadow: 0 1px 8px rgba(31,45,61,.16);
}
 input.cmn-toggle-round-flat:checked + label:after {
     margin-left: 45px;
     background-color: #348c41;
}
 @media screen and (max-width: 500px) {
     #address-table th:nth-child(2), #address-table td:nth-child(2) {
         display: none;
    }
}
 @media screen and (max-width: 350px) {
     #address-table th:nth-child(4), #address-table td:nth-child(4) {
         display: none;
    }
}
 @media screen and (max-width: 767px) {
     ul.nav.navbar-nav.footerright {
         column-count: 2;
         -webkit-column-count: 2;
         -moz-column-count: 2;
         column-count: 2;
         text-align: center;
		     z-index: 9;
    position: relative;
    }
	.parallax {
   /* background-color: #348c41;
    background-image: url(../images/pattern_1.png) !important; 
    background-repeat: repeat !important;
    background-size: auto !important; */
}
.parallax:before {
    opacity: 0 !important;
}
}
/* ========================================================================== Paralex CSS ========================================================================== */
 .page-hero {
     margin-top: -20px;
	min-height: 360px;
	background-color: #eee;
}
 .parallax {
    color: white;
    /* box-shadow: 0 0 8px rgba(0, 0, 0, .7) inset; */
    background-image: url(../images/strawberry_macro.jpg);
    min-height: 360px;
    background-attachment: fixed;
    background-position: top;
    /* background-position-y: 385%; */
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
}
 @media (max-width: 1100px) {
    .parallax {
     background-position-y: 0px !important;
}
}
 .parallax main.container{
     padding-top: 100px;
     padding-left: 15px;
     padding-right: 15px;
     padding-bottom: 120px;
     text-align: right;
	 line-height: 30px;
     height: 200px;
     position: relative;
}
 .parallax .typed-cursor {
     opacity: 1;
     -webkit-animation: blink 0.7s infinite;
     -moz-animation: blink 0.7s infinite;
     -ms-animation: blink 0.7s infinite;
     -o-animation: blink 0.7s infinite;
     animation: blink 0.7s infinite;
}
 .parallax .typed-cursor, .parallax .content {
     font-size: 20px;
}
 .parallax .typed-cursor {
    display: inline;
     font-size: 25px;
     font-weight: 100;
}
/* ========================================================================== Chart Styles ========================================================================== */
 #all-prices-chart {
     position: relative;
}
 .chartist-tooltip {
     background-color: #000;
     background-color: rgba(0, 0, 0, 0.59);
     color: white;
     border-radius: 5px;
     font-weight: 400;
     z-index: 100;
     font-family: BestFont;
}
 .chartist-tooltip:before {
     border-top-color: #000;
     border-top-color: rgba(0, 0, 0, 0.59);
}
 #details-modal .modal-body .ct-legend {
     font-size: 12px;
     margin-bottom: 0;
     padding-right: 0;
}
 .chartist-tooltip .chartist-tooltip-value:after{
     content: ' تومان';
}
 .ct-legend {
     position: relative;
     z-index: 10;
     list-style: none;
     margin-bottom: -10px;
}
 .ct-legend li {
     position: relative;
     padding-left: 23px;
     margin-right: 10px;
     margin-bottom: 3px;
     cursor: pointer;
     display: inline-block;
}
 .ct-legend li:before {
     width: 12px;
     height: 12px;
     position: absolute;
     left: 0;
     top: 3px;
     content: '';
     border: 3px solid transparent;
     border-radius: 2px;
}
 .ct-legend li .inactive:before {
     background: transparent;
}
 .ct-legend li:nth-child(1)::before {
     background-color: #348c41;
}
 .ct-legend li:nth-child(2)::before {
     background-color: #00dca6;
}
 .ct-legend li:nth-child(3)::before {
     background-color: #f4c63d;
}
 .ct-legend li:nth-child(1n+4)::before {
     background-color: #F06292;
}
 .ct-legend .ct-legend-inside {
     position: absolute;
     top: 0;
     right: 0;
}
 g:not(.ct-grids):not(.ct-labels) g:nth-child(1) .ct-point, g:not(.ct-grids):not(.ct-labels) g:nth-child(1) .ct-line {
     stroke: #d70206;
}
 g:not(.ct-grids):not(.ct-labels) g:nth-child(2) .ct-point, g:not(.ct-grids):not(.ct-labels) g:nth-child(2) .ct-line {
     stroke: #f05b4f;
}
 g:not(.ct-grids):not(.ct-labels) g:nth-child(3) .ct-point, g:not(.ct-grids):not(.ct-labels) g:nth-child(3) .ct-line {
     stroke: #f4c63d;
}
 g:not(.ct-grids):not(.ct-labels) g:nth-child(1n+4) .ct-point, g:not(.ct-grids):not(.ct-labels) g:nth-child(1n+4) .ct-line {
     stroke: #F06292;
}
/* ========================================================================== Helper classes ========================================================================== */
 .required-field{
     color: red;
}
/* * Hide visually and from screen readers */
 .hidden {
     display: none !important;
}
/* * Hide only visually, but have it available for screen readers: * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility * * 1. For long content, line feeds are not interpreted as spaces and small width * causes content to wrap 1 word per line: * https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe */
 .visuallyhidden {
     border: 0;
     clip: rect(0 0 0 0);
     -webkit-clip-path: inset(50%);
     clip-path: inset(50%);
     height: 1px;
     margin: -1px;
     overflow: hidden;
     padding: 0;
     position: absolute;
     width: 1px;
     white-space: nowrap;
    /* 1 */
}
/* * Extends the .visuallyhidden class to allow the element * to be focusable when navigated to via the keyboard: * https://www.drupal.org/node/897638 */
 .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
     clip: auto;
     -webkit-clip-path: none;
     clip-path: none;
     height: auto;
     margin: 0;
     overflow: visible;
     position: static;
     width: auto;
     white-space: inherit;
}
/* * Hide visually and from screen readers, but maintain layout */
 .invisible {
     visibility: hidden;
}
/* * Clearfix: contain floats * * For modern browsers * 1. The space content is one way to avoid an Opera bug when the * `contenteditable` attribute is included anywhere else in the document. * Otherwise it causes space to appear at the top and bottom of elements * that receive the `clearfix` class. * 2. The use of `table` rather than `block` is only necessary if using * `:before` to contain the top-margins of child elements. */
 .clearfix:before, .clearfix:after {
     content: " ";
    /* 1 */
     display: table;
    /* 2 */
}
 .clearfix:after {
     clear: both;
}

 
    /* Style adjustments for viewports that meet the condition */
}
 @media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}
/* ========================================================================== Print styles. Inlined to avoid the additional HTTP request: http://www.phpied.com/delay-loading-your-print-css/ ========================================================================== */
 @media print {
     *, *:before, *:after {
         background: transparent !important;
         color: #000 !important;
        /* Black prints faster: http://www.sanbeiji.com/archives/953 */
         box-shadow: none !important;
         text-shadow: none !important;
    }
     a, a:visited {
         text-decoration: underline;
    }
     a[href]:after {
         content: " (" attr(href) ")";
    }
     abbr[title]:after {
         content: " (" attr(title) ")";
    }
    /* * Don't show links that are fragment identifiers, * or use the `javascript:` pseudo protocol */
     a[href^="#"]:after, a[href^="javascript:"]:after {
         content: "";
    }
     pre {
         white-space: pre-wrap !important;
    }
     pre, blockquote {
         border: 1px solid #999;
         page-break-inside: avoid;
    }
    /* * Printing Tables: * http://css-discuss.incutio.com/wiki/Printing_Tables */
     thead {
         display: table-header-group;
    }
     tr, img {
         page-break-inside: avoid;
    }
     p, h2, h3 {
         orphans: 3;
         widows: 3;
    }
     h2, h3 {
         page-break-after: avoid;
    }
}
.fab {font-size: 24px;}
.carousel {margin-top: -20px;} 
.colornav {
    height: 5px !important;
}
.backtotop2:hover{
	cursor: pointer;
}
.blury {
    -webkit-filter: blur(1.2px);
    filter: blur(1.2px);
	pointer-events: none;
	cursor: default;
}
.basket{}
.unit_price_alaki{
text-decoration: line-through;
background: #348c41;
color: white;
padding: 2px 5px;
text-align: center;
border-radius: 5px;
font-size: 14px
}

#SearchResult{
    position: absolute;
    background: #fff;
    max-height: 200px;
    overflow-y: scroll;
    height: auto;
    top: 33px;
    border: 1px solid #dddd;
    display: none;
    scrollbar-width: thin;
    width: 95%;
    z-index: 2;
}
#SearchResult ul{
    list-style: none;
    padding-right: 10px;
    line-height: 1.8;
    padding-top: 5px;
}
#SearchResult ul li a{
    color: #606975;
}
.nopadding {
   padding: 0 !important;
}
.nopadding-right {
   padding-right: 0 !important;
}
.nopadding-left {
   padding-left: 0 !important;
}