a           {transition: color 0.5s}
a:hover     {text-decoration: none; transition: color 0.5s}

h1, h2, h3, h4, h5, h6 {
    font-family:Font_1,Arial;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    line-height: normal;
}

.form-control:disabled, .form-control[readonly] {cursor: not-allowed;}

.fade.in {  opacity: 1  }

.d-flex.d-none  {display:none!important;}

.read-more-shadow{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+49,ffffff+100&0+0,1+76,1+76,1+100 */
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.64) 49%, rgba(255,255,255,1) 76%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.64) 49%,rgba(255,255,255,1) 76%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.64) 49%,rgba(255,255,255,1) 76%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.set-border-bottom-for-heading:after {
    background-color: var(--main-1);
    height: 3px;
    width: 7rem;
    content: "";
    display: block;
    margin-top: 0.2rem;
}

.tab-description img{max-width: 100%;height:auto!important;}

[data-toggle="collapse"].collapsed .rotate.fas {
    transform: rotate(180deg);
    transition: all 0.25s;
}
[data-toggle="collapse"] .rotate.fas {
    transition: all 0.25s;
}

.custom-control-label-top-auto.custom-control-label::before,
.custom-control-label-top-auto.custom-control-label::after
{
    top: auto;
}
.custom-control-label-margin-x.custom-control-label::before,
.custom-control-label-margin-x.custom-control-label::after{
    margin:0 1rem;
}

.sticker-wish-list.product-sticker > .badge{
    width: 2rem;
    height: 2rem;
}

.page-link{
    background-color: transparent;
}

/*** customize bootstrap breadcrumb style *** START ***/
.breadcrumb-item+.breadcrumb-item:before{
    content: '›';
}

.dir-rtl .breadcrumb-item+.breadcrumb-item:before {
    padding-left: .2rem;
    padding-right: .4rem;
}

.dir-ltr .breadcrumb-item+.breadcrumb-item:before {
    padding-right: .2rem;
    padding-left: .4rem;
}
/*** customize bootstrap breadcrumb style *** END ***/

/*** carousel AND mosaic custom style *** START ***/
.product-carousel-title,
.category-carousel-title
{
    height: 3rem;
}

.product-carousel-part-number {
    height: 1.5rem;
}

.product-carousel-last-price {
    height: 1.5rem;
}

.product-carousel-price {
    height: 1.6rem;
}

.product-carousel-description {
    height: 5rem;
}

.product-carousel-description ul.pmcms-bullet
{
    font-size: 0.75rem !important;
}
@media (max-width: 991px) {
    .product-carousel-btn
    {
        padding-right:0.8rem !important;
        padding-left:0.8rem !important;
    }
}

/*** carousel AND mosaic custom style *** END ***/

/*** promo code mosaic custom style *** START ***/
.promo-code-mosaic-title {
    height: 3rem;
}

.promo-code-mosaic-expire-date{
    height: 1.5rem;
}

.promo-code-mosaic-city{
    height: 1.5rem;
}
/*** promo code mosaic custom style *** END ***/

/********* product stickers styles *** START **********/
.product-sticker.sticker-position-right     {right: 2%;}
.product-sticker.sticker-position-left      {left:  2%;}
.product-sticker.sticker-position-top       {top:   2%;}
.product-sticker.sticker-position-bottom    {bottom:2%;}

.product-sticker.product-sticker-type-rectangle.sticker-position-left      {left:  1%;}
.product-sticker.product-sticker-type-rectangle.sticker-position-top       {top:   8%;}

.product-sticker {position: absolute;line-height:80%;font-size: 0; transition: all 0.5s;}

/*.product-sticker-type-circle.product-sticker-size-1     {height:22%;min-height: 75px;min-width: 75px;width: 22%;max-width: 165px;max-height:165px;}*/
.product-sticker-type-circle.product-sticker-size-1 {width: 25%;height:25%;}
.product-sticker-type-rectangle.product-sticker-size-1  {width: 50%;max-width: 200px;height: 15%;max-height: 62px;}
.product-slider-full-width-stickers-font .product-sticker-type-rectangle.product-sticker-size-1  {width: 30%}

.owl-slider-full-width-product .product-sticker-type-circle.product-sticker-size-1 {width:17%;}

