/*================================================================================
NOTE:
------
PLACE HERE YOUR OWN CSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */


.flexslider .slides img {
    width: 100px;
    display: block;
}

/* OUTER CONTAINER */
.tcontainer {
    width: 100%;
    overflow: hidden; /* Hide scroll bar */
}

/* MIDDLE CONTAINER */
.ticker-wrap {
    width: 100%;
    padding-left: 100%; /* Push contents to right side of screen */
    background-color: #ffe867;
}

/* INNER CONTAINER */
@keyframes ticker {
    0% { transform: translate3d(0, 0, 0); }
    100% { transform: translate3d(-100%, 0, 0); }
}
.ticker-move {
    /* Basically move items from right side of screen to left in infinite loop */
    display: inline-block;
    white-space: nowrap;
    padding-right: 100%;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-name: ticker;
    animation-duration: 10s;
}
.ticker-move:hover{
    animation-play-state: paused; /* Pause scroll on mouse hover */
}

/* ITEMS */
.ticker-item{
    display: inline-block; /* Lay items in a horizontal line */
    padding: 0 2rem;
}

.selected-attr {
    border-color: #0083c1 !important;
}

.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: black;
    opacity: .5;
    z-index: 9999;
    display: none;
    /*visibility: hidden;*/
}

.spinner {
    position: absolute;
    left: 50%;
    top: 50%;
    height:60px;
    width:60px;
    margin:0px auto;
    z-index: 9999;
    -webkit-animation: rotation .6s infinite linear;
    -moz-animation: rotation .6s infinite linear;
    -o-animation: rotation .6s infinite linear;
    animation: rotation .6s infinite linear;
    border-left:6px solid rgba(0,174,239,.15);
    border-right:6px solid rgba(0,174,239,.15);
    border-bottom:6px solid rgba(0,174,239,.15);
    border-top:6px solid rgba(0,174,239,.8);
    border-radius:100%;
}

