@import "semstyle.css";
@import "mdcolors.css";
@import "bs-reset.css";
@import "mobile.css";
@import "tablet.css";
@import "desktop.css"; /* @import "headerNav.css"; */
@import "footer.css";



/************************************************/
:root {
    --main-blue: #a9d155;
    --main-primary: #a9d155;
    --main-secondary: #f17690;
    --main-primary-dark: #219f57;
;
}

body{
    font-size:14px;
    /* padding-top:30px; */
    -webkit-text-stroke-width:0px !important;
}


p{
    line-height:1.7;
}


h1, .h1 { font-size: 20px; }
h2, .h2 { font-size: 18px; }
h3, .h3 { font-size: 16px; }
h4, .h4 { font-size: 14px; }
h5, .h5 { font-size: 12px; }
h6, .h6 { font-size: 10px; }


.pageSideFloatIcon {
    position: fixed;
    right: -10px;
    z-index: 999999;
    font-size: 10px;
    background: white;
    box-shadow: 7px 7px 12px #00000026;
    color: #444444;
    border-radius: 50px 0px 0px 50px;
    padding: 8px 18px;
    cursor: pointer;
    border: 1px solid #e0e0e0;
    transition: 0.5s ease all;
}

.pageSideFloatIcon:hover {
    right: 0px;
}

#gotoDashboard {
    top: 200px;
}

#nodeEditLink {
    top: 275px;
    font-size: 5px;
    /* right: -18px; */
}

#backToTop {
    position: fixed;
    bottom: 15px;
    left: 20px;
    z-index: 999999;
    /* background: #ffffff; */
    background: rgb(232,232,232);
    box-shadow: 0px 0px 10px #000000ab;
    background: linear-gradient(0deg, rgb(197 197 197) 0%, rgba(255,255,255,1) 70%);
    color: #828282;
    padding: 10px 12px;
    font-size: 9px;
    border-radius: 50px;
    cursor: pointer;
    display: none;
}

.text-gray {
    color: #494949;
}

.text-lightgray {
    color: #666;
}

.blueUnderdash {
    color: var(--main-blue);
    border-bottom: 1px dashed var(--main-blue);
}

body {
    background: #f5f5f5 top center no-repeat;
    width: 100%;
    height: 100%;
}

body.path-node.page-node-type-content {
    /* background:#efefef; */
}

#mainTopHeader{
    background-color: white;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 9999;
    box-shadow: 0px 0px 10px #ddd;
}


#mainTopHeader #navSideIcons .icoSide{
    color: #a1a3a1;
    padding: 13px 5px 10px 0px;
    display:inline-block;
    font-size:13px;
}

#mainTopHeader #navSideIcons .icoSide i{
    font-size:18px;
    padding-left:10px;
    transform: translateY(5px);
}
#mainTopHeader #navSideIcons .icoSide span{

}


#mainTopHeader #navSideIcons .icoSide:hover{
    color: var(--main-primary-dark);
}



.slideout-menu {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 256px;
    min-height: 100vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 0;
    display: none;
    background: var(--main-blue);
}

.slideout-menu-left {
    left: 0;
}

.slideout-menu-right {
    right: 0;
}

.slideout-panel {
    position: relative;
    z-index: 1;
    will-change: transform;
    /* background-color: #FFF; */
    /* A background-color is required */
    min-height: 100vh;
}

.slideout-open, .slideout-open body, .slideout-open .slideout-panel {
    overflow: hidden;
}

.slideout-open .slideout-menu {
    display: block;
}

.panel:before {
    content: '';
    display: block;
    background-color: rgba(0, 0, 0, 0);
    transition: background-color 0.5s ease-in-out;
}

.panel-open:before {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, .5);
    z-index: 99;
}

.menu-section {
    margin: 0px 0px 20px 0px;
}

.menu-section-title {
    text-transform: uppercase;
    color: #e7e7e7;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 1px;
    padding: 20px 20px;
    margin: 0;
    background: #17466d;
}

#menu.sideNavMenu .menu-section-list {
    padding: 0;
    margin: 10px 0;
    list-style: none;
}

#menu.sideNavMenu .menu-section-list ul {
    display: block;
    float: none;
    width: 100%;
    margin: 0px;
}

#menu.sideNavMenu .menu-section-list ul li {
    display: block;
    float: none;
    width: 100%;
}

#menu.sideNavMenu .menu-section-list a {
    display: block;
    padding: 15px 20px;
    color: white;
}

#menu.sideNavMenu .menu-section-list a:hover {
    background-color: rgba(255, 255, 255, 0.1);
    text-decoration: none;
}

.sf-dump {
    direction: ltr !important;
}

.up_footer {
    background-color: #f9f9f9;
}


a {
    text-decoration: none !important;
}

a:focus, a:hover {
    color: #6bb927;
}

.zeropadding {
    padding: 0;
}

body.rtl header#mainHeader {
    background: #f0f0f0 url(img/header.jpg) top center no-repeat;
    width: 100%;
}

body.ltr header#mainHeader {
    background: #f0f0f0 url(img/header-ltr.jpg) top center no-repeat;
    width: 100%;
}

/*=================[ blocks ]===================*/
.blockTitleBox {
}

.blockTitleBox h2 .titleIcon {
    font-size: 13px;
    color: var(--main-orange);
}

.blockTitleBox h2.block-title {
    /* font-size: 18px; */
    width: 100%;
    margin-bottom: 25px;
    font-weight: bold;
    background-color: #003dad;
    padding: 15px;
    border-radius: 10px;
    text-align: center;
}