.product-sticker-bg-red     {background-color: #d61601;}
.product-sticker-bg-withe   {background-color: #ffffff;}
.product-sticker-bg-black   {background-color: #222222;}
.product-sticker-bg-green   {background-color: #62BA3C;}

.product-sticker-type-circle    {border-radius: 50%;}
.product-sticker-type-rectangle {background-image: url("/style/images/inventory.png");transform: rotate(-10deg);transform-origin: top left;background-size: 100% 100%;}

.product-sticker-type-rectangle > div { padding-bottom: 1.4vh;}

.product-sticker-color-withe   {color: #fff;}
.product-sticker-color-black   {color: #222;}

.product-sticker-row-1   {display:flex;align-items: center;justify-content: center;flex-direction: row;      }
.product-sticker-row-2   {display:flex;align-items: center;justify-content: center;flex-direction: column;   }
.product-sticker-row-3   {display:flex;align-items: center;justify-content: center;flex-direction: column;   }

.product-sticker-type-circle.product-sticker-row-1 i  {margin-right:10px;margin-left:10px;}

.product-sticker-font-size-1 , .font-size-percent-50 {font-size:50%}
.product-sticker-font-size-2 , .font-size-percent-60  {font-size:60%}
.product-sticker-font-size-3 , .font-size-percent-70  {font-size:70%}
.product-sticker-font-size-4 , .font-size-percent-80  {font-size:80%}
.product-sticker-font-size-5 , .font-size-percent-90  {font-size:90%}
.product-sticker-font-size-6 , .font-size-percent-100  {font-size:100%}
.product-sticker-font-size-7 , .font-size-percent-105  {font-size:105%}
.product-sticker-font-size-8 , .font-size-percent-110  {font-size:110%}
.product-sticker-font-size-9 , .font-size-percent-115  {font-size:115%}
.product-sticker-font-size-10 , .font-size-percent-120 {font-size:120%}
.product-sticker-font-size-11 , .font-size-percent-125 {font-size:125%}
.product-sticker-font-size-12 , .font-size-percent-130 {font-size:130%}
.product-sticker-font-size-13 , .font-size-percent-135 {font-size:135%}
.product-sticker-font-size-14 , .font-size-percent-140 {font-size:140%}
.product-sticker-font-size-15 , .font-size-percent-145 {font-size:145%}
.product-sticker-font-size-16 , .font-size-percent-150 {font-size:150%}
.product-sticker-font-size-17 , .font-size-percent-155 {font-size:155%}
.product-sticker-font-size-18 , .font-size-percent-160 {font-size:160%}
.product-sticker-font-size-19 , .font-size-percent-165 {font-size:165%}
.product-sticker-font-size-20 , .font-size-percent-170 {font-size:170%}
.product-sticker-font-size-21 , .font-size-percent-175 {font-size:175%}
.product-sticker-font-size-22 , .font-size-percent-180 {font-size:180%}
.product-sticker-font-size-23 , .font-size-percent-185 {font-size:185%}
.product-sticker-font-size-24 , .font-size-percent-190 {font-size:190%}
.product-sticker-font-size-25 , .font-size-percent-195 {font-size:195%}
.product-sticker-font-size-26 , .font-size-percent-200 {font-size:200%}
.product-sticker-font-size-27 , .font-size-percent-210 {font-size:210%}
.product-sticker-font-size-28 , .font-size-percent-215 {font-size:215%}
.product-sticker-font-size-29 , .font-size-percent-220 {font-size:220%}
.product-sticker-font-size-30 , .font-size-percent-225 {font-size:225%}
.product-sticker-font-size-31 , .font-size-percent-230 {font-size:230%}
.product-sticker-font-size-32 , .font-size-percent-235 {font-size:235%}
.product-sticker-font-size-33 , .font-size-percent-240 {font-size:240%}
.product-sticker-font-size-34 , .font-size-percent-245 {font-size:245%}
.product-sticker-font-size-35 , .font-size-percent-250 {font-size:250%}
/********* product stickers styles *** END **********/

/*** general class *** START ***/

.fade-scale {
    transform: scale(0);
    opacity: 0;
    -webkit-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
}

.fade-scale.show {
    opacity: 1;
    transform: scale(1);
}

.container-pmcms {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.line-height-normal{line-height:normal!important;}

.flex-flow-row          {flex-flow: row!important}
.flex-flow-row-reverse  {flex-flow: row-reverse!important}
.flex-flow-column           {flex-flow: column!important}
.flex-flow-column-reverse   {flex-flow: column-reverse!important}

.overflow-hidden    {overflow: hidden}
.overflow-scroll    {overflow: scroll}
.overflow-auto      {overflow: auto}

.font-size-1    {font-size:0.5rem;}
.font-size-2    {font-size:0.6rem;}
.font-size-3    {font-size:0.7rem;}
.font-size-4    {font-size:0.8rem;}
.font-size-5    {font-size:0.9rem;}
.font-size-6    {font-size:1rem;}
.font-size-7    {font-size:1.1rem;}
.font-size-8    {font-size:1.2rem;}
.font-size-9    {font-size:1.3rem;}
.font-size-10   {font-size:1.4rem;}
.font-size-11   {font-size:1.5rem;}
.font-size-12   {font-size:1.75rem;}
.font-size-13   {font-size:1.8rem;}
.font-size-14   {font-size:1.85rem;}
.font-size-15   {font-size:1.9rem;}
.font-size-16   {font-size:1.95rem;}
.font-size-17   {font-size:2rem;}
.font-size-18   {font-size:2.25rem;}
.font-size-19   {font-size:2.5rem;}
.font-size-20   {font-size:2.75rem;}

.font-bold {font-weight: bold}

.w-0{width: 0;}

.d-unset {display: unset}

.cursor-pointer     {cursor:pointer}
.cursor-zoom-in     {cursor:zoom-in}
.cursor-not-allow   {cursor: not-allowed;}

.vertical-align-middle  {vertical-align: middle     !important;}
.vertical-align-top     {vertical-align: top        !important;}
.vertical-align-text-top{vertical-align: text-top   !important;}

.opacity-0  {opacity:0;transition: opacity 0.5s}
.opacity-50 {opacity:0.5;transition: opacity 0.5s}
.opacity-75 {opacity:0.75;transition: opacity 0.5s}
.opacity-85 {opacity:0.85;transition: opacity 0.5s}
.opacity-90 {opacity:0.9;transition: opacity 0.5s}
.opacity-95 {opacity:0.95;transition: opacity 0.5s}
.opacity-1  {opacity:1;transition: opacity 0.5s}

.opacity-hover-0:hover  {opacity:0;transition: opacity 0.5s}
.opacity-hover-50:hover {opacity:0.5;transition: opacity 0.5s}
.opacity-hover-75:hover {opacity:0.75;transition: opacity 0.5s}
.opacity-hover-85:hover {opacity:0.85;transition: opacity 0.5s}
.opacity-hover-90:hover {opacity:0.9;transition: opacity 0.5s}
.opacity-hover-95:hover {opacity:0.95;transition: opacity 0.5s}
.opacity-hover-1:hover  {opacity:1;transition: opacity 0.5s}

.bg-main-gray {background-color: #f5f5f5}

.color-main-gray {color: #f5f5f5}
.color-inherit{color: inherit;}
.color-inherit-hover:hover{color: inherit;}
.color-hover-white:hover{color: #fff !important;}

.border-color-transparent   {border-color: transparent !important}

.border-color-hover-transparent:hover   {border-color: transparent !important}

.mw-25  {max-width:25%}
.mw-50  {max-width:50%}
.mw-75  {max-width:75%}

.mh-25  {max-height:25%}
.mh-50  {max-height:50%}
.mh-75  {max-height:75%}

.w-rem-1{width:1rem}
.w-rem-2{width:2rem}
.w-rem-3{width:3rem}
.w-rem-4{width:4rem}
.w-rem-5{width:5rem}

.h-rem-1{height:1rem}
.h-rem-2{height:2rem}
.h-rem-3{height:3rem}
.h-rem-4{height:4rem}
.h-rem-5{height:5rem}
.h-rem-6{height:6rem}
.h-rem-7{height:7rem}
.h-rem-8{height:8rem}
.h-rem-9{height:9rem}
.h-rem-10{height:10rem}
.h-rem-11{height:11rem}
.h-rem-12{height:12rem}
.h-rem-13{height:13rem}
.h-rem-14{height:14rem}
.h-rem-15{height:15rem}
.h-rem-16{height:16rem}
.h-rem-17{height:17rem}
.h-rem-18{height:18rem}
.h-rem-19{height:19rem}
.h-rem-20{height:20rem}

.z-index-1   {z-index: 1;}
.z-index-2   {z-index: 2;}
.z-index-3   {z-index: 3;}
.z-index-4   {z-index: 4;}
.z-index-5   {z-index: 5;}
.z-index-10  {z-index: 10;}
.z-index-20  {z-index: 20;}
.z-index-30  {z-index: 30;}
.z-index-40  {z-index: 40;}
.z-index-50  {z-index: 50;}
.z-index-60  {z-index: 60;}
.z-index-70  {z-index: 70;}
.z-index-80  {z-index: 80;}
.z-index-90  {z-index: 90;}
.z-index-100 {z-index: 100;}
.z-index-200 {z-index: 200;}
.z-index-300 {z-index: 300;}

.pinr-auto,.pinx-auto   {right:auto}
.pinr-0,.pinx-0         {right:0}
.pinr-1-2,.pinx-1-2     {right:0.5rem;}
.pinr-1,.pinx-1         {right:1rem;}
.pinr-2,.pinx-2         {right:2rem;}
.pinr-3,.pinx-3         {right:3rem;}
.pinr-4,.pinx-4          {right:4rem;}
.pinr-5,.pinx-5         {right:5rem;}

.pinl-auto,.pinx-auto   {left:auto}
.pinl-0,.pinx-0         {left:0}
.pinl-1-2,.pinx-1-2     {left:0.5rem;}
.pinl-1,.pinx-1          {left:1rem;}
.pinl-2,.pinx-2         {left:2rem;}
.pinl-3,.pinx-3         {left:3rem;}
.pinl-4,.pinx-4         {left:4rem;}
.pinl-5,.pinx-5         {left:5rem;}

.pint-auto,.piny-auto  {top:auto;}
.pint-0,.piny-0     {top:0;}
.pint-1-2,.piny-1-2   {top:0.5rem;}
.pint-1,.piny-1     {top:1rem;}
.pint-2,.piny-2     {top:2rem;}
.pint-3,.piny-3     {top:3rem;}
.pint-4,.piny-4     {top:4rem;}
.pint-5,.piny-5     {top:5rem;}

.pinb-auto,.piny-auto   {bottom:auto;}
.pinb-0,.piny-0         {bottom:0;}
.pinb-1-2,.piny-1-2     {bottom:0.5rem;}
.pinb-1,.piny-1         {bottom:1rem;}
.pinb-2,.piny-2         {bottom:2rem;}
.pinb-3,.piny-3         {bottom:3rem;}
.pinb-4,.piny-4         {bottom:4rem;}
.pinb-5,.piny-5         {bottom:5rem;}

.dir-rtl .pin-auto-opp      {right:auto}
.dir-ltr .pin-auto-opp      {left:auto}
.dir-rtl .pin-auto          {right:auto}
.dir-ltr .pin-auto          {left:auto}
.dir-rtl .pin-0-opp         {right:0}
.dir-ltr .pin-0-opp         {left:0}
.dir-rtl .pin-0             {right:0}
.dir-ltr .pin-0             {left:0}
.dir-rtl .pin-1-opp         {right:1rem}
.dir-ltr .pin-1-opp         {left:1rem}
.dir-rtl .pin-1             {right:1rem}
.dir-ltr .pin-1             {left:1rem}
.dir-rtl .pin-2-opp         {right:2rem}
.dir-ltr .pin-2-opp         {left:2rem}
.dir-rtl .pin-2             {right:2rem}
.dir-ltr .pin-2             {left:2rem}
.dir-rtl .pin-3-opp         {right:3rem}
.dir-ltr .pin-3-opp         {left:3rem}
.dir-rtl .pin-3             {right:3rem}
.dir-ltr .pin-3             {left:3rem}
.dir-rtl .pin-4-opp         {right:4rem}
.dir-ltr .pin-4-opp         {left:4rem}
.dir-rtl .pin-4             {right:4rem}
.dir-ltr .pin-4             {left:4rem}
.dir-rtl .pin-5-opp         {right:5rem}
.dir-ltr .pin-5-opp         {left:5rem}
.dir-rtl .pin-5             {right:5rem}
.dir-ltr .pin-5             {left:5rem}

.dir-rtl .float-opp     {float:left}
.dir-ltr .float-opp     {float:right}
.dir-rtl .float         {float:right}
.dir-ltr .float         {float:left}

.dir-rtl .text-align ,.dir-rtl.text-align{text-align:right}
.dir-ltr .text-align ,.dir-ltr.text-align{text-align:left}
.dir-rtl .text-align-opp    {text-align:left}
.dir-ltr .text-align-opp    {text-align:right}

.dir-rtl .direction-opp     {direction:ltr }
.dir-ltr .direction-opp     {direction:rtl}
.dir-rtl .direction ,.dir-rtl.direction{direction:rtl}
.dir-ltr .direction ,.dir-ltr.direction{direction:ltr }
.direction-rtl  {direction: rtl}
.direction-ltr  {direction: ltr}

body .font-family-2 ,body.font-family-2    {font-family:Font_2,Tahoma;}
body .font-family-1 ,body.font-family-1    {font-family:Font_1,Arial;}

ul.pmcms-bullet{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    font-size: 0.9rem;
    list-style-type: none;
}

ul.pmcms-bullet li{
    padding: 0 !important;
    margin: 0 !important;
}

ul.pmcms-bullet li:before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 0.3rem;
    content: "\f111";
    color: var(--main-2);
}
.dir-ltr ul.pmcms-bullet li:before {
    vertical-align: middle;
}

ul.pmcms-bullet.square li:before {
    content: "\f0c8";
}

/*** GDPR styale *** START ***/
.privacy-policy-font-size{
    font-size: 0.75rem;
}
.gdpr-text a{
    text-decoration: underline;
}
/*** GDPR style *** END ***/

.webparts-position-top-menu-top-nav, .pmm-navbar-toggler {
    top: 0.85rem;
}

/*** very small device media query *** START ****/
@media (max-width: 370px) {
    .main-header .website-logo-container{
        height: 35px !important;
    }
    .webparts-position-top-menu i {
        font-size: 1.25rem !important;
    }
    .webparts-position-top-menu-top-nav, .pmm-navbar-toggler {
        top: 0.5rem;
    }
    .dir-rtl .header-type-5 .webpart-top-menu--mobile--site-side > * {margin-left: 0.6rem !important;}
    .dir-rtl .header-type-5 .webpart-top-menu--mobile--opp-site-side > * {margin-right: 0.6rem !important;}
    .dir-ltr .header-type-5 .webpart-top-menu--mobile--site-side > * {margin-right: 0.6rem !important;}
    .dir-ltr .header-type-5 .webpart-top-menu--mobile--opp-site-side > * {margin-left: 0.6rem !important;}
    .dir-rtl .header-type-6 .webpart-top-menu--mobile--site-side > * {margin-left: 0.6rem !important;}
    .dir-rtl .header-type-6 .webpart-top-menu--mobile--opp-site-side > * {margin-right: 0.6rem !important;}
    .dir-ltr .header-type-6 .webpart-top-menu--mobile--site-side > * {margin-right: 0.6rem !important;}
    .dir-ltr .header-type-6 .webpart-top-menu--mobile--opp-site-side > * {margin-left: 0.6rem !important;}
}
/*** very small device media query *** END ****/

/*** set 5/7/8 col in col list ** START ***/
@media (max-width: 575px){ /*** just for smallest size ***/
    .col-12-5 {  /*** divide row to 5 col (width = 20%) ***/
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .col-12-7 {  /*** divide row to 7 col (width = 14.28%) ***/
        -webkit-box-flex: 0;
        -ms-flex: 0 0 14.28%;
        flex: 0 0 14.28%;
        max-width: 14.28%;
    }
    .col-12-8 {  /*** divide row to 8 col (width = 12.5%) ***/
        -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }
}

@media (min-width: 576px) AND (max-width: 767px){ /*** just for sm size ***/
    .col-sm-12-5 {  /*** divide row to 5 col (width = 20%) ***/
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .col-sm-12-7 {  /*** divide row to 7 col (width = 14.28%) ***/
        -webkit-box-flex: 0;
        -ms-flex: 0 0 14.28%;
        flex: 0 0 14.28%;
        max-width: 14.28%;
    }
    .col-sm-12-8 {  /*** divide row to 8 col (width = 12.5%) ***/
        -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }
}

@media (min-width: 768px) AND (max-width: 991px){ /*** just for md size ***/
    .col-md-12-5 {  /*** divide row to 5 col (width = 20%) ***/
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .col-md-12-7 {  /*** divide row to 7 col (width = 14.28%) ***/
        -webkit-box-flex: 0;
        -ms-flex: 0 0 14.28%;
        flex: 0 0 14.28%;
        max-width: 14.28%;
    }
    .col-md-12-8 {  /*** divide row to 8 col (width = 12.5%) ***/
        -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }
}

@media (min-width: 992px) AND (max-width: 1199px){ /*** just for lg size ***/
    .col-lg-12-5 {  /*** divide row to 5 col (width = 20%) ***/
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
    .col-lg-12-7 {  /*** divide row to 7 col (width = 14.28%) ***/
    -webkit-box-flex: 0;
    -ms-flex: 0 0 14.28%;
    flex: 0 0 14.28%;
    max-width: 14.28%;
}
    .col-lg-12-8 {  /*** divide row to 8 col (width = 12.5%) ***/
    -webkit-box-flex: 0;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%;
}
}

@media (min-width: 1200px) {/*** just for xl size ***/
    .col-xl-12-5 { /*** divide row to 5 col (width = 20%) ***/
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    .col-xl-12-7 { /*** divide row to 7 col (width = 14.28%) ***/
        -webkit-box-flex: 0;
        -ms-flex: 0 0 14.28%;
        flex: 0 0 14.28%;
        max-width: 14.28%;
    }

    .col-xl-12-8 { /*** divide row to 8 col (width = 12.5%) ***/
        -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }
}
/*** set 5/7/8 col in col list *** END ***/

/*** CKeditor templates *** START ***/
.pmcms-ckeditor-templates--responsive-image-title img{
    min-height: 5rem;
    min-width: 5rem;
    width: 100%;
}
/*** CKeditor templates *** END ***/

@media (min-width: 576px) {

    .dir-rtl .text-align-sm ,.dir-rtl.text-align-sm{text-align:right}
    .dir-ltr .text-align-sm ,.dir-ltr.text-align-sm{text-align:left}
    .dir-rtl .text-align-sm-opp    {text-align:left}
    .dir-ltr .text-align-sm-opp    {text-align:right}

    .dir-rtl .float-sm-opp     {float:left}
    .dir-ltr .float-sm-opp     {float:right}
    .dir-rtl .float-sm         {float:right}
    .dir-ltr .float-sm         {float:left}

    .opacity-sm-0  {opacity:0;transition: opacity 0.5s}
    .opacity-sm-50 {opacity:0.5;transition: opacity 0.5s}
    .opacity-sm-75 {opacity:0.75;transition: opacity 0.5s}
    .opacity-sm-85 {opacity:0.85;transition: opacity 0.5s}
    .opacity-sm-90 {opacity:0.9;transition: opacity 0.5s}
    .opacity-sm-95 {opacity:0.95;transition: opacity 0.5s}
    .opacity-sm-1  {opacity:1;transition: opacity 0.5s}

    .opacity-sm-hover-0:hover  {opacity:0;transition: opacity 0.5s}
    .opacity-sm-hover-50:hover {opacity:0.5;transition: opacity 0.5s}
    .opacity-sm-hover-75:hover {opacity:0.75;transition: opacity 0.5s}
    .opacity-sm-hover-85:hover {opacity:0.85;transition: opacity 0.5s}
    .opacity-sm-hover-90:hover {opacity:0.9;transition: opacity 0.5s}
    .opacity-sm-hover-95:hover {opacity:0.95;transition: opacity 0.5s}
    .opacity-sm-hover-1:hover  {opacity:1;transition: opacity 0.5s}

    .w-sm-auto  {width:auto!important;}
    .w-sm-25    {width:25%!important;}
    .w-sm-50    {width:50%!important;}
    .w-sm-75    {width:75%!important;}
    .w-sm-100   {width:100%!important;}

    .mw-sm-25  {max-width:25%!important}
    .mw-sm-50  {max-width:50%!important}
    .mw-sm-75  {max-width:75%!important}

    .mh-sm-25  {max-height:25%!important}
    .mh-sm-50  {max-height:50%!important}
    .mh-sm-75  {max-height:75%!important}

    .w-sm-rem-1{width:1rem}
    .w-sm-rem-2{width:2rem}
    .w-sm-rem-3{width:3rem}
    .w-sm-rem-4{width:4rem}
    .w-sm-rem-5{width:5rem}

    .h-sm-rem-1{height:1rem}
    .h-sm-rem-2{height:2rem}
    .h-sm-rem-3{height:3rem}
    .h-sm-rem-4{height:4rem}
    .h-sm-rem-5{height:5rem}
    .h-sm-rem-6{height:6rem}
    .h-sm-rem-7{height:7rem}
    .h-sm-rem-8{height:8rem}
    .h-sm-rem-9{height:9rem}
    .h-sm-rem-10{height:10rem}
    .h-sm-rem-11{height:11rem}
    .h-sm-rem-12{height:12rem}
    .h-sm-rem-13{height:13rem}
    .h-sm-rem-14{height:14rem}
    .h-sm-rem-15{height:15rem}
    .h-sm-rem-16{height:16rem}
    .h-sm-rem-17{height:17rem}
    .h-sm-rem-18{height:18rem}
    .h-sm-rem-19{height:19rem}
    .h-sm-rem-20{height:20rem}
    .h-sm-auto{height:auto}
    .h-sm-0   {height:0}

    .position-sm-absolute   {position: absolute}
    .position-sm-relative   {position: relative}
    .position-sm-unset      {position: unset !important}

    .flex-flow-sm-row          {flex-flow: row!important}
    .flex-flow-sm-row-reverse  {flex-flow: row-reverse!important}
    .flex-flow-sm-column           {flex-flow: column!important}
    .flex-flow-sm-column-reverse   {flex-flow: column-reverse!important}

    .pinr-sm-auto,.pinx-sm-auto   {right:auto}
    .pinr-sm-0,.pinx-sm-0         {right:0}
    .pinr-sm-1-2,.pinx-sm-1-2     {right:0.5rem;}
    .pinr-sm-1,.pinx-sm-1         {right:1rem;}
    .pinr-sm-2,.pinx-sm-2         {right:2rem;}
    .pinr-sm-3,.pinx-sm-3         {right:3rem;}
    .pinr-sm-4.pinx-sm-4          {right:4rem;}
    .pinr-sm-5,.pinx-sm-5         {right:5rem;}

    .pinl-sm-auto,.pinx-sm-auto   {left:auto}
    .pinl-sm-0,.pinx-sm-0         {left:0}
    .pinl-sm-1-2,.pinx-sm-1-2     {left:0.5rem;}
    .pinl-sm-1,.pinx-sm-1          {left:1rem;}
    .pinl-sm-2,.pinx-sm-2         {left:2rem;}
    .pinl-sm-3,.pinx-sm-3         {left:3rem;}
    .pinl-sm-4,.pinx-sm-4         {left:4rem;}
    .pinl-sm-5,.pinx-sm-5         {left:5rem;}

    .pint-sm-auto,.piny-sm-auto  {top:auto;}
    .pint-sm-0,.piny-sm-0     {top:0;}
    .pint-sm-1-2,.piny-sm-1-2   {top:0.5rem;}
    .pint-sm-1,.piny-sm-1     {top:1rem;}
    .pint-sm-2,.piny-sm-2     {top:2rem;}
    .pint-sm-3,.piny-sm-3     {top:3rem;}
    .pint-sm-4,.piny-sm-4     {top:4rem;}
    .pint-sm-5,.piny-sm-5     {top:5rem;}

    .pinb-sm-auto,.piny-sm-auto   {bottom:auto;}
    .pinb-sm-0,.piny-sm-0         {bottom:0;}
    .pinb-sm-1-2,.piny-sm-1-2     {bottom:0.5rem;}
    .pinb-sm-1,.piny-sm-1         {bottom:1rem;}
    .pinb-sm-2,.piny-sm-2         {bottom:2rem;}
    .pinb-sm-3,.piny-sm-3         {bottom:3rem;}
    .pinb-sm-4,.piny-sm-4         {bottom:4rem;}
    .pinb-sm-5,.piny-sm-5         {bottom:5rem;}

    .dir-rtl .pin-sm-auto-opp      {right:auto}
    .dir-ltr .pin-sm-auto-opp      {left:auto}
    .dir-rtl .pin-sm-auto          {right:auto}
    .dir-ltr .pin-sm-auto          {left:auto}
    .dir-rtl .pin-sm-0-opp         {right:0}
    .dir-ltr .pin-sm-0-opp         {left:0}
    .dir-rtl .pin-sm-0             {right:0}
    .dir-ltr .pin-sm-0             {left:0}
    .dir-rtl .pin-sm-1-opp         {right:1rem}
    .dir-ltr .pin-sm-1-opp         {left:1rem}
    .dir-rtl .pin-sm-1             {right:1rem}
    .dir-ltr .pin-sm-1             {left:1rem}
    .dir-rtl .pin-sm-2-opp         {right:2rem}
    .dir-ltr .pin-sm-2-opp         {left:2rem}
    .dir-rtl .pin-sm-2             {right:2rem}
    .dir-ltr .pin-sm-2             {left:2rem}
    .dir-rtl .pin-sm-3-opp         {right:3rem}
    .dir-ltr .pin-sm-3-opp         {left:3rem}
    .dir-rtl .pin-sm-3             {right:3rem}
    .dir-ltr .pin-sm-3             {left:3rem}
    .dir-rtl .pin-sm-4-opp         {right:4rem}
    .dir-ltr .pin-sm-4-opp         {left:4rem}
    .dir-rtl .pin-sm-4             {right:4rem}
    .dir-ltr .pin-sm-4             {left:4rem}
    .dir-rtl .pin-sm-5-opp         {right:5rem}
    .dir-ltr .pin-sm-5-opp         {left:5rem}
    .dir-rtl .pin-sm-5             {right:5rem}
    .dir-ltr .pin-sm-5             {left:5rem}

    .font-size-sm-1    {font-size:0.5rem;}
    .font-size-sm-2    {font-size:0.6rem;}
    .font-size-sm-3    {font-size:0.7rem;}
    .font-size-sm-4    {font-size:0.8rem;}
    .font-size-sm-5    {font-size:0.9rem;}
    .font-size-sm-6    {font-size:1rem;}
    .font-size-sm-7    {font-size:1.1rem;}
    .font-size-sm-8    {font-size:1.2rem;}
    .font-size-sm-9    {font-size:1.3rem;}
    .font-size-sm-10   {font-size:1.4rem;}
    .font-size-sm-11   {font-size:1.5rem;}
    .font-size-sm-12   {font-size:1.75rem;}
    .font-size-sm-13   {font-size:1.8rem;}
    .font-size-sm-14   {font-size:1.85rem;}
    .font-size-sm-15   {font-size:1.9rem;}
    .font-size-sm-16   {font-size:1.95rem;}
    .font-size-sm-17   {font-size:2rem;}
    .font-size-sm-18   {font-size:2.25rem;}
    .font-size-sm-19   {font-size:2.5rem;}
    .font-size-sm-20   {font-size:2.75rem;}

    /*** CKeditor templates *** START ***/
    .pmcms-ckeditor-templates--responsive-image-title-sm img{
        width: auto;
    }
    .dir-rtl .pmcms-ckeditor-templates--responsive-image-title-sm img{
        margin-right: 1rem;
        float: left !important;
    }
    .dir-ltr .pmcms-ckeditor-templates--responsive-image-title-sm img{
        margin-left: 1rem;
        float: right !important;
    }
    /*** CKeditor templates *** END ***/

}

@media (min-width: 768px) {

    .dir-rtl .text-align-md ,.dir-rtl.text-align-md{text-align:right}
    .dir-ltr .text-align-md ,.dir-ltr.text-align-md{text-align:left}
    .dir-rtl .text-align-md-opp    {text-align:left}
    .dir-ltr .text-align-md-opp    {text-align:right}

    .dir-rtl .float-md-opp     {float:left}
    .dir-ltr .float-md-opp     {float:right}
    .dir-rtl .float-md         {float:right}
    .dir-ltr .float-md         {float:left}

    .container-pmcms {
        max-width: 768px
    }

    .opacity-md-0  {opacity:0;transition: opacity 0.5s}
    .opacity-md-50 {opacity:0.5;transition: opacity 0.5s}
    .opacity-md-75 {opacity:0.75;transition: opacity 0.5s}
    .opacity-md-85 {opacity:0.85;transition: opacity 0.5s}
    .opacity-md-90 {opacity:0.9;transition: opacity 0.5s}
    .opacity-md-95 {opacity:0.95;transition: opacity 0.5s}
    .opacity-md-1  {opacity:1;transition: opacity 0.5s}

    .opacity-md-hover-0:hover  {opacity:0;transition: opacity 0.5s}
    .opacity-md-hover-50:hover {opacity:0.5;transition: opacity 0.5s}
    .opacity-md-hover-75:hover {opacity:0.75;transition: opacity 0.5s}
    .opacity-md-hover-85:hover {opacity:0.85;transition: opacity 0.5s}
    .opacity-md-hover-90:hover {opacity:0.9;transition: opacity 0.5s}
    .opacity-md-hover-95:hover {opacity:0.95;transition: opacity 0.5s}
    .opacity-md-hover-1:hover  {opacity:1;transition: opacity 0.5s}

    .w-md-auto  {width:auto!important;}
    .w-md-0     {width:0!important;}
    .w-md-25    {width:25%!important;}
    .w-md-50    {width:50%!important;}
    .w-md-75    {width:75%!important;}
    .w-md-100   {width:100%!important;}

    .mw-md-25   {max-width:25%!important}
    .mw-md-50   {max-width:50%!important}
    .mw-md-75   {max-width:75%!important}
    .mw-md-100  {max-width:100%!important}

    .mh-md-25   {max-height:25%!important}
    .mh-md-50   {max-height:50%!important}
    .mh-md-75   {max-height:75%!important}
    .mh-md-100  {max-height:100%!important}

    .w-md-rem-1{width:1rem}
    .w-md-rem-2{width:2rem}
    .w-md-rem-3{width:3rem}
    .w-md-rem-4{width:4rem}
    .w-md-rem-5{width:5rem}

    .h-md-rem-1{height:1rem}
    .h-md-rem-2{height:2rem}
    .h-md-rem-3{height:3rem}
    .h-md-rem-4{height:4rem}
    .h-md-rem-5{height:5rem}
    .h-md-rem-6{height:6rem}
    .h-md-rem-7{height:7rem}
    .h-md-rem-8{height:8rem}
    .h-md-rem-9{height:9rem}
    .h-md-rem-10{height:10rem}
    .h-md-rem-11{height:11rem}
    .h-md-rem-12{height:12rem}
    .h-md-rem-13{height:13rem}
    .h-md-rem-14{height:14rem}
    .h-md-rem-15{height:15rem}
    .h-md-rem-16{height:16rem}
    .h-md-rem-17{height:17rem}
    .h-md-rem-18{height:18rem}
    .h-md-rem-19{height:19rem}
    .h-md-rem-20{height:20rem}
    .h-md-auto{height:auto}
    .h-md-0   {height:0}

    .position-md-absolute   {position: absolute}
    .position-md-relative   {position: relative}
    .position-md-unset      {position: unset !important}

    .flex-flow-md-row          {flex-flow: row!important}
    .flex-flow-md-row-reverse  {flex-flow: row-reverse!important}
    .flex-flow-md-column           {flex-flow: column!important}
    .flex-flow-md-column-reverse   {flex-flow: column-reverse!important}

    .pinr-md-auto,.pinx-md-auto   {right:auto}
    .pinr-md-0,.pinx-md-0         {right:0}
    .pinr-md-1-2,.pinx-md-1-2     {right:0.5rem;}
    .pinr-md-1,.pinx-md-1         {right:1rem;}
    .pinr-md-2,.pinx-md-2         {right:2rem;}
    .pinr-md-3,.pinx-md-3         {right:3rem;}
    .pinr-md-4.pinx-md-4          {right:4rem;}
    .pinr-md-5,.pinx-md-5         {right:5rem;}

    .pinl-md-auto,.pinx-md-auto   {left:auto}
    .pinl-md-0,.pinx-md-0         {left:0}
    .pinl-md-1-2,.pinx-md-1-2     {left:0.5rem;}
    .pinl-md-1,.pinx-md-1          {left:1rem;}
    .pinl-md-2,.pinx-md-2         {left:2rem;}
    .pinl-md-3,.pinx-md-3         {left:3rem;}
    .pinl-md-4,.pinx-md-4         {left:4rem;}
    .pinl-md-5,.pinx-md-5         {left:5rem;}

    .pint-md-auto,.piny-md-auto  {top:auto;}
    .pint-md-0,.piny-md-0     {top:0;}
    .pint-md-1-2,.piny-md-1-2   {top:0.5rem;}
    .pint-md-1,.piny-md-1     {top:1rem;}
    .pint-md-2,.piny-md-2     {top:2rem;}
    .pint-md-3,.piny-md-3     {top:3rem;}
    .pint-md-4,.piny-md-4     {top:4rem;}
    .pint-md-5,.piny-md-5     {top:5rem;}

    .pinb-md-auto,.piny-md-auto   {bottom:auto;}
    .pinb-md-0,.piny-md-0         {bottom:0;}
    .pinb-md-1-2,.piny-md-1-2     {bottom:0.5rem;}
    .pinb-md-1,.piny-md-1         {bottom:1rem;}
    .pinb-md-2,.piny-md-2         {bottom:2rem;}
    .pinb-md-3,.piny-md-3         {bottom:3rem;}
    .pinb-md-4,.piny-md-4         {bottom:4rem;}
    .pinb-md-5,.piny-md-5         {bottom:5rem;}

    .dir-rtl .pin-md-auto-opp      {right:auto}
    .dir-ltr .pin-md-auto-opp      {left:auto}
    .dir-rtl .pin-md-auto          {right:auto}
    .dir-ltr .pin-md-auto          {left:auto}
    .dir-rtl .pin-md-0-opp         {right:0}
    .dir-ltr .pin-md-0-opp         {left:0}
    .dir-rtl .pin-md-0             {right:0}
    .dir-ltr .pin-md-0             {left:0}
    .dir-rtl .pin-md-1-opp         {right:1rem}
    .dir-ltr .pin-md-1-opp         {left:1rem}
    .dir-rtl .pin-md-1             {right:1rem}
    .dir-ltr .pin-md-1             {left:1rem}
    .dir-rtl .pin-md-2-opp         {right:2rem}
    .dir-ltr .pin-md-2-opp         {left:2rem}
    .dir-rtl .pin-md-2             {right:2rem}
    .dir-ltr .pin-md-2             {left:2rem}
    .dir-rtl .pin-md-3-opp         {right:3rem}
    .dir-ltr .pin-md-3-opp         {left:3rem}
    .dir-rtl .pin-md-3             {right:3rem}
    .dir-ltr .pin-md-3             {left:3rem}
    .dir-rtl .pin-md-4-opp         {right:4rem}
    .dir-ltr .pin-md-4-opp         {left:4rem}
    .dir-rtl .pin-md-4             {right:4rem}
    .dir-ltr .pin-md-4             {left:4rem}
    .dir-rtl .pin-md-5-opp         {right:5rem}
    .dir-ltr .pin-md-5-opp         {left:5rem}
    .dir-rtl .pin-md-5             {right:5rem}
    .dir-ltr .pin-md-5             {left:5rem}

    .font-size-md-1    {font-size:0.5rem;}
    .font-size-md-2    {font-size:0.6rem;}
    .font-size-md-3    {font-size:0.7rem;}
    .font-size-md-4    {font-size:0.8rem;}
    .font-size-md-5    {font-size:0.9rem;}
    .font-size-md-6    {font-size:1rem;}
    .font-size-md-7    {font-size:1.1rem;}
    .font-size-md-8    {font-size:1.2rem;}
    .font-size-md-9    {font-size:1.3rem;}
    .font-size-md-10   {font-size:1.4rem;}
    .font-size-md-11   {font-size:1.5rem;}
    .font-size-md-12   {font-size:1.75rem;}
    .font-size-md-13   {font-size:1.8rem;}
    .font-size-md-14   {font-size:1.85rem;}
    .font-size-md-15   {font-size:1.9rem;}
    .font-size-md-16   {font-size:1.95rem;}
    .font-size-md-17   {font-size:2rem;}
    .font-size-md-18   {font-size:2.25rem;}
    .font-size-md-19   {font-size:2.5rem;}
    .font-size-md-20   {font-size:2.75rem;}

    /*** CKeditor templates *** START ***/
    .pmcms-ckeditor-templates--responsive-image-title-md img{
        width: auto;
    }
    .dir-rtl .pmcms-ckeditor-templates--responsive-image-title-md img{
        margin-right: 1rem;
        float: left !important;
    }
    .dir-ltr .pmcms-ckeditor-templates--responsive-image-title-md img{
        margin-left: 1rem;
        float: right !important;
    }
    /*** CKeditor templates *** END ***/

}

@media (min-width: 992px) {

    .dir-rtl .text-align-lg ,.dir-rtl.text-align-lg{text-align:right}
    .dir-ltr .text-align-lg ,.dir-ltr.text-align-lg{text-align:left}
    .dir-rtl .text-align-lg-opp    {text-align:left}
    .dir-ltr .text-align-lg-opp    {text-align:right}

    .dir-rtl .float-lg-opp     {float:left}
    .dir-ltr .float-lg-opp     {float:right}
    .dir-rtl .float-lg         {float:right}
    .dir-ltr .float-lg         {float:left}

    .container-pmcms {
        max-width: 992px
    }

    .opacity-lg-0  {opacity:0;transition: opacity 0.5s}
    .opacity-lg-50 {opacity:0.5;transition: opacity 0.5s}
    .opacity-lg-75 {opacity:0.75;transition: opacity 0.5s}
    .opacity-lg-85 {opacity:0.85;transition: opacity 0.5s}
    .opacity-lg-90 {opacity:0.9;transition: opacity 0.5s}
    .opacity-lg-95 {opacity:0.95;transition: opacity 0.5s}
    .opacity-lg-1  {opacity:1;transition: opacity 0.5s}

    .opacity-lg-hover-0:hover  {opacity:0;transition: opacity 0.5s}
    .opacity-lg-hover-50:hover {opacity:0.5;transition: opacity 0.5s}
    .opacity-lg-hover-75:hover {opacity:0.75;transition: opacity 0.5s}
    .opacity-lg-hover-85:hover {opacity:0.85;transition: opacity 0.5s}
    .opacity-lg-hover-90:hover {opacity:0.9;transition: opacity 0.5s}
    .opacity-lg-hover-95:hover {opacity:0.95;transition: opacity 0.5s}
    .opacity-lg-hover-1:hover  {opacity:1;transition: opacity 0.5s}

    .w-lg-auto  {width:auto!important;}
    .w-lg-0     {width:0!important;}
    .w-lg-25    {width:25%!important;}
    .w-lg-50    {width:50%!important;}
    .w-lg-75    {width:75%!important;}
    .w-lg-100   {width:100%!important;}

    .mw-lg-25   {max-width:25%!important}
    .mw-lg-50   {max-width:50%!important}
    .mw-lg-75   {max-width:75%!important}
    .mw-lg-100  {max-width:100%!important}

    .mh-lg-25   {max-height:25%!important}
    .mh-lg-50   {max-height:50%!important}
    .mh-lg-75   {max-height:75%!important}
    .mh-lg-100  {max-height:100%!important}

    .w-lg-rem-1{width:1rem}
    .w-lg-rem-2{width:2rem}
    .w-lg-rem-3{width:3rem}
    .w-lg-rem-4{width:4rem}
    .w-lg-rem-5{width:5rem}

    .h-lg-rem-1{height:1rem}
    .h-lg-rem-2{height:2rem}
    .h-lg-rem-3{height:3rem}
    .h-lg-rem-4{height:4rem}
    .h-lg-rem-5{height:5rem}
    .h-lg-rem-6{height:6rem}
    .h-lg-rem-7{height:7rem}
    .h-lg-rem-8{height:8rem}
    .h-lg-rem-9{height:9rem}
    .h-lg-rem-10{height:10rem}
    .h-lg-rem-11{height:11rem}
    .h-lg-rem-12{height:12rem}
    .h-lg-rem-13{height:13rem}
    .h-lg-rem-14{height:14rem}
    .h-lg-rem-15{height:15rem}
    .h-lg-rem-16{height:16rem}
    .h-lg-rem-17{height:17rem}
    .h-lg-rem-18{height:18rem}
    .h-lg-rem-19{height:19rem}
    .h-lg-rem-20{height:20rem}
    .h-lg-auto{height:auto}
    .h-lg-0   {height:0}

    .position-lg-absolute   {position: absolute}
    .position-lg-relative   {position: relative}
    .position-lg-unset      {position: unset !important}

    .flex-flow-lg-row          {flex-flow: row!important}
    .flex-flow-lg-row-reverse  {flex-flow: row-reverse!important}
    .flex-flow-lg-column           {flex-flow: column!important}
    .flex-flow-lg-column-reverse   {flex-flow: column-reverse!important}

    .main-header .website-logo-container{height: 85px !important;}
    header.main-header{
        padding-top: .3125rem !important;
        padding-bottom: .3125rem !important;
    }

    .pinr-lg-auto,.pinx-lg-auto   {right:auto}
    .pinr-lg-0,.pinx-lg-0         {right:0}
    .pinr-lg-1-2,.pinx-lg-1-2     {right:0.5rem;}
    .pinr-lg-1,.pinx-lg-1         {right:1rem;}
    .pinr-lg-2,.pinx-lg-2         {right:2rem;}
    .pinr-lg-3,.pinx-lg-3         {right:3rem;}
    .pinr-lg-4.pinx-lg-4          {right:4rem;}
    .pinr-lg-5,.pinx-lg-5         {right:5rem;}

    .pinl-lg-auto,.pinx-lg-auto   {left:auto}
    .pinl-lg-0,.pinx-lg-0         {left:0}
    .pinl-lg-1-2,.pinx-lg-1-2     {left:0.5rem;}
    .pinl-lg-1,.pinx-lg-1          {left:1rem;}
    .pinl-lg-2,.pinx-lg-2         {left:2rem;}
    .pinl-lg-3,.pinx-lg-3         {left:3rem;}
    .pinl-lg-4,.pinx-lg-4         {left:4rem;}
    .pinl-lg-5,.pinx-lg-5         {left:5rem;}

    .pint-lg-auto,.piny-lg-auto  {top:auto;}
    .pint-lg-0,.piny-lg-0     {top:0;}
    .pint-lg-1-2,.piny-lg-1-2   {top:0.5rem;}
    .pint-lg-1,.piny-lg-1     {top:1rem;}
    .pint-lg-2,.piny-lg-2     {top:2rem;}
    .pint-lg-3,.piny-lg-3     {top:3rem;}
    .pint-lg-4,.piny-lg-4     {top:4rem;}
    .pint-lg-5,.piny-lg-5     {top:5rem;}

    .pinb-lg-auto,.piny-lg-auto   {bottom:auto;}
    .pinb-lg-0,.piny-lg-0         {bottom:0;}
    .pinb-lg-1-2,.piny-lg-1-2     {bottom:0.5rem;}
    .pinb-lg-1,.piny-lg-1         {bottom:1rem;}
    .pinb-lg-2,.piny-lg-2         {bottom:2rem;}
    .pinb-lg-3,.piny-lg-3         {bottom:3rem;}
    .pinb-lg-4,.piny-lg-4         {bottom:4rem;}
    .pinb-lg-5,.piny-lg-5         {bottom:5rem;}

    .dir-rtl .pin-lg-auto-opp      {right:auto}
    .dir-ltr .pin-lg-auto-opp      {left:auto}
    .dir-rtl .pin-lg-auto          {right:auto}
    .dir-ltr .pin-lg-auto          {left:auto}
    .dir-rtl .pin-lg-0-opp         {right:0}
    .dir-ltr .pin-lg-0-opp         {left:0}
    .dir-rtl .pin-lg-0             {right:0}
    .dir-ltr .pin-lg-0             {left:0}
    .dir-rtl .pin-lg-1-opp         {right:1rem}
    .dir-ltr .pin-lg-1-opp         {left:1rem}
    .dir-rtl .pin-lg-1             {right:1rem}
    .dir-ltr .pin-lg-1             {left:1rem}
    .dir-rtl .pin-lg-2-opp         {right:2rem}
    .dir-ltr .pin-lg-2-opp         {left:2rem}
    .dir-rtl .pin-lg-2             {right:2rem}
    .dir-ltr .pin-lg-2             {left:2rem}
    .dir-rtl .pin-lg-3-opp         {right:3rem}
    .dir-ltr .pin-lg-3-opp         {left:3rem}
    .dir-rtl .pin-lg-3             {right:3rem}
    .dir-ltr .pin-lg-3             {left:3rem}
    .dir-rtl .pin-lg-4-opp         {right:4rem}
    .dir-ltr .pin-lg-4-opp         {left:4rem}
    .dir-rtl .pin-lg-4             {right:4rem}
    .dir-ltr .pin-lg-4             {left:4rem}
    .dir-rtl .pin-lg-5-opp         {right:5rem}
    .dir-ltr .pin-lg-5-opp         {left:5rem}
    .dir-rtl .pin-lg-5             {right:5rem}
    .dir-ltr .pin-lg-5             {left:5rem}

    .font-size-lg-1    {font-size:0.5rem;}
    .font-size-lg-2    {font-size:0.6rem;}
    .font-size-lg-3    {font-size:0.7rem;}
    .font-size-lg-4    {font-size:0.8rem;}
    .font-size-lg-5    {font-size:0.9rem;}
    .font-size-lg-6    {font-size:1rem;}
    .font-size-lg-7    {font-size:1.1rem;}
    .font-size-lg-8    {font-size:1.2rem;}
    .font-size-lg-9    {font-size:1.3rem;}
    .font-size-lg-10   {font-size:1.4rem;}
    .font-size-lg-11   {font-size:1.5rem;}
    .font-size-lg-12   {font-size:1.75rem;}
    .font-size-lg-13   {font-size:1.8rem;}
    .font-size-lg-14   {font-size:1.85rem;}
    .font-size-lg-15   {font-size:1.9rem;}
    .font-size-lg-16   {font-size:1.95rem;}
    .font-size-lg-17   {font-size:2rem;}
    .font-size-lg-18   {font-size:2.25rem;}
    .font-size-lg-19   {font-size:2.5rem;}
    .font-size-lg-20   {font-size:2.75rem;}

    /*** CKeditor templates *** START ***/
    .pmcms-ckeditor-templates--responsive-image-title-lg img{
        width: auto;
    }
    .dir-rtl .pmcms-ckeditor-templates--responsive-image-title-lg img{
        margin-right: 1rem;
        float: left !important;
    }
    .dir-ltr .pmcms-ckeditor-templates--responsive-image-title-lg img{
        margin-left: 1rem;
        float: right !important;
    }
    /*** CKeditor templates *** END ***/

}

@media (min-width: 1200px) {

    .dir-rtl .text-align-xl ,.dir-rtl.text-align-xl{text-align:right}
    .dir-ltr .text-align-xl ,.dir-ltr.text-align-xl{text-align:left}
    .dir-rtl .text-align-xl-opp    {text-align:left}
    .dir-ltr .text-align-xl-opp    {text-align:right}

    .dir-rtl .float-xl-opp     {float:left}
    .dir-ltr .float-xl-opp     {float:right}
    .dir-rtl .float-xl         {float:right}
    .dir-ltr .float-xl         {float:left}

    .container-pmcms {
        max-width: 1140px
    }

    .opacity-xl-0  {opacity:0;transition: opacity 0.5s}
    .opacity-xl-50 {opacity:0.5;transition: opacity 0.5s}
    .opacity-xl-75 {opacity:0.75;transition: opacity 0.5s}
    .opacity-xl-85 {opacity:0.85;transition: opacity 0.5s}
    .opacity-xl-90 {opacity:0.9;transition: opacity 0.5s}
    .opacity-xl-95 {opacity:0.95;transition: opacity 0.5s}
    .opacity-xl-1  {opacity:1;transition: opacity 0.5s}

    .opacity-xl-hover-0:hover  {opacity:0;transition: opacity 0.5s}
    .opacity-xl-hover-50:hover {opacity:0.5;transition: opacity 0.5s}
    .opacity-xl-hover-75:hover {opacity:0.75;transition: opacity 0.5s}
    .opacity-xl-hover-85:hover {opacity:0.85;transition: opacity 0.5s}
    .opacity-xl-hover-90:hover {opacity:0.9;transition: opacity 0.5s}
    .opacity-xl-hover-95:hover {opacity:0.95;transition: opacity 0.5s}
    .opacity-xl-hover-1:hover  {opacity:1;transition: opacity 0.5s}

    .w-xl-auto  {width:auto!important;}
    .w-xl-0     {width:0!important;}
    .w-xl-25    {width:25%!important;}
    .w-xl-50    {width:50%!important;}
    .w-xl-75    {width:75%!important;}
    .w-xl-100   {width:100%!important;}

    .mw-xl-25   {max-width:25%!important}
    .mw-xl-50   {max-width:50%!important}
    .mw-xl-75   {max-width:75%!important}
    .mw-xl-100  {max-width:100%!important}

    .mh-xl-25   {max-height:25%!important}
    .mh-xl-50   {max-height:50%!important}
    .mh-xl-75   {max-height:75%!important}
    .mh-xl-100  {max-height:100%!important}

    .w-xl-rem-1{width:1rem}
    .w-xl-rem-2{width:2rem}
    .w-xl-rem-3{width:3rem}
    .w-xl-rem-4{width:4rem}
    .w-xl-rem-5{width:5rem}

    .h-xl-rem-1{height:1rem}
    .h-xl-rem-2{height:2rem}
    .h-xl-rem-3{height:3rem}
    .h-xl-rem-4{height:4rem}
    .h-xl-rem-5{height:5rem}
    .h-xl-rem-6{height:6rem}
    .h-xl-rem-7{height:7rem}
    .h-xl-rem-8{height:8rem}
    .h-xl-rem-9{height:9rem}
    .h-xl-rem-10{height:10rem}
    .h-xl-rem-11{height:11rem}
    .h-xl-rem-12{height:12rem}
    .h-xl-rem-13{height:13rem}
    .h-xl-rem-14{height:14rem}
    .h-xl-rem-15{height:15rem}
    .h-xl-rem-16{height:16rem}
    .h-xl-rem-17{height:17rem}
    .h-xl-rem-18{height:18rem}
    .h-xl-rem-19{height:19rem}
    .h-xl-rem-20{height:20rem}
    .h-xl-auto{height:auto}
    .h-xl-0   {height:0}

    .position-xl-absolute   {position: absolute}
    .position-xl-relative   {position: relative}
    .position-xl-unset      {position: unset !important}

    .flex-flow-xl-row          {flex-flow: row!important}
    .flex-flow-xl-row-reverse  {flex-flow: row-reverse!important}
    .flex-flow-xl-column           {flex-flow: column!important}
    .flex-flow-xl-column-reverse   {flex-flow: column-reverse!important}

    .pinr-xl-auto,.pinx-xl-auto   {right:auto}
    .pinr-xl-0,.pinx-xl-0         {right:0}
    .pinr-xl-1-2,.pinx-xl-1-2     {right:0.5rem;}
    .pinr-xl-1,.pinx-xl-1         {right:1rem;}
    .pinr-xl-2,.pinx-xl-2         {right:2rem;}
    .pinr-xl-3,.pinx-xl-3         {right:3rem;}
    .pinr-xl-4.pinx-xl-4          {right:4rem;}
    .pinr-xl-5,.pinx-xl-5         {right:5rem;}

    .pinl-xl-auto,.pinx-xl-auto   {left:auto}
    .pinl-xl-0,.pinx-xl-0         {left:0}
    .pinl-xl-1-2,.pinx-xl-1-2     {left:0.5rem;}
    .pinl-xl-1,.pinx-xl-1          {left:1rem;}
    .pinl-xl-2,.pinx-xl-2         {left:2rem;}
    .pinl-xl-3,.pinx-xl-3         {left:3rem;}
    .pinl-xl-4,.pinx-xl-4         {left:4rem;}
    .pinl-xl-5,.pinx-xl-5         {left:5rem;}

    .pint-xl-auto,.piny-xl-auto  {top:auto;}
    .pint-xl-0,.piny-xl-0     {top:0;}
    .pint-xl-1-2,.piny-xl-1-2   {top:0.5rem;}
    .pint-xl-1,.piny-xl-1     {top:1rem;}
    .pint-xl-2,.piny-xl-2     {top:2rem;}
    .pint-xl-3,.piny-xl-3     {top:3rem;}
    .pint-xl-4,.piny-xl-4     {top:4rem;}
    .pint-xl-5,.piny-xl-5     {top:5rem;}

    .pinb-xl-auto,.piny-xl-auto   {bottom:auto;}
    .pinb-xl-0,.piny-xl-0         {bottom:0;}
    .pinb-xl-1-2,.piny-xl-1-2     {bottom:0.5rem;}
    .pinb-xl-1,.piny-xl-1         {bottom:1rem;}
    .pinb-xl-2,.piny-xl-2         {bottom:2rem;}
    .pinb-xl-3,.piny-xl-3         {bottom:3rem;}
    .pinb-xl-4,.piny-xl-4         {bottom:4rem;}
    .pinb-xl-5,.piny-xl-5         {bottom:5rem;}

    .dir-rtl .pin-xl-auto-opp      {right:auto}
    .dir-ltr .pin-xl-auto-opp      {left:auto}
    .dir-rtl .pin-xl-auto          {right:auto}
    .dir-ltr .pin-xl-auto          {left:auto}
    .dir-rtl .pin-xl-0-opp         {right:0}
    .dir-ltr .pin-xl-0-opp         {left:0}
    .dir-rtl .pin-xl-0             {right:0}
    .dir-ltr .pin-xl-0             {left:0}
    .dir-rtl .pin-xl-1-opp         {right:1rem}
    .dir-ltr .pin-xl-1-opp         {left:1rem}
    .dir-rtl .pin-xl-1             {right:1rem}
    .dir-ltr .pin-xl-1             {left:1rem}
    .dir-rtl .pin-xl-2-opp         {right:2rem}
    .dir-ltr .pin-xl-2-opp         {left:2rem}
    .dir-rtl .pin-xl-2             {right:2rem}
    .dir-ltr .pin-xl-2             {left:2rem}
    .dir-rtl .pin-xl-3-opp         {right:3rem}
    .dir-ltr .pin-xl-3-opp         {left:3rem}
    .dir-rtl .pin-xl-3             {right:3rem}
    .dir-ltr .pin-xl-3             {left:3rem}
    .dir-rtl .pin-xl-4-opp         {right:4rem}
    .dir-ltr .pin-xl-4-opp         {left:4rem}
    .dir-rtl .pin-xl-4             {right:4rem}
    .dir-ltr .pin-xl-4             {left:4rem}
    .dir-rtl .pin-xl-5-opp         {right:5rem}
    .dir-ltr .pin-xl-5-opp         {left:5rem}
    .dir-rtl .pin-xl-5             {right:5rem}
    .dir-ltr .pin-xl-5             {left:5rem}

    .font-size-xl-1    {font-size:0.5rem;}
    .font-size-xl-2    {font-size:0.6rem;}
    .font-size-xl-3    {font-size:0.7rem;}
    .font-size-xl-4    {font-size:0.8rem;}
    .font-size-xl-5    {font-size:0.9rem;}
    .font-size-xl-6    {font-size:1rem;}
    .font-size-xl-7    {font-size:1.1rem;}
    .font-size-xl-8    {font-size:1.2rem;}
    .font-size-xl-9    {font-size:1.3rem;}
    .font-size-xl-10   {font-size:1.4rem;}
    .font-size-xl-11   {font-size:1.5rem;}
    .font-size-xl-12   {font-size:1.75rem;}
    .font-size-xl-13   {font-size:1.8rem;}
    .font-size-xl-14   {font-size:1.85rem;}
    .font-size-xl-15   {font-size:1.9rem;}
    .font-size-xl-16   {font-size:1.95rem;}
    .font-size-xl-17   {font-size:2rem;}
    .font-size-xl-18   {font-size:2.25rem;}
    .font-size-xl-19   {font-size:2.5rem;}
    .font-size-xl-20   {font-size:2.75rem;}

    /*** CKeditor templates *** START ***/
    .pmcms-ckeditor-templates--responsive-image-title-xl img{
        width: auto;
    }
    .dir-rtl .pmcms-ckeditor-templates--responsive-image-title-xl img{
        margin-right: 1rem;
        float: left !important;
    }
    .dir-ltr .pmcms-ckeditor-templates--responsive-image-title-xl img{
        margin-left: 1rem;
        float: right !important;
    }
    /*** CKeditor templates *** END ***/

}
/*** general class *** END ***/

/*** this media query just for custom container *** START ***/
@media (min-width: 1260px) {
    .container-pmcms {
        max-width: 1260px
    }
}
@media (min-width: 1600px) {
    .container-pmcms {
        max-width: 1600px
    }
}
/*** this media query just for custom container *** START ***/

/*** header style *** START ***/
.inner-header-bg-4 {
    background-color: var(--bg-header-simple);
}
.header-bg-simple {
    background: rgb(241, 242, 244);
    background: linear-gradient(to bottom, rgba(241, 242, 244, 1) 0%, rgba(235, 236, 238, 1) 54%, rgba(224, 224, 226, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f1f2f4', endColorstr='#e0e0e2', GradientType=0);
}

.header-bg-transparent{
    background-color: var(--bg-header);
    transition: background-color 0.5s;
}

.header-bg-transparent.scrolled,
body.toggle-pmm .header-bg-transparent
{
    background-color: var(--bg-header-scrolled);
    transition: background-color 0.5s;
}

.main-header .website-logo-container > a{
    width: auto;
    max-width: 100%;
    height: 100%;
    /*display: block;*/
}

.main-header .website-logo-container {
    height: 45px;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -ms-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
}

header.main-header{
    padding-top: 0;
    padding-bottom: 0;
}

#navbar {
    top: 0;
    z-index: 101;
    width: 100%;
}

header#navbar.header-type-1.scrolled .menu-container,
header#navbar.header-type-2.scrolled .menu-container
{
    margin-bottom: .5rem !important;
    margin-top: .5rem !important;
}

@media (max-width: 992px){
    .navbar-container{ max-width: 100% !important}
    .dir-rtl .webpart-top-menu--mobile--site-side > * {margin-left: 1rem !important;}
    .dir-rtl .webpart-top-menu--mobile--opp-site-side > * {margin-right: 1rem !important;}
    .dir-ltr .webpart-top-menu--mobile--site-side > * {margin-right: 1rem !important;}
    .dir-ltr .webpart-top-menu--mobile--opp-site-side > * {margin-left: 1rem !important;}
    .webparts-position-top-menu .webparts-position-top-menu-top-nav .club-logout,
    .webparts-position-top-menu .webparts-position-top-menu-top-nav .club-profile-btn,
    .webparts-position-top-menu .webparts-position-top-menu-top-nav .club-login-btn,
    .webparts-position-top-menu .webparts-position-top-menu-top-nav .wish-list-header-icon,
    .webparts-position-top-menu .webparts-position-top-menu-top-nav .header_language_link,
    .webparts-position-top-menu .webparts-position-top-menu-top-nav #shopping_cart_div
    {
        display: none !important;
    }
}

@media (max-width: 576px) {
    .dir-rtl .webpart-top-menu--mobile--site-side > * {margin-left: 0.85rem !important;}
    .dir-rtl .webpart-top-menu--mobile--opp-site-side > * {margin-right: 0.85rem !important;}
    .dir-ltr .webpart-top-menu--mobile--site-side > * {margin-right: 0.85rem !important;}
    .dir-ltr .webpart-top-menu--mobile--opp-site-side > * {margin-left: 0.85rem !important;}
}
/*** header style *** END ***/

/*** login style *** START ***/
.login .nav a.nav-item.nav-link{
    border-bottom: 3px solid transparent;
    margin-bottom: -1px;
    transition: all 0.5s;
}
.login .nav a.nav-item.nav-link.active{
    background-color: #f1f1f1;
    border-bottom: 6px solid var(--main-1);
    transition: all 0.5s;
}
.login .nav a.nav-item.nav-link:hover:not(.active) {
    background-color: #f5f5f5cf;
}
/*** login style *** END ***/

/*** product style ***/
.item-is-expired img,
.item-is-expired .product-sticker-type-rectangle {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    z-index: 1
}

.item-is-expired div.product-sticker {
    z-index: 1
}

.item-is-expired div.product-sticker:not(.product-sticker-type-rectangle) {
    background-color: #696565;
}

/*** product END ***/

/*** customize bootstrap switch in rtl languages *** START ***/
.dir-rtl .custom-switch .custom-control-label::after{
    right: calc(-1.5rem + 2px);
    left: 0 !important;
}
.dir-rtl .custom-switch .custom-control-label::before{
    right: -2.25rem;
    left: 0 !important;
}
/*** customize bootstrap switch in rtl languages *** END ***/

/*** customize product view page buttons *** START ***/
.shadow-btn{
    position: relative;
    overflow: hidden;
}
.shadow-btn:after{
    content: '';
    width: 30%;
    background: hsla(0,0%,100%,.21);
    height: 100%;
    position: absolute;
    top: 0;
    transition: all 0.5s;
}
.dir-rtl .shadow-btn:after{
    border-radius: 0.5rem 0rem 0rem 0.5rem;
    right: 0;
}
.dir-ltr .shadow-btn:after{
    border-radius: 0rem 0.5rem 0.5rem 0rem;
    left: 0;
}
.shadow-btn:hover:after{
    width: 100%;
    border-radius: 0;
    transition: all 0.25s;
}
/*** customize product view page buttons *** END ***/

/*** dont show arrows for input number *** START ***/
input[type=number].dont-show-arrows::-webkit-outer-spin-button,
input[type=number].dont-show-arrows::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number].dont-show-arrows {
    -moz-appearance:textfield;
}
/*** dont show arrows for input number *** START ***/

/*** customize bootstrap carousel prev/next icon *** START ***/
.carousel-control-prev
{
    justify-content: flex-end;
}
.carousel-control-next{
    justify-content: flex-start;
}
.carousel-control-next-icon,
.carousel-control-prev-icon
{
    background-image: none !important;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    transition: all 0.5s;
    font-size: 300%;
    width: 100%;
    height: auto;
}
.dir-rtl .carousel-control-next-icon:after,
.dir-ltr .carousel-control-next-icon:after
{
    content: "\f054";
}
.dir-rtl .carousel-control-prev-icon:after,
.dir-ltr .carousel-control-prev-icon:after
{
    content: "\f053";
}
.dir-rtl .carousel-control-next-icon,
.dir-ltr .carousel-control-next-icon
{
    text-align: right;
    padding: 0 0.2rem 0 0;
}
.dir-rtl .carousel-control-prev-icon,
.dir-ltr .carousel-control-prev-icon
{
    text-align: left;
    padding: 0 0 0 0.2rem;
}
/*** customize bootstrap carousel prev/next icon *** END ***/

/*** customize Owl carousel navigation *** START ***/
/*.owl-nav(not:disabled){*/
.owl-nav .owl-next,
.owl-nav .owl-prev
{
    font-size: 300%;
    color: #fff;
    position: absolute;
    padding: 0 0.5rem;
    top: 0;
    height: 100%;
    opacity: .5;
    transition: all 0.5s;
}

.owl-nav .owl-next
{
    right: 0;
}
.owl-nav .owl-prev
{
    left: 0;
}

.owl-nav .owl-next:hover,
.owl-nav .owl-prev:hover
{
    opacity: .9;
    transition: all 0.5s;
}
/*** customize Owl carousel navigation *** END ***/

/*** customize Owl carousel Dots *** START ***/
.owl-dots
{
    display: flex;
    justify-content: center;
    margin-top: 1rem;
}
.owl-dots .owl-dot span
{
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    transition: all 0.5s;
    margin:0 0.5rem;
    color: #c5c5c5;
    transition: all 0.5s;
}
.owl-dots .owl-dot span:after
{
    content: "\f0c8";
}
.owl-dots .owl-dot.active span
{
    transition: all 0.5s;
    color: var(--main-2);
}
.owl-slider .owl-carousel .owl-dots /* dont show dots in owl slider * because use dots in slider as thumbnail*/
{
    display: none;
}
/*** customize Owl carousel Dots *** END ***/

/*** customize light box arrow *** START ***/
.lightbox .lb-nav a.lb-next,
.lightbox .lb-nav a.lb-prev
{
    opacity: 0.5 !important;
}
.lightbox .lb-nav a.lb-next:hover,
.lightbox .lb-nav a.lb-prev:hover
{
    opacity: 1 !important;
}
/*** customize light box arrow *** START ***/

/*** remove focus effect from burger menu *** START ***/
#toggle-navbar:focus{
    outline: none !important;
}
/*** remove focus effect from burger menu *** END ***/

/*** Grayscale effect *** START ***/
.grayscale,
.pmcms-lazy
{
    -webkit-filter: grayscale(1); /* Safari 6.0 - 9.0 */
    filter: grayscale(1);
}
/*** Grayscale effect *** END ***/

/*** show animation just when user view port in *** START ***/
.animated-content-block{
    visibility: hidden;
}
.animated-content-block-finished{
    visibility: visible;
}
/*** show animation just when user view port in *** END ***/