@-webkit-keyframes rotation {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation {
    from {-o-transform: rotate(0deg);}
    to {-o-transform: rotate(359deg);}
}
@keyframes rotation {
    from {transform: rotate(0deg);}
    to {transform: rotate(359deg);}
}


.cssload-container{
    position:relative;
}

.cssload-whirlpool,
.cssload-whirlpool::before,
.cssload-whirlpool::after {
    position: absolute;
    top: 50%;
    left: 50%;
    border: 1px solid rgba(245,5,25,0.77);
    border-left-color: rgb(95,150,245);
    border-radius: 824px;
    -o-border-radius: 824px;
    -ms-border-radius: 824px;
    -webkit-border-radius: 824px;
    -moz-border-radius: 824px;
}

.cssload-whirlpool {
    margin: -21px 0 0 -21px;
    height: 41px;
    width: 41px;
    left: 50%;
    top: 50%;
    animation: cssload-rotate 1150ms linear infinite;
    -o-animation: cssload-rotate 1150ms linear infinite;
    -ms-animation: cssload-rotate 1150ms linear infinite;
    -webkit-animation: cssload-rotate 1150ms linear infinite;
    -moz-animation: cssload-rotate 1150ms linear infinite;
}

.cssload-whirlpool::before {
    content: "";
    margin: -19px 0 0 -19px;
    height: 36px;
    width: 36px;
    animation: cssload-rotate 1150ms linear infinite;
    -o-animation: cssload-rotate 1150ms linear infinite;
    -ms-animation: cssload-rotate 1150ms linear infinite;
    -webkit-animation: cssload-rotate 1150ms linear infinite;
    -moz-animation: cssload-rotate 1150ms linear infinite;
}

.cssload-whirlpool::after {
    content: "";
    margin: -24px 0 0 -24px;
    height: 46px;
    width: 46px;
    animation: cssload-rotate 2300ms linear infinite;
    -o-animation: cssload-rotate 2300ms linear infinite;
    -ms-animation: cssload-rotate 2300ms linear infinite;
    -webkit-animation: cssload-rotate 2300ms linear infinite;
    -moz-animation: cssload-rotate 2300ms linear infinite;
}



@keyframes cssload-rotate {
    100% {
        transform: rotate(360deg);
    }
}

@-o-keyframes cssload-rotate {
    100% {
        -o-transform: rotate(360deg);
    }
}

@-ms-keyframes cssload-rotate {
    100% {
        -ms-transform: rotate(360deg);
    }
}

@-webkit-keyframes cssload-rotate {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes cssload-rotate {
    100% {
        -moz-transform: rotate(360deg);
    }
}

.jtv-category-area .jtv-product-content {
     float: right !important;
}

.jtv-category-area .product-img {
     width: auto;
}

.jtv-single-cat {
    margin-top: 40px;
}
.top-cart-content {
    z-index: 500 !important;
}
.mini-cart .dropdown-backdrop {
    z-index: 0;
}
.table-responsive.reviews-table {
    overflow: auto;
}
.pr-img-area img {
    width: auto;
    max-width: 100%;
    max-height: 260px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.whatsapp-btn {
    text-decoration: none;
    color: #eee;
    display: inline-block;
    background-color: #25d366;
    font-weight: bold;
    padding: 0.2rem 2rem;
    border-radius: 3px;
}

.whatsapp-btn:hover {
    background-color: #25d366;
    color: white;
}

.whatsapp-btn:focus {
    background-color: #25d366;
    color: white;
}

.fa-whatsapp:before {
    font-size: 24px;
}
.product-thumbnail {
    height: 260px;
}
@font-face {
    font-family: 'univers-next-arabic';
    src:  url('/store/fonts/UniversNextArabic-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
body{
    font-family: univers-next-arabic, Sans-Serif !important;
}

.mtmegamenu {
    font-family: univers-next-arabic, Sans-Serif !important;
}

.mega-menu-title h3{
    height: 56px;
}

@media (min-width: 767px) {
    .col-lg-3.col-xs-2.top-cart {
        width: 23%;
    }
    .top-cart-contain {
        margin-top: 32px;
    }

}

.parent {
    display: flex;
    flex-wrap: wrap;
}

.child {
    flex: 1 0 21%; /* explanation below */
    margin: 5px;
    height: 10px;
}

body {
    margin:0;
    /*height:2000px;*/
}

.icon-bar {
    left: 0%;
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.icon-bar a {
    display: block;
    text-align: center;
    padding: 16px;
    transition: all 0.3s ease;
    color: white;
    font-size: 20px;
}

.icon-bar a:hover {
    background-color: #000;
}

.facebook {
    background: #3B5998;
    color: white;
}
.whatsapp {
    background: #00e676;
    color: white;
}

.twitter {
    background: #55ACEE;
    color: white;
}

.skype {
    background: #00aeea;
    color: white;
}

.telegram {
    background: #139bd0;
    color: white;
}

.instagram {
    background: #ef1102;
    color: white;
}

.content {
    margin-left: 75px;
    /*font-size: 30px;*/
}

.menu_color{
    background: #333e48;
    border-top: 1px solid #333e48;
}
.mobile-menu li li {
    background: #333e48 ;
    border-top: 1px solid #ffffff ;
}

.mobile-menu li {
    background: #333e48 ;
    border-top-color: #000000;
}

#mobile-menu {
    background: #333e48 ;
}
.title >  span.title-text{
    color: #ffffff;
}

.menu_color > a.home1 {
    color: #ffffff;
}

.menu_color > a > span, .menu_color > a {
    color: #ffffff;
}

.menu_color > span {
    color: #ffffff;
}

.menu_color > span {
    color: #ffffff;
}

span.expand.fa.fa-plus
{
    color: #ffffff;
}

.mobile-menu li a {
    color: #ffffff;
}

.pagination-area > nav{
    background-color: transparent;
}

.input-sm-filter{
    width: 60px;
    font-size: 9px;
}

a.button-back {
    color: #ffffff !important;
}
@media (max-width: 765px) {
    .content {
        margin-left: 5px;
    }
}
.checkbox_container{
     margin-bottom: 26px !important;
 }
.checkmark{
    top: 5px !important;
}

@media (min-width:625px) and (max-width:999px) {
    .pr-img-area img {
        width: auto;
        max-width: 100%;
        max-height: 260px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}

.map-marker {
    text-align:center;
    font-weight: bold;
    font-family: univers-next-arabic, Sans-Serif, serif;
    padding-right: 15px;
}

.availability.out-of-stock span {
    padding: 5px 5px !important;
    font-size: 10px !important;
}

.category-sub-list {
    height: 125px;
}

a.link-learn{
    color: #0083c1;
}

.form-control{
    height: 100%;
}
.price-box{
    margin: 0;
}

li.item.col-lg-4.col-md-4.col-sm-6.col-xs-6 {
    max-height: 328px;
    margin-bottom: 20px;
}

.mtmegamenu > ul > li {
    margin-right: 20px;
    font-size: 14px;
}

.mtmegamenu .mt-root-item {
    line-height: 20px;
}

.lazyload{
    /*background-color:#555;*/
    background-image:url('/store/images/loader.gif');
    background-repeat:no-repeat;
    background-position:center;
    height: auto;
}