.blockTitleBox h2.block-title::after {
    display: block;
    content: ' ';
    /* border-bottom: 2px solid #d3d3d3; */
    /* margin-top: 8px; */
}

.blockTitleBox h2.block-title span {
    /* background: #003dad; */
    /* padding: 5px 20px; */
    /* border-bottom: 2px solid #003dad; */
    color: white;
    font-size: 18px;
    font-weight: 400;
    border-radius: 0px 10px 0px 0px;
}

/*=================[ ITEM: thumb-title-shadow ]===================*/
.item.d-thumb-title-shadow {
}

.item.d-thumb-title-shadow .imgPack {
    position: relative;
}

.item.d-thumb-title-shadow .imgPack .titlePack h1 {
    position: absolute;
    bottom: 0px;
    z-index: 1;
    color: white;
    transition: .5s ease all;
    width: 100%;
    padding: 0px 15px 20px 15px;
    text-shadow: 0 0 10px #000;
    margin: 0px;
}

.item.d-thumb-title-shadow.thumbsmall .imgPack .titlePack h1 {
    font-size: 17px;
    line-height: 1.6;
}

.item.d-thumb-title-shadow .titlePack h1:after {
    position: absolute;
    bottom: 0;
    display: block;
    content: '';
    height: 190px;
    z-index: -1;
    left: 0;
    margin-left: 0;
    max-width: 100%;
    width: 100%;
    background: -moz-linear-gradient(top, transparent 0, #000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(100%, #000));
    background: -webkit-linear-gradient(top, transparent 0, #000 100%);
    background: -o-linear-gradient(top, transparent 0, #000 100%);
    background: -ms-linear-gradient(top, transparent 0, #000 100%);
    background: linear-gradient(to bottom, transparent 0, #000 80%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
}

/*=================[ ITEM: CARD ]===================*/
.item.vm-card {
    background: white;
    /* box-shadow: 1px 1px 0px #c2c2c2; */
    position: relative;
    /* margin-left: -1px; */
    /* margin-top: -1px; */
    /* margin-bottom: 1px; */
    border: 1px solid #d8d8d8;
    border-left: 0px;
    border-radius: 4px;
    /* border-top: none; */
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.item.vm-card:hover {
    -webkit-box-shadow: 0 2px 17px 0 rgb(0 0 0 / 9%);
    box-shadow: 0 2px 17px 0 rgb(0 0 0 / 9%);
    z-index: 11;
}

.item.vm-card .imgWrapper{
    position:relative;
    overflow:hidden;
}

.item.vm-card .wrapper {
    padding: 10px;
    min-height: 100px;
}

.item.vm-card h1 {
    font-size: 13px;
    text-align: center;
    line-height: 1.7;
    min-height: 42px;
    margin: 0px 0px 10px 0px;
}

.item.vm-card .imgWrapper img {
    transition:0.5s ease all;
    padding: 15px 10px 5px 10px;
}

.item.vm-card:hover .imgWrapper img {
    /* transform: scale(1.8); */
}

.item.vm-card .imgWrapper {
    position:relative;
}

.item.vm-card .cat{
    position:absolute;
    bottom: 25%;
    left:0px;
    padding: 5px 11px;
    background:var(--main-blue);
    color:white;
    text-align: center;
    font-size: 10px;
    z-index: 99;
}

/*=================[ ITEM: TEASER ]===================*/
.item.vm-teaser {
    position: relative;
    display: table;
    margin-bottom: 20px;
    width: 100%;
    clear: both;
}

.item.vm-teaser h1 {
}

.item.vm-teaser small.surtitle {
    font-size: 12px;
    color: #888888;
}

.item.vm-teaser .desc {
    font-size: 12px;
    color: #888888;
}

body.rtl .item.vm-teaser h1 {
    line-height: 1.5;
    font-size: 14px;
    margin-top: 0px;
    font-weight: bold;
}

.item.vm-teaser .wrapper {
    padding-bottom:30px;
}
.item.vm-teaser .newsTime {
    font-size: 11px;
    color: #b9bec1;
    /* padding-top: 20px; */
    position: absolute;
    bottom: 0px;
}

.item.vm-teaser .col-md-8 {
    display: flex;
    height: 100%;
}

/*=================[ ITEM: LITTLE TEASER ]===================*/
.item.vm-little-teaser {
    position: relative;
    display: flex;
}

.item.vm-little-teaser h1 {
}

.item.vm-little-teaser .desc {
    font-size: 12px;
}

body.rtl .item.vm-little-teaser h1 {
    line-height: 1.5;
    font-size: 13px;
    margin-top: 0px;
    font-weight: bold;
}

.item.vm-little-teaser .wrapper {
    padding-bottom: 0px;
}
.item.vm-little-teaser .newsTime {
    font-size: 11px;
    color: #b9bec1;
    /* padding-top: 20px; */
    position: absolute;
    bottom: 0px;
}

.item.vm-little-teaser .col-md-8 {
    display: flex;
    height: 100%;
}
/*=================[ ITEM: box-title-shadow ]===================*/

.item.box-title-shadow
{
    position:relative;
    margin-bottom: 0px;
    display: flex;
    background:black;
}
.item.box-title-shadow:hover img{
    opacity:0.8;
}

.item.box-title-shadow .imgWrapper:after
{
    position:absolute;
    bottom:0;
    display:block;
    content:'';
    height: 70%;
    z-index:0;
    left:0;
    margin-left:0;
    max-width:100%;
    width:100%;
    background:-moz-linear-gradient(top,transparent 0,#000 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0,transparent),color-stop(100%,#000));
    background:-webkit-linear-gradient(top,transparent 0,#000 100%);
    background:-o-linear-gradient(top,transparent 0,#000 100%);
    background:-ms-linear-gradient(top,transparent 0,#000 100%);
    background:linear-gradient(to bottom,transparent 0,#000 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#000000',GradientType=0);
}

.item.box-title-shadow > .wrapper{
    width:100%;
    height:100%;
}

.item.box-title-shadow .imgWrapper{
    /* position:absolute; */
    width:100%;
    height:100%;
}

.item.box-title-shadow .imgWrapper img{
    width:100%;
    height:100%;
    z-index:9;
    transition:0.5s ease all;
}

.item.box-title-shadow .title
{
}

.item.box-title-shadow .titleWrapper{
    position:absolute;
    width:100%;
    height:100;
    bottom:0px;
    z-index:10;
    padding:0px 10px 10px 10px;
}

.item.box-title-shadow .title h1
{
    text-shadow:0 0 10px #000;
    font-size:16px;
    line-height: 1.5;
}
.item.box-title-shadow .surtitle
{
    margin:10px 0px;
}
.item.box-title-shadow .surtitle small
{
    color:white;
}
.item.box-title-shadow a,.item.box-title-shadow .surtitle small
{
    color:white;
}
.item.box-title-shadow a:hover
{
    color:white;
}




.small .item.box-title-shadow .title h1:after
{
    height:100px
}

.item.box-title-shadow.small .title h1:after
{
    height:70px
}


/*=================[ ITEM: icontitle ]===================*/
.item.vm-icon-title {
    margin-bottom: 10px;
    background: #ebebeb;
    padding: 10px 15px;
    border-radius: 5px;
}

.item.vm-icon-title.redtitle a {
    color: #de1900;
}

.item.vm-icon-title.redtitle a:hover {
    color: var(--main-orange);
}

.item.vm-icon-title a {
    color:black;
}

.item.vm-icon-title a:hover {
    color:var(--main-red);
}

.item.vm-icon-title .fas.fa-circle {
    font-size: 6px;
    color: var(--main-orange);
}

.item.vm-icon-title h1 {
    font-size: 13px;
}
.item.vm-icon-title h1 i {
    color:var(--main-red);
}

body.ltr .item.vm-icon-title h1 {
    line-height: 1.3;
}

.item.vm-icon-title .icoAttach {
}


/*=================[ content page ]===================*/
body.path-node.page-node-type-content .region-content .itemscope>div {
    padding: 10px 0px;
}

body.path-node.page-node-type-content .region-content .itemscope>div.cImgWrapper {
    padding: 0px;
}

body.path-node.page-node-type-content .region-content {
    background: white;
}

body.path-node.page-node-type-content .region-content .cTitle {
    padding: 10px 5px 10px 5px;
    text-align: justify;
    margin: 0px;
}

body.path-node.page-node-type-content .region-content .titleWrapper {
    padding: 25px 10px 5px 10px;
}

body.path-node.page-node-type-content .region-content .titleWrapper small {
    font-size: 12px;
}

body.path-node.page-node-type-content .region-content .cImg {
    width: 100%;
    /* margin-top: 20px; */
    margin-bottom: 5px;
    padding: 0px;
}

body.path-node.page-node-type-content .region-content .titleWrapper a {
    color: black;
}

body.path-node.page-node-type-content .region-content .titleWrapper a:hover {
    color: #337ab7;
}

body.path-node.page-node-type-content .region-content .cExcerpt {
    padding: 20px;
    text-align: justify;
    line-height: 1.8;
    background: #ebebeb;
    clear: both;
    font-weight: 700;
}

body.path-node.page-node-type-content .region-content .cBody {
    padding: 10px 20px;
    text-align: justify;
    margin: 5px 0px;
    transition: 0.5s ease all;
    line-height: 180%;
}

body.path-node.page-node-type-content .region-content .cBody img{
    width:80%;
    margin:10px auto;
    text-align:center;
}

body.path-node.page-node-type-content .region-content .cBody {
}

body.path-node.page-node-type-content .region-content .cBody a {
    color: var(--main-blue);
}

body.path-node.page-node-type-content .region-content .cBody a:hover {
    color: #6e6e6e;
}

body.path-node.page-node-type-content .region-content .cBody blockquote {
    font-size: 15px;
    line-height: 180%;
}

body.path-node.page-node-type-content .region-content .cBody img {
    margin: 20px 0px;
}

body.path-node.page-node-type-content .region-content .nodeMeta div {
    font-size: 15px;
}

body.path-node.page-node-type-content .region-content .nodeMeta .tools {
    margin: 0px 5px 0px 0px;
}

body.path-node.page-node-type-content .region-content .nodeMeta .tools .mta {
    margin: 13px 10px;
    display: inline-block;
}

body.path-node.page-node-type-content .region-content .nodeMeta .tools i {
    font-size: 22px;
}

body.path-node.page-node-type-content .cAttach .contMedia {
    margin: 25px 0px 25px 0px;
    clear: both;
    /* display:flex; */
}

body.path-node.page-node-type-content .socialshare a {
    display: inline-block;
    padding: 7px 12px 0px 12px;
    font-size: 22px;
}

body.path-node.page-node-type-content .socialshare a.telegram {
    color: #0087cc;
}

body.path-node.page-node-type-content .socialshare a.telegram:hover {
    color: white;
    background: #0087cc;
}

body.path-node.page-node-type-content .socialshare a.twitter {
    color: #1da1f2;
}

body.path-node.page-node-type-content .socialshare a.twitter:hover {
    color: white;
    background: #1da1f2;
}

body.path-node.page-node-type-content .socialshare a.facebook {
    color: #3b5998;
}

body.path-node.page-node-type-content .socialshare a.facebook:hover {
    color: white;
    background: #3b5998;
}

body.path-node.page-node-type-content .socialshare a.linkedin {
    color: #0077b5;
}

body.path-node.page-node-type-content .socialshare a.linkedin:hover {
    color: white;
    background: #0077b5;
}

body.path-node.page-node-type-content .socialshare a.whatsapp {
    color: #0b8a0b;
}

body.path-node.page-node-type-content .socialshare a.whatsapp:hover {
    color: white;
    background: #0b8a0b;
}

.cAttach {
    display: table;
    width: 100%;
}

.cAttach video {
    width: 100%;
    height: 490px;
    position: relative;
    /* -webkit-transform: scaleX(2);  */
    /* -moz-transform: scaleX(2); */
}

.cAttach .video {
    /* width: 100%; */
    /* min-height: 500px; */
    /* position:relative; */
    /* -webkit-transform: scaleX(2);  */
    /* -moz-transform: scaleX(2); */
}

.cAttach .video:before {
    background: rgb(0, 0, 0);
    width: 100%;
    height: 500px;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
}

body.path-node.page-node-type-content .cAttach .contMedia h4 {
    margin-bottom: 10px;
    font-size: 15px;
    color: #7e7e7e;
}

body.path-node.page-node-type-content .cAttach .contMedia audio {
    width: 80%;
    /* background:#ddd; */
}

body.path-node.page-node-type-content .contMedia.gal_winMode .galimg .item {
    background: #dedede;
    display: block;
    width: 100%;
    margin-bottom: 20px;
    padding: 20px 10px;
    transition: 0.5s ease all;
}

body.path-node.page-node-type-content .contMedia.gal_winMode .galimg .item:hover {
    background: #bbb;
}

.video-js-responsive-container.vjs-hd {
    padding-top: 56.25%;
}

.video-js-responsive-container.vjs-sd {
    padding-top: 75%;
}

.video-js-responsive-container {
    width: 100%;
    position: relative;
}

.video-js-responsive-container .video-js {
    height: 100% !important;
    width: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
}

#headnewsSlider .item {
    min-height: 300px;
}

.swiper-pagination-bullets {
    margin: 5px auto;
    text-align: center;
}

.swiper-pagination-bullet {
    width: 5px;
    height: 6px;
    margin: 0px 4px;
}

/*=======================[ ADS blocks ]=====================*/
.agahi.vmode-adv-text {
    display: block;
    text-align: center;
    width: 100%;
    padding: 5px;
    margin-top: 5px;
    border: 1px solid #bce3fd;
    background: #ecf6fe;
    color: #003366;
}

.agahi.vmode-adv-text a {
    font-size: 15px;
    font-weight: 700;
    color: #003366;
}

.agahi.vmode-adv-text a:hover {
    color: var(--main-blue);
    border: 1px solid #E8E8E8;
}

.agahi.vmode-adv-text p {
    font: 8pt 'iranyekan';
}

#flashObject {
    position: relative;
    z-index: 1;
    width: 100%;
}

#floater {
    position: absolute;
    z-index: 100;
    top: 0px;
}

#floater:hover {
}

/*=======================[ END: ADS blocks ]=====================*/
body.path-node.page-node-type-content .entry-tags ul {
    padding: 0
}

body.path-node.page-node-type-content .entry-tags ul li {
    margin: 5px 16px 5px 12px;
    display: inline-block
}

body.path-node.page-node-type-content .entry-tags ul li h3 {
    margin: 0;
    padding: 0;
    line-height: 26px;
    font-size: 11px;
}

body.path-node.page-node-type-content .entry-tags ul li h3 a {
    color: #ffffff;
    display: block;
    padding: 0 8px;
    position: relative;
    background: #333
}

body.path-node.page-node-type-content .entry-tags ul li h3 a:after, body.path-node.page-node-type-content .entry-tags ul li h3 a:before {
    display: block;
    content: "";
    position: absolute;
}

body.path-node.page-node-type-content .entry-tags ul li h3 a:before {
    width: 5px;
    height: 5px;
    background: white;
    top: 10px;
    right: -3px;
    z-index: 11;
    border-radius: 100%
}

body.ltr body.path-node.page-node-type-content .entry-tags ul li h3 a:before {
    right: auto;
    left: -3px
}

body.path-node.page-node-type-content .entry-tags ul li h3 a:after {
    width: 0;
    height: 0;
    border-left: 16px solid #333;
    right: -16px;
    top: 0;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    z-index: 10
}

body.ltr body.path-node.page-node-type-content .entry-tags ul li h3 a:after {
    right: auto;
    left: -16px;
    border-left: 0 none;
    border-right: 16px solid #333
}

body.path-node.page-node-type-content .entry-tags ul li h3 a:hover {
    text-decoration: none;
    color: rgb(255 255 255);
    background: var(--main-blue);
}

body.path-node.page-node-type-content .entry-tags ul li h3 a:hover:after {
    border-left-color: var(--main-blue);
}

body.ltr body.path-node.page-node-type-content .entry-tags ul li h3 a:hover:after {
    border-left-color: var(--main-orange);
}

/*=====================================[ PRODUCT PAGE ]========================================*/
.whiteShadowBox {
    background-color: #fff;
    border: 1px solid #e4e4e4;
    margin-bottom: 25px;
    /* box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%); */
    padding: 10px 0px 20px 0px;
    border-radius: 4px;
}

.whiteShadowBox .wbTitle {
    color: #232933;
    font-size: 16px;
    line-height: 1.375;
    font-weight: 700;
    margin-bottom: 16px;
}

.whiteShadowBox .wbTitleT2 {
    border-bottom: 1px solid #dadada;
    margin-bottom: 16px;
    margin-right: 30px;
    margin-left: 30px;
    margin-top: 0px;
}

.whiteShadowBox .wbTitleT2 span {
    color: #4f5969;
    font-size: 1.7rem;
    line-height: 2;
    font-weight: 700;
    padding: 5px 5px;
    border-bottom: 1px solid var(--main-orange);
}

.grayWells {
    line-height: 22px!important;
    background-color: #f5f5f5;
    border: 1px solid #e4e4e4;
    border-radius: 5px;
    overflow: hidden;
    padding: 15px;
}

.productInfoBox {
    display: table;
    width: 100%;
}

.productInfoBox .col1 {
    margin-top: 30px;
}

.productInfoBox .col1 a {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
}

.productInfoBox .col1 a i {
}

.productInfoBox .prodTitle {
    border-bottom: 1px solid #dedede;
    padding-bottom: 10px;
    line-height: 1.5;
    font-size: 16px;
}

.productInfoBox .col4 .price {
}

.productInfoBox .col4 .btnAddToCartBox {
}

.productInfoBox .col4 .btnAddToCartBox .btnAddToCart {
}

.productProperties ul {
    list-style: disc;
    height:150px;
    overflow:hidden;
    position:relative;
    transition: 0.5s ease all;
    margin-bottom: 50px;
}

.productProperties ul .moreList{
    display: table-cell;
    vertical-align: bottom;
    padding-top: 19px;width:100%;
    position:absolute;
    bottom:0px;
    right:0px;
    font-size: 20px;
    text-align:center;
    cursor: pointer;color: black;background: linear-gradient(#ffffff00,#ffffff);
    z-index: 100;}

.productProperties ul.open{
    height: auto;
    overflow: inherit;
    padding-bottom:30px;
}

.productProperties ul.open .moreList{

}


.productProperties ul.closed .moreList:hover{
    color:#003dad;
}

.productProperties ul li {padding-bottom: 5px;}

.productInfoBox .mediaAttachments .swiper-slide img {
    width: 100%;
}

.mediaAttachments a {
    border: 1px solid #dedede;
    display: inline-block;
    /* width:110px; */
    /* height:110px; */
    text-align: center;
    margin: 0px auto;
}

.mediaAttachments a i.fa-youtube {
    font-size: 50px;
    position: absolute;
    right: 50%;
    transform: translateX(50%) translateY(-50%);
    top: 50%;
}

.product_notif .alert {
    font-size: 12px;
    border-radius: 3px;
    background-color: #e42d4a;
    color: white;
    border-color: transparent;
}

.productBarcode div.value {
    direction: ltr;
    text-align: left;
}


/* body.page-node-type-product .datasheets{

}
body.page-node-type-product .datasheets .box{
    text-align: right;
    border: 1px solid #d2d2d2;
    padding: 10px 10px;
    border-radius: 4px;
    background: #e0e5ec;
    font-weight: 100;
    text-shadow: 1px 1px 0px #000;
}

body.page-node-type-product .datasheets .box:hover{background: #b9b9b9;color:white;}
body.page-node-type-product .datasheets .box:hover a{ color:white; }
body.page-node-type-product .datasheets .box a{color: #000000;} */



.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

#frontSlider .swiper-slide img {
    border-radius: 10px;
}

.mediaAttachments .swiper-button-next:after, .swiper-button-prev:after {
}

.swiper-button-next:after, .swiper-button-prev:after {
    color: #000000;
    font-weight: bold;
    font-size: 13px;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled , .swiper-button-next, .swiper-button-prev {
    background: #fff;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%);
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 0px;
    right: auto;
    border-radius: 0px 4px 4px 0px;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 0px;
    right: auto;
    border-radius: 4px 0px 0px 4px;
}

#brandsList {
}

#brandsList img {
    /* filter:grayscale(1); */
    /* opacity:0.5; */
    transition: 0.5s ease all;
    max-width: 100%;
}

#brandsList img:hover {
    filter: grayscale(0);
    opacity: 1;
}

#menuCategoriesMega .item img {
    width: 110px;
    height: 82px;
    margin: 0px auto;
    padding: 0px;
    filter: grayscale(1);
    transition: 0.5s ease all;
}

#menuCategoriesMega .item:hover img {
    filter: grayscale(0);
}

#menuCategoriesMega .item .title {
    font-size: 12px;
    padding: 10px 0px;
}

section.discountRow {
    background: url('img/bg-discount.jpg') center top no-repeat;
    min-height: 420px;
    background-size: contain;
    margin: 40px 0px;
}

#countToCart {
    width: 50%;
}

.whiteBG {
    background: white;
    border-radius: 5px;
}

.whiteBG .wrapper {
    padding: 20px;
}

#views-bootstrap-shop-front-page-1 .col {
    padding: 0px !important;
}

.searchWrapper {
    width: 100%;
    background: white;
    /* border: 1px solid #dedede; */
    border-radius: 4px;
    padding: 0px 0px;
    text-align: right;
    margin-top: 25px;
    box-shadow: 1px 1px 0px #d2d2d2;
}

.searchWrapper #txtSearch {
    width: 90%;
    border: 0px;
}

.searchWrapper button {
    background: transparent;
    border: 0px;
    font-size: 19px;
    padding-top: 5px;
}

.header-bottom-section {
    height: 51px;
    /* background: #bdbdbd; */
}

.header-top-section .colLeft .icoSide {
    font-size: 13px;
    color: #434548;
}

body.path-frontpage #headerone > .dropdown .dropdown-menu {
    /* display: block !important; */
}

#catsMenu.dropdown-menu {
    width: 250px;
    height: 640px;
    box-shadow: none;
    border-radius: 0;
    right: 30px;
}

#catsMenu.dropdown-menu:before {
    content: '\f0d8';
    color: white;
    position: absolute;
    top: -25px;
    right: 8%;
    font-family: "Font Awesome 5 Pro";
    font-weight: bold;
    font-size: 30px;
}

#catsMenu.dropdown-menu #leftSide {
    width: 200%;
    height: 638px;
    background: white;
    display: none;
    position: absolute;
    left: -200%;
    top: 0px;
    border-right: 1px solid #dedede;
    z-index: 2;
}

#catsMenu.dropdown-menu a {
    color: #333;
}

#catsMenu.dropdown-menu a:hover {
    color: var(--main-blue);
}

#catsMenu.dropdown-menu .item a {
    padding: 13px 20px;
    display: block;
}

#catsMenu.dropdown-menu #rightSide.item a:hover {
    font-weight: bold;
}

#catsMenu.dropdown-menu #leftSide a {
    padding: 3px;
    display: block;
}

#catsMenu.dropdown-menu #leftSide a:hover {
    text-decoration: underline !important;
}

#catsMenu.dropdown-menu .item {
    display: table;
    width: 100%;
    clear: both;
}

#contentGrayHover {
    background: #a1a1a187;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    width: 100%;
    height: calc(2 * 100vh - 160px);
    position: absolute;
    top: 160px;
    right: 0px;
    display: none;
    z-index: 5;
}


#mobMenuCategories {
    background: #fff;
    width: 100%;
    height: calc(100vh - 151px);
    position: absolute;
    top: 151px;
    right: 0px;
    display: none;
    z-index: 5;
}

.search-component div.search1 {
    margin-bottom: 15px;
    height: 45px;
    padding-top: 7px;
    /* background:#fff; */
    border: none;
    z-index: 2;
    position: relative;
    box-shadow: none;
}

.search-component div.search1 .search-container {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.search-component div.search1 .search-container ul.mblScopeSearch {
    padding: 0;
    left: -20px;
    top: 40px;
}

.search-component div.search1 .search-container ul.mblScopeSearch .scopeTitle {
    margin: 20px 0 5px 0;
    border: none;
    font-size: 14px;
    font-weight: bold;
}

.search-component div.search1 .search-container ul.mblScopeSearch li {
    border-bottom: 1px solid #e0e4e9;
    padding-left: 10px;
}

.search-component div.search1 .search-container ul.mblScopeSearch li button {
    background: none !important;
    border: none;
    color: #333;
    font-size: 13px;
    padding: 5px 2px;
    text-align: left;
}

.search-component div.search1 .search-container ul.mblScopeSearch li button:focus {
    outline: 1px solid #4c8bf5;
    outline: 5px auto -webkit-focus-ring-color;
}

.search-component div.search1 .search-container ul.mblScopeSearch li:hover {
    background-color: #e7f3f9;
}

.search-component div.search1 .dropdown-search-button {
    color: #585d62 !important;
    text-shadow: none !important;
    /* background-image: linear-gradient(#003dad,#d7d7d7); */
    background: #e5e5e5;
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 0;
    height: 39px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    /* border: 1px solid #a9afb7; */
    border-radius: 0px;
    border: 0px;
}

.search-component div.search1 .dropdown-search-button:hover {
    background: #efefef;
}

.search-component div.search1 .dropdown-search-button:focus {
    outline: 1px solid #4c8bf5;
    outline: 5px auto -webkit-focus-ring-color;
}

.search-component div.search1 span.caret {
    position: absolute !important;
    top: 45%;
    right: 6px;
}

.search-component div.search1 input.form-control.search-input {
    height: 39px;
    padding: 4px 12px;
    /* border-top: 1px solid #a9afb7; */
    /* border-bottom: 1px solid #a9afb7; */
    /* border-right: none !important; */
    /* border-left: 1px solid #a9afb7; */
    border-radius: 0 !important;
    position: relative;
    box-shadow: none;
    font-size: 14px;
    background: #eee;
    border: 0px;
}

.search-component div.search1 input.form-control.search-input:focus {
    border-right: none;
    border-color: #7f7f7f;
    outline: 4px solid transparent;
    /* -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgb(135 135 135 / 60%); */
    /* box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgb(169 169 169 / 60%); */
}

.search-component div.search1 div.threeColumns {
    list-style: none;
    /* columns: 3; */
    /* -webkit-columns: 3; */
    -moz-columns: 3;
    padding-left: 0;
}

.search-component div.search1 div.dropdown-menu {
    height: auto;
    padding: 15px 15px 30px 15px;
    font-size: 12px;
    border-radius: 0;
    left: -168px;
    margin-top: 5px;
    border: none;
    box-shadow: 0 -3px 6px rgba(0,0,0,.175);
    /* width: 390px; */
}

.search-component div.search1 div.dropdown-menu ul.sub-list {
    line-height: 1.4em;
    display: flex;
    padding: 0;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: center;
    width: 100%;
    flex-direction: column;
    align-items: center;
}

.search-component div.search1 div.dropdown-menu ul.sub-list li {
    background: #fff;
    padding: 5px 0px 5px 0px;
    list-style-type: none;
    /* break-inside: avoid-column; */
    /* -webkit-column-break-inside: avoid; */
    text-align: right;
    width: 100%;
    min-height: 28px;
}

.search-component div.search1 div.dropdown-menu ul.sub-list li button {
    background: none !important;
    border: none;
    text-decoration: none;
    color: #333;
    font-size: 12px;
    display: block;
    /* white-space: pre-wrap; */
    padding: 5px 10px;
    cursor: pointer;
    text-align: right;
    width: 100%;
}

.search-component div.search1 div.dropdown-menu ul.sub-list li button:hover {
    text-decoration: none;
}

.search-component div.search1 div.dropdown-menu ul.sub-list li button:focus {
    outline: 1px dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
}

.search-component div.search1 div.dropdown-menu ul.sub-list li:hover {
    background-color: #ededed;
}

.search-component div.search1 div.dropdown-menu .scopeTitle {
    padding: 2px 10px;
    color: #333;
    font-weight: bold;
    line-height: 1.42857143;
    font-size: 15px;
    width: 100%;
}

.search-component div.search1 .dropdown-menu:before {
    content: "";
    border-bottom: 30px solid #fff;
    border-right: 30px solid transparent;
    border-left: 30px solid transparent;
    position: absolute;
    top: -14px;
    right: 0px;
}

.search-component div.search1 ul.mblScopeSearch:before {
    content: "";
    border-bottom: 30px solid #fff;
    border-right: 30px solid transparent;
    border-left: 30px solid transparent;
    position: absolute;
    top: -14px;
    left: 26px;
}

.search-component div.search1 .search-button {
    color: #fff;
    background: var(--main-secondary);
    font-size: 18px;
    /* background: #0070bb; */
    /* background-image: -webkit-linear-gradient(top,#0070bb 0%,#004792 100%); */
    background-image: -o-linear-gradient(top,#0070bb 0%,#004792 100%);
    /* background-image: linear-gradient(to bottom,#0070bb 0%,#004792 100%); */
    /* background-repeat: repeat-x; */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0070BB',endColorstr='#FF004792',GradientType=0);
    padding: 4px 20px;
    text-shadow: none;
    border: 0px;
    border-radius: 5px 0px 0px 5px;
    height: 39px;
}

.search-component div.search1 .search-button .fa.fa-search {
    padding-top: 0;
}

.search-component div.search1 .search-button:focus {
    outline: 1px solid #4c8bf5;
    outline: 5px auto -webkit-focus-ring-color;
}

.search-component div.search1 .search-button:hover {
    background: #c1596e;
    /* background-image: -webkit-linear-gradient(top,#0070bb 0%,#004792 10%); */
    background-image: -o-linear-gradient(top,#0070bb 0%,#004792 10%);
    /* background-image: linear-gradient(to bottom,#0070bb 0%,#004792 10%); */
    /* background-repeat: repeat-x; */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0070BB',endColorstr='#FF004792',GradientType=0);
    color: #fff;
}

.search-component div.search1 .headerSearchBox:focus {
    background-color: #fff;
}

.search-component div.search1 .headerSearchBox::-ms-clear {
    display: none;
}

.search-component div.search1 .search-container .checkboxes label {
    font-size: 11px;
    display: inline-block;
    padding-left: 10px;
}

.search-component div.search1 .checkbox-spacing {
    padding: 5px;
}

.search-component div.search1 input[type="radio"], .search-component div.search1 input[type="checkbox"] {
    line-height: normal;
    margin: 4px 0 0;
}

.search-component div.search1 label.stocked {
    margin-right: 10px;
}

.search-component div.search1 label {
    font-size: 12px;
    font-weight: normal;
    margin-top: 8px;
}

.search-component div.search1 .clear-input {
    right: 30px;
    border-right: 1px solid #d9d9d9;
}

.search-component div.search1 ::-ms-clear {
    display: none;
}

.search-component div.search1 .form-control-clear {
    z-index: 10;
    pointer-events: auto;
    cursor: pointer;
    color: #7f7f7f;
    padding-top: 12px;
}

.search-component div.search1 .fa-spinner {
    padding-top: 3px;
}


#flexSlider .smallPicture {
    vertical-align: middle;
    position:relative;
    text-align: center;
}

#flexSlider a{
    color:var(--main-blue);
}
#flexSlider a:hover{
    color:black;
}

#flexSlider .smallPicture img{
}
#flexSlider .bigPicture {

}



#recentProducts h1.wbTitleT2{
    font-size: 1.6rem;
    padding: 15px 0px;
    color: #404040;
    border-bottom: 1px solid #b1b1b1;
    margin-bottom: 30px;
}
#recentProducts h1.wbTitleT2 span{
    border-bottom: 1px solid var(--main-blue);
    padding-bottom: 13px;
}


#userProfileNav{
    border-left:1px solid #ddd;
}




.page-node-type-order .topRow{
    display: flex;
}


.page-node-type-order .topRow .date{
    position:relative;
    display: flex;
}


.page-node-type-order .topRow .date .wrapper{
    position:absolute;
    bottom:0px;
    left:0px;
}



.path-magazine, .page-node-type-content{
    background-color: white;
}



.view-content.listview {}
.view-content.listview .rowItem{
    background-color: white;
    display: table;
    width: 100%;
    border-radius:5px;
    box-shadow: 3px 3px 10px #00000047;
}
.view-content.listview .wrapper{
    padding: 20px;
    display: table;
    width: 100%;
}



#fastSearchResult{
    display:none;
}
#fastSearchResult a{
    color:black;
}
#fastSearchResult a:hover{
    color:var(--main-blue);
}
#fastSearchResult .contents > .wrapper{
    padding:15px;
}

#fastSearchResult .btnCloseFastSearch {
    cursor: pointer;
}

#fastSearchResult .contents .eraBox{
    text-align: right;
}
#fastSearchResult .contents .eraBox .resItems{
    padding: 5px 15px 20px 0px;
}
#fastSearchResult .contents .eraBox .resItems .label-primary{
    background: var(--main-blue);
}
#fastSearchResult .contents .eraBox .headTitle{
    text-align: right;
    margin-bottom: 10px;
    color: black;
    font-weight: bold;
}

#fastSearchResult .contents .prodcatEra .item{
    display: inline-flex;
    border: 1px solid #c3c3c3;
    border-radius:50px;
    justify-content: space-around;
    align-content: center;
    align-items: center;
    padding: 0px;
    margin-bottom: 5px;
    margin-left: 1px;
}

#fastSearchResult .contents .prodcatEra .item > .wrapper{
    padding: 5px 10px;
}

#fastSearchResult .item{
    padding: 0px 0px 10px 0px;
    display:flex;
}

#fastSearchResult .item h3{
    line-height:1.6;
    padding:0px;
    margin:0px;
    text-align:right;
    font-size:13px;
}

#fastSearchResult .searchTitle{
    margin:0px 0px 10px 0px;
    padding:10px 10px;
    color:black;
    text-align:right;
    font-weight: bold;
    font-size:13px;
}


#btnTopCart , #btnTopQuoteCart{
    position:relative;
    margin-right:10px;
}

#btnTopCart .basketCount,
#btnTopQuoteCart .basketCount
{
    position:absolute;
    bottom:0px;
    right:-5px;
    background-color:red;
    color:white;
    font-size:10px;
    padding:2px 4px;
    border-radius:10px;
    display:none;
}

#btnTopCart .basketCount
{
    background-color:red;
}

#btnTopQuoteCart .basketCount
{
    background-color:var(--main-secondary);
}




.product.item.vm-card .barcode .partNumber{
    /* border: 1px solid #8d8d8d; */
    /* border-radius:4px; */
    padding: 4px 8px 3px 8px;
    font-size: 9px;
    color: #000000;
    font-weight: 800;
    background: #8c8c8c;
    color: white;
}


.filterTag{
    background: white;
    padding: 4px 9px;
    margin-left: 10px;
    margin-bottom: 5px;
    box-shadow: 1px 1px 1px #c3c3c3;
}
.filterTag:hover{
    background: var(--main-blue);
    color:white;
}

.filterTag .title{
}
.filterTag .removeFilterTag{
}

.filterBox{margin-bottom: 10px;}
.filterBox .title{
    padding-right: 10px;
    /* border-bottom: 1px solid #dedede; */
    /* margin-bottom: 10px; */
    /* display: inline-block; */
    /* width: 100%; */
}
.filterBox .title h4{
    display: inline-block;
}
.filterBox .title .icoExpand{
    display: inline-block;
    padding: 10px 0px 0px 10px;
}
.filterBox .title .icoExpand i{
    transform: rotate(180deg);
    transition: 0.5s ease all;
}
.filterBox .wrapper{
    margin-left: 10px;
    padding: 2px 10px;
    background: white;
    border-radius: 10px;
    border: 1px solid #dcdcdc;
}

.filterBox.closed .contents{
    display:none;
}
.filterBox.closed .title .icoExpand i{transform: rotate(0deg);}
.filterBox .contents{
    max-height: 300px;
    overflow-y: scroll;
    display:block;
    border-top: 1px solid #dedede;
    margin-top: 10px;
}



footer .row4{
    background: var(--main-primary-dark);
    color: white;
}
footer .row3 a{
    color: var(--main-primary-dark);
}
footer .row4 a{
    color: white;
}

footer .row4 .developedby {}



#enamad {
    width: 110px;
    height: 123px;
    margin: 0px auto;
    background: white;
    border-radius: 5px;
    padding: 10px 10px;
    text-align: center;
}

#invoice-print #invoiceHeader{background: linear-gradient(45deg, #d1653d, white) !important;}
#invoice-print #invoiceFooter * , #invoice-print #invoiceFooter *:after, #invoice-print #invoiceFooter *:before  {color: #d1653d !important;}

#views-bootstrap-product-search-api-page .row > div{
    padding:0px !important;
}
#views-bootstrap-product-search-api-page .row{
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
}

section#cats img{
    max-width:100%;
}

@media print{
    * {
        -webkit-print-color-adjust: exact !important;   /* Chrome, Safari 6 – 15.3, Edge */
        color-adjust: exact !important;                 /* Firefox 48 – 96 */
        print-color-adjust: exact !important;           /* Firefox 97+, Safari 15.4+ */
    }

}