#container_wrapper {
    overflow: hidden;
}
   @font-face {
    font-family: 'IRANSansWeb_FaNum';
    src: url("/Content/fonts/IRANSansWeb(FaNum)/IRANSansWeb(FaNum).eot"),url("/Content/fonts/IRANSansWeb(FaNum)/IRANSansWeb(FaNum).eot?#iefix") format("embedded-opentype"),url("/Content/fonts/IRANSansWeb(FaNum)/IRANSansWeb(FaNum).woff2") format("woff2"),url("/Content/fonts/IRANSansWeb(FaNum)/IRANSansWeb(FaNum).woff") format("woff"),url("/Content/fonts/IRANSansWeb(FaNum)/IRANSansWeb(FaNum).ttf") format("truetype");
    font-weight: normal
}

   @font-face {
    font-family: 'danstevis';
    src: url("/Content/fonts/danstevis/danstevis.eot"),url("/Content/fonts/danstevis/danstevis.eot?#iefix") format("embedded-opentype"),
    url("/Content/fonts/danstevis/danstevis.woff") format("woff"),
    url("/Content/fonts/danstevis/danstevis.ttf") format("truetype");
    font-weight: normal
}


 body {
    margin: 0;
    direction: rtl;
    font-family: HelveticaNeueLight;
    overflow-x: hidden;
    transition: all .3s ease-in-out;
    right: 0;
    position: relative;
    color: #000000;
}
.chartCounter
{
display:none;
}
#ah7progress,.progressComplete #ah7progress {
    z-index: 10000000;
    opacity: 1;
}
.start.progressComplete #ah7progress{
     z-index: -1;
     opacity: 0;
}
ul{
    /* list-style-type: none; */
    /* top: 50%; */
    /* width: 50%; */
}
* {
    margin: 0px;
    padding: 0px;
    outline: none;
    font-family: dinar, sans-serif;
    border: none;
    text-decoration:none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    /* font-family: HelveticaNeueLight; */
    font-family: GOTHICB , IRANSansWeb_FaNum;
}
a{
    color:inherit;
    /* position:  relative; */
}
div#container_wrapper {
    min-height: 400px;
    /* margin-top: 103px !important; */
}

/* HEADER */


section[data-boxid="48106"]
{
  background-color:rgb(61, 46, 99);
  animation-name:slider;
  animation-duration:10s;
  animation-direction:alternate;
  animation-iteration-count:infinite;
}

@keyframes slider
{
  0%
  {
     background-color:rgb(61, 46, 99);
  }
  50%
  {
    background-color:rgb(122, 47, 87);
  }
  100%
  {
    background-color:rgb(101, 53, 143);
  }
}
#headerContainer.scrolled, body[data-menuid="0"] #headerContainer, body[data-menuid="-2"] #headerContainer 
{
  -webkit-box-shadow: 0 0 4px #969696;
  -moz-box-shadow: 0 0 4px #969696;
  box-shadow: 0 0 4px #969696;
  background: rgba(255, 255, 255, 0.93);
  position: fixed;
  top: 0;
  background: rgba(187, 181, 181, 0.75);
}

#headerContainer
{
    width:100%;
    /* position:fixed; */
    top:0;
    z-index:10000;
    color:white;
    transition:background 0.3s;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    position: absolute;
    width: 100%;
    z-index: 10;
    background: rgba(12, 12, 12, 0.3);
    height: 80px;
}
/*****loading*****/
 #loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}
#ah7progress {
    z-index: 100000;
    opacity: 1;
    display: none;
}
#loader {
    display: block;
    position: absolute;
    top: 30%;
    width: 100%;
    height: 100%;
    margin: 0px;
    z-index: 1001;
    /*transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	-moz-transform:translateY(-50%);*/
    text-align: center;
}

#loader-wrapper .loader-section {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: #dcdcdc;
    z-index: 1000;
    -webkit-transform: translateX(0); /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(0); /* IE 9 */
    transform: translateX(0); /* Firefox 16+, IE 10+, Opera */
}

    #loader-wrapper .loader-section.section {
        left: 0;
        top: 0;
    }

    #loader-wrapper .loader-section.section-left {
        left: 0;
    }

    #loader-wrapper .loader-section.section-right {
        right: 0;
    }

/* Loaded */

.loaded #loader-wrapper .loader-section.section-top {
    -webkit-transform: translateY(-100%); /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateY(-100%); /* IE 9 */
    transform: translateY(-100%); /* Firefox 16+, IE 10+, Opera */
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader-wrapper .loader-section.section-left {
    -webkit-transform: translateX(-100%); /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(-100%); /* IE 9 */
    transform: translateX(-100%); /* Firefox 16+, IE 10+, Opera */
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader-wrapper .loader-section.section-right {
    -webkit-transform: translateX(100%); /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(100%); /* IE 9 */
    transform: translateX(100%); /* Firefox 16+, IE 10+, Opera */
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.loaded #loader-wrapper {
    visibility: hidden;
    -webkit-transform: translateY(-100%); /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateY(-100%); /* IE 9 */
    transform: translateY(-100%); /* Firefox 16+, IE 10+, Opera */
    -webkit-transition: all 0.3s 1s ease-out;
    transition: all 0.3s 1s ease-out;
}


/* loader */


.spinner {
    /* margin: 0px auto; */
    /* width: 70px; */
    /* height: 70px; */
    /* position: relative; */
    /* text-align: center; */
    /* -webkit-animation: sk-rotate 2.0s infinite linear; */
    /* animation: sk-rotate 2.0s infinite linear; */
}
/* #loader:after
{
	content: "";
	font-family: Helvetica,sans-serif;
	font-size: 53px;
	color: white;
	height: 0;
	display: block;
	text-align: center;
	z-index: 100;
	width: 109px;
	height: 106px;
	position: relative;
	margin: auto;
	top: -10%;
	background: url(/Content/base/dynamic/shopping1260/img/104859.jpg);
	background-size: contain;
	padding: 20px;
	animation: rotating 5s linear infinite;
	transform-origin:50% 50% !important;
}*/


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

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

@-webkit-keyframes sk-bounce {
    0%, 100% {
        -webkit-transform: scale(0.0);
    }

    50% {
        -webkit-transform: scale(1.0);
    }
}

@keyframes sk-bounce {
    0%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }

    50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}

/******Menu*****/
#headerContent {
 	position: fixed;
 	width: 50%;
 	height: 100%;
 	/* right: 50%!important; */
 	/* transition: all .5s; */
 	z-index: 1000;
 	margin: 0 auto;
 	left: 50%;
 	/* right: 0; */
 	top: -100%;
 	font-size: 15px;
 	padding: 228px 0 90px;
 	background: rgba(0,0,0,0.9);
 	opacity: 0;
 	visibility: hidden;
 	transition: all .5s;
 	overflow: visible;
}

 .cross #headerContent  {
    /* right: 50%!important; */
    opacity: 1;
    display: block;
    padding-top: 230px!important;
    z-index: 1000000;
    visibility: visible;
    height: 100vh!important;
    border-left: rgba(164,164,164,0.2) 1px solid;
    top: 0;
}
.cross ul#mainNavigation 
{
    right: 0;
    /* padding: 0; */
    opacity:1;
    visibility:visible;
}


ul#mainNavigation {
    width: 310px;
    height: 100%;
    right: 0;
    text-align: center;
    left: 0;
    bottom: 0;
    margin: 0 auto;
    overflow: visible;
    position: absolute;
    top: 11%;
    opacity: 0;
}
ul#mainNavigation li {
    width: 100%;
    border-bottom: rgba(104,104,104,0.5) 1px solid;
    left: 0;
    right: 0;
    display: block;
    /* position: relative; */
    margin: 0 auto;
    position: relative;
    top: 0;
}
ul#mainNavigation li:last-child{
  border-top:none;
  border-bottom:none;
}

#headerContent #mainNavigation > li
{
    display:block;
    color: #A6A6A6;
    font-size: 15px;
    margin: 0;
    border-top: 1px solid rgba(255, 255, 255, .03);
    line-height: 67px;
}

#headerContent #mainNavigation > li > a 
{
      padding: 11px 20px 10px 5px;
      margin-left: 50px;
      line-height: 19px;
      display: inline-block;
      text-align: right;
      border-top: 0;
      padding: 16px 1px!important;
      margin-left: 0;
      position: static;
      margin-right: 39px;
      transition:0.3s ease-in-out;
}
#headerContent  #mainNavigation > li:hover a{
  color:#FFC107;
  margin-right:48px;
}
#headerContent #mainNavigation li:hover a:after{
  opacity:1;
}
ul#mainNavigation li a {
    line-height: 55px;
    color: #ffffff;
    display: block;
    position: relative;
    /* font-weight: bold; */
}
ul#mainNavigation li a:before {
    content: "";
    background: url(/Content/base/dynamic/shopping1186/img/104296.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 115px;
    right: 0;
    width: 9px;
    margin: 0 auto;
    margin-top: 4px;
    height: 15px;
    transform: rotate(180deg);
}

.setLogo {
    position: fixed;
    width: 50%;
    height: 100%;
    right: 0;
    /* transition: all .5s; */
    z-index: 10000;
    margin: 0 auto;
    left: 0;
    right: 50%!important;
    top: -100%;
    /* transform: translateY(-50%); */
    font-size: 15px;
    padding: 228px 0 90px;
    background: rgba(0, 0, 0, 0.79);
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
}

.cross div.setLogo {
    right: 0;
    opacity: 1;
    display: block;
    padding-top: 230px!important;
    /* z-index: 10001; */
    visibility: visible;
    height: 100vh!important;
    top: 0;
}

.setLogo > span {
    right: 0;
    left: 50%;
    z-index: 100;
    background: url(/Content/base/dynamic/shopping1281/img/105012.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 252px;
    height: 252px;
    display: block;
    opacity: 1;
    transition: all 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    transition-delay: 1.5s;
    -webkit-transition-delay: 1s;
    right: 0;
    text-align: center;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    position: absolute;
    top: 30%;
}
.setLogo > span:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -25px;
    color: #9c8745;
}
.setLogo > span:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -25px;
    color: #9c8745!importsnt;
}
/**********/

#layout-logo
{
  background-size: 90%;
  width: 101px;
  background-repeat: no-repeat;
  height: 91px;
  position: fixed;
  left: 30px;
  top: 4px;
  z-index: 101;
  /* background-position-y: 5px; */
}

     #loading-img {
    text-align: center;
    padding-top: 300px;
    width: 100%;
    direction: rtl;
    height: 100%;
    z-index: 10000;
    background-color: rgba(107,107,107,.31);
    position: fixed;
    top: 0;
    right: 0;
    padding-top: 300px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

div#container_wrapper, div#container, div#mainContent, .textContent, .resizable {
    width: 100%;
    padding: 0px;
    margin: 0px;
    border: none;
    /* height: auto !important; */
    position: relative;
    /* z-index: 1; */
}
.resizable {
    background: white;
    width: 100%;
    /* z-index: -1; */
}
.col-lg-1 {
    width: 100%;
}

.col-lg-2 {
    width: 50%;
}

.col-lg-3 {
    width: 33.33333333%;
}

.col-lg-4 {
    width: 25%;
}

.col-lg-5 {
    width: 20%;
}

.col-lg-6 {
    width: 16.666666%;
}

.col-lg-7 {
    width: 14.28%;
}

.col-lg-8 {
    width: 12.5%;
}

.col-lg-9 {
    width: 11.111111%;
}

.col-lg-10 {
    width: 10%;
}
/* SLIDE SHOW */
/*..Start Slideshow...*/
.resizable[data-tmplname="slideshow"] {
    height: 0!important;
    overflow: hidden;
    padding-bottom: 42%;
    position: relative;
}
.resizable[data-tmplname="slideshow"] > h4{ display:none;}

.resizable[data-tmplname="slideshow"] .frontpage-gallery {
      position: absolute;
      height: 88%;
      width: 100%;
      top: 0;
}
.resizable[data-tmplname="slideshow"] .frontpage-gallery > div {
       width: 100% !important;
       height: 100% !important;
 }
.resizable[data-tmplname="slideshow"] .slideShowContent
 {
        position:absolute;
        width: 376px;
        max-width: 100%;
        left: 0;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 1000;
        color: #fff;
        font-size: 26px;
        font-size: 1.4rem;
        text-align: center;
        margin: 0 auto;
        margin-top: 70px;
        text-shadow: 0px 1px 5px #000;
        border-radius: 33px;
        padding: 35px 0;
        background: rgba(241, 240, 240, 0.4);
}
.slidesjs-pagination {
    /* display:none; */
    position: absolute;
    bottom: -32px;
    left: 55px;
    z-index: 1;
}
.resizable[data-tmplname="slideshow"] .slideShowContent .btn
{
        font-size: 14px;
        display: inline-block;
        padding: 10px 36px;
        line-height: 17px;
        font-weight: 700;
        color: #ffffff;
        background-color: rgb(49, 62, 126);
        border-color: rgb(0, 0, 0);
        border-radius: 50px;
         padding: 14px 25px 16px;
         margin-top: 37px;
}
.resizable[data-tmplname="slideshow"] .slideShowContent .btn:hover 
{
      background-color:#fff;
           color:#000;
}
         
.resizable[data-tmplname="slideshow"] .slideShowContent h2
{
         font-size:50px;
         font-size: 2rem;
         margin-bottom: 10px;
         font-weight: normal;
}
        
        
.resizable[data-tmplname="slideshow"] .frontpage-gallery div img{
    width:100%;
    height: 100%;
    object-fit: cover;
}
.slidesjs-control {
    height: auto !important;
}
.slidesjs-control img {
    width: 100%;
    }
.resizable[data-tmplname="slideshow"] .slidesjs-previous, .resizable[data-tmplname="slideshow"] .slidesjs-next {
    opacity:0;
    -webkit-transition: all .6s cubic-bezier(0.23,1,0.32,1);
    -moz-transition: all .6s cubic-bezier(0.23,1,0.32,1);
    -o-transition: all .6s cubic-bezier(0.23,1,0.32,1);
    transition: all .6s cubic-bezier(0.23,1,0.32,1);
    position: absolute;
    top: 50%;
    margin-top: -35px;
    z-index: 999;
    width: 55px;
    height: 55px;
    color: transparent;
    font-size: 0;
    cursor: pointer;
    background: rgba(192, 71, 119, 0.71);
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: none;
}
.resizable[data-tmplname="slideshow"]:hover .slidesjs-previous, .resizable[data-tmplname="slideshow"]:hover .slidesjs-next
{
    opacity:1
}

.resizable[data-tmplname="slideshow"] .slidesjs-previous {
  
left: 2%;
}

.slidesjs-previous:hover:after, .slidesjs-next:hover:after
{
  opacity:1;
  transform:scale(1);
}
.slidesjs-previous:hover:after
{
  left:30px
}

.resizable[data-tmplname="slideshow"] .slidesjs-next {
       right: 2%;
}
.resizable[data-tmplname="slideshow"] .frontpage-gallery .slides-front > div {position: absolute;top: 0;right: 0;width: 100%;height: 100%;-webkit-animation: slideFadeOut linear .5s both;animation: slideFadeOut linear .5s both;}
.resizable[data-tmplname="slideshow"] .frontpage-gallery .slides-front > div > div
{/* height: 100%; */}
.resizable[data-tmplname="slideshow"] .frontpage-gallery .slides-front > div.active {-webkit-animation: slideFadeIn linear .5s both;animation: slideFadeIn linear .5s both;z-index: 1;}

.active {}

@-webkit-keyframes slideFadeOut {
   from{
 opacity:1;
   }
   to
   {
       opacity:0;
   }
}
@keyframes slideFadeOut {
    from{
 opacity:1;
   }
   to
   {
       opacity:0;
   }
}

@-webkit-keyframes slideFadeIn {
   from{
 opacity:0;
   }
   to
   {
       opacity:1;
   }
}

@keyframes slideFadeIn {
    from{
 opacity:0;
   }
   to
   {
       opacity:1;
   }
} 



.resizable > h4
{
  text-align:center;
  font-size: 30px;
  color:#6b6b6b;
  position:relative;
}



/* Digital Service Tab */
section[data-boxstyle="dsTab"] 
{
  width: 100%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-image:url(/Content/base/dynamic/shopping1015/img/103357.jpg);
  /* padding: 100px 0; */
  height:auto !important;
  position:relative;
  background-size: 91%;
  background-position: -149% 0%;
}

section[data-boxstyle="dsTab"] > h4
{
  text-align:right;
  /* max-width:1170px; */
  /* width:90%; */
  /* margin:0 auto; */
  margin-right: 4%;
  color: black;
  position:  absolute;
  top: 100px;
}
section[data-boxstyle="dsTab"] > h4:after,section[data-boxstyle="dsTab"] > h4:before
{
  display:none;
}
section[data-boxstyle="dsTab"] > .blurbs > .catblurb:before
{
 /* content:""; */
 background-image:url(/Content/base/dynamic/shopping1015/img/103352.jpg);
 background-size:70%;
 background-position:center;
 background-repeat:no-repeat;
 padding: 7%;
 /* width: 7%; */
 /* height: 51px; */
 border-radius:50%;
 box-shadow: 0px 0px 0px 4px rgba(255, 0, 0, 0.33);
 background-color: #f74864;
 vertical-align:top;
 margin-left: 7%;
 display:inline-block;
}
section[data-boxstyle="dsTab"] > .blurbs > .catblurb img
{
 padding: 10px;
 width: 15%;
 /* height: 51px; */
 border-radius:50%;
 box-shadow: 0px 0px 0px 4px rgba(70, 164, 173, 0.27);
 background-color: #ca4e80;
 vertical-align:top;
 margin-left: 7%;
 display:inline-block;
}
section[data-boxstyle="dsTab"] > .blurbs > .catblurb
{
  width: 39%;
  margin: 2% 2%;
  text-align:  right;
  display:inline-block;
  vertical-align: top;
}
section[data-boxstyle="dsTab"] > .blurbs{
  width: 50%;
  /* padding-top: 26px; */
  padding: 100px 0;
  /* display:  inline-block; */
  /* right: 0; */
  /* top: 0; */
  /* position:  absolute; */
  padding-top: 200px;
  background-color: white;
  text-align:center;
}

.blurbs.clearfix {
    font-size: 0;
}
section[data-boxstyle="dsTab"] > .blurbs > .catblurb p
{
  font-size:14px;
  min-height:92px;
  max-height:92px;
  height: 92px;
  color: #808080;
  /* text-align:justify; */
}
section[data-boxstyle="dsTab"] > .blurbs > .catblurb > .catblurb-info
{
  width: 75%;
  display:inline-block;
}
section[data-boxstyle="dsTab"] > .blurbs > .catblurb > h3
{
  display:none;
}
/* Tab Who We Are */
section[data-boxstyle="tabW"]
{
  text-align:left;
  position:relative;
  height:auto !important;
  width: 100%;
  /* max-width: 1100px; */
  /* z-index: 1; */
  margin: 0 auto;
}
section[data-boxstyle="tabW"] > h4, section[data-boxstyle="tabW"] > h3{

  display:none;
}
section[data-boxstyle="tabW"] > .blurbs
{
  font-size:0;
  text-align: left;
}
section[data-boxstyle="tabW"] > .blurbs > .catblurb img
{
  width:100%;
}

section[data-boxstyle="tabW"] > .blurbs > .catblurb-info > h4
{
  /* display: nonze; */
}
section[data-boxstyle="tabW"] > .blurbs > .catblurb:nth-child(2) > h3 {
    right: 9%;
}

section[data-boxstyle="tabW"] > .blurbs > .catblurb:nth-child(2) > h3:before{

content:'';

position:absolute;

height:3px;

width:0;

top:0;

left:0;

background-color: #ca4e80;

transition:all 3s ease .3s;
}
section[data-boxstyle="tabW"].animated > .blurbs > .catblurb:nth-child(2) > h3:before
{
  width:100%
}
section[data-boxstyle="tabW"] > .blurbs > .catblurb > .catblurb-info > h4 {
    left: 10%;
    top: 49px;
    /* margin-left: 101px; */
    padding-top: 5px;
    font-size: 30px;
}

section[data-boxstyle="tabW"] > .blurbs > .catblurb > .catblurb-info > p
{
  color:#828282;
  padding:20px 0;
  font-size: 17px;
  font-family: CenturyGothic, IRANSansWeb_FaNum;
  text-align: right;
  direction: rtl;
}
section[data-boxstyle="tabW"] > .blurbs > .catblurb > .catblurb-info > h4
{
  display:none;
}
section[data-boxstyle="tabW"] > .blurbs > .catblurb
{
  background-color:white;
  padding: 39px 0 76px;
  text-align: left;
  /* margin-right: 4%; */
  width:50%;
  vertical-align:top;
  margin: 0 auto;
  font-size:15px;
  display: block;
  direction: ltr;
}
section[data-boxstyle="tabW"] .buttonList
{
  width: 50%;
  position:absolute;
  bottom:20%;
  left:0;
  display:inline-block;
  padding-right: 4%;
  bottom: 11px;
}

.logoVector svg {
    position: absolute;
    width: 120px;
    left: -117px;
    top: -23px;
    display: none;
}



.logoVector svg path {
        fill: transparent;
        stroke: #62be4b;
        stroke-width: 2px;
        stroke-dasharray: 1500;
        stroke-dashoffset: 1500;
    }

.animated .logoVector svg path {
    animation: service_svg 5s linear .3s forwards;
}


@keyframes service_svg {
    to {
        stroke-dashoffset: 0
    }
}

.logoVector i.main_char {
    position: absolute;
    left: -107px;
    top: 2px;
    font-size: 49px;
    width: 87px;
    display: inline-block;
    text-align: center;
}
section[data-boxstyle="tabW"] .btn
{
  position:absolute;
  /* right:53.5%; */
  /* botom:5%; */
  width:20%;
  text-align:center;
  display:block;
  background-color:#f74864;
  color:white;
  padding:10px 0;
  border-radius:6px;
}
/* news */
#addcomment-box
{
  text-align:center;
}
#commment-add-wrapper > form
{
  /* border:0px solid transparent; */
  /* box-shadow: 0px 0px 7px 2px #0000002b; */
  border-radius: 5px;
  padding-bottom: 2%;
  padding: 27px;
}
#commment-add-wrapper > form > span:nth-child(6)
{
  color:#c0c0c0;
  padding:1%;
  margin: 0 0 4% 0;
  text-align:right;
  background: #4D4D4D;
  width:100%;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-right-top-radius: 5px;
}
#addcomment-box > input[type="submit"]:nth-child(3)
{
  border-radius:5px;
  border: 0px solid black;
  color: white;
  font-size: 16px;
  width: 12%;
  background: #e40714;
}
#addcomment-box > input
{
  background-color:white;
  width: 30%;
  margin: 0 0.5%;
  padding:1% 0.5%;
  display: inline-block;
  box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  /* border-bottom: 1px solid #000000; */
}
#body-content-comments-wrapper
{
  margin: 3% 0;
  background-color:#ffffff;
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
  padding: 20px 0;
  /* vertical-align:  top; */
  /* display:inline-block !important; */
}
#commment-add-wrapper > form > textarea
{
  width: 75%;
  margin: 2% auto;
  display: block;
  padding: 1%;
  /* border: 1px solid; */
  box-shadow: 0px 0px 15px 1px rgba(77, 77, 77, 0.27);
  border-radius: 5px;
  /* margin: 1% 0; */
  /* border-right: 1px solid black; */
}
section[data-tmplname="news"]
{
  padding: 0;
  background-image:url(https://jd-host.ru/themeforest/html/lester/img/assets/absurdity.png);
  /* z-index: 1; */
  padding-top: 64px;
  padding-bottom: 64px;
  background: url(/Content/base/dynamic/shopping1260/img/104856.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
}
section[data-tmplname="news"] .wrapper_Col
{
  max-width:1170px;
  margin:0 auto;
  width: 90%;
  text-align:center;
  opacity: 1;
  transition:  0.2s opacity;
}

#newsWidget .outer >div
{
  transition:0.1s transform;
  border-radius: 5px;
  box-shadow: 0px 5px 7px 3px hsla(0, 0%, 0%, 0.06);
  margin: 0 0%;
  width: 100%;
  display:inline-block;
  vertical-align:  top;
  position: relative;
  padding-top: 67%;
  padding-bottom: 16%;
  background-color:white;
  /* transform-style:  preserve-3d; */
  perspective: 1000px;
  /* transform: rotateX(10deg); */
}
.img_link_wrapper img
{
  box-shadow: 0 3px 5px 2px #00000021;
  width: 95%;
  /* margin:  0 auto; */
  transform: translateZ(20px);
  /* position: absolute; */
}
.img_link_wrapper
{
  display:block;
  position:absolute;
  top: 3.5%;
  width: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.newsDate:before
{
  content:"";
  display:block;
  width:100%;
  height:1px;
  margin-bottom:4%;
  background-color:rgba(0, 0, 0, 0.15);
}
#newsInfo > p
{
  transform: translateZ(20px);
  width: 85%;
  text-align:justify;
  text-align-last: right;
  margin: 0 auto;
  font-size: 14px;
  line-height: 24px;
  padding: 0;
  text-overflow: clip;
  overflow: hidden;
  /* min-height: 140px; */
  display: block;
  max-height: 76px;
  margin-bottom: 5%;
  /* padding-bottom: 86px; */
  color: rgba(0, 0, 0, 0.83);
}
.moreNewsContent
{
  display:none;
}
#newsInfo h3:hover
{
  color:#ca4e80;
}
#newsInfo h3
{
  transition:0.3s color;
  transform: translateZ(20px);
  margin:2% 8%;
  margin-top: 5%;
  text-align:right;
}
.newsDate:after
{
  content:"";
  position:absolute;
  right: 0;
  top: -23%;
  transform: translateZ(40px);
  display:block;
  width: 13%;
  background-repeat: no-repeat;
  /* background-color: black; */
  z-index: 1000000;
  /* border-color: transparent; */
  height: 120%;
  max-width: 40px;
  /* border-radius: 100%; */
  /* box-shadow: 0px -2px 8px 0px rgba(0, 0, 0, 0.52); */
  background-image:url(/Content/base/dynamic/shopping1260/img/104854.jpg);
  background-size: 100%;
}
.newsDate
{
  padding-right: 13%;
  position:absolute;
  bottom: 4%;
  width: 86%;
  color: #5d5d5d;
  font-size: 13px;
  right: -3%;
  left:0;
  margin:0 auto;
  /* margin-right: 8%; */
  text-align: center;
  transform: translateZ(30px);
}
#dialogContent img
{
  left: 0;
  right: 0;
  margin:  0 auto;
  /* position:  absolute; */
  /* left: 103px; */
}
#dialogContent .outer
{
  width:100% !important;
}
#newsWidget > .outer
{
  /* position:  relative; */
  perspective:1000px;
  width: 30%;
  display:inline-block;
  margin: 0 1%;
  
  transform: translateY(80%);
  opacity:0;
  transition: 1.2s all 1s;
  margin-bottom: 40px;
}
#dialogContent #newsWidget > .outer{
 transform: translateY(0);
 opacity:1;
}
#newsWidget > .outer:nth-child(3n+1)
{
  transition-delay:.7s;
}
#newsWidget > .outer:nth-child(3n+2)
{
  transition-delay:1s;
}
#newsWidget > .outer:nth-child(3n+3)
{
  transition-delay:1.3s;
}
section[data-tmplname="news"].animated #newsWidget > .outer
{
  transform:translateY(0);
   opacity:1;
}
.resizable > h4
{
  text-align:center;
  width: 90%;
  font-size:25px;
  color: rgba(0, 0, 0, 0.6);
  max-width:1170px;
  margin:0 auto;
  margin-bottom: 3%;
}
.showMoreNews > img
{
  display:none;
}
.showMoreNews
{
cursor:pointer;
display: inline-block;

margin: 2%;

padding: 1%;
color:#ed565f;
border-radius:5px;
border: 1px solid #ed565f;
}
div#dialogContent
{
  max-width:1170px;
  width:90%;
  margin:0 auto;
  padding: 120px 0;
}

div#dialogContent .news-header
{
  width:30%;
  display:  inline-block;
  vertical-align: top;
}
div#dialogContent .news-content
{
  color:#0f0f0f;
  font-size: 15px;
  width: 69%;
  text-align:  justify;
  padding-right: 5%;
  padding-top: 0;
  padding: 1% 2;
  display:inline-block !important;
}
div#dialogContent .news-content *{
  font-family:IRANSansWeb_FaNum;
}

.news-content img{
  max-width:100%;
  height:auto !important;
}

  /* SLIDE */
.caption-wrapper
{
    color:white;
    position:absolute;
    left:0;
    right:0;
    margin:0 auto;
    width:100%;
    text-align:center;
    top:55%;
    transform:translateY(-50%);
}
.caption-wrapper .title:after
{
    content:".";
    display:inline-block;
    color:#f74864;
    font-size:30px;
}
.caption-wrapper .title
{
    font-size:35px;
    width:60%;
    margin:0 auto;
    margin-bottom:1%;
    font-weight:bold;
}
.caption-wrapper .description
{
    font-size:15px;
    width:40%;
    margin:0 auto;
    color:#ebebeb;
    margin-bottom:2%;
}
.caption-wrapper .socials
{
     margin-bottom:4%;
}
.caption-wrapper ul li
{
    display:inline-block;
    font-size:18px;
    width:50px;
    height:50px;
    position:relative;
    border-radius:50%;
    margin:0.3%;
    cursor:pointer;
    transition:transform 0.3s;
}
.caption-wrapper ul li:hover
{
    transform:scale(1.2)
}
.caption-wrapper ul li i
{
    position:absolute;
    top:52%;
    left:0;
    right:0;
    margin:0 auto;
    transform:translateY(-50%)
}
.caption-wrapper ul li:nth-child(1)
{
    background-color:#e4405f;
}
.caption-wrapper ul li:nth-child(2)
{
  background-color:#3991d4
}
.caption-wrapper ul li:nth-child(3)
{
  background-color:#d80000;
}
.caption-wrapper ul li:nth-child(4)
{
  background-color:#bf3c2b;
}
.caption-wrapper ul li:nth-child(5)
{
  background-color:#2b498b;
}
.caption-wrapper .scrollt
{
    font-size:14px;
    color:#c6c6c6;
}
.caption-wrapper .scrolld
{
    width:20px;
    height:20px;
    border-right:4px solid white;
    margin:0% auto;
    border-radius:5px;
    border-bottom:4px solid white;
    transform:rotate(45deg);
    animation-name:scrollanimation;
    animation-duration:3s;
    position:relative;
    top:0;
    animation-iteration-count: infinite;
}
  @keyframes scrollanimation
  {
    from
    {
      top:0;
      opacity:1;
    }
    to
    {
      top:40px;
      opacity:0.2;

    }
  }

/*****/
    section[data-boxstyle="tabFeatures"] .fliper p
    {
      font-weight:100;
      font-size:12px;
      margin:5%;
      color:#e5e5e5;
    }
    section[data-boxstyle="tabFeatures"] h4
    {
      font-size:20px;
    }
  section[data-boxstyle="tabFeatures"] .fliper
  {
    perspective: 800px;
    transform-style: preserve-3d;
    position:absolute;
    right: 10%;
    top:50%;
    transform:translateY(-50%);
    width: 37%;
    /* border-radius:10px; */
  }
  section[data-boxstyle="tabFeatures"] .catblurb:last-child
  {
   margin:0;
   padding:0;
   transition: 0.5s all;
   width:100%;
   /* box-shadow: 0px 0px 7px 3px rgba(0, 0, 0, 0.21); */
   font-size: 0;
   transform-style: PRESERVE-3D;
   margin-top: 57px;
  }
   section[data-boxstyle="tabFeatures"] .fliper:last-child:hover .catblurb
   {
     transform:rotateX(180deg);
   }
   section[data-boxstyle="tabFeatures"] .catblurb:last-child .catblurb-info
   {
     background-color:#171717;
     position:absolute;
     top:0;
     color:white;
     font-size: 15px;
     z-index: 0;
     text-align:  center;
     padding: 10%;
     height: 100%;
     width:100%;
     border-radius: 5px;
     transform:rotateX(180deg);
     -moz-transform: rotateX(180deg);
     -webkit-transform: rotateX(180deg);
   }
   section[data-boxstyle="tabFeatures"] .catblurb:last-child img
   {
     width:100%;
     transform: rotateX(0deg);
     border-radius: 5px;
     /* height: 106%; */
     /* border: 1px solid transparent; */
     z-index: 1;
   }
  section[data-boxstyle="tabFeatures"] .catblurb:nth-last-child(n+2) .catblurb-info
  {
    width: 77%;
    display:inline-block;
    margin-right: 130px;
    vertical-align:middle;
  }
   section[data-boxstyle="tabFeatures"] .catblurb:nth-last-child(n+2)
   {
     width:50%;
     margin: 1.5% 0;
     min-height: 100px;
     /* padding: 1%; */
     margin-right:50%;
     padding-left: 10%;
     padding-bottom: 0%;
     position:  relative;
   }
   section[data-boxstyle="tabFeatures"] .catblurb:nth-last-child(n+2):hover:before
   {
     background-color: #ca4e80;
     color:white;
   }
    section[data-boxstyle="tabFeatures"] .catblurb:nth-child(1):before
    {
      content:"\f00a" !important;
      font-family:FontAwesome;
    }
     section[data-boxstyle="tabFeatures"] .catblurb:nth-child(2):before
    {
      content:"\f120" !important;
      font-family:FontAwesome;
    }
    section[data-boxstyle="tabFeatures"] .catblurb:nth-child(3):before
    {
      content:"\f201" !important;
      font-family:FontAwesome;
    }
  section[data-boxstyle="tabFeatures"] .catblurb:nth-last-child(n+2):before
  {
    width: 100px;
    transition:0.2s all;
    text-align:center;
    padding: 41px 0;
    content:"";
    vertical-align:top;
    right:  0;
    position:  absolute;
    display:inline-block;
    border-radius: 4px;
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.11);
    font-family:FontAwesome;
  }
  section[data-boxstyle="tabFeatures"] .catblurb:nth-last-child(n+2) .catblurb-info p
  {
    color:#595959;
    font-size:14px;
  }
  section[data-boxstyle="tabFeatures"] .catblurb:nth-last-child(n+2) .catblurb-info h4
  {
    font-size:18px;
  }
  section[data-boxstyle="tabFeatures"] .catblurb:nth-last-child(n+2) img , section[data-boxstyle="tabFeatures"] .catblurb:nth-last-child(n+2) h3
  {
    /* display:none; */
    width: 34px;
    height: 34px;
    position: absolute;
    left: auto;
    right: 36px;
    top: 27px;
  }
  section[data-boxstyle="tabFeatures"]
  {
    width:100%;
    height:auto !important;
    padding: 100px 0;
    /* position:  relative; */
  }

  /* our team */
section[data-boxstyle="ourteam"]
{
    /* background-image: url(/Content/base/dynamic/shopping1034/img/103723.jpg); */
    background-size:cover;
    height:auto !important;
    position:relative;
    background-repeat:no-repeat;
    padding: 240px 0;
    /* z-index: 1; */
    background: url(/Content/base/dynamic/shopping1260/img/104856.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
}
section[data-boxstyle="ourteam"] .blurbs
{
    perspective:800px;
    transform-origin:bottom;
    position:absolute;
    top:50%;
    height: 100%;
    width: 100%;
    left: 0;
    transform:translateY(-50%);
}
section[data-boxstyle="ourteam"] .catblurb img
{
    border-radius:50%;
    width:100px;
    left:  0;
    position: absolute;
    top:-50px;
    box-shadow: 0px -1px 2px 2px rgba(0, 0, 0, 0.28);
    right:  0;
    margin:  0 auto;
}
section[data-boxstyle="ourteam"] .catblurb h3
{
    display:none;
}
section[data-boxstyle="ourteam"] .catblurb .catblurb-info h4
{
      font-size:20px;
      margin:10px;
}
section[data-boxstyle="ourteam"] .catblurb .catblurb-info p
{
     font-size:15px;
     color:#747474;
}
section[data-boxstyle="ourteam"] .catblurb .catblurb-info
{
    width:80%;
    margin:0 auto;
}
section[data-boxstyle="ourteam"] .catblurb
{
    transition:0.3s transform;
    transform-origin:bottom;
    transform:rotateX(0deg);
    width:55%;
    padding-top: 80px;
    padding-bottom:60px;
    border-radius:10px;
    text-align:  center;
    background-color:white;
    position:absolute;
    top: 35%;
    left:0;
    right:0;
    margin:0 auto;
}
.prevcard
  {
  width: 30px;
  height: 3%;
  /* text-align:center; */
  /* height:50px; */
  /* background-color:blue; */
  position:absolute;
  top: 15%;
  left:  0;
  transform: rotate(90deg);
  color: white;
  font-size:  20px;
  right: 0;
  margin:  0 auto;
  cursor:pointer;
      animation-name:btnanim;
    animation-duration:0.7s;
    animation-iteration-count:infinite;
    animation-direction:alternate;
}
.nextcard
{
    cursor:pointer;
    text-align: center;
    width:50px;
    /* height:50px; */
    /* background-color:blue; */
    position:absolute;
    bottom: 20%;
    left:  0;
    transform: rotate(90deg);
    color: white;
    font-size:  20px;
    right: 0;
    animation-direction: alternate;
    animation-name:btnanim;
    animation-duration:0.7s;
    animation-iteration-count:infinite;
    margin:  0 auto;
 }
.nextcard.hide, .prevcard.hide{

  display:none;
}
  @keyframes btnanim
  {
    from
    {
      transform:scale(1) rotate(90deg);
    }
    to
    {
      transform:scale(1.3) rotate(90deg);
    }
  }
  /*.......................................Gallery........................................*/
.resizable[data-tmplname="gallery"]
{
  height:auto !important;
    padding: 60px 0;
    background: none;
    position: relative;
    width: 86%;
    max-width: 1170px;
    margin: 0 auto;
}
.resizable[data-tmplname="gallery"] h4 
{
	color:#fff
}
.resizable[data-tmplname="gallery"] > div
{
  width: 100%;
  height: auto;
  text-align: center;
}
#galleryContent ul
{
    width: 100%;
    font-size: 0;
    text-align: center;
}

#galleryContent ul li {
    display: inline-block;
    position: relative;
    overflow: hidden;
}
#galleryContent ul li.animated
{
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 0.1s;
    animation-name: zoomIn;
    opacity: 1;
}
@-webkit-keyframes zoomIn {
	0% {
		opacity:0;
		-webkit-transform:scale3d(.3,.3,.3);
		transform:scale3d(.3,.3,.3)
	}
	50% {
		opacity:1
	}
}
@keyframes zoomIn {
	0% {
		opacity:0;
		-webkit-transform:scale3d(.3,.3,.3);
		transform:scale3d(.3,.3,.3)
	}
	50% {
		opacity:1
	}
}
.zoomIn {
	-webkit-animation-name:zoomIn;
	animation-name:zoomIn
}
#galleryContent li a {
            
display: block;
            
width: 100%;
            
position: absolute;
 }
#galleryContent li a:hover .galleryImgText
{
	color:#fff;
	background-color: rgba(0, 0, 0, 0.7);
	opacity: 0.8;
}
div.galleryImgText:hover:before
{
	opacity: 1;
}
#galleryContent ul li img
{
    width: 100%!important;
}
#galleryContent ul li .galleryImgText
{
	width:100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	color: transparent;
	z-index: 1;
	opacity: 0;
	/* color: transparent; */
	background-image: none;
	-webkit-transition: all .3s;
	transition: all .3s;
}
#galleryContent ul li .galleryImgText > p 
{
	display:block;
	width: 80%;
	font-size: 17px;
	text-align: center;
	margin: 0 auto;
	padding-top: 20px;
	z-index: 100;
}
div.galleryImgText:before, div.galleryImgText:after {
    content: "";
    position: absolute;
    width: 17px;
    height: 5px;
    right: 0;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0 auto;
    background-color: #fff;
    -webkit-transition: all .5s;
    transition: all .5s;
    border-radius: 5px;
}
div.galleryImgText:before{
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	top: 49.4%;
}
div.noSearch:after 
{
	display:none;
}

#galleryContent ul li .galleryImgText i 
{
	/* color: #fff; */
	font-size: 30px;
}

.resizable .MovieGalleryAlbum{display:block;cursor:pointer;margin-top: 21px;text-align: center;width: 100%;margin: 0 auto;font-size: 0;} 
.resizable #galleryContent iframe, .resizable #galleryContent video {
    display: none;
    width: 100%;
    height: 34vw!important;
}

.backToMovieList{
    content: "";
    background: transparent url("/Content/base/dynamic/shopping238/img/60612.jpg") repeat scroll -27px 0px;
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    top: -27px;
    left: -8px;
    cursor: pointer;
}
span.backToMovieList:hover {
    background-position: 0px 0;
}
       .MovieGalleryAlbum  .screenshot img{margin-top:0;-moz-transform: none;-webkit-transform: none !important;-o-transform: none !important;-ms-transform: none !important;transform: none !important;-moz-box-shadow: none;width: 100%;right: 0px;}
        

.MovieGalleryAlbum .screenshot figure {
    border: none;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    /* margin-top: -66%; */
    position: absolute;
    top: 0;
}
.MovieGalleryAlbum .screenshot figure:before {
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.1);
}
 .screenshot .buttons {
        display: block;
        background-image: linear-gradient(to right, #32c5d2 0%, #023439 100%);
        width: 100%;
        height: 100%;
        padding: 0px;
        border: none;
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        opacity: 0;
        cursor: pointer;
        -webkit-transition: .4s ease-in-out;
        -moz-transition: .4s ease-in-out;
        -ms-transition: .4s ease-in-out;
        -o-transition: .4s ease-in-out;
    }
    .AlmName {
    color: white;
    font-size: 19px;
    line-height: 20px;
    position: absolute;
    bottom: 25%;
    line-height: 1.9;
    padding: 0 10px;
    width: 100%;
    font-family: HelveticaNeueLight;
}
    .screenshot:hover .buttons {
        opacity: 0.9;
    }

.MovieGalleryAlbum .screenshot {
    border: none;
    position: relative;
    padding: 0;
    text-align: center;
    cursor: pointer;
    padding-top: 25%;
    height: 0;
    width: 25%;
    display: inline-block;
}
.MovieGalleryAlbum .screenshot:before {
	
content: "";
	
width: 50px;
	
height: 50px;
	
background: #32c5d2;
	
position: absolute;
	
z-index: 10;
	
top: 50%;
	
margin-top: -25px;
	
right: 50%;
	
margin-right: -30px;
	
border-radius: 50px;
	
-webkit-box-shadow: 0 0 60px #000;
	
box-shadow: 0 0 60px #000;
}
.MovieGalleryAlbum .screenshot:after {
    content: "";
    position: absolute;
    z-index: 100;
    top: 50%;
    margin-left: 0px;
    margin-top: -8px;
    left: 50%;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 13px solid #eee;
}
.MovieGalleryAlbum .screenshot:hover:after {
    border-left: 13px solid #32c5d2;
}
.MovieGalleryAlbum .screenshot:hover:before {
    background: white;
}
.MovieGalleryAlbum .screenshot:hover {
    /* opacity: 0.8; */
}
     
#fancybox-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #000;
    z-index: 1100;
    display: none;
    opacity: 0.7 !important;
    overflow-x: hidden;
    overflow-y: auto;
}

div#pageCover {
    display: none;
    opacity: .65;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    z-index: 65550;
    width: 100%;
    height: 4294px;
    background-color: #000;
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    height: 40px;
    width: 40px;
    margin-top: -20px;
    margin-left: -20px;
    cursor: pointer;
    overflow: hidden;
    z-index: 1104;
    display: none;
}
#fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    overflow: auto;
    display: none;
}
#fancybox-wrap {
    position: fixed;
    top: 50% !important;
    left: 50% !important;
    margin: 0;
    transform: translate(-50%, -50%);
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 100%!important;
    width: 100% !important;
    padding: 0;
    z-index: 100000;
    /* top: 0 !important; */
    /* left: 0 !important; */
    display: none;
    background-color: rgba(0, 0, 0, 0.65);
}
#fancybox-close {
    position: absolute;
    top: 0px;
    right: 0;
    width: 100px;
    height: 100px;
}
#fancybox-close:after, #fancybox-close:before
{
	content:"";
	position: absolute;
	width: 20px;
	height: 3px;
	top: 30px;
	right: 30px;
	background-color: #fff;
	-webkit-transform: rotate(44deg);
	transform: rotate(45deg);
}

#fancybox-close:before
{
	
-webkit-transform: rotate(45deg);
	
transform: rotate(-45deg);
}
#fancybox-left, #fancybox-right
{
	height: 50px;
	width: 50px;
	cursor: pointer;
	z-index: 1102;
	top: 36%;
	top: calc(50% - 50px);
	text-align: center;
	right: 0;
	position: fixed !important;
}
#fancybox-left {
    left: 0px;
    right: auto;
}
span.fancy-ico {
    border: 15px solid;
    display: inline-block;
    border-color: transparent #bababa transparent transparent;
}
#fancybox-left:before, #fancybox-right:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: -10px;
    margin-left: 35px;
    border: medium inset transparent;
    border-top-width: 25px;
    border-bottom-width: 25px;
    opacity: .7;
    z-index: -1;
}
#fancybox-left:before {
    margin-left: 15px;
    border-right: 27px solid #3F3F3F;
}
#fancybox-right:before {
    margin-left: 5px;
    border-left: 27px solid #3f3f3f;
}

#fancybox-outer {
    position: relative;
    width: 100%;
    height: 100%;
}
span#fancybox-right-ico {
    border-color: transparent transparent transparent #bababa;
}

#fancybox-inner {
    position: absolute;
    left: 0!important;
    margin: 0 auto!important;
    outline: none;
    overflow: hidden;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%,-50%);
}
#fancybox-title
{
	display: none!important;
}

#fancybox-inner img{

height: 100%;
}

div#galleryContent {
    position: relative;
}
.showMoreNews {
    padding: 11px 25px;
    display: inline-block;
    margin-top: 20px;
    border-radius: 5px;
    cursor: pointer;
    color: #777;
    border: 1px solid;
    border-color: #ffbb45;
    transition: all .3s;
    font-size: 14px;
    position: relative;
}

.showMoreNews:hover,.wrapper_Col .ajax-form .btnBlack:hover
{
	box-shadow: 0 0 4px 0 #ccc;
}
.showMoreNews:hover:after, .wrapper_Col .ajax-form .btnBlack:hover:after
{
	-webkit-transition: .7s linear;
    transition: .7s linear;
    background-position: 150% 0;
}
.showMoreNews img {
    display: none;
}
  /*........................................parallax Image.......................................................*/        
.resizable[data-boxstyle="paralax"] {
    border-bottom: none !important;
    width: 100% !important;
    height: 0 !important;
    margin-top: 0px;
    padding: 0;
    padding-bottom: 20%;
    overflow: hidden;
    background: white;
    margin: 0;
    text-align: center;
    max-width: inherit;
    /* z-index: 99; */
}
.resizable[data-boxstyle="paralax"] > div span {
   
/* background-position: 50%; */
   
background-repeat: no-repeat;
   
/* background-size: cover; */
   
bottom: 0;
   
left: 0;
   
overflow: hidden;
   
position: absolute;
   
right: 0;
   
top: 0;
   
background-attachment: fixed;
   
z-index: 0;
   
width: 100%;
   
height: 100%;
   
object-fit: cover;
}

.resizable[data-boxstyle="paralax"] >div
{height: 100%;text-align: center;position: absolute;width: 100%;top: 0;}

.resizable[data-boxstyle="paralax"] >div:before
{
	content:'';
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.34);
	top: 0;
	left: 0;
	z-index: 1;
}
.resizable[data-boxstyle="paralax"]>h4, .resizable[data-boxstyle="paralax"] > h3 
{position: absolute;z-index: 100;width: 60%;right: 0;left: 0;margin: auto;color: white;top: 40%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);font-size: 29px;font-size: 2.2rem;text-align: center;}
.resizable[data-boxstyle="paralax"]>h4:after
{
  content:"";
  width:15%;
  height:2px;
  background-image:none;
  background-color:#eb1a2e;
}
.resizable[data-boxstyle="paralax"]>h4 
{
	display: inline-block;
	color: #ffffff;
	font-weight: 500;
	line-height: 50px;
	/* margin: 100px auto 40px auto; */
	/* padding: 40px; */
	/* border: 2px solid rgba(255, 255, 255, 0.15); */
	width: 40%;
	position:  absolute;
	top: 50%;
	z-index: 2;
}
.resizable[data-boxstyle="paralax"] > h3{
    
margin-top: 80px;
    
font-size: 19px;
    
font-size: 1.2rem;
    
line-height: 37px;
    
display: block;
    
border-bottom: none;
    
z-index: 9;
}
/*End.....................................Parallax Image..................................................*/     
/* contact tabs */
section[data-boxstyle="contact"] > h4
{
  display:none;
}
section[data-boxstyle="contact"]
{
  margin: 0 auto;
  /* padding: 50px 0; */
  /* max-width: 1170px; */
  height: auto !important;
  /* text-align: center; */
  border-bottom: none !important;
}
section[data-boxstyle="contact"] .blurbs 
{
  /* width:90%; */
  /* max-width:1170px; */
  font-size: 0;
  margin:  0 auto;
}
section[data-boxstyle="contact"] .catblurb:first-child
{
  background-color: #63be4c;
  color:white;
}
section[data-boxstyle="contact"] .catblurb h3
{
  font-size: 22px;
  padding:2%;
}
section[data-boxstyle="contact"] .catblurb h4
{
  display:none;
}
section[data-boxstyle="contact"] .catblurb 
{
  border-right: 0.5px solid #cecdcd;
  padding: 130px 50px !important;
  text-align:  center;
  font-size: 14px;
   margin: 0;
  padding: 0;
  display: table-cell;
  background-color: white;
}
/* form contact */
section[data-boxstyle="contactform"] > h4:after
{
  
}
section[data-boxstyle="contactform"] .wrapper_Col input,textarea
{
  width:100%;
  padding:10px;
  font-size:15px;
  background-color: rgba(255, 255, 255, 0.81);
  color:white;
  border:1px solid #424146;
}
section[data-boxstyle="contactform"] .wrapper_Col
{
  text-align:center;
  max-width:1170px;
  width:90%;
  margin:0 auto;
}
section[data-boxstyle="contactform"] .wrapper_Col h2
{
  display:none;
}
section[data-boxstyle="contactform"] > h4
{
  font-size:30px;
  color: white;
}
section[data-boxstyle="contactform"]
{
  background-image:url(/Content/base/dynamic/shopping910/img/103329.jpg);
  background-size: cover;
  width:100%;
  padding:120px;
  background-attachment: fixed;
}
section[data-boxstyle="contactform"] .wrapper_Col > form > div:nth-child(3),
section[data-boxstyle="contactform"] .wrapper_Col > form > div.textarea
{
  width:99%;
}
section[data-boxstyle="contactform"] .wrapper_Col > form > div.textarea > textarea
{
  width:100%;
  max-width:100%;
  min-width:100%;
  min-height:200px;
}
section[data-boxstyle="contactform"] .wrapper_Col > form > button[type="submit"]:hover
{
  background-color:transparent;
  cursor:pointer;
  color:#eb1a2e;
}
section[data-boxstyle="contactform"] .wrapper_Col > form > button[type="submit"]
{
  padding:10px 60px;
  border-radius:30px;
  background-color: #62be4a;
  border: 2px solid #4a8c39;
  color:white;
  font-size:15px;
  font-weight:bold;
  transition:all 0.3s;
}
section[data-boxstyle="contactform"] .wrapper_Col > form > div{
  margin:0.5% 0.5%;
  display:inline-block;
  width:49%;
}
section[data-boxstyle="contactform"] .wrapper_Col > form > div label{
  
width: 100%;
  
text-align: left;
  
display: block;
  
color: white;
}

 /*.....Start form.........*/
  
.formWrapper {
    /* display: none; */
    z-index: 1;
    position: relative;
    width: 260px;
    float: right;
    margin-top: 0 !important;
    background: #e9e9e9;
    border-radius: 9px;
    font-size: 15px;
    margin-right: 0;
    padding: 0 20px 20px;
}

.wrapper_Col .ajax-form label {font-size: 18px;vertical-align: top;line-height: 30px;/* display: inline-block; */padding: 0;display: inline-block;font-size: 15px;/* line-height: 26px; */color: #333;margin-left: 15px;}

.option-wrapper {
    margin-top: 5px;
    margin-bottom: 15px;
    background: #ebebeb;
    height: 31px;
    line-height: 30px;
    border-radius: 4px;
}

.wrapper_Col .ajax-form .option-wrapper label {
    padding-left: 10px;
}

 .containerTabContent section.resizable[data-tmplname="formData"] > h4 {
    display: block;
    margin-bottom: 0px;
    background: rgb(98, 190, 74) url(/Content/base/dynamic/shopping576/img/91456.jpg) top right no-repeat;
    padding: 5px 12px 3px;
    font-size: 16px;
    color: white;
    margin-top: 0;
    font-weight: lighter;
    line-height: 28px;
}

.wrapper_Col .ajax-form > div, .wrapper_Col .ajax-form > p {
    margin: 0 1%;
    width: 31%;
    display: inline-block;
    margin: 0 1.5%;
    width: 47%;
    display: inline-block;
    text-align: right;
    vertical-align: text-top;
    position: relative;
    /* max-height: 76px; */
    margin-bottom: 0;
}
.wrapper_Col .ajax-form > div:before, .wrapper_Col .ajax-form > p:before
{
	content:" ";
	width: 101%;
	height: calc(100% - 29px);
	margin: 0 auto;
	/* padding: 2px 6px !important; */
	/* position: relative; */
	/* margin-bottom: 18px; */
	border-radius: 12px;
	position: absolute;
	/* background: #c5497b; */
	left: 0;
	right: -3px;
	bottom: -18px;
	z-index: -1;
}

.wrapper_Col .ajax-form div[data-cid="c27"] {
    width: 97%;
}

.wrapper_Col .ajax-form div[data-cid="c27"] textarea {
        height: 200px;
}

input[type="checkbox"], input[type="radio"] {
    height: auto !important;
}

.wrapper_Col .ajax-form .btnBlack:hover:after {
    color: white;
}

.resizable textarea {
    height: 100px !important;
}

.validation-error, .errprAjaxForm {
    color: #ff9b00;
    border: 1px solid #ff9b00;
    margin-right: -7px;
    margin-top: 5px;
    font-size: 12px;
    padding: 4px;
    display: inline-block;
    margin: 9px 0;
    width: 95%;
    text-align: center;
}

.ajax-form > div:last-child {
    margin-top: 10px;
}

.successAjaxForm {
    color: green;
}

.errprAjaxForm, .successAjaxForm, .validation-error {
    color: #f06e23;
    display: block;
    font-size: 15px;
    margin: .2em auto .2em;
    text-align: center;
    display: none;
    white-space: pre;
}

.validation-error {
    display: block;
}

.successAjaxForm {
    display: none;
    color: #3c8a04;
    width: 97% !important;
    /* float: right; */
    background-color: #eee;
    border: none;
    margin: 5px 0;
    padding: 4px 3px;
    border: 1px solid #3c8a04;
    margin-top: 19px;
    white-space: pre-line;
}

.ajax-form input.dynamicFormError, .ajax-form textarea.dynamicFormError {
    border-right: 4px solid #f06e23 !important;
}

.uploadingImage .span_loaddingImg {
    height: 30px;
    background: rgba(255,255,255,0) url(/Content/img/flapper-gray-EE-30.gif) no-repeat center;
    margin: auto;
    display: block;
    width: 40px;
    top: 36%;
    position: relative;
    right: auto;
}

.fileUploadContaner {
    width: 100%;
    display: block;
    padding: 4px 10px;
    font-size: 13px;
    margin: 5px 0;
    border: 1px dashed #e0e0e0;
    background-color: #f0f0f0;
}

.fileUploadContaner img {
        width: 30px;
        height: auto;
        vertical-align: middle;
        display: inline-block;
        margin-left: 10px;
}

.fileUploadContaner .fa-times {
        float: left;
        color: #818385;
        position: relative;
        top: 5px;
        left: -7px;
}

input[type=file] {
    display: none;
}

span.progress_percentage, .uploadingImage .span_loaddingImg, .progress_text {
    display: block;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
}

span.progress_percentage {
    width: 200px;
    height: 16px;
    margin-top: 26px;
    text-align: center;
    color: white;
    font-size: 11px;
    background: #c7c7c7;
    border-radius: 6px;
    z-index: 0;
}

span.progress_percentage > span {
        background: #53b416;
        height: 100%;
        display: block;
        border-radius: 6px;
        position: absolute;
        left: 0;
        z-index: -1;
        float: left;
        width: 0;
}

span.btnBlack .fa.fa-upload {
    display: inline-block;
}

span.btnBlack {
}

i.fa.fa-fw.fa-upload.btnBlack {
    display: block !important;
}

    i.fa.fa-fw.fa-upload.btnBlack span {
        margin-right: 10px;
    }

.uploadingImage {
    display: none;
    left: 0;
    margin: auto;
    position: absolute;
    padding: 0;
    margin: 0;
    bottom: 0;
    color: black;
    width: 100%;
    height: 115px;
    box-sizing: border-box;
    border: 1px solid #aaaaaa;
    background-color: #f0f0f0;
    opacity: .95;
    min-height: 100px;
    z-index: 100;
    text-align: center;
    border-radius: 4px;
}

.uploadingImage .span_loaddingImg {
        height: 23px;
        background: rgba(255,255,255,0) url(/Content/img/flapper-gray-EE-30.gif) no-repeat center;
        background-size: 23px;
        margin: auto;
        display: block;
        width: 32px;
        margin-top: -29px;
}

.phoneNumber_wrapper {
    position: relative;
}

.ajax-form.notEditable .phoneNumber_wrapper:before {
    display: none;
}

.phoneNumber_wrapper input {
    text-align: left;
    padding-left: 50px !important;
}

input.phon_number {
    text-align: left;
}

::-webkit-input-placeholder {
    color: #cecece;
}

::-moz-placeholder {
    color: #cecece;
}

:-ms-input-placeholder {
    color: #cecece;
}

*:focus {
    outline: none;
}

.description_break label {
    border-bottom: 2px solid #d8d8d8;
    display: block;
    margin-left: 0 !important;
    margin-top: 27px;
    margin-bottom: -3px;
}

.description_break p {
    display: block !important;
    font-size: 18px;
    margin: 10px 0 5px;
    /* background-color: #ae985b; */
    padding: 6px;
    color: #343434;
}

 .wrapper_Col .ajax-form .btnBlack {
    /* background: none; */
    /* color: white; */
    float: left;
    margin-top: 15px;
    border-radius: 4px;
    font-size: 17px;
    padding: 7px;
    padding-left: 3em;
    padding-right: 3em;
    background: rgb(98, 190, 74) url(/Content/base/dynamic/shopping576/img/91456.jpg) top right no-repeat;
    /* box-shadow: 0 3px 0px #0e6252; */
    color: white;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    position: relative;
    font-size: 16px;
    margin: 0;
    min-width: 240px;
    -webkit-transition: all 300ms;
    transition: all 300ms;
    margin-bottom: 10px;
    /* margin-left: 1% !important; */
    float: none;
    display: block !important;
}

input,
textarea,
select {
    padding: 4px 10px;
    font-size: 13px;
    width: 191px;
    /* min-width: 192px; */
    margin-bottom: 3px;
    margin-right: 0;
    width: 100%;
    margin-top: 5px;
    border: none;
    padding: 0px 8px;
    color: #8a887c;
    background: #ffffff;
    /* height: 24px; */
    resize: none;
    /* border-radius: 4px; */
    padding: 3px 9px;
    background: rgba(254, 241, 157, 0.3);
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    margin-right: 0;
    margin-bottom: 6px;
    color: black;
}

 .date-wrapper >div {
    float: right;
}


.ajax-form > div > label, 
.wrapper_Col >div> label {
    display: block;
    font-size: 14px;
    margin-bottom: 7px;
    margin-top: 8px;
}

.wrapper_Col .ajax-form input,
 .wrapper_Col .ajax-form select {height: 36px;line-height: 36px;font-size: 13px;padding: 0 10px !important;}
 .wrapper_Col .ajax-form .option-wrapper input {
    /* float: right; */
    display: inline-block;
    width: 21px;
    min-width: 0;
    margin: 10px;
    padding: 0;
    height: auto;
}

.textarea {width: 97% !important;max-height: 133px!important;}


 .wrapper_Col .ajax-form .btnBlack {
    cursor: pointer;
    margin: 0 auto;
    margin-top: 50px;
    font-size: 17px;
    padding: 7px;
    min-width: 240px;
    background: #FF9800;
}

.option-wrapper {
    height: 36px;
}

.wrapper_Col .ajax-form input,
.wrapper_Col .ajax-form select, 
.wrapper_Col .ajax-form textarea {
    background: #e9e9e9;
    border-radius: 13px;
    height: 42px;
    position: relative;
    display: inline-block;
}

 .option-wrapper label {
    float: right;
}

.chooseList {
    width: 100% !important;
}


 .resizable[data-tmplname="form"] {
    width: 90%;
    margin: 0 auto;
    margin-top: 102px;
}

.description_break {
    display: block!important;
    background: #5fb4494a;
    margin-top: 35px!important;
    padding: 0 17px;
    width: auto!important;
    text-align: center;
}

p.captcha_wrapper {
    display: block!important;
}
       
.col-lg-1{width:100%}.col-lg-2{width:50%}.col-lg-3{width:33.33333333%}.col-lg-4{width:25%}.col-lg-5{width:20%}.col-lg-6{width:16.666666%}.col-lg-7{width:14.28%}


        @font-face {
    font-family: 'IRANSansWeb_FaNum';
    src: url("/Content/fonts/IRANSansWeb(FaNum)/IRANSansWeb(FaNum).eot"), url("/Content/fonts/IRANSansWeb(FaNum)/IRANSansWeb(FaNum).eot?#iefix") format("embedded-opentype"), url("/Content/fonts/IRANSansWeb(FaNum)/IRANSansWeb(FaNum).woff2") format("woff2"), url("/Content/fonts/IRANSansWeb(FaNum)/IRANSansWeb(FaNum).woff") format("woff"), url("/Content/fonts/IRANSansWeb(FaNum)/IRANSansWeb(FaNum).ttf") format("truetype");
    /* Safari, Android, iOS */
    font-weight: normal;
}

@font-face {
    font-family: 'FYekan';
    src: url('/Content/fonts/Yekan/FYekan.eot?#') format('eot'), url('/Content/fonts/Yekan/FYekan.woff') format('woff'), url('/Content/fonts/Yekan/FYekan.ttf') format('ttf');
}

.wrapper_Col.wrapper_Col1 {
    width: 90%;
    margin: 60px auto;
}

.wrapper_Col .wrapper_Col > div {
    width: 48%;
    float: right;
    margin-left: 2%;
}

.TextBoxComplementaryTable {
    width: 100% !important;
    border: 1px solid #b4b4b4;
    background: #ececec;
    padding: 10px 10px 0px;
    box-sizing: border-box;
    border-radius: 5px;
    float: right;
    margin-bottom: 10px !important;
    margin-top: 10px !important;
}

.wrapper_Col .wrapper_Col {
    border: 1px solid #b4b4b4;
    background: #ffffff;
    padding: 13px;
    box-sizing: border-box;
    border-radius: 5px;
    float: right;
    margin-bottom: 10px;
    position: relative;
    margin-top: 10px;
    width: 100%;
}

.TextBoxComplementaryTable span.btnBlack {
    width: 100px !important;
    text-align: center;
    padding: 2px 10px !important;
    float: left;
}

.TextBoxComplementaryTable span.btnBlack:before {
        content: "\f067";
        font: normal normal normal 14px/1 FontAwesome;
        margin-left: 9px;
}

div#wrapper-main-page {
    margin-top: 0;
}
span.deleteAh7Form {
    background: red;
    position: absolute;
    top: -11px;
    left: -5px;
    border-radius: 50%;
    text-align: center;
    /* padding: 10px; */
    height: 22px;
    width: 23px;
    color: white;
    cursor: pointer;
}

span.deleteAh7Form:before {
        content: "\f057";
        font: normal normal normal 23px/1 FontAwesome;
}

.current_validation_error {
    display: block !important;
    position: absolute;
    top: 25px;
    left: 0;
}

.wrapper_Col .ajax-form  .current_validation_error label {
    opacity: 1;
    position: absolute;
    width: auto;
    white-space: nowrap;
    left: 24px;
    top: -2px;
    color: red;
    font-size: 13px;
    transition: opacity .2s;
}
.wrapper_Col .ajax-form .current_validation_error:hover label{
    opacity: 1;
}


.current_validation_error i {
    background: red;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    color: white;
    line-height: 30px;
    cursor: pointer;
}
.current_validation_error i:before{
     font: normal normal normal 14px/1 FontAwesome;
        content: "\f00d";
}

.current_validation_error i:after {
    content: '';
    border: 4px solid;
    border-color: transparent red  red  transparent;
    position: absolute;
    right: 11px;
    transform: rotate(45deg);
    bottom: -4px;
}

div[data-cid] {
    position: relative;
}

#layout-logo
{
    background-image: url(/Content/base/dynamic/shopping1281/img/105012.jpg);
}
#headerContainer #layout-logo{
  display:none;
}

#headerContainer
{
    border-bottom:none;
}

.toggle-hamburga label {
    position: absolute;
    width: 120px;
    color: white;
    right: 61px;
    top: 5px;
}
ul.subSecondNavigation > li > .subSecondNavigation
{
  display: block;
  top: -15px;
}

.logoVector {
    position: absolute;
    left: 10%;
    font-size: 24px;
    top: 79px;
    margin-left: 100px;
    color: gray;
    display: none;
}
section[data-boxstyle="tabW"] > .blurbs > .catblurb > h3 {
    position: absolute;
    left: 5%;
    top: 50px;
    /* margin-left: 100px; */
    padding-top: 5px;
    font-size: 24px;
}
section[data-boxstyle="tabW"] > .blurbs > .catblurb:nth-child(2) > h3 {
    /* right: 10%; */
}
.logoVector i:nth-child(2)
{
  color:green;
}
.logoVector i {
    opacity: .7;
}
.svg_wrapper {
    display: none;
}

section[data-boxstyle="tabW"]:nth-child(2) 
.logoVector i:nth-child(1){
opacity:0;
}
        
section[data-boxstyle="tabW"]:nth-child(3) 
.logoVector i:nth-child(2){
opacity:0;
}
section[data-boxstyle="tabW"]:nth-child(4) 
.logoVector i:nth-child(3){
opacity:0;
}
section[data-boxstyle="tabW"]:nth-child(5) 
.logoVector i:nth-child(4){
opacity:0;
}
section[data-boxstyle="tabW"]:nth-child(6) 
.logoVector i:nth-child(5){
opacity:0;
}

.menu_svg  {

position: fixed;

z-index: 100;

width: 153px;

height: 57px;

overflow: hidden;
}
.menu_svg span {
    position: absolute;
    right: 89px;
    color: white;
    top: 15px;
    font-size: 20px;
}
.scrolled .menu_svg span, body[data-menuid="0"]  .menu_svg span, body[data-menuid="-2"]  .menu_svg span{
  color:black;
}
.menu_svg:before {
    background: #c54879;
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    top: 7px;
    right: 35px;
    border-radius: 100%;
}
.menu_svg.cross2 {
    width: 100%;
}
.menu_svg svg {
  width: 124px;
  height: 64px;
  cursor: pointer;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 100;
}
.menu_svg path {
  fill: none;
  -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  -moz-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  -o-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  -ms-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
  stroke-width: 27px;
  stroke-linecap: round;
  stroke: white;
  stroke-dashoffset: 0px;
}

.menu_svg path#top,
.menu_svg path#bottom {
  stroke-dasharray: 240px 950px;
}
.menu_svg path#middle {
  stroke-dasharray: 240px 240px;
}
.menu_svg.cross path#top,
.menu_svg.cross path#bottom {
  stroke-dashoffset: -650px;
  stroke-dashoffset: -686px;
}
.menu_svg.cross path#middle {
  stroke-dashoffset: -115px;
  stroke-dasharray: 1px 220px;
}

        

div#menu_wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity 0.8s;
    transition: opacity 0.8s;
    z-index: -1;
}


.cross div#menu_wrapper{
  
background: #333;
  
opacity: 1;
}

.scroll_wrapper span,.scroll_wrapper spani {
    position: absolute;
    width: 100px;
    height: 100px;
    background: #b7b7b7;
    border-radius: 100%;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 2;
    text-align: center;
    cursor: pointer;
    /* transition: .3s; */
    margin-top: 150px;
}


.scroll_wrapper span:hover,.scroll_wrapper spani {
    background: #4f9845;
}
.scroll_wrapper i {
    position: absolute;
    width: 2px;
    height: 100%;
    border: 1px dashed #b7b7b7;
    right: 0;
    left: 0;
    margin: auto;
}

.scroll_wrapper span:before {
       content: 'Scroll';
       color: white;
       text-align: center;
       font-size: 20px;
       position: relative;
       top: 35px;
}

 .scroll_wrapper {position: absolute;height: 100%;right: 0;left: 0;margin: auto;}

.scroll_wrapper spani {
    z-index: 1;
    /* margin-top: 0; */
    display: none;
}
.resizable[data-boxstyle="text2"] {
    padding: 100px 0;
}

.resizable[data-boxstyle="text2"] > div  img {
    padding-right: 28px;
}

.resizable[data-boxstyle="text2"] > div p {
    text-align: justify;
}
 span.takmili {
    width: 74%;
    display: block;
    position: relative;
    margin: 0 auto;
    padding-bottom: 23px;
}

span.takmili1  {position: relative;display: inline-block;width: 35%;color: #000;}
.takmili1 > a {
    width: 26%;
    padding: 7px 20px;
    text-align: right;
    position: relative;
    min-width: 115px;
    background-color: transparent;
    color: black;
    border: 1px solid #ca4e80;
    border-radius: 29px;
    margin: 0 auto;
    display: inline-block;
    font-size: 16px;
}
.takmili1 >a:hover{
      background: #ca4e80;
    color: white;
}
.takmili2 >a:hover{
      background: #ca4e80;
    color: white;
}
.takmili2 > a {
    width: 28%;
    padding: 7px 20px;
    text-align: right;
    position: relative;
    min-width: 168px;
    background-color: transparent;
    color: black;
    border: 1px solid #ca4e80;
    border-radius: 29px;
    margin: 0 auto;
    display: inline-block;
    font-size: 16px;
}
.resizable[data-boxid="60563"] .catblurb:nth-child(2){
  padding-bottom:0
}
div#page_wrap label {color: #fff;}

div#page_wrap.scrolled span label,
body[data-menuid="0"] div#page_wrap span label, body[data-menuid="-2"] div#page_wrap span label  {
    color: #000;
    text-shadow: 1px 0px 2px white;
    font-weight: bold;
    opacity: 0;
    transition: .3s;
    margin-right: 9px;
}
div#page_wrap.scrolled span label{
  color: black;
}
      div#page_wrap.scrolled span:hover label {
     opacity: 1; 
}
        
        


      /* ----------------------------- -------------------------------------------- */

      /*Start.................................ProductFeature...........................*/
.ProductFeature_Wrapper {
        margin: auto;
    position: relative;
    background: none !important;
    direction: ltr;
    margin: 50px auto;
}
div#productImgZoom {
    direction: ltr;
    display: none;
    position: absolute;
    margin-top: -5px;
    width: 280px;
    height: 280px;
    z-index: 1000;
    background-color: #fff;
    -webkit-box-shadow: 1px 1px 8px 0 rgba(53,53,53,.45);
    -moz-box-shadow: 1px 1px 8px 0 rgba(53,53,53,.45);
    box-shadow: 0 4px 10px 3px rgba(53,53,53,.45);
    overflow: hidden;
    /* right: 35px; */
    left: 16px;
    top: 18px;
    border-radius: 50%;
}
.formLoadding {
    text-align: center;
    margin-top: 30px;
}
#productImgZoom img {
    width: auto;
    position: relative;
}

div#body-main-features-right {
    display: block;
    /* margin-right: 320px; */
    background: white;
    padding: 40px 0 0;
    min-height: 500px;
    width: 36%;
}
div#body-main-features-right .info_wrapper
{
  display: none!important;
}

h1#features-left-header {
    font-size: 19px;
    color: #444;
}
h1#features-left-header > span 
{
  color:#767474;
  display:block;
  font-size: 14px;
  margin-top:5px;
}
.ProductFeature_Wrapper > div {
    direction: rtl;
    position: relative;
    margin-top: 40px;
    box-shadow: 0 12px 12px 0 hsla(0,0%,71%,.11);
    border: 1px solid #e4e4e4;
    padding: 20px;
    margin-top: 34px;
}
.header-wrapper-hr
{
  display:none;
}

div#ProductStrengthsManager {
    /* border: 1px solid red; */
    padding: 10px 40px;
    font-size: 0;
    background: #e7e7e6;
    border-radius: 5px;
    width: 90%;
    margin: 40px auto;
    max-width: 1170px;
}

h3.columnTitr:first-child {
    border-top: 0;
}
h3.columnTitr {
    text-align: center;
    font-size: 14px;
    margin: 0;
    /* border-bottom: 4px solid #efefef; */
    /* border-top: 8px solid #efefef; */
    width: 18%;
    color: #fff;
    line-height: 34px;
    color: #f8f8f8;
    background: #c54879;
    margin: 10px 0 3px;
    position: relative;
}
div#product-details-wrapper > div {
    font-size: 16px;
    line-height: 28px;
    color: #2b2b2b;
    letter-spacing: -1px;
}
.column.productD > div {
    margin-bottom: 4px;
}
.column.productD .colFrist {
    background-color: #383838;
    color: #fff;
    border-top: 0 solid #efefef;
    position: relative;
    top: 0;
    width: 18%;
    display: inline-block;
    line-height: 32px;
    font-size: 14px;
    text-align: center;
    padding: 5px 18px 7px;
}
.column.productD .colSecound {
    text-align: right;
    width: 80%;
    margin-right: 1%;
    padding-right: 1%;
    font-size: 15px;
    color: #000;
    display: inline-block;
    vertical-align: top;
}
.column.productD .colSecound {
    vertical-align: top;
    white-space: pre-line;
    line-height: 29px;
    margin-bottom: 0;
    background: #ebebeb;
    padding: 5px 18px 7px;
}

.btn.add_to_interest.backGround_color_green {
    display: none;
}
div#ProductStrengthsManager > div {
    /* background: #22222275; */
    display: inline-block;
    font-size: 14px;
    width: 49%;
    text-align: center;
}
div#ProductStrengthsManager > div:first-child 
{
    border-left: 1px solid #999090;
}
div#ProductStrengthsManager > div > ul.green
{
    color:#3c763d;
    text-align: center;
    list-style-type: none;
}
div#mCSB_1_container {
    left: 0!important;
    top: 0!important;
}
div#ProductStrengthsManager > div > ul.red
{
    color:#ff584d;
    text-align: center;
    list-style-type: none;
}
div#ProductStrengthsManager > div > ul > li
{/* list-style-type: square; */text-align: center;/* width: fit-content; */margin: 0 auto;position: relative;}
label.label-filter-content, label#filter-price-min, label#filter-price-max {
    /* display: block; */
    text-align: right;
}
div#ProductStrengthsManager > div > ul > li:before
{
  content:" ";
  width: 5px;
  height: 5px;
  /* background: #ff3851; */
  position: absolute;
  /* margin-left: 52px; */
  margin-right: -18px;
  top: 34%;
}
.filter-content div#priceListContainer {
    margin-right: -21px;
    margin-bottom: 21px;
}
div#priceListContainer {
    background: #cd2945;
    background-size: cover;
    float: right;
    width: 261px;
    height: 233px;
    z-index: 1;
    position: relative;
    border-radius: 8px;
}
div#priceListContainer h4 {
    font-size: 19px;
    text-align: center;
    margin-top: 34px;
    color: white;
}
div#ranged-value {
    width: 83%;
    margin: auto;
    margin-top: 13px;
}
#priceSliderLabel {
    color: white;
    font-size: 20px;
    width: 90%;
    margin: auto;
    text-align: center;
    margin-top: 13px;
}
.fsslider {
    text-align: center;
    line-height: 24px;
    font-size: 11px;
    font-family: "Lucida Grande","Trebuchet MS",sans-serif;
}
.fsslider {
    position: relative;
    min-width: 150px;
    height: 24px;
    display: inline-block;
    width: 100%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #000;
    direction: ltr;
}
.fsslider > .fsfull-value {
    width: 100%;
    padding: 0 10px;
    box-sizing: content-box;
    left: -10px;
    position: relative;
    border: 1px solid white;
    border-right: none;
    border-left: none;
    height: 3px;
}
.fsslider > .fsfull-value, .fsslider > .fssel-value {
    margin-top: -2px;
    height: 2px;
    left: 0;
    right: 0;
}
.fsslider > * {
    position: absolute;
    top: 50%;
    cursor: pointer;
}
.fsslider > .fssel-value {
    background: #72a845;
    height: 5px;
    margin-top: -2px;
    right: 50%;
}
.fscaret.fss-left {
    color: transparent;
}
.fscaret.fss-right {
    color: transparent;
}
.fsslider > .fssel-left, .fsslider > .fssel-right, .fsslider > .fscaret {
    height: 100%;
    width: 0;
    min-width: 0;
    margin: 0 !important;
    top: 0;
    padding-left: 0;
    padding-right: 0;
}
div#product-Review-wraper {
    /* padding: 60px 20px; */
    font-size: 15px;
    text-align: justify;
    width: 90%;
    max-width: 1170px;
    padding: 30px 0;
    margin: 0 auto;
    background: #e7e7e6;
    border-top: 2px solid #c54879;
    padding: 20px;
    border-radius: 5px;
    margin-top: 50px;
}
div#header-main-product-picture {
    text-align: center;
    width: 100%;
    margin-bottom: 0;
}
#header-main-product-picture > a.product-features-wrapper {
    display: block;
    height: 0;
    width: 100% !important;
    margin: auto !important;
    padding-bottom: 100%;
    position: relative;
}
div#header-main-product-picture > a > img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    cursor: crosshair;
    position: absolute;
    top: 0;
    right: 0;
}
div#right-features-relatedTags
{
  display:none
}
.header-two-wrapper, #userInfo_wrapper_data, .userinfo #wrapper_steps {
    display: none;
}
#features-left-content-right .btn {
    right: auto;
    left: 0;
    background: #f7f5b5;
    padding: 5px;
    width: 160px;
}
#features-left-content-right .btn a:after
{
  display:none;
}

    #features-left-content-right .btn.add_to_interest {
        /* bottom: -55px; */
        right: 0;
        left: auto;
        display: none;
    }
    #feature-product-instruction {
    display: none;
}

div#features-left-content-left {
    margin-top: 15px;
    max-height: 200px;
    text-overflow: clip;
    overflow: hidden;
    background: #e6e6e6;
    padding: 12px;
    border-radius: 5px;
}
.feature-product-Description > span 
{
    font-weight:bold;
    font-size:16px;
}

div#features-left-content-right {
    margin-top: 15px;
    position: relative;
}

.color_green.p_mainPrice {
    color: #be2548;
    font-size: 17px;
    font-weight: bold;
}
.planGroup_wrapper {
    display: block !important;
    margin-top: 20px;
} 
 .planGroup_wrapper > span {
    display: block;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 15px;
}


.planOptiondList {
    display: inline-block;
    /* width: 10%; */
    margin: 5px 20px;
}
.planOptiondList  img
{
    width:20px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-right: 5px;
    margin-left: 5px;
    top: 8px;
    position: relative;
}

#fancybox-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #000;
    z-index: 1100;
    display: none;
    opacity: 0.7 !important
}



#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    height: 40px;
    width: 40px;
    margin-top: -20px;
    margin-left: -20px;
    cursor: pointer;
    overflow: hidden;
    z-index: 1104;
    display: none
}

#fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    overflow: auto;
    display: none
}

#fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 20px;
    z-index: 1101;
    display: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

#fancybox-close {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    background-image: url(/Content/DronikaK/css/images/fancybox.png);
    background-position: -40px 0;
    cursor: pointer;
    z-index: 1103;
    display: none
}

#fancybox-overlay {
}

#fancybox-outer {
    position: relative;
    width: 100%;
    height: 100%;
    background: #3A3A3A
}

#fancybox-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: 0;
    outline: none;
    overflow: hidden
}

    #fancybox-inner img {
        height: 100%
    }

span#fancybox-title-wrap {
    display: none
}

#fancybox-left, #fancybox-right {
    position: absolute;
    cursor: pointer;
    outline: none;
    z-index: 1102;
    display: none;
    visibility: visible;
    width: 28px;
    height: 28px;
    top: calc(50% - 14px)
}

    #fancybox-left span {
        left: 20px
    }

span#fancybox-left-ico, #fancybox-right-ico {
    position: absolute;
    margin-top: -15px;
    background: none;
    border: 2px solid #fff;
    border-bottom: 0;
    border-left: 0;
    transform: rotate(225deg);
    width: 20px;
    height: 20px;
    left: 5px !important;
    top: 13px;
}

    span#fancybox-left-ico:hover, #fancybox-right-ico:hover {
        border-color: red
    }

div#fancybox-overlay {
    opacity: 1 !important;
    background: rgba(89,90,92,0.97) !important
}

a#fancybox-left {
    left: -40px
}

a#fancybox-right {
    right: -40px
}

span#fancybox-right-ico {
    transform: rotate(45deg);
    left: auto !important;
    right: 7px !important;
}

a#fancybox-close {
    background: none;
    right: auto;
    left: -7px;
    top: 15px
}

    a#fancybox-close:before, a#fancybox-close:after {
        content: '';
        font-family: Arial,sans-serif;
        width: 26px;
        height: 2px;
        top: 12px;
        display: block;
        background: #fff;
        position: absolute;
        transform: rotate(45deg)
    }

    a#fancybox-close:hover:before, a#fancybox-close:hover:after {
        background: red
    }

    a#fancybox-close:after {
        transform: rotate(135deg)
    }

div#fancybox-wrap {
    /* height: 100vh !important; */
    width: auto !important;
    /* top: 0 !important; */
    position: fixed;
    margin: 0;
    padding: 0 !important;
}

div#fancybox-inner {
    top: 50% !important;
    transform: translateY(-50%);
    position: relative;
    left: 0 !important
}

div#fancybox-outer {
    width: auto;
    background: none
}

img#fancybox-img {
    width: auto;
    height: 100%
}

.fancy-bg {
    display: none !important
}
/*......................................Product List..............................*/

div#body-main-wrapper.plist {
    width: 90%;
    max-width: 1170px;
    margin: auto;
    padding-bottom: 60px;
    /* padding-top: 60px; */
    right: 0;
    left: 0;
}        
.togglecompare {
    display: none;
}
.plist #body-main-features-right {
    z-index: 1;
    position: relative;
    width: 260px;
    margin-top: 0 !important;
    background: #f1f1f1;
    font-size: 15px;
    margin-right: 0;
    padding: 0 20px 20px;
    min-height: 500px;
    /* display: inline-block; */
    float: right;
    display: none;
}
.plist #body-main-features-left {
    width: 100%!important;
    margin: auto;
    padding-bottom: 60px;
    padding-left: 0;
    /* padding-right: 290px; */
    padding-top: 0;
    background: none;
    position: relative;
    float: none;
    display: block;
    background: none;
    top: 0 !important;
    font-size: 13px;
    min-height: 400px;
    right: 0;
    vertical-align: top;
}
.filter-product-content
{
  display:none
}
div#sort_radio_wrapper {
    margin-top: 20px;
}
.filter-content div#priceListContainer {
    margin-bottom: 15px;
    margin-right: -20px;
    margin-top: -14px;
}
.filter-content {
    margin: 13px 0;
}
div#priceListContainer {
    background: #e62858;
    background-size: cover;
    float: right;
    width: 261px;
    height: 233px;
    z-index: 1;
    position: relative;
    border-radius: 8px;
}
div#priceListContainer h4 {
    font-size: 24px;
    text-align: center;
    margin-top: 34px;
    color: white;
}
div#ranged-value {
    width: 83%;
    margin: auto;
    margin-top: 13px;
}
#priceSliderLabel {
    color: white;
    font-size: 20px;
    width: 90%;
    margin: auto;
    text-align: center;
    margin-top: 13px;
}
.fsslider {
    text-align: center;
    line-height: 24px;
    font-size: 11px;
    font-family: "Lucida Grande","Trebuchet MS",sans-serif;
    position: relative;
    min-width: 150px;
    height: 24px;
    display: inline-block;
    width: 100%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #000;
    direction: ltr;
    text-align: center;
    line-height: 24px;
    font-size: 11px;
    font-family: "Lucida Grande","Trebuchet MS",sans-serif;
}
.fsslider > .fsfull-value, .fsslider > .fssel-value {
    margin-top: -2px;
    height: 2px;
    left: 0;
    right: 0;
}
.fsslider > * {
    position: absolute;
    top: 50%;
    cursor: pointer;
}
.fsslider > .fsfull-value {
    width: 100%;
    padding: 0 10px;
    box-sizing: content-box;
    left: -10px;
    position: relative;
    border: 1px solid white;
    border-right: none;
    border-left: none;
    height: 3px;
}
.fsslider > .fssel-value {
    background: #72a845;
    height: 5px;
    margin-top: -2px;
    right: 50%;
}
.fsslider > .fssel-left, .fsslider > .fssel-right, .fsslider > .fscaret {
    height: 100%;
    width: 0;
    min-width: 0;
    margin: 0 !important;
    top: 0;
    padding-left: 0;
    padding-right: 0;
}
.fscaret.fss-left , .fscaret.fss-right {
    color: transparent;
}
.fscaret.fss-left:before {
    content: '';
    background: url(/Content/base/dynamic/shopping644/img/92475.jpg) no-repeat;
    background-size: contain;
    width: 30px;
    height: 23px;
    position: relative;
    display: block;
    left: -10px;
}
 .fscaret.fss-right:before {
        content: '';
        background: url(/Content/base/dynamic/shopping644/img/92476.jpg) no-repeat;
        background-size: contain;
        width: 30px;
        height: 23px;
        position: relative;
        display: block;
        right: 13px
    }
    .filter-header-title {
    display: none;
}

label.label-filter-content , label#filter-price-min , label#filter-price-max{
    display: none;
}

#priceSliderLabel {
    color: white;
    font-size: 20px;
    width: 90%;
    margin: auto;
    text-align: center;
    margin-top: 13px;
}

#priceSliderLabel span {
    border: 1px solid white;
    border-radius: 5px;
    padding: 0 7px;
}
#priceSliderLabel span:first-child
{
  margin-left:20px;
}
.btn, .backGround_color_green {
    z-index: 100;
    left: 0;
    margin: auto;
    text-align: center;
    display: block;
    cursor: pointer;
}
div#btnChartFinalizing {
    /* float: left; */
    padding-left: 30px;
    color: white;
    display: block;
    max-width: 219px;
    margin-left: 0;
}
span.btn.productListPrice {
    background: #be2548;
    width: 150px;
    border: 2px solid white;
    border-radius: 5px;
    color: white;
    font-size: 14px;
    margin-top: 16px;
    -webkit-transition: all 300ms;
    transition: all 300ms;
    bottom: auto;
    padding: 6px;
}
div#body-main-features-left form {
    display: none;
}
.plist #body-main-features-left .product-repository {
    width: 22.5%;
    overflow: hidden;
    margin-left: 3%;
    margin-bottom: 40px;
    /* border: 1px solid #e8e9e9; */
    background: white;
    display: inline-block;
    font-size: 20px;
    padding-bottom: 73px;
    box-shadow: 0 3px 6px 0 rgba(51,51,51,.3);
}
.plist #body-main-features-left .product-repository:nth-child(4n+4)
{
  margin-left:0;
}
.product-repository .item {
    position: relative;
    /* overflow: hidden; */
}
.item .info_wrapper_wrapper:before
{
  content:"";
  width:40px;
  height:40px;
  display:block;
  margin-bottom 10px;
  border-radius:50px;
  margin-bottom: 6px;
  background: #52122b url(/Content/base/dynamic/shopping834/img/93084.jpg) center;
  background-size:22px;
  background-repeat:no-repeat;
} 

.product-repository .item:hover
{
  
}
.plist #body-main-features-left .info_wrapper_wrapper {
     right: -49px;
     bottom: 47px;
     z-index: 1000;
     border-bottom: none;
     border-top: none;
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     margin-top: -9px;
}
.product-repository .item .price {
    color: transparent;
    position: absolute;
    /* margin-top: -70px; */
    width: 100%;
    bottom: -96px;
    background: #f1f1f1;
    height: 41px;
}
.product-repository .hover {
    display: none !important;
}
.product-repository .item > a
{
    width: 100%;
    display: block;
    height: 0;
    padding-bottom: 100%;
    margin-bottom: 24px;
    overflow:hidden;
}
.product-repository .item:before
{
  content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 13;
    transition: all .3s;
    -webkit-transform: translate(20px, 20px);
    transform: translate(20px, 20px);
}
.plist #body-main-features-left .product-repository:hover .item:before
{
background-color: rgba(0, 0, 0, 0.3);
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
}
.plist #body-main-features-left .product-repository:hover img 
{
  -webkit-filter: blur(5px);
    filter: blur(5px);
}
.plist #body-main-features-left .product-repository:hover .info_wrapper_wrapper
{
  right:10px;
}

a#header-menu-button {
    display: none;
}
a#ProductInChartImg, #ProductInChartCount {
    position: fixed !important;
    margin-left: 117px;
    left: 0;
    top: 14px;
    z-index: 100;
    color: white !important;
}
#ProductInChartImg:before {
    content: "";
    background-image: url(/Content/base/dynamic/shopping1281/img/105022.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
    display: inline-block;
    width: 29px;
    height: 40px;
    bottom: 16px;
    margin-left: 11px;
}
            
.orderDetails-wrapper, #orderDetails-header {
    display: table-row;
}

#orderDetails-header {
    padding: 0;
    background-color: #e8e8e8;
    height: 48px;
    border-top: 1px solid #d0d0d0;
    margin-top: -1px;
}

    #orderDetails-header div {
        padding: 13px;
        box-sizing: border-box;
        border: 1px solid #d0d0d0;
        border-right: none;
        text-align: center;
    }

    #orderDetails-header div, .orderDetails-wrapper > div {
        display: table-cell;
    }

.orderDetails-wrapper > div {
    background: #fff;
    padding: 10px 15px !important;
    vertical-align: middle;
    box-sizing: border-box;
    border: 1px solid #d0d0d0;
    border-top: none;
    border-right: none;
    height: 147px;
    text-align: center;
    font-size: 13px;
    line-height: 27px;
}

#orderDetails-totalPrice > div {
    font-size: 13px;
    line-height: 27px;
    border: 1px solid #d0d0d0;
    margin: 0 0 10px 10px;
    border-radius: 4px;
    width: 22%;
    min-width: 279px;
    text-align: right;
    direction: rtl;
    position: relative;
    padding: 10px;
    background-color: #e8e8e8;
    display: inline-block;
    border-radius: 0 0 4px 4px;
    margin-top: 10px;
    max-width: 100%;
}

#orderDetails-totalPrice .wrapper_Payable {
    background: #e3ffbf;
    border-color: #c2e19b;
}


#orderDetails-header div, .orderDetails-wrapper > div {
    background-color: white;
}

.deleteThisFromBasket {
    background: url(/Content/bamdad/img/delete_button.png);
    height: 35px;
    background-repeat: no-repeat;
    width: 33px;
    display: inline-block;
    margin-top: 17px;
    cursor: pointer !important;
}

.orderDetails-wrapper img {
    height: auto;
    padding: 0;
    margin: 0px auto;
    display: block;
    width: 107px;
    border: 2px solid #dcdcdc;
    border-radius: 5px;
    margin-left: 8px;
}
img.planOptionImg {
    width: 20px;
    float: right;
}
.orderDetails-wrapper > div > div {
    text-overflow: ellipsis;
    /* white-space: nowrap; */
    /* overflow: hidden; */
    font-size: 13px;
}


#orderDetails-header > div:nth-child(4), #orderDetails-header > div:nth-child(6), .orderDetails-wrapper > div:nth-child(4), .orderDetails-wrapper > div:nth-child(6) {
    display: none;
}

div#btnfinallYourChart {
    padding-left: 41px;
}


#main {
    padding: 60px 0;
    /* background: white; */
    width: 90%;
    max-width: 1170px;
    margin: auto;
    min-height: 600px;
    top: 0;
    display: block;
    position: relative;
    /* border: solid 1px #ebebeb; */
    /* overflow: hidden; */
    margin-top: 0;
}


.changePass, .btn-primary {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border: none !important;
    border-radius: 0;
    font-size: 15px;
    cursor: pointer;
    padding: 6px 40px !important;
    line-height: 21px;
    background: #096187;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    color: #fff;
    margin-top: 13px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    display: inline-block;
    text-align: center;
    margin-left: 10px;
    position: relative;
}

.changePass{
    display:none;
}
 #logoutForm a.changePass {
    margin-top: 10px !important;
    top: -104px;
    position: relative;

}


        


        /* ------------------ profile  ------------------- */
        
        #main {
    width: 90%;
    max-width: 1170px;
    margin: auto;
    min-height: 600px;
    top: 40px;
    display: block;
    position: relative;
    /* overflow: hidden; */
}
div#userShopping_wrapper_data {
    margin-top: 30px;
}


.boxheader {
    position: relative;
    z-index: 0;
    margin-bottom: 10px;
}

    .boxheader span {
        font-size: 18px;
        margin-top: 60px;
        display: block;
    }

        .boxheader span:before {
            background: #72a845;
            width: 100%;
        }

.userinfo.userReport.rtl {
    background: #dcdcdc;
    margin-top: 0;
    margin-bottom: 39px;
}
.boxicon.uo.right {
    display: none;
}
.userinfo.userReport .col {
    width: 33%;
    display: inline-block;
    margin-top: 9px;
    margin-bottom: 7px;
    padding-right: 10px;
}

.wprofile .tblorder thead td {
    padding: 5px 0;
    min-width: 100px;
    position: relative;
    background: #939598;
    color: white;
}

  .wprofile  #orderList_container  .tblorder thead td:nth-child(3),.wprofile  #orderList_container  .tblorder thead td:nth-child(5),
   .wprofile   #orderList_container .tblorder thead td:nth-child(9),.wprofile  #orderList_container  .tblorder thead td:nth-child(10) {
        display: none;
    }

.wprofile  #orderList_container  .tblorder tbody td:nth-child(3),.wprofile  #orderList_container  .tblorder tbody td:nth-child(5),
.wprofile  #orderList_container  .tblorder tbody td:nth-child(9),.wprofile  #orderList_container  .tblorder tbody td:nth-child(10) {
    display: none;
}

table.tblorder {
    width: 100%;
    margin-top: 0;
}

.wprofile .tblorder tbody tr {
}



.wprofile .tblorder {
    width: 100% !important;
}

    .wprofile .tblorder * {
        font-size: 13px !important;
        text-align: center;
    }

 .tblorder tr 
{
    overflow-y: scroll;
}

    .wprofile .tblorder tbody td {
        border-right: 1px solid #fff;
        border-left: 1px solid #e8e8e8;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #e8e8e8;
    }

.chartEmpty {
    text-align: center;
    font-size: 17px;
    margin-top:100px;
}
.chartEmpty img{
    width:30px;
}
div#installmentList_container {
    display: none;
}

div#installmentOrderList_container {
    display: none;
}

div#ticketingList_container {
    display: none;
}
.changePass, .btn-primary, .BtnIsPreviewFromData {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border: solid 2px #a3a3a3;
    font-size: 15px;
    cursor: pointer;
    padding: 6px 20px !important;
    line-height: 18px;
    background: #ffbb45;
    -webkit-border-radius: 3px;
    -moz-border-radius: 0;
    margin-top: 13px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    display: block;
    text-align: center;
    width: 220px;
}

#loginRegister input[type=submit] {
    width: 100%
}

input[type=submit]:hover, input[type=button]:hover, .changePass:hover, .btn-primary:hover {
    color: #ffffff !important;
    background: #584a41 !important
}

ul#profileMenuList {
    width: 25%;
    -webkit-box-shadow: inset 4px 0 6px -3px rgba(41,41,41,0.63);
    box-shadow: inset 4px 0 6px -3px rgba(41,41,41,0.63);
    border-left: 1px solid #ebebeb;
    padding-top: 0;
    box-sizing: border-box;
    color: white;
    height: 100%;
    float: right;
    position: absolute;
        display:none;
}
#main.PageContent ul#profileMenuList,
#main.UPDashboard ul#profileMenuList{
    display:block;
}
form#logoutForm {
    display:none;
    top: 100px !important;
}

#main.PageContent form#logoutForm,
#main.UPDashboard form#logoutForm{
    display:block;
}
#main.PageContent #content,
#main.UPDashboard #content {
    padding: 0;
    padding-right: 25%;
    width: 100%;
}

#main .resizable[data-tmplname="form"] .wrapper_Col .ajax-form > div {
    width: 100%;
}

#main .wrapper_Col {
    width: 100%
}



form#logoutForm a:before {
    content: "\f08b";
    font-family: Fontawesome;
    position: relative;
    right: -17px;
    top: 2px
}

i.fa.fa-fw.fa-upload {
    padding: 3px 10px !important;
    font-size: 13px;
    text-align: center;
    width: 30px;
    display: none;
}

.position-wrapper img {
    display: none
}

.position-wrapper {
    position: relative;
    font-size: 12px
}

.boxicon.ui.right {
    display: none
}

ul#profileMenuList li {
    line-height: 2.3;
    font-size: 16px;
    border-top: 1px solid rgb(240,240,240);
    box-sizing: border-box;
    width: 100%;
    background: #c54879 url(/Content/base/dynamic/shopping576/img/91456.jpg) top right no-repeat;
    color: #fff;
    text-decoration: none;
    -webkit-transition: all 0.5s,background-color 0.5s;
    -moz-transition: all 0.5s,background-color 0.5s;
    transition: all 0.5s,background-color 0.5s;
}

    ul#profileMenuList li a {
        display: block;
        padding-right: 15px;
        cursor: pointer;
        white-space: nowrap;
    }

        ul#profileMenuList li a[] ul#profileMenuList li:hover {
            background-color: #584a41
        }

div#clientInfo_wrapper {
    margin-bottom: 18px;
    font-size: 15px;
    color: #545454;
    text-align: right;
    margin-top: 44px;
}

div#wrapper_steps {
    /* display: none */
}

div#clientInfo_wrapper label {
    padding-left: 8px
}

a#openUserInfoWrapper {
    margin-right: 0 !important;
}

#dialogContent .ajax-form label {
    display: inline-block;
    min-width: 100px;
    margin-bottom: 0;
}

#dialogContent .ajax-form h2 {
    font-size: 20px;
    margin-bottom: 20px
}

.wrapper_Col .ajax-form .option-wrapper label {
    display: block
}

.wrapper_Col .ajax-form .option-wrapper input {
    float: right;
    display: inline-block;
    width: 21px;
    min-width: 0;
    margin: 10px;
    padding: 0
}

ul#profileMenuList > li:first-child:before {
    content: "\f015";
    font: normal normal normal 21px/1 FontAwesome;
    position: absolute;
    left: 15px;
    line-height: 48px;
    top: -5px
}

ul#profileMenuList li a[data-temp] {
    color: white
}

    ul#profileMenuList li a[data-temp]:hover {
        color: black
    }

ul#profileMenuList li a:not([data-temp]) {
    color: #ababab;
    cursor: auto
}

ul#profileMenuList > li:nth-child(2) > a {
    display: none
}

#main ul.subSecondNavigation:before {
    display: none
}

.tinyPage #dialogAh7Box-wrapper {
    width: 340px;
    margin: auto;
    left: 0;
    right: 0;
    height: auto;
    padding: 0;
    top: 50%;
    transform: translateY(-50%)
}

.tinyPage input, .tinyPage textarea, .tinyPage select, .tinyPage button {
    width: 100%
}

input[readonly] {
    background: none !important;
    border: none !important
}

.tinyPage div#userInfo_wrapper_data_b {
    padding: 20px 20px 0 !important
}

#main .subSecondNavigation {
    display: block !important;
    position: relative !important;
    padding: 0;
    right: 0;
    top: 0;
    width: 100%;
}

#main ul.subSecondNavigation:after {
    display: none
}

#main .subSecondNavigation .subSecondNavigation {
    display: none !important
}

.userProfile-wrapper {
    padding: 0 20px 0 0;
    font-size: 15px;
}

#main #content label, #dialogContent label {
    font-size: 15px;
    /* color: white; */
    margin-left: 15px;
}

#main #content .resizable {
    width: 100% !important;
    margin: 0;
    background: none;
    text-align: right;
    position: relative
}

#main #content .wrapper_fde4 {
    margin-bottom: 100px
}



#dialogAh7Box {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 10000;
    top: 0;
    left: 0
}


#close-dialogAh7Box, .close-dialogAh7Box {
    margin-left: -11px;
    margin-top: -10px;
    left: inherit;
    top: inherit;
    cursor: pointer;
    background-image: url('/Content/DronikaK/css/images/fancybox.png');
    background-position: -40px 0;
    background-repeat: no-repeat;
    border: none;
    box-shadow: none;
    width: 29px;
    height: 29px;
    display: block;
    z-index: 10000;
    position: fixed
}

#dialogContent {
    height: 100%;
    padding: 30px 6px 60px;
    -moz-box-sizing: border-box
}

#wrapper-main-page div#dialogContent {
    width: 80%;
    margin: auto;
    background: transparent
}

#dialogContent div#newsWidget {
    width: 30%;
    float: right
}

#dialogContent span.newsDate, #dialogContent span.newsReadCount {
    /* width: 23%; */
    right: 0;
    /* top: 2px; */
    line-height: 15px;
}

#dialogContent span#newsInfo {
}

#dialogContent div#newsWidget > div {
    width: 100%;
    background: none
}

#dialogContent .news-content {
    width: 66%;
    padding-right: 0;
    padding-left: 2%;
    padding-top: 2%;
}

#dialogAh7Box-wrapper {
    line-height: 30px;
    height: inherit;
    direction: rtl;
    margin: 20px 10%;
    width: 80%;
    background-color: #fff;
    border: 1px solid #999;
    height: 90%;
    z-index: 1000;
    position: absolute;
}

div#dialogAh7Box[data-type="dialogFormDataWithLogID"] {
    /* display: none !important */
}

.tagList span {
    border: 1px solid #bcbcbc;
    padding: 1px 9px;
    margin: 4px;
    float: right;
    background: #ececec;
    font-size: 14px;
}

.tagList {
    float: left;
    margin: 10px;
    width: 66%;
    padding-right: 0;
    padding-left: 2%;
}
/* ---------------------------- end profile ---------------------- */



/* ------------- form style -------------------- */


.containerTabTitles {
    position: relative;
    margin-bottom: 8px;
    text-align: center;
    top: 0;
    width: 100%;
    display: block;
    font-size: 0;
    margin-top: 50px;
}

.containerTabTitles label {
    white-space: nowrap;
    display: inline-block;
    position: relative;
    color: black;
    font-size: 17px;
    /* letter-spacing: 0.04em; */
    line-height: 24px;
    text-decoration: none;
    text-transform: uppercase;
    /* font-weight: bold; */
    cursor: pointer;
    -webkit-transition: all 300ms;
    transition: all 300ms;
    /* width: 23%; */
    background: #e8e8e8;
    margin: 0 1%;
    margin-bottom: 13px;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 64px;
    min-width: 200px;
}
.containerTabTitles label.selected
{
    background:#ffb606;
    color: #303030;
    margin-top: 20px;
}
.containerTabTitles label.selected:after {
    content: '';
    position: absolute;
    width: 0;
    border: 10px solid;
    border-color: #303030 transparent transparent transparent;
    right: 0;
    left: 0;
    margin: auto;
    bottom: 1px;
}


.formWrapper {
    /* display: none; */
    z-index: 1;
    position: relative;
    width: 260px;
    float: right;
    margin-top: 0 !important;
    background: #e9e9e9;
    border-radius: 9px;
    font-size: 15px;
    margin-right: 0;
    padding: 0 20px 20px;
}



.wrapper_Col .ajax-form label {
    font-size: 18px;
    vertical-align: top;
    line-height: 34px;
    /* display: inline-block; */
    padding: 0;
    display: inline-block;
    font-size: 15px;
    /* line-height: 26px; */
    color: #060c20;
    margin-left: 15px;
}
.wrapper_Col .ajax-form span{

/* color:#46ee00; */
}
.option-wrapper {
    margin-top: 5px;
    margin-bottom: 15px;
    background: #ebebeb;
    height: auto;
    line-height: 30px;
    border-radius: 4px;
}

.wrapper_Col .ajax-form .option-wrapper label {
    padding-left: 10px;
}

.resizable[data-tmplname="form"] > h4, .containerTabContent section.resizable[data-tmplname="formData"] > h4 {
    display: block;
    margin-bottom: 0px;
    /* background: rgb(0, 100, 149) url(/Content/base/dynamic/shopping576/img/91456.jpg) top right no-repeat; */
    padding: 5px 12px 3px;
    font-size: 19px;
    color: rgb(0, 100, 149);
    margin-top: 0;
    /* font-weight: lighter; */
    line-height: 28px;
}
span.span_formName {
    display: none;
}


.wrapper_Col .ajax-form div[data-cid="c27"] {
    width: 97%;
}

    .wrapper_Col .ajax-form div[data-cid="c27"] textarea {
        height: 200px;
    }


input[type="checkbox"], input[type="radio"] {
    height: auto !important;
}




.wrapper_Col .ajax-form .btnBlack:hover:after {
    color: white;
}



.resizable textarea {
    height: 100px !important;
}

.validation-error, .errprAjaxForm {
    color: #ff9b00;
    border: 1px solid #ff9b00;
    margin-right: -7px;
    margin-top: 5px;
    font-size: 12px;
    padding: 4px;
    display: inline-block;
    margin: 9px 0;
    width: 95%;
    text-align: center;
}

.ajax-form > div:last-child {
    margin-top: 10px;
}



.successAjaxForm {
    color: green;
}

.errprAjaxForm, .successAjaxForm, .validation-error {
    color: #f06e23;
    display: block;
    font-size: 15px;
    margin: .2em auto .2em;
    text-align: center;
    display: none;
    white-space: pre;
}

.validation-error {
    display: block;
}

.successAjaxForm {
    display: none;
    color: #3c8a04;
    width: 97% !important;
    /* float: right; */
    background-color: #eee;
    border: none;
    margin: 5px 0;
    padding: 4px 3px;
    border: 1px solid #3c8a04;
    margin-top: 19px;
    white-space: pre-line;
}

.ajax-form input.dynamicFormError, .ajax-form textarea.dynamicFormError {
    border-right: 4px solid #f06e23 !important;
}


.uploadingImage .span_loaddingImg {
    height: 30px;
    background: rgba(255,255,255,0) url(/Content/img/flapper-gray-EE-30.gif) no-repeat center;
    margin: auto;
    display: block;
    width: 40px;
    top: 36%;
    position: relative;
    right: auto;
}

.fileUploadContaner {
    width: 100%;
    display: block;
    padding: 4px 10px;
    font-size: 13px;
    margin: 5px 0;
    border: 1px dashed #e0e0e0;
    background-color: #f0f0f0;
}

    .fileUploadContaner img {
        width: 30px;
        height: auto;
        vertical-align: middle;
        display: inline-block;
        margin-left: 10px;
    }
.wrapper_Col .ajax-form span .fileUploadContaner img{
   width:80%;
   /* background: rebeccapurple; */
   margin: 10px auto;
   display: block;
}
    .fileUploadContaner .fa-times {
        float: left;
        color: #818385;
        position: relative;
        top: 5px;
        left: -7px;
    }

input[type=file] {
    display: none;
}

span.progress_percentage, .uploadingImage .span_loaddingImg, .progress_text {
    display: block;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
}

span.progress_percentage {
    width: 200px;
    height: 16px;
    margin-top: 26px;
    text-align: center;
    color: white;
    font-size: 11px;
    background: #c7c7c7;
    border-radius: 6px;
    z-index: 0;
}

    span.progress_percentage > span {
        background: #53b416;
        height: 100%;
        display: block;
        border-radius: 6px;
        position: absolute;
        left: 0;
        z-index: -1;
        float: left;
        width: 0;
    }




span.btnBlack .fa.fa-upload {
    display: inline-block;
}

span.btnBlack {
}

i.fa.fa-fw.fa-upload.btnBlack {
    display: block !important;
    background-color: #ffbb45;
    margin-top: 5px;
}

    i.fa.fa-fw.fa-upload.btnBlack span {
        margin-right: 10px;
        color: white;
    }

.uploadingImage {
    display: none;
    left: 0;
    margin: auto;
    position: absolute;
    padding: 0;
    margin: 0;
    bottom: 0;
    color: black;
    width: 100%;
    height: 115px;
    box-sizing: border-box;
    border: 1px solid #aaaaaa;
    background-color: #f0f0f0;
    opacity: .95;
    min-height: 100px;
    z-index: 100;
    text-align: center;
    border-radius: 4px;
}

    .uploadingImage .span_loaddingImg {
        height: 23px;
        background: rgba(255,255,255,0) url(/Content/img/flapper-gray-EE-30.gif) no-repeat center;
        background-size: 23px;
        margin: auto;
        display: block;
        width: 32px;
        margin-top: -29px;
    }

.phoneNumber_wrapper {
    position: relative;
}


.ajax-form.notEditable .phoneNumber_wrapper:before {
    display: none;
}

.phoneNumber_wrapper input {
    text-align: left;
    padding-left: 50px !important;
}

input.phon_number {
    text-align: left;
}

::-webkit-input-placeholder {
    color: #cecece;
}

::-moz-placeholder {
    color: #cecece;
}

:-ms-input-placeholder {
    color: #cecece;
}


*:focus {
    outline: none;
}

.description_break label {
    border-bottom: 2px solid #d8d8d8;
    display: block;
    margin-left: 0 !important;
    margin-top: 27px;
    margin-bottom: -3px;
}

.description_break p {
    display: block !important;
    font-size: 18px;
    margin: 10px 0 5px;
    /* background-color: #ae985b; */
    padding: 6px;
    color: #343434;
}



 .wrapper_Col .ajax-form .btnBlack {
    /* background: none; */
    /* color: white; */
    float: left;
    margin-top: 15px !important;
    border-radius: 5px;
    font-size: 17px;
    padding: 7px;
    padding-left: 3em;
    padding-right: 3em;
    background: #ffb606;
    /* box-shadow: 0 3px 0px #0e6252; */
    color: #000;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    position: relative;
    font-size: 16px;
    margin: 0;
    min-width: 240px;
    -webkit-transition: all 300ms;
    transition: all 300ms;
    margin-bottom: 10px;
    margin-left: 1% !important;
    float: none;
    display: block !important;
    border: none;
}


 .date-wrapper >div {
    float: right;
}



.ajax-form > div > label, 
.wrapper_Col >div> label {
    display: block;
    font-size: 14px;
    /* margin-bottom: 7px; */
    /* margin-top: 20px; */
}

.wrapper_Col .ajax-form input,
 .wrapper_Col .ajax-form select {height: 36px;line-height: 36px;font-size: 13px;padding: 0 10px !important;}
 .wrapper_Col .ajax-form .option-wrapper input {
    /* float: right; */
    display: inline-block;
    width: 21px;
    min-width: 0;
    margin: 10px;
    padding: 0;
    height: auto;
}



.textarea {
    width: 100% !important;
}

.wrapper_Col .ajax-form .btnBlack {
    float: right;
    cursor: pointer;
    display: block !important;
    width: 100%;
    margin-top: 30px !important;
}


.wrapper_Col .ajax-form input,
.wrapper_Col .ajax-form select, 
.wrapper_Col .ajax-form textarea {
    background: #e9e9e9;
}

 .option-wrapper label {
    float: right;
}

.chooseList {
    width: 100% !important;
}

.formDynamicOption.col-lg-2 {
    width: 49%;
    margin-left: 2%;
}
.formDynamicOption.col-lg-2:nth-child(2n+2) {
    margin-left: 0;
}
        
.discount_wrapper {
    width: 100% !important;
    display: none !important;
}

input[name="DiscountCode"] {
    width: 50% !important;
}

span#checkDiscountCode {
    width: 100px !important;
    float: left;
    margin-top: 2px !important;
    background: #c54879;
}
        .col-lg-1{width:100%}.col-lg-2{width:50%}.col-lg-3{width:33.33333333%}.col-lg-4{width:25%}.col-lg-5{width:20%}.col-lg-6{width:16.666666%}.col-lg-7{width:14.28%}


        @font-face {
    font-family: 'IRANSansWeb_FaNum';
    src: url("/Content/fonts/IRANSansWeb(FaNum)/IRANSansWeb(FaNum).eot"), url("/Content/fonts/IRANSansWeb(FaNum)/IRANSansWeb(FaNum).eot?#iefix") format("embedded-opentype"), url("/Content/fonts/IRANSansWeb(FaNum)/IRANSansWeb(FaNum).woff2") format("woff2"), url("/Content/fonts/IRANSansWeb(FaNum)/IRANSansWeb(FaNum).woff") format("woff"), url("/Content/fonts/IRANSansWeb(FaNum)/IRANSansWeb(FaNum).ttf") format("truetype");
    /* Safari, Android, iOS */
    font-weight: normal;
}

@font-face {
    font-family: 'FYekan';
    src: url('/Content/fonts/Yekan/FYekan.eot?#') format('eot'), url('/Content/fonts/Yekan/FYekan.woff') format('woff'), url('/Content/fonts/Yekan/FYekan.ttf') format('ttf');
}


div#footer {
    /* display: none; */
}

.wrapper_Col.wrapper_Col1 {
    width: 90%;
    margin: 60px auto;
}


.wrapper_Col .wrapper_Col > div {
    width: 48%;
    float: right;
    margin-left: 2%;
}

.TextBoxComplementaryTable {
    width: 100% !important;
    border: 1px solid #b4b4b4;
    background: #ececec;
    padding: 10px 10px 0px;
    /* box-sizing: border-box; */
    border-radius: 5px;
    float: right;
    margin: 0 !important;
    margin-bottom: 10px !important;
    margin-top: 10px !important;
}

.wrapper_Col .wrapper_Col {
    border: 1px solid #b4b4b4;
    background: #ffffff;
    padding: 13px;
    box-sizing: border-box;
    border-radius: 5px;
    float: right;
    margin-bottom: 10px;
    position: relative;
    margin-top: 10px;
    width: 100%;
}

.TextBoxComplementaryTable span.btnBlack {
    width: 100px !important;
    text-align: center;
    padding: 2px 10px !important;
    float: left;
}

    .TextBoxComplementaryTable span.btnBlack:before {
        content: "\f067";
        font: normal normal normal 14px/1 FontAwesome;
        margin-left: 9px;
    }



div#wrapper-main-page {
    margin-top: 0;
    /* background: #e3e3e3; */
}
span.deleteAh7Form {
    background: red;
    position: absolute;
    color: white !important;
    top: -11px;
    left: -5px;
    border-radius: 50%;
    text-align: center;
    /* padding: 10px; */
    height: 22px;
    width: 23px;
    color: white;
    cursor: pointer;
}

    span.deleteAh7Form:before {
        content: "\f057";
        font: normal normal normal 23px/1 FontAwesome;
    }


.current_validation_error {
    display: block !important;
    position: absolute;
    top: -6px;
    left: 0;
}


.wrapper_Col .ajax-form  .current_validation_error label {
    opacity: 1;
    position: absolute;
    width: auto;
    white-space: nowrap;
    left: 24px;
    top: -2px;
    color: red;
    font-size: 12px !important;
    transition: opacity .2s;
}
.wrapper_Col .ajax-form .current_validation_error:hover label{
    opacity: 1;
}


.current_validation_error i {
    background: red;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    color: white;
    line-height: 30px;
    cursor: pointer;
}
.current_validation_error i:before{
     font: normal normal normal 14px/1 FontAwesome;
        content: "\f00d";
}

.current_validation_error i:after {
    content: '';
    border: 4px solid;
    border-color: transparent red  red  transparent;
    position: absolute;
    right: 11px;
    transform: rotate(45deg);
    bottom: -4px;
}

div[data-cid] {
    position: relative;
}
        
        
        

/* ----------- end from style --------------------- */

/*....................................Login $ Register............................................*/
div#Food_userAuthentication {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 100001;
    background: #f8f8f8;
    border-radius: 6px;
    width: 400px;
    height: auto;
    margin-left: -200px;
    transform: translateY(-50%);
    padding: 22px 20px;
}
span.foodPasRecoverSms {
    cursor: pointer;
}
    div#Food_userAuthentication.largeBox {
        width: 80%;
        max-width: 1360px;
        left: 0;
        right: 0;
        margin: auto;
        height: 80%;
        top: 10%;
        margin-top: 0;
        padding-left: 0;
    }

div#Food_userAuthentication.largeBox > div{
    overflow:auto;
    height: 100%;
    padding-left: 14px;
    overflow-x: hidden;
}

.wrapper_Payable {
    margin-top: 22px;
    padding: 17px;
}

span.icon-logo {
    background: url(/Content/base/dynamic/shopping1281/img/105012.jpg);
    background-size: cover;
    width: 95px;
    height: 89px;
    z-index: 1000;
    transition: all .5s ease;
    display: block;
    margin: auto;
    margin-bottom: 14px;
    margin-top: 17px;
}

#Food_userAuthentication > div > form label {
    display: block;
    text-align: center;
    line-height: 48px;
    font-size: 15px;
}



#Food_userAuthentication > div > form input {height: 38px;font-size: 16px;font-size: 1rem;width: 100%;padding: 5px 10px;text-align: right;direction: rtl;background: #fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;border: 1px solid #52122b;text-align: center;}

#Food_userAuthentication > div > form[fuction-success="afterRegisterUser"] label
{
     position: absolute;
     right: 10px;
     width: 110px;
     text-align: right;
     font-size: 14px;
     font-size: .875rem;
     top: 50%;
     margin-top: -18px;
     margin-bottom: 0;
     border-left: 1px solid #ccc;
     line-height: 37px;
}
#Food_userAuthentication > div > form[fuction-success="afterRegisterUser"].ajax-form > div
{
 padding: 0px 0 0 !important;
}
#Food_userAuthentication > div > form[fuction-success="afterRegisterUser"] input
{
    padding-right: 133px !important;
    text-align: right;
    height: 38px;
}
#Food_userAuthentication button.btn-primary, .callForPhoneVerificationCode, .BtnIsPreviewFromData , .BtnResumeVote {
    width: 100%;
    border-radius: 5px;
    line-height: 29px;
    top: 0;
    margin-top: 20px;
    background: #fed700;
    border: none;
    padding: 4px;
    color: #fff;
    font-size: 16px;
}

.BtnIsPreviewFromData , .BtnResumeVote {
    display: inline-block;
    padding: 4px 0 !important;
}

span.btn.BtnResumeVote {
    background: red;
    width: 36%;
    margin-right: 2%;
}

.BtnIsPreviewFromData {
    background: green;
    width: 60%;
}
.note {
    text-align: center;
    line-height: 36px;
}

#Food_userAuthentication form.ajax-form > div
{
    padding: 0 !important;
    position: relative;
    font-size: 12px;
    margin-bottom: 3px;
}

span.btn.callForPhoneVerificationCode.disabled {
    background: gainsboro;
}
        
span.SPecuniary {
    display: none;
}

.pageCover, #pageCover {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    z-index: 1000;
    top: 0;
    left: 0;
}
#pageCover{
    display:none;
}
#close-dialogAh7Box, .close-dialogAh7Box ,button#btnCloseOnlineFoodShopping_wrapper{
    background: url(/Content/base/dynamic/shopping632/ui-sprite.png) -150px -205px no-repeat;
    height: 50px;
    position: absolute;
    left: -21px;
    overflow: hidden;
    text-indent: 105%;
    top: -23px;
    white-space: nowrap;
    width: 50px;
    cursor: pointer;
    border: none;
}
/*..............................Profile....................................*/

        
div#menu-container {
    display: none;
}
        
.TextBoxForeignTable {
    display: none !important;
}
        

        a.moreNewsContent, .buttonList .btn, .wprofile .tblorder .btn,
.backGround_color_green ,
.btnBlack, .slides-front.slided a.btn{
    position: relative;
    display: block;
    min-width: 150px;
    margin: 18px auto;
    border: solid 2px #a3a3a3;
    -webkit-border-radius: 50px;
    border-radius: 20px;
    padding: 5px 15px;
    font-size: 15px;
    color: #fff;
    z-index: 1;
    /* bottom: 10px; */
    /* font-family: dinar; */
    /* right: 0; */
    /* left: 0; */
    /* margin: auto; */
    /* display: table; */
    text-align: center;
    /* overflow:hidden; */
    color: white;
    color: #000;
    display: inline-block;
    padding-left: 40px;
}
.wprofile .tblorder .btn{
    /* color:black; */
    border-radius: 0;
    background: #207ba5;
    color: white;
    margin-right: 5px;
    margin-left: 5px;
}
.buttonList .btn {
    padding: 10px 33px;
    margin-bottom: 16px;
    margin-top: 0;
}

    a.moreNewsContent:hover, .buttonList .btn:hover,
    .backGround_color_green:hover, .slides-front.slided a.btn:hover {
        color: #4ca9bf !important;
    }


    a.moreNewsContent, a.moreNewsContent:before,
    .buttonList .btn, .buttonList .btn:before,
    .backGround_color_green, .backGround_color_green:before, .slides-front.slided a.btn:before {
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        a.moreNewsContent:before, .buttonList .btn:before,
        .backGround_color_green:before, .slides-front.slided a.btn:before {
            content: '';
            background: #c54879;
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            border-radius: 17px;
            z-index: -1;
        }

      
        a.moreNewsContent:hover:before,
        .buttonList .btn:hover:before,
        .backGround_color_green:hover:before, .slides-front.slided a.btn:hover:before {
            width: 0;
        }
    #wrapper_steps .shipping .head .add_address {
       border-radius: 4px;
    font-size: 17px;
    background: #00f600;
    color: white;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    position: relative;
    font-size: 15px;
    padding: 7px 20px;
    margin-left: 0 !important;
    -webkit-transition: all 300ms;
    transition: all 300ms;
    /* margin-bottom: 10px; */
    border: none;
    cursor: pointer;
    min-width: 150px;
       
    }          

a.btn .clickable, .backGround_color_green a:before {
    content: '';
    display: none;
    width: 47px;
    position: absolute;
    height: 47px;
    background: #fff;
    border-radius: 50px;
    top: -5px;
    left: -22px;
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.14);
    color: #3b5c82;
    transition: .3s;
}

a.btn:hover .clickable,
.backGround_color_green a:hover:before {
    background: #444444;
    color: #fff;
    /* transition-delay:.3s; */
}

.btn a:hover:after, .btn:hover span:after,
.backGround_color_green a:hover:before {
    opacity: 1;
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
}

a.btn .clickable:after, .backGround_color_green a:after , .backGround_color_green a:after {
    width: 23px;
    height: 23px;
    content: "";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-family: FontAwesome;
    /* font-size: inherit; */
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 25px;
    position: absolute;
    top: 9px;
    left: 0px;
    transform-origin: 50% 50%;
    background: url(/Content/base/dynamic/shopping847/img/93262.jpg) no-repeat center;
    background-size: 28px;
    transition: .3s;
}


       
.wrapper_Col .option-wrapper label span img {
    width: 100px;
    vertical-align: middle;
    margin: 10px auto;
    display: block;
    text-align: center;
}


.resizable[data-tmplname="formData"] {
    width: 100%;
    padding: 0;
    width: 90%;
    max-width: 1170px;
    margin: 60px auto;
    padding-top: 40px;
}

.wrapper_fde {
    font-size: 0;
}

.wrapper_fde4 , .wrapper_fde2{
    width: 23%;
    display: inline-block;
    margin-left: 2%;
    margin-bottom: 2%;
    border: solid 1px #434361;
    padding: 2px;
    transition: all 0.3s ease 0s;
    position: relative;
    font-size: 16px;
    background: #fbfafc;
    border-radius: 5px;
    padding-bottom: 10px;
}
.wrapper_fde3[data-fieldid="100018"] {
    display: none;
}
.wrapper_fde3 {
    padding: 1px 14px 0;
    white-space: pre-line;
    font-size: 14px;
    height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-line;
    text-align: right;
}

    .wrapper_fde3[data-fiealdtype="time"] {
        display: none;
    }

    .wrapper_fde3 img {
        width: 98%;
        height: 98%;
        object-fit: cover;
        display: block;
        margin: auto;
        /* max-width: 250px; */
        position: absolute;
    }

  
.wrapper_fde > div:last-child {
    margin-top: 30px;
}
.wrapper_fde > div .wrapper_fde3:first-child {
    display: none;
}

.wrapper_fde3[data-fiealdtype="image"] label {
    display: none;
}

.wrapper_fde3[data-fiealdtype="image"] {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding: 0;
    padding-bottom: 100%;
    position: relative;
    margin-bottom: 11px;
}

    .wrapper_fde3[data-fiealdtype="image"] > div:first-child {
        position: absolute;
        width: 100%;
        height: 100%;
    }

.resizable[data-tmplname="formData"] > h3 {
    display: block;
    font-weight: lighter;
    font-size: 17px;
    margin-top: -15px;
    margin-bottom: 40px;
}

div[id*="ah7DynamicFormData"] .wrapper_fde4:nth-child(4n+4) {
    margin-left: 0;
}





div[id*="ah7DynamicFormData"] .wrapper_fde3[data-fiealdtype="price"] {
    text-align: left;
    color: #00ae5e;
    /* font-weight: bold; */
    font-size: 15px;
    /* font-weight: bold; */
    position: absolute;
    bottom: 12px;
    left: 6px;
}


button.openformdataFilter {
    display: none;
}

div#AddFilter-form {
    display: none;
}


span.moreformData {
    z-index: 100;
    margin: auto;
    text-align: right;
    display: none;
    cursor: pointer;
    padding-right: 17px;
    margin-top: 16px;
    position: relative;
    margin-bottom: 6px;
}
span.moreformData:after {
    content: "";
    border: 1px solid #0a0a0a;
    border-top: none;
    border-right: none;
    width: 6px;
    height: 6px;
    font: normal normal normal 19px/1 FontAwesome;
    opacity: 1;
    -webkit-transform: translate3d(0.5em,0,0) rotate(45deg);
    transform: translate3d(-.5em,0,0) rotate(45deg);
    color: white;
    -webkit-transition: all 300ms;
    transition: all 300ms;
    vertical-align: middle;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: inline-block;
}
span.moreformData:hover {
    color: #00ae5e;
}
span.moreformData:hover:after {
    opacity: 1;
    -webkit-transform: translate3d(-.3em,0,0) rotate(45deg);
    transform: translate3d(-.3em,0,0) rotate(45deg);
    border-color: #00ae5e;
}
.wrapper_fde3 label {
    color: #00ae5e;
    padding-left: 5px;
    font-weight: bold;
}


#dialogContent {
    margin: 0 auto;
    background-color: #FFF;
    background: #fafafa;
    position: relative;
    direction: rtl;
    padding: 0 70px 0 30px;
    width: 100%;
    height: 100%;
    overflow: auto;
}

div#wrapper-main-page > #dialogContent {
    width: 90%;
    max-width: 1360px;
    background: none;
    height: auto;
    overflow: visible;
    margin-top: 90px;
}

#close-dialogAh7Box, .close-dialogAh7Box, button#btnCloseOnlineFoodShopping_wrapper {
    background: url(http://haftsetare.com/Content/base/dynamic/shopping632/ui-sprite.png) -150px -205px no-repeat;
    height: 50px;
    position: absolute;
    left: -21px;
    overflow: hidden;
    text-indent: 105%;
    top: 1px;
    white-space: nowrap;
    width: 50px;
    cursor: pointer;
}

.fixed #close-dialogAh7Box, .fixed .close-dialogAh7Box {
    top: 60px !important;
}

div#dialogAh7Box-wrapper > div {
    margin: auto;
    position: relative;
    z-index: 10;
}

#dialogContent .wrapper_fde3[data-fiealdtype="image"]{/* position: absolute; */height: 200px;padding: 0;width: 200px;right: -16px;float: right;top: -30px;}
#dialogContent  .wrapper_fde3 img{
        position: absolute;
        right: auto;
        border-radius: 50%;
        border: 2px solid gray;
    }

  #dialogContent  .wrapper_fde3[data-fiealdtype="image"] label {
    display: block;
}
        

form.dynamic-filter-from {
    display: inline-block;
    text-align: right;
    border: 1px solid #848484;
    padding: 16px;
    background: #dcdcdc;
    border-radius: 5px;
    margin-bottom: 18px;
    width: 100%;
    /* display: none; */
}
form.dynamic-filter-from h5 {
    font-size: 16px;
    font-weight: lighter;
    margin-bottom: 10px;
}
.wrapper_Col .ajax-form .option-wrapper input {
    float: right;
    display: inline-block;
    width: 21px;
    min-width: 0;
    margin: 10px;
    padding: 0;
}

#filter_container h3.step1 {
    display: block;
    margin: 10px 0;
    display: none;
}


.formContainer select[id*="fk"] {
    display: none;
}
span.filterEdit {
    display: none;
}


.formContainer {
    margin-bottom: 9px;
    text-align: right;
    width: 23.85%;
    float: right;
    margin-left: 1.5%;
}

    .formContainer label {
        /* margin-bottom: 4px; */
        display: inline-block;
        font-size: 14px;
    }
.formContainer:nth-child(4n+4) {
    margin-left: 0;
}

.formContainer input,.formContainer textarea,.formContainer select{
    background: #ffffff;
    color: black;
    line-height: 28px;
    border-radius: 5px;
    border: 1px solid #c8c8c8;
    height: 28px;
    margin: 2px 0 0;
}

button#btnNewFromDataSubmitFilter{
    width: 23.85% !important;
    float: right;
    margin-top: 30px;
    cursor: pointer;
    background: #bc4876;
}
a.wrapper_fde2 {
    width: 31%;
}

span.btn.btnFilterContainer {
    display: none;
}

.FilterContainer {
    margin: 10px 0;
    /* display: none !important; */
}
span.filter-or-styel {
    display: none;
}

.formWrapper .formContainer:first-child .clearfix {
    display: none;
}

.formContainer select[id*="fk"] {
    display: none;
}



#wrapper_steps .steps {
    border-bottom: 1px dotted #a8b5be;
    font-size: 14px;
    position: relative;
    padding-top: 40px;
}

    #wrapper_steps .steps .rounded_rectangle {
        width: 85%;
        height: 8px;
        background-color: #c9d1d7;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        margin: 15px auto 15px;
        position: relative;
    }

        #wrapper_steps .steps .rounded_rectangle .step_review {
            width: 66%;
        }

        #wrapper_steps .steps .rounded_rectangle .rounded_rectangle_over {
            height: 8px;
            background: transparent url(/content/img/progress_bg.png) repeat-x;
            position: absolute;
            right: 0;
            top: 0;
        }

        #wrapper_steps .steps .rounded_rectangle .step_shipping {
            width: 33%;
        }

        #wrapper_steps .steps .rounded_rectangle .bullet {
            height: 20px;
            width: 20px;
            background: transparent url(/content/img/progressbar_items.png) no-repeat -2px -70px;
            display: block;
            position: absolute;
            top: -6px;
        }

            #wrapper_steps .steps .rounded_rectangle .bullet.green {
                background-position: -2px -36px;
            }

            #wrapper_steps .steps .rounded_rectangle .bullet.tick {
                background-position: -2px -2px;
            }

            #wrapper_steps .steps .rounded_rectangle .bullet.login {
                right: -1px;
            }

            #wrapper_steps .steps .rounded_rectangle .bullet.or {
                right: 33%;
            }

            #wrapper_steps .steps .rounded_rectangle .bullet.pi {
                right: 66%;
            }

            #wrapper_steps .steps .rounded_rectangle .bullet.finish {
                left: 0;
            }

#wrapper_steps .gray {
    color: #666 !important;
}

#wrapper_steps .steps .rounded_rectangle .bullet .s_title {
    width: 140px;
    text-align: center;
    font-size: 14px;
    color: #a8b5be;
    position: absolute;
    top: -30px;
    right: -60px;
}

#wrapper_steps .shipping .head {
    min-height: 62px;
    border-bottom: 1px solid #e0e4e8;
    position: relative;
    text-align: left;
}

    #wrapper_steps .shipping .head .add_address {
        margin-top: 20px;
        float: left;
    }

    #wrapper_steps .shipping .head h2 {
        font-size: 14px;
        padding: 17px 0 11px 0;
        border-bottom: 3px solid #8FC85D;
        float: right;
    }

#wrapper_steps .shipping .required {
    position: absolute;
    color: #fff;
    top: 22px;
    right: 85px;
    width: 217px;
}

#wrapper_steps .shipping .required {
    position: absolute;
    color: #fff;
    top: 22px;
    right: 85px;
    width: 217px
}

    #wrapper_steps .shipping .required div {
        float: left;
        height: 32px
    }

    #wrapper_steps .shipping .required .dright {
        width: 5px;
        background: url("/content/img/discount_left_bg_2.png") no-repeat
    }

    #wrapper_steps .shipping .required .dcenter {
        width: 197px;
        padding: 0 10px;
        background-color: #ff5153;
        line-height: 32px;
        font-size: 13px
    }

    #wrapper_steps .shipping .required .dleft {
        width: 12px;
        background: url("/content/img/discount_right_bg_2.png") no-repeat
    }

    #wrapper_steps .shipping .required div {
        float: left;
        height: 32px;
    }

    #wrapper_steps .shipping .required .dright {
        width: 5px;
        background: url(/content/img/discount_left_bg_2.png) no-repeat;
    }

#wrapper_steps .shipping_list {
    display: table;
    width: 100%;
    border: 1px solid #e0e4e8;
}

    #wrapper_steps .shipping_list > div .radio_wrapper {
        width: 21px !important;
    }

    #wrapper_steps .shipping_list > div.active .radio_wrapper {
        background: #f1fbe3 url(/content/img/default_badge_green.png) no-repeat right -1px;
    }

#pnlPaymentList {
    padding-top: 60px;
    text-align: right;
}

    #pnlPaymentList .payment_item {
        margin-top: 15px;
        border: 1px solid #e0e4e8;
        border-radius: 4px;
        background-color: white
    }

        #pnlPaymentList .payment_item.active {
            border: 1px solid #85d51c
        }

        #pnlPaymentList .payment_item table .first {
            background-color: #f6f8f8;
            border-left: 1px solid #e0e4e8;
            border-radius: 0 4px 4px 0;
            cursor: pointer;
            padding: 12px;
            position: relative;
        }

        #pnlPaymentList .payment_item.active table .first {
            background-color: #f1fbe3;
            border-left: 1px solid #85d51c
        }

        #pnlPaymentList .payment_item table td p {
            line-height: 26px
        }

        #pnlPaymentList .payment_item table .second {
            padding: 12px
        }

#rbBankType {
    list-style-type: none
}

    #rbBankType img {
        width: 34px;
        vertical-align: middle;
        margin-right: 5px
    }

    #rbBankType input[type="radio"] {
        /* display: none !important; */
        display: inline-block !important;
        margin-top: 13px;
    }

#main #content input[type="radio"] {
    width: 15px;
    display: block;
}

#main #content input:not([type="submit"]), #main #content select, #main #content textarea, #dialogContent input:not([type="submit"]), #dialogContent select, #dialogContent textarea {
    padding: 4px 9px;
    background: #e3e3e3;
    border: 1px solid #d7d7d7;
    border-radius: 2px;
    margin-right: 0;
    margin-bottom: 6px;
    /* width: 100%; */
    /* box-shadow: 0 1px 1px 0 grey; */
}

#udpShipping input:not([type="submit"]) {
    width: auto !important;
}

.shipping_list input[type=radio] {
    opacity: 1;
    width: auto !important;
}

input[type=radio]:not(old) {
    /* display: none; */
}

#wrapper_steps .editor .act {
    width: 24px;
    height: 0 !important;
    display: inline-block;
    margin-top: 8px;
    padding-top: 14px !important;
    display: block;
    border: none;
}

#wrapper_steps .editor .edit {
    background-image: url(/content/img/edit_small_button.png);
    background-repeat: no-repeat;
}

.tooltip {
    color: #000;
    padding: 10px;
    background-color: #fff;
    font-size: 10px;
    margin: auto;
    cursor: pointer;
}

#wrapper_steps .editor .delete {
    background-image: url(/content/img/delete_small_button.png);
    background-repeat: no-repeat;
}

#wrapper_steps .shipping .head > span {
    font-size: 11px;
    margin-right: 10px;
    color: gray;
    position: relative;
    top: 32px;
}

#btnChartFinalizing > a {
    top: 50px;
}

.tinyPage #dialogAh7Box-wrapper {
    width: 500px;
    max-width: 90%;
    margin: auto;
    left: 0;
    right: 0;
    height: 90%;
    padding: 0;
    top: 50%;
    transform: translateY(-50%);
    overflow: visible;
}

.tinyPage input, .tinyPage textarea, .tinyPage select, .tinyPage button {
    width: 100%
}

input[readonly] {
    background: none !important;
    border: none !important
}

div#container_AddAddress form.ajax-form > div:first-child {
    width: 100%;
}

#container_AddAddress input:not([type="submit"]), #container_AddAddress select, #container_AddAddress textarea {
    // width: 100%;
    float: none;
    margin: 0 !important;
    height: 30px;
    font-size: 13px;
    margin-top: 5px !important;
    border: none;
    display: inline-block;
    background: rgb(231, 232, 233);
    color: black;
    font-family: IRANSansWeb_FaNum;
}

div#title {
    background: none !important;
    color: black !important;
    padding-bottom: 9px;
    border-bottom: 1px solid rgba(209,211,212,1);
    margin-bottom: 3px;
    margin-top: 10px;
    font-size: 16px;
}

#container_AddAddress select {
    width: 49%;
    min-width: 100px;
}

select#ShahrestanID {
    right: 2%;
    position: relative;
}


div#wrapper_steps {
    margin-top: 18px !important;
    margin-bottom: 62px;
    text-align: right;
}

    div#wrapper_steps > h3 {
        display: block !important;
    }

#wrapper_steps .shipping_list {
    display: table;
    width: 100%;
    border: 1px solid #e0e4e8;
}

    #wrapper_steps .shipping_list > div {
        background-color: white;
        width: 100%;
        display: table-row;
    }

    #wrapper_steps .shipping_list > div {
        border: 1px solid rgb(224,228,232);
        margin-top: 10px;
        padding: 1px;
    }

    #wrapper_steps .shipping_list .details {
        border-right: 1px solid rgb(224,228,232) !important;
        width: auto !important;
        display: inline-block;
        height: auto;
        vertical-align: middle;
        padding: 5px 15px;
    }

    #wrapper_steps .shipping_list .imgContainer {
        display: inline-block;
        width: 74px;
        text-align: left;
    }

    #wrapper_steps .shipping_list img {
        vertical-align: middle;
        width: 56px;
    }

    #wrapper_steps .shipping_list .description {
        display: inline-block;
        padding-right: 12px;
        vertical-align: middle;
    }

    #wrapper_steps .shipping_list .price {
        display: inline-block;
        text-align: center;
        width: 70px;
    }

    #wrapper_steps .shipping_list > div > div {
        display: table-cell !important;
        width: auto !important;
        padding: 10px !important;
        border-bottom: 1px solid #e0e4e8 !important;
        vertical-align: middle;
        margin: 0 !important;
        float: none;
        border-right: 1px solid rgb(224,228,232);
    }

    #wrapper_steps .shipping_list > div > div {
        display: table-cell !important;
        width: auto !important;
        padding: 10px !important;
        border-bottom: 1px solid #e0e4e8 !important;
        vertical-align: middle;
        margin: 0 !important;
        float: none;
        border-right: 1px solid rgb(224,228,232);
    }


#wrapper_steps .shipping .address_list .address_item_empty {
    border: 1px solid #e0e4e8;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-top: 15px;
    height: 82px
}

#wrapper_steps .shipping .address_list.error .address_item, #wrapper_steps .shipping .address_list.error .address_item_empty {
    border-color: #ff5153
}

#wrapper_steps .shipping .address_list .address_item_empty .add_address_empty {
    display: block;
    height: 16px;
    width: 145px;
    background: url("/content/img/plus_icon.png") no-repeat center right;
    margin: 32px auto;
    padding-right: 25px;
    font-size: 14px;
    line-height: 16px;
    cursor: pointer;
}

div#container_AddAddress form.ajax-form > div {
    padding-top: 0 !important;
    width: 453px;
    max-width: 100%;
}

#container_AddAddress label {
    font-size: 13px;
    line-height: 30px;
    margin-top: 5px;
    padding-right: 10px;
    width: 100%;
    text-align: right;
    display: inline-block;
    margin-left: 0;
    vertical-align: top;
    /* font-weight: bold; */
    color: black;
}

div#container_AddAddress form.ajax-form > div:nth-child(8) {
    /* display: none; */
}

div#container_AddAddress form.ajax-form > div:nth-child(5) {
    display: none;
}

div#container_AddAddress form.ajax-form > div info {
    display: block;
    color: #ffb300;
    line-height: 20px;
}

#container_AddAddress input:not([type="submit"]),
#container_AddAddress select, #container_AddAddress textarea {
    width: 100%;
    float: none;
    margin: 0 !important;
    height: 30px;
    font-size: 13px;
    margin-top: 5px !important;
    border: none;
    display: inline-block;
    background: rgb(231, 232, 233);
    color: black;
    font-family: IRANSansWeb_FaNum;
}

#container_AddAddress select {
    width: 49%;
    min-width: 100px;
}

select#ShahrestanID {
    right: 2%;
    position: relative;
}

#container_AddAddress textarea {
    height: 65px;
    margin-bottom: -11px !important;
}

div#container_AddAddress > form > div:nth-child(6) {
    /* display: none ; */
}

div#container_AddAddress form.ajax-form > div:nth-child(9) {
    /* position: absolute; */
    /* left: 26px; */
    /* top: 42px; */
    /* height: 84%; */
    /* width: calc(100% - 518px); */
}

div#container_AddAddress {
    height: auto;
}

    div#container_AddAddress form.ajax-form > div iframe {
        height: 90%;
        width: 100%;
    }

    div#container_AddAddress form.ajax-form > div:nth-child(9) label {
        width: 100%;
    }

#container_AddAddress input[type="submit"] {
    width: 100% !important;
    border-radius: 4px;
}

div#container_AddAddress form.ajax-form > div:first-child {
    width: 100%;
}

div#GmapPostPrice {
    background: #ffffff;
}

    div#GmapPostPrice label {
        display: inline-block;
        width: auto;
        margin-left: 5px;
        color: green;
        font-size: 15px;
    }

    div#GmapPostPrice span {
        display: inline-block;
        font-size: 14px;
        line-height: 40px;
    }


#wrapper_steps .fullName {
    border-bottom: 1px solid rgb(224,228,232);
    padding-bottom: 6px;
    font-size: 12px;
    color: rgb(143,200,93);
}

.userinfo.userReport.rtl {
    background: #eaeaea;
    margin-top: 0;
    margin-bottom: 39px;
}

.userinfo.userReport .col {
    width: 33%;
    display: inline-block;
    margin-top: 9px;
    margin-bottom: 7px;
    padding-right: 10px;
}
        
.GetKanoonData .wprofile .tblorder td[data-fieldid="100002"], .GetKanoonData .wprofile .tblorder thead td[data-fieldid="100001"] {
    display: none !important;
}

.GetKanoonData .wprofile .tblorder td {
    display: table-cell !important;
}

.GetKanoonData {
    width: 90%;
    margin: 60px auto;
    max-width: 1170px;
    position: relative;
}
span.pic_wrapper {
    /* position: absolute; */
    right: 0;
    height: 105px;
    float: right;
    margin-left: 28px;
}

span.pic_wrapper img {
    height: 100%;
    border-radius: 70px;
}
        
        
        #dialogContent .wrapper_fde {
    font-size: 15px;
}

section#dialogContent {
    padding: 32px;
}

#dialogContent .wrapper_fde h3 {
    font-size: 20px;
}

#dialogContent .wrapper_fde p {
    margin-bottom: 19px;
}
div#btnGoToPaymentReview {
    float: left;
}
                  
div#clientInfo_wrapper > div:nth-child(4) {
    /* display: none; */
}
        
      

 .userpic_wrapper {
    display: block;
    position: relative;
    text-align: center;
    border: 1px solid #d5d5d5;
    padding: 10px;
    background: #e8e8e8;
    /* float: left; */
    width: 250px;
    margin: 12px 0;
}

.image_uploader_img img, .image_uploader_img object {
    max-width: 140px;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 0;
    /* background: url(/Content/img/b_user_pic_gray.png); */
    /* background-size: cover; */
    width: 100%;
    height: 100%;
    object-fit: cover;
}

span.image_uploader_img {
    display: block;
    width: 140px;
    height: 140px;
    margin: 10px auto 25px;
    position: relative;
}

.userpic_wrapper i.fa.fa-fw.fa-upload.btnBlack {
    border-radius: 3px;
    background: #ffbb45;
    cursor: pointer;
}
        

        span.btnPayUserMembership {
    background: #28cd16;
    padding: 10px;
    margin: 1px 0;
    color: #000;
    display: inline-block;
cursor:pointer;
    border: solid 2px #a3a3a3;
    border-radius: 5px;
}
        
        
.resizable[data-tmplname="singleImage"] img {
    max-width: 100%;
}

.resizable[data-boxstyle="imgHeader"] {
    margin-bottom: 0;
    height: 0 !important;
    padding-bottom: 25% !important;
    overflow: hidden;
    text-align: center;
    max-width: inherit
}

    .resizable[data-boxstyle="imgHeader"] > div {
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0
    }

    .resizable[data-boxstyle="imgHeader"]:before {
        display: block;
        content: '';
        background-color: rgba(77,78,80,0.4);
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        width: 100%;
        height: 100%
    }

    .resizable[data-boxstyle="imgHeader"] img {
        width: 100%;
        height: 100%;
        top: 0 !important;
        object-fit: cover
    }

    .resizable[data-boxstyle="imgHeader"] h3, .resizable[data-boxstyle="imgHeader"] h4 {
        position: absolute;
        color: white;
        top: 50%;
        transform: translateY(-50%);
        width: 90%;
        max-width: 1200px;
        margin: auto;
        right: 0;
        left: 0;
        margin-top: 3px;
        font-size: 40px;
        font-size: 2.7rem;
        display: block;
        /* z-index: 100; */
        text-align: right;
    }

        .resizable[data-boxstyle="imgHeader"] h3:after {
            display: none
        }

    .resizable[data-boxstyle="imgHeader"] h3 {
        margin-top: 70px;
        font-size: 19px;
        font-weight: lighter;
    }
div[data-type="IsPreviewFromData"] .wrapper_fde3 {
    height: auto;
    overflow: inherit;
    text-overflow: inherit;
    white-space: inherit;
}

div[data-type="IsPreviewFromData"] .wrapper_fde3 p {
    color: gray;
}    
        
        
        

table {
    margin-top: 20px;
}
.wrapper_fde table{
  background: #caf2ca;
  border: 1px solid #93ea6f;
  border-radius: 9px;
  margin-bottom: 12px;
}
 table, tbody,tr {
    max-width: 100%;
    /* display: block; */
    /* width: auto !important; */
    border: none;
}

 table td {
        padding: 0 10px;
        padding: 7px 15px;
        position: relative;
        transition: all 300ms;
        text-overflow: ellipsis;
        white-space: unset;
        overflow: hidden;
        text-align: right;
        border: none;
        outline: none;
        box-shadow: none;
        min-width: 200px;
    }
        .wrapper_fde td {
    border: 1px solid #93ea6f;
    line-height: 16px;
    min-width: 200px;
    font-size: 13px;
}
 div .wordSpeed_wrapper, div .projectTime_wrapper, div .wordcounter_wrapper {
    display: none;
}

table td:first-child {
    background: #93ea6f;
    width: 54px;
    min-width: 54px;
}

input[name="projectDoneTime"] {
    cursor: pointer;
}
        

        
        .layout-login-wraper {
     position: fixed !important;
     top: 27px;
     right: auto;
     width: 211px;
     left: 185px;
}

    #open-loginRegister a {
        padding: 0px 25px 0 6px;
        background: url(/Content/base/dynamic/shopping634/img/92440.jpg) no-repeat 100%;
        background-size: 22px;
        /* border-left: 2px solid #D8D8D9 !important; */
        line-height: 17px !important;
        display: inline-block;
    }

    #open-loginRegister span {
        padding: 0px 25px 0 0;
        background: url(/Content/base/dynamic/shopping495/img/80714.jpg) no-repeat 100%;
        background-size: 22px;
        line-height: 15px !important;
    }

.scrolled div#open-loginRegister, .scrolled .layout-login-wraper, .scrolled a#ProductInChartImg, .scrolled #ProductInChartCount,
body[data-menuid="0"] div#open-loginRegister, body[data-menuid="0"] .layout-login-wraper, body[data-menuid="0"] a#ProductInChartImg, body[data-menuid="0"] #ProductInChartCount,
body[data-menuid="-2"] div#open-loginRegister, body[data-menuid="-2"] .layout-login-wraper, body[data-menuid="-2"] a#ProductInChartImg, body[data-menuid="-2"] #ProductInChartCount 
 {
    color: black;
}

/*..........................................................*/
/*...........................Product-Tab.................................*/

#wrapper-main-page > .resizable[data-tmplname="product1"] {
    margin: 80px auto;
}

#wrapper-main-page > .resizable[data-tmplname="product1"] {
    display: block;
    border: none;
    width: 100% !important;
    margin: 0 auto;
    position: relative;
    padding: 60px 0 70px;
    z-index: 1;
}
.resizable[data-tmplname="product1"] .slidesjs-previous:after, .resizable[data-tmplname="product1"] .slidesjs-next:after
{
  display:none
}
.resizable[data-boxstyle="shop"]{
    background:#d7d7d7 !important;
    margin-bottom:100px !important;
}
.resizable[data-tmplname="product1"] .body-content-wrapper {
    padding: 0 !important;
    width: 90%;
    height: 100%;
    max-width: 1170px;
    margin-right: 45px;
    margin: 0 auto;
    float: none;
    overflow: hidden;
}




.body-content-wrapper {
    padding: 0 !important;
    height: auto !important;
}

    .body-content-wrapper hr {
        display: none;
    }

    span.body-content-span:after , span.body-content-span:before {
         content: "";
         display: block;
         width: 97%;
         left: 0;
         right: 0;
         margin: 0 auto;
         height: 1px;
         background: #c54879;
         position: absolute;
         bottom: -3px;
        }
        
        span.body-content-span:before {
        bottom: 1px;
        }


    .body-content-wrapper > div {
        position: relative;
        margin: 1px 0 0 0;
        display: block;
        text-align: center;
    }
     .body-content-wrapper > div#body-content-tabs
    {
        width:80%;
        max-width:1000px;
        margin-left: auto;
        margin-right: auto;
        padding: 11px 0 5px;
        background: #fff;
        /* background-color: transparent; */
        display: none;
    }
    
#body-content-tabs label {
    max-width: 167px;
    margin-left: 17px;
    text-align: center;
    display: inline-block;
    /* border: 1px solid #CCCCCC; */
    font-weight: 400;
    font-size: 15px;
    font-weight: bold;
    color: #222;
    padding: 8px 8px 10px;
    /* background: #39cece; */
    border-radius: 5px;
    position: relative;
}

    #body-content-tabs label:hover, #body-content-tabs label.selected {
        background: #be934e;
        color: #fff;
    }
     
  
   #body-content-tabs label:hover:after, #body-content-tabs label.selected:after
   {
       background: url(/Content/base/dynamic/shopping1106/img/103765.jpg) repeat-x;
       bottom: -2px;
   }
        
        .body-content-wrapper > div.productslide {
            /* display:none; */
            /* position: absolute; */
            width: 100%;
            margin-top: 23px;
        }
        .body-content-wrapper > div.productslide > div 
        {
        	font-size:0
        }

span.body-content-span {
    /* display: none; */
    color: #c54879;
    /* text-shadow: 0px 1px 5px #000; */
    text-align: right;
    font-size: 20px;
    z-index: 100;
    position: relative;
    padding-right: 20px;
    display: block;
    text-align: center;
    width: 100%;
    padding-bottom: 17px;
}

#wrapper-main-page > .resizable[data-tmplname="product1"] > h4 {
    font-size: 22px;
    display: block;
    width: 302px;
    color: white;
    text-align: center;
    position: relative;
    top: 35px;
    right: 0;
    left: 0;
    font-weight: normal;
    margin: 0 auto;
    margin-top: 39px;
    background: none;
    z-index: 10;
    text-shadow: #000 3px 0px;
    display: none;
}
span#body-content-productRaleted-span
{
    color: #c54879;
    position: relative;
    top: 115px;
    z-index: 5;
    font-size: 20px;
    text-align: right;
    right: 0;
    width: 90%;
    max-width: 1170px;
    display: block;
    margin: 0 auto;
    padding-bottom: 11px;
    margin-bottom: 10px;
}
span#body-content-productRaleted-span:before
{
    right: -10px;
}

#wrapper-main-page > .resizable[data-tmplname="product1"] > h4 img{

width: 114px;

margin-top: -59px;

position: relative;

top: 23px;
}
    #wrapper-main-page > .resizable[data-tmplname="product1"] > h4:after {
    }


.body-content-wrapper > div > .productslide > div {
    font-size: 0;
    text-align: right;
    white-space: nowrap;
    padding: 0;
    position: relative;
    /* padding-right: 6px; */
    padding-bottom: 42px;
    line-height: 0;
    width: 100%;
    margin-top: 45px;
}

.body-content-wrapper > div > .productslide a {
    display: inline-block !important;
    width: 23.1%;
    font-size: 20px;
    margin: 0 1%;
    position: relative;
    margin-bottom: 0;
    border: 0;
    z-index: 1;
    overflow: visible;
    height: 0;
    /* padding-top: 5%; */
    padding-bottom: 31%;
    background: #fff;
    box-shadow: 0 3px 6px 0 rgba(51,51,51,.3);
    border-radius: 5px;
}
.body-content-wrapper > div > .productslide a:hover
{
  box-shadow: 0 2px 19px -5px #fff;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
    .body-content-wrapper > div > .productslide a:hover span.ah7Like,
    .body-content-wrapper > div > .productslide a:hover .add_to_chartWithOutPlan {
        /* -webkit-transform: scale(1); */
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        /* transform: scale(1); */
    }


.productslide .info_wrapper_wrapper {
    /* position: absolute; */
    bottom: 28px;
    left: 7px;
    top: auto;
    z-index: 10;
}

.productslide .info_wrapper {
    left: 49px;
    position: relative;
    width: 100%;
}

    .productslide .info_wrapper > span, .product-repository .info_wrapper > span {

display: inline-block;

/* float: none; */

/* display: inline-block; */

position: absolute;

left: 10px;

bottom: -19px;
}
.productslide .info_wrapper > span.ah7Like:first-child
{
  display:none;
}
        .productslide .info_wrapper > span.ah7Like {
            width: 40px;
            height: 32px;
            background: #fff;
            vertical-align: middle;
            padding-top: 0;
            transition: all 0.3s cubic-bezier(0.69, 0.06, 0.63, 1.6);
            margin: 0;
            /* box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); */
            border-radius: 3px;
        }
        .productslide .info_wrapper_wrapper .fa-heart {
    background: url(/Content/base/dynamic/shopping1281/img/105021.jpg) no-repeat;
}
        .productslide .info_wrapper > span.ah7Like .logsynce
        {
          display: inline-block;
          margin-bottom: 8px;
          position: relative;
          bottom: 14px;
        }
i.fa {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-size: contain!important;
    background-repeat: no-repeat!important;
}

span.product-slider-wrapper-img {
    width: 100%;
    padding-bottom: 97%;
    height: 0;
    margin: 0 auto;
    display: block;
    position: relative;
    z-index: 0;
    overflow: hidden;
    -moz-border-radius: 0 0 23% 0;
    z-index: 2;
    background: #fff;
    border-radius: 5px;
}

    span.product-slider-wrapper-img:hover span.product-slider-wrapper-img:before {
        background: rgba(154, 46, 46, 0.08);
    }

    span.product-slider-wrapper-img img {
        position: absolute;
        top: 0;
        right: 0;
    }

    span.product-slider-wrapper-img:hover img {
        -webkit-filter: blur(4px);
        filter: blur(4px)
    }

.body-content-wrapper > div > .productslide a img, .product-repository .item img {
    padding: 3px;
    width: 100%;
    /* height: 100%; */
    display: block;
    margin: 0 auto;
    border-radius: 8px;
    -webkit-filter: blur(0px);
    filter: blur(0px) -webkit-transition: 0.3s;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border-radius: 5px;
}

.product-name, .product-repository .item h1 {
    height: 45px;
    font-size: 15px;
    z-index: 1;
    font-weight: bold;
    white-space: pre;
    text-overflow: ellipsis;
    background-color: #e9e9e9;
    width: 98%;
    margin: 0 auto;
    color: #c54879;
    position: relative;
    padding: 24px 10px 0;
    text-align: center;
    vertical-align: middle;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.body-content-wrapper > div > .productslide a:hover .product-name,
.body-content-wrapper > div > .productslide a:hover .product-name:before
{
    color: #042c32;
}
.product-titr {
    display: none;
}



.product-slider-price, .product-repository .item .price-temp, .product-repository .item span.mainPrice-temp {
    color: #113878;
    position: relative;
    font-size: 16px;
    text-align: center;
    padding: 17px;
    font-weight: normal;
    width: 109px;
    padding: 16px;
    bottom: -6px;
    /* padding: 18px 18px; */
    border-radius: 50px;
    z-index: 10;
}

    
    .product-slider-price span {
        display: inline-block;
        color: #fff;
        background: red;
        /* height: 107%; */
        font-weight: normal;
        margin-left: 19px;
        width: 35px;
        position: relative;
    }
    span.mainPrice-temp {
    color: #fff;
}
span.mainPrice-temp:after
{
    content:"";
    display:inline-block;
    width: 42px;
    height: 1px;
    transform: rotate(159deg);
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: rgba(255, 0, 0, 0.5);
}
span.price-temp {
    color: #000;
    margin-left: 11px;
}

.body-content-wrapper > div > .productslide a .btn {
    width: 100%;
    height: 54px;
    background: #fefefd url(/Content/base/dynamic/shopping1281/img/105022.jpg) no-repeat 50%;
    background-size: 27px;
    color: transparent;
    z-index: 0;
    transform: translateY(-50%);
    transition: all 0.3s cubic-bezier(0.69, 0.06, 0.63, 1.6);
    border-radius: 3px;
    margin-top: -4px;
}
.chartCounter_wrapper {
    display: block;
}
.chartCounter_wrapper .btnFoodOrder {
    width: 40px;
    left: 0;
    position: absolute;
    top: 0px;
    height: 56px;
}
.btnFoodOrder i {
    background: #c54879;
    /* border-radius: 50%; */
    color: white;
    padding: 6px 0;
    font-size: 10px;
    width: 100%;
    height: 27px;
    box-sizing: border-box;
    top: 0px;
    position: relative;
    display: block;
    border-radius: 0 0 0 5px;
    border: 2px solid white;
}
.fa.fa-fw {
    cursor: pointer;
}
i.fa.fa-fw.fa-plus {
    top: 2px;
    padding: 8px 14px;
}
a.product-slider-wrapper span.chartCounter {
    background: none !important;
    display: block;
    color: #111;
    font-size: 15px;
    line-height: 21px;
    height: 2px;
    margin: 0;
    padding: 0!important;
    position: absolute;
    left: 47px;
    top: 17px;
}
.fa-plus:before , .fa-plus:after , .fa-minus:before{
    content:" ";
    width:9px;
    height: 2px;
    background:#fff;
    position:absolute;
    top: 11px;
    left: 13px;
}
.fa-plus:after
{
  transform:rotate(90deg)
}

    .body-content-wrapper > div > .productslide a .btn:after {
        content: " ";
        display: block;
    }


.body-content-wrapper > div > .slidesjs-navigation {
    background: #f3f0ec;
    content: "";
    display: block;
    position: absolute;
    width: 40px;
    /* left: 100px; */
    height: 39px;
    z-index: 100;
    cursor: pointer;
    transition: all .3s ease;
    /* border-radius: 50px; */
    top: 71px;
    border: 1px solid #fffffe;
    border-radius: 5px;
}

.body-content-wrapper > div > .slidesjs-previous {
    left: 0;
}

   .slidesjs-previous:before, .slidesjs-next:before {
     content: " ";
     width: 19px;
     height: 10px;
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     right: 31%;
     background: url(
     /Content/base/dynamic/shopping1152/img/104020.jpg) no-repeat;
     background-size: 19px;
     display:inline-block;
     border-color:transparent transparent #fff #fff;
}

.slidesjs-previous:before {
   transform: translateY(-50%) rotate(180deg);
}

.slidesjs-previous:after, .slidesjs-next:after {
    content: "";
    display: inline-block;
    width: 55px;
    height: 55px;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 50px;
    opacity: 0;
    transform: scale(0);
    transition: all .3s;
    /* z-index: 0; */
}
/*.....................product details................*/


div#right-features-relatedTags {
    display: none;
}

div#productImgZoom {
    display: none !important;
}


.mainContent-wrapper {
    /* min-height: 600px; */
    width: 100%;
    background: white;
}

div#feature-product-instruction {
    display: none;
}

#product-Review-wraper iframe {
    width: 100%;
    height: 100%;
    position: absolute;
}

#product-Review-wraper .videoFrame {
    width: 100%;
    padding-bottom: 41%;
    height: 0;
    position: relative;
}

#product-Review-wraper img {
    width: 100% !important;
    height: auto !important;
}

div#header-main-product-picture {
    width: 100%;
    padding-bottom: 100%;
    height: 0;
}

div#body-main-features-right {
    width: 360px;
    display: inline-block;
    margin-left: 20px;
}

#body-main-features-available a {
    background: url(/Content/bamdad/product_status.png);
    background-size: 96px;
    background-repeat: no-repeat;
    background-position: top;
    height: 27px;
    margin: -3px 0;
    width: 76px;
    display: inline-block;
    border-radius: 66px;
    padding: 1px;
}
div#body-main-features-right .info_wrapper
{
   color: #c54879;
   top: 50px;
   text-align: left;
}
div#body-main-features-right .info_wrapper > span 
{
	margin: 0 10px;
}
div#body-main-features-right .info_wrapper > span > i 
{
	width: 30px;
	height: 30px;
	text-align: center;
	padding: 5px;
	border-radius: 50%;
	border: 2px solid #c54879;
}
div#body-main-features-right i.fa.fa-unlike {
    /* background-image: url(/Content/base/dynamic/shopping644/img/92488.jpg); */
}
div#body-main-features-right i.fa.fa-unlike:after{
	content:"";
	content: "\f165";
	width:20px;
	height:20px;
	display:inline-block;
	font-family: fontawesome;
}
div#body-main-features-right  i.fa.fa-heart {
    /* background-image: url(/Content/base/dynamic/shopping644/img/92487.jpg); */
}
div#body-main-features-right .logsynce_eye i {
    /* background-image: url(/Content/base/dynamic/shopping644/img/92489.jpg); */
}
div#body-main-features-right .logsynce_comments
{
	display:none;
}
#body-main-features-right a {
    color: #fff;
    display: inline-block;
    font-family: fyekan;
    font-size: 17px;
}
#body-main-features-available a.planNotAvailable {
    background-position: -12px -29px;
}
#body-main-features-available a.planNotAvailable {
    background-position: -13px -29px;
}

#header-main-product-picture > a.product-features-wrapper > img {
    width: 100%;
    border-radius: 15px;
}
div#body-main-features-right .ah7socialMedia
{
	display:block;
	display: none;
}
span.ah7socialMedia i {
    font-size: 17px;
    margin-bottom: 6px;
    color: #d34354;
    background-size: contain;
    width: 30px;
    height: 30px;
}
i.fa.fa-linkedin {
    background-image: url(/Content/base/dynamic/shopping644/img/92490.jpg);
}
i.fa.fa-twitter {
    background-image: url(/Content/base/dynamic/shopping644/img/92493.jpg);
}
i.fa.fa-envelope {
    background-image: url(/Content/base/dynamic/shopping644/img/92491.jpg);
}
i.fa.fa-telegram {
    background-image: url(/Content/base/dynamic/shopping644/img/92492.jpg);
}

.body-content-wrapper > div.productslide a {
    width: 24%;
    display: inline-block;
    margin: 0 .5%;
}

.body-content-wrapper > div.productslide img {
    width: 100%;
    height: 100%;
    border: 2px solid #868686;
    border-radius: 5px;
}

#body-main-wrapper .slidesjs-navigation {
    display: none !important;
}

h1#features-left-header {
    font-size: 24px;
    color: #c54879;
    /* border-bottom: 1px solid rgba(11, 31, 84, 0.3); */
    border-radius: 0;
    padding-bottom: 13px;
    width: 50%;
    position: relative;
}
h1#features-left-header:after 
{
	bottom: 42px!important;
}
    h1#features-left-header span {
        display: block;
        font-size: 14px;
        color: #737373;
        margin-top: 10px;
    }

div#features-left-content-left {
    background: #f2f3f2;
    padding: 12px;
    font-size: 13px;
    margin: 10px 0 15px;
    text-align: justify;
    position: relative;
    /* width: 35%; */
    /* padding-bottom: 45%; */
    border-radius: 15px;
    display: inline-block;
    margin-top: -1px;
    text-align: right;
    font-size: 15px;
    height: 100%;
    position: relative;
}
div#features-left-content-left .feature-product-Description
{
	width: 100%;
	padding: 10px;
}
div#features-left-content-left .feature-product-Description > span 
{
	font-weight:bold;
	margin-bottom:5px;
	display: block;
	font-size: 17px;
}
#features-left-content-right
{
	width: 100%;
	display: inline-block;
	margin-left: 0;
	text-align: right;
	vertical-align: top;
	border-radius: 0;
}
div#body-main-features-left {
    /* padding-right: 380px; */
    width: calc( 100% - 383px);
    display: inline-block;
    vertical-align: top;
    margin-top: 29px;
    height: 100%;
}
div#body-main-features-left > div:nth-of-type(1)
{
}
div#body-main-wrapper {
    padding-top: 40px;
    position: relative;
    display: inline-block;
    width: 100%;
    padding-bottom: 24px;
}
.planGroup_wrapper {
    width: 95%;
    display: inline-block;
    margin-bottom: 20px;
    margin-top: 10px;
    /* border-bottom: 1px solid rgba(11, 31, 84, 0.3); */
    border-radius: 0;
    padding-bottom: 10px;
    margin-right: 11px;
}
.backGround_color_green:hover
{
	background: rgb(179, 55, 103);
	color: #d5d5d5 !important;
}
.planOptiondList {
    /* float: right; */
    /* width: 100%; */
    display: inline-block;
    position: relative;
    padding: 5px;
    border: 1px dashed rgba(11, 31, 84, 0.4);
    border-radius: 20px;
    min-width: 151px;
    font-size: 14px;
    margin-bottom: 9px;
}
.planOptiondList input , .planOptiondList label
{
	display:inline-block;
}
.planOptiondList input {
	width: 20px;
	position: absolute;
	right: 12px;
	/* top: 14px; */
}
.planOptiondList label
{
	min-width:100px;
	padding-right: 31px;
	bottom: 3px;
	position: relative;
}
div#product-details-wrapper {
    white-space: pre-line;
    color: #000;
    padding: 30px 28px;
    position: relative;
    width: 90%;
    max-width: 1170px;
    margin: 0 auto;
    background: #f2f3f2;
    border-radius: 15px;
    margin-top: 50px;
}

.planGroup_wrapper > span {
    /* display: none; */
    color: #c54879;
    /* display: inline-block; */
    margin-bottom: 10px;
    font-weight: bold;
    margin-left: 11px;
    font-size: 15px;
}

span#product_Price {
}

.color_green {
    color: #c54879;
    margin: 13px;
}

.btn.add_to_interest {
    display: none !important;
}


div#product-Review-wraper h2:after, h1#features-left-header:after, span#body-content-productRaleted-span:after, div#AddTopic h4:after{

content:"";

width: 169px;

height:2px;

position:absolute;

bottom:0;

right: 0;

background-image: linear-gradient(to right, #f5ad41 0%, #c54879 100%);
}
div#product-Review-wraper video 
{
	width:100%;
	max-width:800px;
	margin:0 auto;
	display:block
}
    div#product-Review-wraper > div {
        padding: 28px;
        margin: auto;
        /* max-width: 1170px; */
        border-radius: 15px;
    }

.backGround_color_green {
    top: 0;
    width: auto;
    margin-right: 12px!important;
    background: #c54879;
    color: #fff;
    cursor: pointer;
    float: left;
}
./
}
.btn.add_to_chart.backGround_color_green[data-planavailable="false"] {
    display: none!important;
}


    .backGround_color_green a:after {
        left: 6px;
        top: 4px;
    }

    .backGround_color_green a:before {
        top: -9px;
    }

.info_wrapper {
    display: inline-block !important;
    width: 263px;
}
.fa-heart {
    background: url(/Content/base/dynamic/shopping1066/files/103578/heart.svg);
}

i.fa.fa-eye {
    background: url(/Content/base/dynamic/shopping1066/files/103580/92681.jpg);
}

i.fa.fa-comments {
    background: url(/Content/base/dynamic/shopping1066/files/103579/chatbubble.svg);
}
.info_wrapper_wrapper {
    color: #f6f1f1;
    font-size: 13px;
    transform: none!important;
    /* height: 0; */
    position: absolute;
    top: 33%;
    left: 0;
}

  #body-main-features-available
  {
  	text-align:right;
  }
.productslide .info_wrapper > span i:before {
    display: none
}



div#body-main-features {
    width: 90%;
    margin: auto;
    max-width: 1170px;
    position: relative;
    clear: both;
    margin-top: 80px;
}
div#body-main-features:after{
    content:" ";
    width:100%;
    display:inline-block;
    clear:both;
}

#features-left-content-right .p_discoutPrice {
    float: right;
    padding-left: 11px;
}

#features-left-content-right .p_mainPrice {font-size: 15px;}

#features-left-content-right .color_red {
    float: right;
    padding-left: 3px;
    color: red;
    font-size: 11px;
    position: relative;
    top: -7px;
    right: -17px;
}

.productslide i.fa.fa-heart {
    background-size: 37px;
    background-position: center;
    padding: 0;
    margin: 0;
}

div#body-content-raletedProduct .productslide {
    width: 90%;
    margin: auto;
    max-width: 1170px;
}

div#body-content-raletedProduct {
    background: #f2f3f2;
    background-size: cover;
    padding-top: 130px;
    padding-bottom: 60px;
    /* background: red; */
}

.pagination-wrapper {
    display: block;
    width: 100%;
}
.newscontent {
    padding: 0 10%;
    font-size: 18px;
}

    .newscontent .pagenavi div {
        padding: 1px;
        text-align: center;
        font-size: 0;
    }

    .newscontent .pagenavi a,
    .newscontent .pagenavi a:link,
    .newscontent .pagenavi a:visited,
    .newscontent .pagenavi a:active,
    .newscontent .pagenavi span.pages,
    .newscontent .pagenavi span.current,
    .newscontent .pagenavi span.extend {
        color: #ffbb45;
        cursor: pointer;
        display: inline-block;
        margin: 0 6px 0 0;
        padding: 5px 13px 7px;
        text-decoration: none;
        font-size: 16px;
        border-radius: 5px;
        min-width: 40px;
        border: 1px solid #efefef;
    }

        .newscontent .pagenavi a,
        .newscontent .pagenavi a:link,
        .newscontent .pagenavi a:visited,
        .newscontent .pagenavi a:active,
        .newscontent .pagenavi span.current,
        .newscontent .pagenavi span.extend {
            background: #ffffff;
        }

    .newscontent .pagenavi div.liic {
        cursor: text;
        float: right;
        padding-right: 0;
        margin: -33px 0 0 5px;
        font-size: 16px;
        display: none;
    }

    .newscontent .pagenavi a:hover,
    .newscontent .pagenavi a.sel {
        background: #ffbb45;
        color: #fff !important;
    }

    .newscontent .pagenavi .ps {
        display: none;
    }
        
        .masseur_wrapper .optionList > a,    .room_wrapper .optionList > a {
    width: 32%;
    display: inline-block;
    position: relative;
    margin-left: 1%;
    padding-bottom: 26%;
    height: 0;
    overflow: hidden;
    border: 4px solid #d8d8d8;
    border-radius: 10px;
}

.masseur_wrapper .optionList label, .room_wrapper .optionList label {
    position: absolute;
    left: 0;
    bottom: 0;
    background: #000000ba;
    width: 100%;
    right: 0;
    text-align: center;
    color: white;
}

.masseur_wrapper .optionList img, .room_wrapper .optionList img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    right: 0;
}

.masseur_wrapper .optionList span.imgWrapper, .room_wrapper .optionList span.imgWrapper  {
    width: 100%;
    overflow: hidden;
}

.masseur_wrapper input, .room_wrapper input {
    display: none !important;
}

.masseur_wrapper, .room_wrapper {
    width: 100% !important;
}
.optionList > a.active {
    border-color: #27ff00;
}
        
.daterangepicker.dropdown-menu {
    position: absolute;
    z-index: 1000;
    background: white;
    margin-top: 0;
}

        
.daterangepicker .calendar.right {
    display: none;
}

div[data-cid="c39"] .date-wrapper .col-lg-3 {
    display: none;
}
a#ProductInChartCount {
    border-radius: 50%;
    width: 17px;
    background: #c54879;
    height: 19px;
    line-height: 23px;
    text-align: center;
    font-size: 10px;
    margin-left: 149px;
}
.masseur_wrapper .optionList > a {
    padding-bottom: 10%;
    background: #dedede;
}

.masseur_wrapper .optionList span.imgWrapper {
    width: 77px;
    position: absolute;
    border-radius: 50%;
    top: 5px;
    right: 8px;
    height: 0;
    padding-bottom: 26%;
    border: 2px solid #bbbbbb;
}

.masseur_wrapper .optionList label {
    background: none;
    color: black;
    bottom: 24px;
    text-align: right;
    right: 98px;
}

.masseur_wrapper .optionList > a.active {
}
.loadRemainingData .option-wrapper label {
    background: #e2e2e2;
    border-radius: 8px;
    margin: 3px 0;
    padding: 3px 9px;
    border: 1px solid #cfcfcf;
}

.time_wrapper .option-wrapper label,.dateList span {
    border: 1px solid #b7b7b7;
    border-radius: 5px;
    background: gainsboro;
    width: 23%;
    text-align: center;
}

#main #content .time_wrapper .option-wrapper input{
    float: none;
    display: inline-block;
}
.wrapper_Col .ajax-form .option-wrapper label.active, .dateList span.active {
    background: #c04d7a;
    color: white;
}

.dateList span {
    margin: 6px;
    padding: 6px;
    color: black;
    float: right;
}

.dateList {
    width: 100%;
}
.wrapper_fde > div:last-child {
    /* display: none; */
}
        

    .resizable[data-tmplname="content"] > div {
        text-align: right;
        margin-top: 0;
        margin-bottom: 0
    }

    .resizable[data-tmplname="content"] > h4{
      font-size: 30px;
      color: #ca4e80;
      padding-top: 60px;
}
    .resizable[data-tmplname="content"]:after {
        content: '';
        clear: both;
        display: block
    }

    .resizable[data-tmplname="content"] > div * {
        line-height: 34px;
        /* text-align: justify; */
    }

blockquote, .text1 {
    padding: 10px 20px;
    margin: 10px 0 20px 0;
    font-size: 17.5px;
    border-left: 5px solid #eee;
    border-right: 5px solid #eee;
    border-color: #ca4e80;
    background: #e9e9e9;
    font-size: 17px;
    color: black;
}

    blockquote p {
        padding-right: 0 !important
    }

.resizable[data-tmplname="content"] > div img {
    max-width: 100%;
    height: auto !important;
    margin-bottom: 12px
}

.resizable[data-tmplname="content"] > div tbody, .resizable[data-tmplname="content"] > div thead {
    /* width: 100%; */
    display: table-header-group;
    /* display: inline-table */
}

.resizable[data-tmplname="content"] > div table {
    max-width: 100%;
    display: block;
    width: auto !important;
    border: none;
}

    .resizable[data-tmplname="content"] > div table td {
        padding: 0 10px;
        padding: 7px 15px;
        position: relative;
        transition: all 300ms;
        text-overflow: ellipsis;
        white-space: unset;
        overflow: hidden;
        text-align: right;
        border: none;
        outline: none;
        box-shadow: none;
    }

.resizable[data-tmplname="content"] > div img[style *="float:left"], .resizable[data-tmplname="content"] > div img[style *="float:left"] {
    margin-right: 40px
}

.resizable[data-tmplname="content"] > div img[style *="float:right"], .resizable[data-tmplname="content"] > div img[style *="float:right"] {
    margin-left: 20px
}

.resizable[data-tmplname="content"] ul, .resizable[data-tmplname="content"] ol, .menu-blog-container ul {
    padding-right: 35px;
    padding-top: 9px;
    list-style-type: none;
}

.resizable[data-tmplname="content"] li, #product-Review-wraper li, .menu-blog-container li {
    position: relative;
    margin-bottom: 0;
    line-height: normal
}

.resizable[data-tmplname="content"] ul li:before, #product-Review-wraper ul li:before, .menu-blog-container ul li:before {
    content: '';
    width: 6px;
    height: 6px;
    position: absolute;
    right: -15px;
    top: 26px;
    margin-top: -14px;
    background: #50903e;
}

.resizable[data-tmplname="content"] h1 {
    font-size: 36px;
    font-size: 2.2rem;
    line-height: 1
}

ul.subSecondNavigation {
    position: absolute;
    top: -6px;
    width: 86%;
    right: 100%;
    /* margin-right: 10px; */
    background: rgba(0, 0, 0, 0.85);
    text-align: right;
    overflow: visible!important;
}

ul.subSecondNavigation > li {
    width: 100% !important;
    display: inline-block !important;
    overflow: visible;
}

ul#mainNavigation ul.subSecondNavigation li a:before {
    margin-top: 12px !important;
    left: auto;
    right: -26px;
    width: 8px;
}

ul#mainNavigation ul.subSecondNavigation * {
    line-height: 40px;
}
ul.subSecondNavigation > li > .subSecondNavigation li {
    background: #000000e3;
    border-bottom:0!important;
    height: 40px!important;
}



ul#mainNavigation ul.subSecondNavigation li {
    height: 56px;
}
ul.subSecondNavigation .subSecondNavigation {
    /* right: 100%; */
    top: 4px;
    height: 100%;
    width: 232px;
    overflow: visible!important;
    z-index: 10000000;
    visibility: visible;
}
    ul.subSecondNavigation .subSecondNavigation li a
   {
      padding-right: 0;
      /* color: #fff; */
      white-space: pre-wrap!important;
   }  
   ul.subSecondNavigation .subSecondNavigation li a:before{
     
   }      
.slidesjs-pagination span.showShortTab {
    display: none;
}
.wrapper_fde3[data-fiealdtype="image"] label {
    display: none !important;
}

.wrapper_fde3[data-fiealdtype="image"] img {
    float: left;
}
.time_slide {
    height: 6px;
    width: 100%;
    background: #a8a8a8;
    margin-bottom: 54px;
    position: relative;
    padding: 0 16px;
}

span.time_pin {
    width: 30px;
    height: 9px;
    background: #c04d7a;
    position: absolute;
    top: -1px;
    cursor: col-resize;
    z-index: 1;
    left: 93.3333%;
}

span.time_pin.thirty{
    width: 3.3333%;
}

span.time_pin.sixty{
    width: 6.6666%;
}

span.time_pin.ninety{
    width: 9.9999%; 
}

span.time_pin.onehundredtwenty{
     width: 13.3332%;
}

.time_num_list {
    position: absolute;
    width: 100%;
    top: 5px;
    padding-top: 8px;
    right: 0;
}

.time_num_list i {
    width: 6.6666%;
    display: inline-block;
    text-align: right;
    position: relative;
}

.time_num_list i:before {content: '';position: absolute;top: -9px;height: 6px;width: 1px;right: 0;background: #858585;}

.time_slide_wrapper input {
    /* display: none !important; */
    background: none !important;
    border: none !important;
    display: inline-block !important;
    width: auto;
}
.newsletter_style1.footerGoogleMap {
    float: left;
    width: 48%;
    height: 247px;
    padding: 2px 6px;
    border-radius: 10px;
    overflow: hidden;
}

.newsletter_style1.clearfix.footerGoogleMap iframe {
    top: 5px;
    position: relative;
    height: 236px;
    width: 100%;
}
/*............................................groups Tabs................................................*/
.resizable[data-boxstyle="groups"]
{
    width:90%;
    max-width:1170px;
    text-align: center;
    margin:0 auto;
    padding: 60px 0;
    height: auto!important;
}

.resizable[data-boxstyle="groups"] .blurbs
{width: 100%;margin: 0 !important;padding: 0 !important;font-size: 0;}

.resizable[data-boxstyle="groups"] .blurbs:after
{
  content:"";
  display: table;
  width: 100%;
  clear:both;
}
.resizable[data-boxstyle="groups"] .catblurb 
{display: inline-block;/* float: right; */position: relative;line-height: 0;margin-bottom: 50px;overflow:hidden;width: 30%;height: 0;padding-bottom: 29%;border-radius: 7px;margin: 1%;}
.resizable[data-boxstyle="groups"] .catblurb img
{
  width:100%;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  -webkit-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
  /* border-radius: 20px; */
}
.resizable[data-boxstyle="groups"] .catblurb:hover img 
{
  -webkit-transform: scale(1.2) rotate(-5deg);
    transform: scale(1.2) rotate(-5deg);
    filter: contrast(0.5);
}
.resizable[data-boxstyle="groups"] .catblurb > h3
{
  display:none
}

.resizable[data-boxstyle="groups"] .catblurb .catblurb-info 
{
       background-color: rgba(20, 22, 24, 0.06);
       margin: 0 auto;
       color: #fff;
       line-height: 28px;
       position: absolute;
       width: 100%;
       height: 100%;
       top: 0;
       -webkit-transition: all .35s ease;
       transition: all .35s ease;
}
.resizable[data-boxstyle="groups"] .catblurb .catblurb-info h4
{
  font-size: 24px;
  line-height: 2.8;
  text-align: center;
  color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 100;
  background: hsla(0, 2%, 4%, 0.1);
  display: inline-block;
  width: auto;
}
.resizable[data-boxstyle="groups"] .catblurb .catblurb-info h4:before, .resizable[data-boxstyle="groups"] .catblurb .catblurb-info h4:after
{
  content:"";
  width:50px;
  height:1px;
  background:#fff;
  display:block;
  margin: 0 auto;
  z-index: 1000;
}
.resizable[data-boxstyle="groups"] .catblurb .catblurb-info p 
{
  display:none;
}
/* responsive */
@media only screen and (max-width:769px) 
{
  .clearfix.orderDetails-wrapper {
    display: block;
    border: 1px solid #c1c1c1;
    padding: 12px !important;
    background: white !important;
    position: relative;
    margin-right: -11px;
}
div#orderDetails-header {
    display: none;
}
.orderDetails-wrapper > div:first-child {
    min-height: 116px;
    padding-right: 0!important;
}
.orderDetails-wrapper > div {
    border: none !important;
    border-bottom: 1px solid #cccccc !important;
    width: 100% !important;
    display: block;
    padding: 5px 0 !important;
    padding-right: 110px !important;
    height: auto !important;
    text-align: right;
}
.orderDetails-wrapper > div:before {
    content: '';
    position: absolute;
    right: 21px;
    margin-top: 0;
    display:block;
}
div#body-main-features-right
{
  width: 96%;
  margin: 0 auto;
  display: block;
}
div#body-main-features-left {
    width: 96%;
    position: relative;
    display: block;
    margin: 0 auto;
}

  .body-content-wrapper > div > .productslide a
  {
    width:50%;
    padding-bottom: 63%;
  }
  .scroll_wrapper{
    display:none;
  }
  ul#mainNavigation ul.subSecondNavigation li a:before{
    display:block;
  }
  ul#mainNavigation{
    overflow:scroll;
  }
 
  div#dialogContent .news-header , div#dialogContent .news-content
 {
    width:100%;
    padding-right: 0;
}

.caption-wrapper
{
    top:50%
}

#newsInfo > p
{
    /* max-height:10px; */
    /* overflow:hidden; */
    /* padding-bottom: 137px !important; */
    margin-bottom: 40px;
}

section[data-boxstyle="dsTab"] 
{
   padding-bottom: 400px;
   background-size:cover;
   background-position:center;
}
section[data-boxstyle="dsTab"] > .blurbs
{
    width:100%;
    padding-bottom:50px;
    padding-top:120px;
}
 section[data-boxstyle="dsTab"] > .blurbs > .catblurb
 {
   width:90%;
   margin:0% 0;
 } 
 section[data-boxstyle="dsTab"] > .blurbs > .catblurb img
 {
   width:10%;
 }
 section[data-boxstyle="dsTab"] > h4
 {
   top:50px;
 }

 section[data-boxstyle="tabW"]
 {
   padding-bottom: 400px;
   background-size:cover;
   background-position:center;
 }

 section[data-boxstyle="tabW"] .buttonList
 {
   right:0;
   /* width: 100% !important; */
   bottom: 412px;
   width: 100%;
   padding-right: 5%;
 }


 section[data-boxstyle="ourteam"] .catblurb
 {
   
width: 90%;
 }
 #newsWidget > .outer
 {
   width: 100%;
   margin: 2%;
   transition-delay: 0s !important;
 }
#newsWidget .outer >div
{
  
/* padding-top: 67%; */
  
padding-bottom: 7%;
}

.caption-wrapper .title
{
  width:90%;
}
.caption-wrapper .description
{
  width:60%;
}
section[data-boxstyle="tabW"] > .blurbs > .catblurb > .catblurb-info > p
{
  text-align:justify;
}
section[data-boxstyle="tabW"] > .blurbs > .catblurb .catblurb-info {
    transition: none !important;
}
#galleryContent ul li
  {
    width: 100%;
    padding-bottom: 100%!important;
    margin-bottom: 20px;
  }
  #wrapper-main-page
  {
    margin-top:80px;
    z-index: 0;
  }
div#headerContainer
{
    width:100%;
    height:80px;
    position:fixed;
    display:block;
    top: 0;
    background: #431400;
}


div#headerContainer .active
  {
    /* background-color:#00000099; */
    right:0;
  }
 
.active>span
  {
    margin:0;
    padding:0;
    height:2px;
    display:block;

  }
.active>span:first-child
{
    transform:rotate(45deg)
}
.active>span:nth-child(2)
  {
    transform:rotate(-45deg);
    margin-top:-1.5px;
  }
.active>span:last-child
  {
    opacity:0;
  }

.subSecondNavigation
  {
    width: 100% !important;
    background-color:#ba0000c7;
    right: 0%!important;
    position: relative!important;
    height: auto!important;
    margin-top: 0;
  }
  ul.subSecondNavigation > li > .subSecondNavigation{
    top: 0px;
    overflow: scroll!important;
    width: 100%!important;
    background: #c54879fa;
    right: 0!important;
  }

  div.slideShowContent>h2 ,
  div.slideShowContent>p
  {
    width:70%
  }
section[data-boxstyle="contact"] .catblurb
  {
    width:100%;
    border-top:1px solid #d6d6d6;
    display: block;
    padding: 43px 20px!important;
  }
section[data-boxstyle="contactform"] .wrapper_Col > form > div
  {
    width: 100% !important;
  }
section[data-boxstyle="contactform"] .wrapper_Col
  {
    width:90%;
  }
 section[data-boxstyle="contactform"]
  {
    padding:0;
    padding:100px 0;
  }
  section[data-boxstyle="tabW"] .btn
  {
    width:40%;
  }
 div#menu_wrapper li
 {
   width: 48%!important;
   padding-bottom: 20%;
 }
 div#menu_wrapper li:nth-child(5)
 {
   right: 8px;
   left: auto;
 }
 div#menu_wrapper li:nth-child(6)
 {
   
left: 7px;
   
right: auto;
 }
 div#menu_wrapper ul
 {
   padding-bottom: 63%;
 }
 div#menu_wrapper li:nth-child(5) a
 {

transform: translateY(0) rotate(0);

}
 div#menu_wrapper li:nth-child(6) a
 {

transform: translatey(0) rotate(0);

}
div#menu_wrapper li label {
    font-size: 15px;
}

div#menu_wrapper li span {
    font-size: 20px;
}

span.prevSlideNews {
    top: 6px;
}
}

 @media only screen and (max-width:469px)
  {
    a.wrapper_fde2 {
    width: 100%;
}
.masseur_wrapper .optionList > a, .room_wrapper .optionList > a {
    width: 100%;
    padding-bottom: 28%;
}
    h3.columnTitr, .column.productD .colFrist , .column.productD .colSecound {
    width: 100%;
} 
.backGround_color_green
{
  float:none;
}
h1#features-left-header
{
  width:100%
}
  div#product-Review-wraper > div , .ProductFeature_Wrapper > div
  {
    padding:0
  } 

    .body-content-wrapper > div > .productslide a
    {
      width: 98%;
      padding-bottom:130%;
    }
    a#ProductInChartImg, #ProductInChartCount
    {
      top: 2px!important;
      right: 171px!important;
      left: auto !important;
    }
    .menu_svg span
    {
      /* right: 65px; */
    }
    svg.intro
    {
      width:100%;
    }
    .wrapper_Col .ajax-form > div, .wrapper_Col .ajax-form > p , .wrapper_Col .wrapper_Col > div
    {
      width:100%;
    }
    .ins img , .ins
    {
      
min-width: 100%!important;
    }
    .logoVector svg
    {
      /* top: -53px; */
      width: 78px;
    }
    section[data-boxstyle="tabW"] > .blurbs > .catblurb > h3
    {
    font-size: 15px!important;
    }
    .logoVector i.main_char
    {
      top: -12px;
      font-size: 44px;
      left: -130px;
    }
    div#menu_wrapper ul
 {
   padding-bottom: 0;
   margin-top: 20px;
 }
 div#menu_wrapper li
 {
   width: 100%!important;
   padding-bottom: 25%!important;
   display: block;
   position: relative;
   top: 0;
   right: 0!important;
   left: 0!important;
   margin: 1%!important;
 }
   .nextcard
   {
     bottom:15%
   } 
    .caption-wrapper .title
    {
      font-size:25px;
    }


 section[data-boxstyle="ourteam"] .catblurb
 {
   top:27%;
 }
 .resizable[data-boxstyle="paralax"]>h4
 {
   width:100%
 }
 div.slideShowContent>h2
 {
   font-size:25px;
 }
 .newsDate
 {
   width:90%
 }
}



@-webkit-keyframes pulse2 {
  0% { -webkit-transform: translate(0,0); opacity: 0.7;}
  50% { -webkit-transform: translate(0,1rem); opacity: 1;}
  100% { -webkit-transform: translate(0,0); opacity: 0.7;}
}
@keyframes pulse2 {
  0% { transform: translate(0,0); opacity: 0.7;}
  50% { transform: translate(0,10px); opacity: 1;}
  99% { transform: translate(0,0); opacity: 0.7;} 
}
/* who we are */
section[data-boxstyle="tabW"]:nth-child(2n) .blurbs
{

text-align:right;
}
section[data-boxstyle="tabW"]:nth-child(2n)
{
    background-position:left;
}
section[data-boxstyle="tabW"]:nth-child(2n) .blurbs
{
    margin-left:50%;
}
section[data-boxstyle="tabW"]:nth-child(2n+1) .blurbs
{
    margin-right:50%;
}
section[data-boxstyle="tabW"] > .blurbs
{
    position:relative;
    width:50%;
    background-color:white;
}
section[data-boxstyle="tabW"]  .catblurb
{
    width: 80% !important;
    background-color: transparent !important;
    /* padding-left: 100px !important; */
}
section[data-boxstyle="tabW"]  .catblurb:nth-child(1):after
{
    content:"";
    display:block;
    height:2px;
    background-color:rgba(0, 0, 0, 0.39);
    margin:0 auto;
    padding-bottom:0 !important;
    transition: all 1s ease ;
    width: 0;
}
section[data-boxstyle="tabW"].animated  .catblurb:nth-child(1):after{
   width:100%;
   transition-delay:2.2s;
   display: none;
}
section[data-boxstyle="tabW"]  .catblurb:nth-child(2)
{
    text-align: right;
    padding: 10px 0 37px;
    direction: rtl;
    min-height: 400px;
}
section[data-boxstyle="tabW"] > .blurbs > .catblurb .catblurb-info {
    top: 100px;
    position: relative;
    opacity: 0;
    transition: 1s ease all;
    text-align: right;
}

section[data-boxstyle="tabW"] > .blurbs > .catblurb:first-child {

padding: 0;

height: 76px;
}

section[data-boxstyle="tabW"].animated > .blurbs > .catblurb .catblurb-info{
   transition-delay:1s;
}
section[data-boxstyle="tabW"].animated .catblurb:nth-child(2) .catblurb-info {
  transition-delay:1.6s;
}


section[data-boxstyle="tabW"].animated > .blurbs > .catblurb .catblurb-info{
  opacity:1;
  top:0;
}
section[data-boxstyle="tabW"] > .blurbs > .catblurb:first-child > span {

position: absolute;

background-size: 50%;

background-attachment: fixed;

background-repeat: no-repeat;

width: 100%;

top: 0;

left: -100%;

height: 100% !important;

z-index: 1;

/* filter: blur(1px); */

/* -webkit-filter: blur(1px); */
}
section[data-boxstyle="tabW"] > .blurbs > .catblurb:first-child > span:before{
  content:'';
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.28);
  top: 0;
  left: 0;
}

section[data-boxstyle="tabW"]:nth-child(2n + 1)  > .blurbs > .catblurb:first-child > span
{
   left:auto;
   right: -100%;
   background-position: right;
}
section[data-boxstyle="tabW"]:nth-child(2n) > .blurbs:before
{
    background-position-x:100%;
    background-position-y:40%;
    display: none;
}

section[data-boxstyle="tabW"]:nth-child(2n+1) > .blurbs:before
{
    /* background-position-x: 87%; */
    /* background-position-y: 86%; */
    /* top: -57%; */
    /* right: -45%; */
}

section[data-boxstyle="tabW"]:nth-child(2n) .buttonList
{
    right:0px;
    padding-right: 0px;
}
section[data-boxstyle="tabW"]:nth-child(2n+1) .buttonList
{
        left:0px;
        padding-right: 0px;
}

section[data-boxstyle="tabW"] > .blurbs:after{
content:'';
  
}
section[data-boxstyle="tabW"] .btn
{width: 150px;padding: 6px 20px;text-align:right;position: relative;min-width: 135px;background-color: transparent;border: 1px solid #ca4e80;border-radius: 29px;margin: 0 auto;}

section[data-boxstyle="tabW"] .btn, section[data-boxstyle="tabW"] .btn:hover:before{
transition: .6s all;
}


section[data-boxstyle="tabW"] .btn:hover {
    background: #ca4e80;
    color: white;
}

section[data-boxstyle="tabW"] .btn:hover:before{
    color:white;
}
/* Responsive Edition */
@media only screen and (max-width: 769px)
{
    section[data-boxstyle="tabW"]
    {
        z-index:-10;
    }
    ul#mainNavigation li a:before{
      display:none;
    }
    ul#mainNavigation li a.arrow:before{
      display:block;
    }
    ul#mainNavigation ul.subSecondNavigation li a:before{
      display:block;
    }

    section[data-boxstyle="tabW"] .blurbs
    {
        width:100%;
        margin:0 auto !important;
    }
   

}

@media only screen and (max-width: 469px)
{
  .layout-login-wraper
  {
    position:absolute;
    left:0;
    font-size: 14px;
    top: 52px!important;
  }
    section[data-boxstyle="tabW"] .catblurb
    {

/* padding-top: 183px !important; */
}
section[data-boxstyle="tabW"] .catblurb:nth-child(2)
{
  padding-top: 0!important;
}
section[data-boxstyle="tabW"] > .blurbs > .catblurb > h3
{
  font-size:20px
}

}
/*.....services......*/
.resizable[data-boxstyle="services"] {
    margin-top: 0;
    /* overflow-y: hidden; */
    /* overflow-x: visible; */
    width: 100%;
    /* overflow: hidden; */
    padding-bottom: 46%;
    padding-top: 64px;
    height: 0 !important;
    position: relative;
    background: white;
    background: url(/Content/base/dynamic/shopping1260/img/104856.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
}
.resizable[data-boxstyle="services"] .blurbs {
        font-size: 0;
        width: 90%;
        height: 88%;
        height: 100%;
        padding: 40px 0 105px;
        margin: auto;
        max-width: 1100px;
        position: absolute;
        right: 0;
        left: 0;
}
svg.svgmask.svgmask-right {
    background:white;
    position: absolute;
    bottom: 0;
    /* left: 50%; */
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transform: translateX( calc(-50% + 510px) );
    -ms-transform: translateX( calc(-50% + 510px) );
    transform: translateX( calc(-50% + 510px) );
}

.resizable[data-boxstyle="services"] .catblurb {
        /* background: none !important; */
        display: inline-block;
        position: relative;
        height: 33.33333333%;
        opacity: 0;
        width: 33.333333%;
        cursor: pointer;
        overflow: hidden;
        border: 8px solid rgba(245, 245, 245, 0);
        -webkit-transition:ease-in-out 1s 0s;
        transition: ease-in-out 1s 0s;
        float: right;
        /* border-radius: 16px; */
        /* outline: 7px solid #292a2e; */
        vertical-align: top;
 }
.resizable[data-boxstyle="services"] .catblurb img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            opacity: 1;
            -webkit-transition:all .6s ease-in-out .2s;
            transition: all .6s ease-in-out .2s;
            backface-visibility: hidden;
            border-radius: 7px;
            overflow: hidden;
            border: 2px solid #dddddd;
}
.animated.resizable[data-boxstyle="services"] .catblurb:hover img {
    opacity: 1;
    /* transform: scale(1.1); */
}

.animated.resizable[data-boxstyle="services"] .catblurb:before {
    pointer-events: none;
    position: absolute;
    content: '';
    height: 0;
    width: 0;
    bottom: 0;
    /* opacity: 0; */
    right: 0;
    z-index: 10;
    background: white;
    background: linear-gradient(315deg, #f5f5f5 45%, #c0e1df 50%, #acc2c0 56%, white 80%, white 100%);
    box-shadow: -2px -2px 30px rgba(0, 0, 0, 0.53);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: width, padding-top;
    transition-property: width, padding-top;
}
.animated.resizable[data-boxstyle="services"] .catblurb:hover:before {
    width: 13%;
    padding-top: 13%;
}

.resizable[data-boxstyle="services"] .catblurb:nth-child(1) {
    top: -30%;
    left: 30%;
    height: 66.66%;
}

.resizable[data-boxstyle="services"] .catblurb:nth-child(2) {
    top: -30%;
}

.resizable[data-boxstyle="services"] .catblurb:nth-child(3) {
    top: -30%;
    left: -30%;
}

.resizable[data-boxstyle="services"] .catblurb:nth-child(4) {
    left: 30%;
    width: 22.2222%;
}
.resizable[data-boxstyle="services"] .catblurb:nth-child(5) {
    -webkit-transform: scale(.2);
    transform: scale(.2);
    width: 22.2222%;
}

.resizable[data-boxstyle="services"] .catblurb:nth-child(6) {
    left: -30%;
    width: 22.2222%;
}
.resizable[data-boxstyle="services"] .catblurb:nth-child(7) {
    top: 30%;
    left: 30%;
}
.resizable[data-boxstyle="services"] .catblurb:nth-child(8) {
    top: 30%;
}

.resizable[data-boxstyle="services"] .catblurb:nth-child(9) {
    top: 30%;
    left: -30%;
}
.animated.resizable[data-boxstyle="services"] .catblurb ,
body:not([data-menuid="-1"]) .resizable[data-boxstyle="services"] .catblurb {
    top: 0;
    left: 0;
    opacity: 1;
     -webkit-transform: scale(1);
    transform: scale(1);
}
.resizable[data-boxstyle="services"] .catblurb  h4,
 .resizable[data-boxstyle="services"] .catblurb  p {
    /* font-family: fyekan; */
    font-size: 19px;
    text-align: center;
    position: absolute;
    bottom: 6px;
    left: 6px;
    opacity: 1;
    width: calc( 100% - 12px);
    line-height: 34px;
    color: white;
    background: rgba(1, 1, 1, 0.6);
    -webkit-transition:all .6s linear .2s;
    transition: all .6s linear .2s;
    border-radius: 0 0 5px 5px;
}
.resizable[data-boxstyle="services"] .catblurb p {
    display: none;
}
.resizable[data-boxstyle="services"] p {
    font-family: arial;
    font-size: 37px;
    opacity: 0;
    -webkit-transform:translate(-50%, -50%) scale(.8);
    transform: translate(-50%, -50%) scale(.8);
    margin-top: 4px;
    -webkit-transition:all .6s ease-in-out .2s;
    transition: all .6s ease-in-out .2s;
}

.resizable[data-boxstyle="services"] .catblurb-info:hover p {
    /* opacity:1; */
    -webkit-transform:translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}


.resizable[data-boxstyle="services"] .catblurb-info:hover h4 {
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    opacity: 0;
}
  .resizable[data-boxstyle="services"] >h4,
 .resizable[data-boxstyle="services"] > h3 {
    width: 90%;
    max-width: 1170px;
    margin: auto;
}
.resizable[data-boxstyle="services"] >h4
 {
    font-size: 30px;
    color: #ca4e80;
}

/*End.........Tabs.........*/ 




/*..........Responsive.....*/
@media only screen and (max-width: 769px)
{
.resizable[data-boxstyle="services"] {
    padding: 40px 0 0;
    height: auto !important;
    overflow: visible;
    display: inline-block;
}
.resizable[data-boxstyle="services"] .blurbs {
    height: auto !important;
    position: relative!important;
}
    .resizable[data-boxstyle="services"] .catblurb {
        width: 100% !important;
        border-width: 5px;
        float: none;
        opacity: 0;
        -webkit-transition: none;
        transition: none;
        left: 0 !important;
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        top: 0 !important;
        position: relative;
    }
    .footer_style1 .container{
      padding-bottom:65%!important;
    }
span.arrow_wrapper
{
  left:0;
  right:0;
  margin:0 auto;
  margin-top: 170px;
}

section[data-boxstyle="tabW"] > .blurbs > .catblurb:first-child > span
{

left: 0!important;

right: 0!important;

background-size: 100%;

top: 99%;

background-position: center!important;

background-color: white;

background-attachment: unset;
}

}
/***footer***/
.footer_style1 {
    margin-top: 50px;
    /* background-color: #373737; */
    position: relative;
    z-index: 1;
    /* background: #373737 url(/Content/base/dynamic/shopping1164/img/104186.jpg); */
    background-size: contain;
    background: url(/Content/base/dynamic/shopping1260/img/104857.jpg);
}

.footer_style1:before
{
    content:" ";
    width:100%;
    height:100%;
    position:absolute;
    display:block;
    top:0;
    right:0;
    left:0;
    background: rgba(70, 164, 173, 0.31);
}

    .footer_style1 .inner {
        padding: 0 0 25px;
        padding-top: 45px;
    }
      .footer_style1 .inner > h2 
      {
        color:#fff;
        text-align:center
      }


    .footer_style1 .wrapper {
        /* background-color: #3b3b3b; */
        /* box-shadow: 0 0 30px rgba(0, 0, 0, 0.15); */
        width: 100%;
        margin: 0 auto;
        position: relative;
        padding: 20px 0;
    }
    div#footer div#scroll_diamond
{
    top: -49px;
    bottom: auto;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    width: auto;
}
span.scrollTitle {
    color: #e3e6eb;
    z-index: 100;
    position: absolute;
    top: 33px;
    font-size: 12px;
    right: 0;
    left: 0;
    margin: auto;
    display: none;
}
div#scroll_diamond > div {
    position: relative;
    width: 15px;
    height: 15px;
    border: 3px solid #ca4e80;
    border-left: 0;
    border-radius: 4px;
    border-bottom: 0;
    -ms-transform: rotate(152deg) skew(29deg);
    -webkit-transform: rotate(152deg) skew(29deg);
    transform: rotate(152deg) skew(29deg);
    margin: 0 auto -8px;
    top: -58px;
}
div#footer div#scroll_diamond svg path
{
    
fill: #ffbb45;
}
div#footer div#scroll_diamond > div
{
    
-ms-transform: rotate(-30deg) skew(29deg);
    
-webkit-transform: rotate(-30deg) skew(29deg);
    
transform: rotate(-30deg) skew(29deg);
}
.inner_scroll_1 {
    /* -webkit-animation: animateScroll1 ease-in-out 2s 0s both infinite; */
    /* animation: animateScroll1 ease-in-out 2s 0s both infinite; */
}
.inner_scroll_2 {
    -webkit-animation: animateScroll2 ease-in-out 2s 0s both infinite;
    animation: animateScroll2 ease-in-out 2s 0s both infinite;
}
.inner_scroll_3 {
    -webkit-animation: animateScroll3 ease-in-out 2s 0s both infinite;
    animation: animateScroll3 ease-in-out 2s 0s both infinite;
}
@keyframes animateScroll1 {
    0% {
        opacity: 0
    }

    80% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes animateScroll1 {
    0% {
        opacity: 0
    }

    80% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes animateScroll2 {
    0% {
        opacity: 0
    }

    30% {
        opacity: 0
    }

    80% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes animateScroll2 {
    0% {
        opacity: 0
    }

    30% {
        opacity: 0
    }

    80% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes animateScroll3 {
    0% {
        opacity: 0
    }

    60% {
        opacity: 0
    }

    80% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes animateScroll3 {
    0% {
        opacity: 0
    }

    60% {
        opacity: 0
    }

    80% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}
    .footer_style1 .left_part {
        /* background: url(/Content/base/dynamic/shopping847/img/93249.jpg) no-repeat right top /  auto; */
        /* float: right; */
        width: 51%;
        margin-left: 2%;
        background-size: 320px;
        display: inline-block;
    }


        .footer_style1 .left_part .title {
            font-size: 16px;
            color: #FFF;
            max-width: 300px;
            padding: 6px 0 11px;
            text-align: center;
            text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
            border-bottom: 1px dotted #e9f5fe;
            margin-bottom: 20px;
            margin-top: 0px;
        }

        .footer_style1 .left_part .text {
            color: #BBB;
            font-size: 14px;
            line-height: 25px;
            padding-top: 24px;
            /* text-align: center; */
        }

        .footer_style1 .left_part .content {
            width: 100%;
            border-radius: 40px;
            background: rgba(50, 64, 127, 0.6);
            padding: 34px 20px 17px;
            padding-top: 0;
            color: #fff;
            font-size: 14px;
            margin-left: 50px;
            text-align: center;
            line-height: 31px;
        }

        .footer_style1 .left_part .footer_part1 {
            margin-bottom: 10px;
        }

    .footer_style1 .social_media {
        text-align: center;
        width: 100%;
        display: inline-block;
        vertical-align: top;
        left: 0;
        z-index: 0;
        margin-top: 13px;
    }
    .social {
    position: relative;
    margin-bottom: 20px;
}

.newsletter_style1 .app {
    width: 100%;
    height: auto;
    position: relative;
    left: 0;
    padding: 0;
}

        .footer_style1 .social_media .item {
            position: relative;
            margin: 0;
            -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
            height: 100%;
            width: 40px;
            height: 40px;
            display: table-column;
            display: inline-block;
            border-radius: 10px;
            border: 1px solid #bcebff;
            margin: 0 4px;
            background: #ca4e80;
        }
       
       .footer_style1 .social_media .item:hover
       {
       	box-shadow: 0 0 0 2px #fff, 0 0 0 6px rgba(193, 94, 21, 0.38);
        border-color: rgba(167,156,153,0.4);
       }
            

        .footer_style1 .social_media .link {
            
background-repeat: no-repeat!important;
            
background-position: center!important;
            
border-radius: 10px;
            
width: 40px;
            
height: 40px;
            
display: inline-block;
            
background-size: 65%!important;
        }

        .footer_style1 .social_media .item:hover a {
            background-color: #4cc1bf;
        }

    .footer_style1 .right_part {
        float: right;
        width: 30%;
        margin-left: 1%;
        margin-right: 3%;
    }

    .footer_style1 .footer_part3 .title {
        text-align: center;
        color: #56b3c5;
        font-size: 16px;
        background: url(/Content/base/dynamic/shopping847/img/93248.jpg) no-repeat center bottom;
        padding-bottom: 22px;
        margin-bottom: 20px;
        max-width: 266px;
        font-family: dinar;
    }

    .footer_style1 .footer_part3 .item {
        float: right;
        width: 43%;
        padding-right: 5px;
        margin-bottom: 5px;
    }
         
     .footer_style1 .center_part .pic_part {
        width: 27px;
        height: 27px;
        background: no-repeat center / cover;
        position: absolute;
        background-size: 28px;
        background-color: #ca4e80;
        margin-top: 10px;
        z-index: 100;
        display: inline-block;
        border: 1px solid #ffbb45;
        border-radius: 10px;
    }

        .footer_style1 .center_part .pic_part > div {
            position: relative;
            width: 100%;
            height: 100%;
            background-size: 15px;
            background-repeat: no-repeat;
            background-position: center;
        }

    .footer_style1 .center_part .content_part {
        padding-right: 39px;
        position: relative;
        width: auto;
        display: inline-block;
    }

   
    .footer_style1 .center_part .name {
        color: #fff;
        font-size: 14px;
        padding: 13px 0;
        width: auto;
        display: inline-block;
        line-height: 30px;
    }
    
 .instagram > span 
  {
    width: calc(100% - 90px);
    display: inline-block;
    margin-left: 96px;
    font-size: 24px;
    line-height: 50px;
    text-align: right;
  }
  .instagram > a:after
  {
  	content:" ";
  	width: 40px;
  	height: 40px;
  	position:absolute;
  	background:url(/Content/base/dynamic/shopping1164/img/104181.jpg);
  	bottom: -35px;
  	background-size: contain;
  	left: 0;
  	right: 0;
  	margin: 0 auto;
  	animation-delay: 0s, 0.3s;
  	-webkit-animation-direction: normal, alternate;
  	animation-direction: normal, alternate;
  	-webkit-animation-duration: 0.3s, 1.5s;
  	animation-duration: 0.3s, 1.5s;
  	-webkit-animation-fill-mode: forwards;
  	animation-fill-mode: forwards;
  	-webkit-animation-iteration-count: 1, infinite;
  	animation-iteration-count: 1, infinite;
  	-webkit-animation-name: hvr-bob-float, hvr-bob;
  	animation-name: hvr-bob-float, hvr-bob;
  	-webkit-animation-timing-function: ease-out, ease-in-out;
  	animation-timing-function: ease-out, ease-in-out;
  }

 .instagram > a {
    display: inline-block;
    width: 80px;
    /* float: left; */
    position: absolute;
    height: 139px;
    left: 0;
    top: 0;
    background-size: 100%;
    background-image: url(/Content/base/dynamic/shopping1164/img/104180.jpg);
    background-repeat: no-repeat;
}
.c-footer__safety-partner {
    display: inline-block;
    width: 31.4%;
    padding-bottom: 33%;
    height: 0;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.5);
    margin-left: 2%;
    position: relative;
    font-size: 0;
    margin-bottom: 2%;
}
.c-footer__safety-partner:nth-child(3n+3)
{
	margin-left:0;
}
.c-footer__safety-partner:nth-child(3n+1)
{
	/* margin-left:1%; */
}
.c-footer__safety-partner  img
{
    width: 100%;
    height: 100%;
    background-size: cover;
    position: absolute;
    border-radius: 7px;
}

.namad {
    /* margin-top: 20px; */
    width: 47%;
    display: block;
    float: left;
    font-size: 0;
}
.newsletter_style1.clearfix.footerGoogleMap .namad img {
    width: 95%;
    height: 77%;
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    top: 50%;
    transform: translatey(-50%);
}
.footer_style1 .container {
    margin: 0 auto;
    max-width: 1170px;
    position: relative;
    direction: rtl;
    -webkit-transition: all .4s;
    transition: all .4s;
    height: auto;
}

.clearfix:before, .clearfix:after {
    content: ".";
    display: block;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    visibility: hidden;
}

.footer-list-top
    {
   width: 100% !important;
   border-bottom: none!important;
   /* background: rgba(19, 56, 121, 0.6); */
   border-radius: 20px;
   padding: 10px;
   margin-bottom: 14px!important;
   text-align: center;
   }

.footer-list-top > li 
      {
          display:inline-block;
          color: #333;
          font-size:14px;
          font-weight: normal;
          margin: 7px 0px;
          padding: 3px;
          position: relative;
      }
.footer-list-top > li a:before{
          content:" ";
          width: 100%;
          height:100%;
          display: block!important;
          position:absolute;
          top:0;
          right:0;
          left:0;
          background: #ffffff85;
          z-index: -1;
          /* transform: skewX(-21deg); */
          border-radius: 26px;
      }
.footer-list-top > li a 
      {
          padding: 5px 10px;
          background: none;
          position: relative;
          z-index: 1;
          font-weight: bold;
}

.newsletter_style1 {
    border-radius: 20px;
    width: 48%;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.03);
    /* background-color: #fff; */
    position: relative;
    /* height: 60px; */
    /* float: right; */
    /* z-index: 1; */
    display: inline-block;
    vertical-align: top;
    padding: 24px 10px;
    background: rgba(255, 255, 255, 0.4);
    margin-left: 2%;
    color: #333;
}

.newsletter_style1  .text-form
{
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 33px;
}
.newsletter_style1 > form 
{
    width: 100%;
    display: inline-block;
    margin-bottom: 13px;
    position: relative;
}

.newsletter_style1 form > div 
{
    margin-top: 0!important;
    width: 100%;
    text-align: right;
    position: relative;
}
.newsletter_style1 form > div  label
{
    display:none;
}
.newsletter_style1 form > div input
{
    height: 40px;
    width: 100%;
    text-align: right;
    padding: 6px;
    padding-right: 41px;
    border-radius: 40px;
    outline: 0;
    border: none;
    background: #fff;
}
.newsletter_style1 button {
        background-color: #ca4e80;
        border: none;
        color: #FFF;
        height: 39px;
        cursor: pointer;
        right: auto;
        -webkit-transition: all 0.1s ease-in-out;
        -moz-transition: all 0.1s ease-in-out;
        -o-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
        margin-top: 25px;
        margin-bottom: 0;
    }

.newsletter_style1 button:hover {
            background-color: #ffbb45;
            color: #803d18;
 }

.newsletter_style1 input.input {
        float: left;
        width: 75%;
        height: 50px;
        padding: 0 18px;
        text-align: left;
        color: #FFF;
        font-size: 14px;
        letter-spacing: 1px;
        border: none;
        background: #484848;
}

.newsletter_style1 input.error {
        box-shadow: inset 0 0 3px rgba(255, 87, 90, 0.6);
}



.footer_style1 .center_part {
    /* float: right; */
    width: 42%;
    margin-right: 3%;
    color: #fff;
    font-size: 16px;
    display: inline-block;
    padding-top: 20px;
}
.btnBlack{
    position: relative;
    display: block;
    min-width: 118px;
    margin: 0 auto;
    /* border: solid 2px #2d307d; */
    -webkit-border-radius: 50px;
    border-radius: 50px;
    padding: 3px 2px;
    font-size: 13px;
    color: #fff;
    z-index: 1;
    /* bottom: 10px; */
    right: 0;
    left: 0;
    margin: auto;
    display: table !important;
    text-align: center;
    /* overflow: hidden; */
    margin-top: 20px;
}

.footer_style1 .center_part > ul{
    margin: 5px 0;
    /* border-bottom: dashed 1px rgba(255,255,255,0.2); */
    padding-bottom: 8px;
    width: 100%;
    display: inline-block;
    margin-left: 3%;
    /* margin-top: -40px; */
}
.footer-bottom-section {
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    margin: auto;
    left: 0;
    right: 0;
    width: 100% !important;
    color: #fff;
    z-index: 100;
    bottom: 0;
    margin: 0 auto;
    max-width: 1100px;
    padding-top: 14px;
    text-align: left;
}

.footer-bottom-wrapper > div {
    margin: auto;
    display: inline-block;
    color: #fff;
    float: right;
}
.resizable[data-boxstyle="register"]
{
  margin: 0 auto;
  width: 100%;
  background: none;
  color: #fff;
  height: auto!important;
}
.resizable[data-boxstyle="register"] .resizable
{
	width: 45%!important;
	color: #111;
	display: inline-block;
	vertical-align: top;
}
.resizable[data-boxstyle="register"] .ajax-form > div, .resizable[data-boxstyle="register"] .ajax-form > p
{
	width:100%
}

.resizable[data-boxstyle="register"] .resizable[data-tmplname="form"] {
    width: 45%;
    padding: 40px 20px;
    font-size: 15px;
    margin-right: 54%;
    border-radius: 40px;
    background: #f5f2f24f;
}
.resizable[data-boxstyle="register"] .resizable > h4 
{
	font-size: 20px!important;
	text-align:right;
	position: relative;
	padding-bottom: 10px;
	width: 100%!important;
	border: none !important;
	color: #333;
	margin-bottom: 18px;
	padding-top: 0;
	margin-top: -7px;
}
.resizable[data-boxstyle="register"] .resizable[data-tmplname="content"] > div
{
	margin:0;
	width: 100%;
}
.resizable[data-tmplname="content"] > div {
    text-align: right;
    line-height: 30px;
    margin: 0 auto;
    width: 90%;
    max-width: 1170px;
    margin-top: 63px;
    overflow: hidden;
}

.resizable[data-boxstyle="register"] .containerTabContent 
{
    margin:0 auto;
    width: 100%;
    /* padding-top: 111px; */
    padding-bottom: 85px;
    margin: 0 auto;
    max-width: 1170px;
    /* padding: 50px 0; */
}
.resizable[data-boxstyle="register"] .containerTabTitles
{
    display:none;
}
.resizable[data-boxstyle="register"] .containerTabContent:after
{
  content:"";
  width: 100%;
  display: block;
  clear:both;
}
.resizable[data-boxstyle="register"] .resizable[data-tmplname="content"]
{
  /* width: 30%!important; */
  padding: 40px 25px;
  margin-left: 3%;
  font-size: 14px;
  border: 3px solid hsl(336, 52%, 53%);
  border-radius: 40px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  max-width: 600px;
  height: 500px!important;
  /* padding-bottom: 36%; */
  background: #f5f2f24f;
  box-shadow: 0 8px 6px -6px #747373ab;
}
.resizable[data-tmplname="GoogleMap"]{
    padding-bottom: 71px;
    padding-top: 43px;
    height: 495px !important;
}

.resizable[data-boxstyle="register"] .app
{
	width: 100%;
	/* height: 50px; */
	padding: 0;
	position: static;
	margin: 0 auto;
	max-width: 314px;
	margin-top: 27px;
}
.resizable[data-boxstyle="register"] .app > a 
{
	margin: 2px 5px;
	max-width: 145px;
	border: 1px solid #32407f;
	-webkit-animation-delay: 0s, 0.3s;
	animation-delay: 0s, 0.3s;
	-webkit-animation-direction: normal, alternate;
	animation-direction: normal, alternate;
	-webkit-animation-duration: 0.3s, 1.5s;
	animation-duration: 0.3s, 1.5s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-iteration-count: 1, infinite;
	animation-iteration-count: 1, infinite;
	-webkit-animation-name: hvr-bob-float, hvr-bob;
	animation-name: hvr-bob-float, hvr-bob;
	-webkit-animation-timing-function: ease-out, ease-in-out;
	animation-timing-function: ease-out, ease-in-out;
}
.resizable[data-boxstyle="register"] .resizable[data-tmplname="content"] > h3
{
	display: none!important;
}

.resizable[data-boxstyle="register"] .resizable[data-tmplname="slideshow"]
{
  width: 23%!important;
  padding-bottom: 44%;
  font-size: 15px;
  margin-right: 66%;
  overflow: visible;
  /* border: 1px solid red; */
  margin-bottom: 41px;
}
.resizable[data-boxstyle="register"] .resizable[data-tmplname="slideshow"] .frontpage-gallery > div:before
{
	content:"";
	width: 118%;
	height: 127%;
	position: absolute;
	background: red;
	top: -16%;
	left: -7%;
	z-index: 4;
	background: url(/Content/base/dynamic/shopping1164/img/104274.jpg);
	background-size: contain;
	background-repeat: no-repeat;
}
.resizable[data-boxstyle="register"] .resizable[data-tmplname="slideshow"] .slidesjs-navigation
{
	display:none;
}
.resizable[data-boxstyle="register"] .resizable[data-tmplname="slideshow"] .slidesjs-pagination
{
	display:block;
	display: block;
	height: 15px;
	position: absolute;
	width: 70px;
	margin: 0 auto;
	right: 4%;
	z-index: 10;
	bottom: -20%;
	left: 0;
	right: 0;
}
ul.slidesjs-pagination > li 
{
  width: 12px;
  height: 12px;
  margin-bottom: 10px;
  /* border: 1px solid #fff; */
  display: inline-block;
  padding: 0 1px;
  direction: rtl;
  /* margin-top: -17px; */
  border-radius: 50%;
  border-bottom: 1px solid #fff;
  cursor: pointer;
  /* opacity: .5; */
  position: relative;
  background: rgb(182, 182, 182);
  margin: 0 5px;
  transition: all .5s;
}
ul.slidesjs-pagination > li.active
{
	width: 16px;
	height:16px;
	background: #ffbb45;
}
ul.slidesjs-pagination > li > img 
{
	display:none;
}


.resizable[data-boxstyle="register"] .resizable[data-tmplname="slideshow"] h2
{
  display:none;
}
.resizable[data-boxstyle="register"] > h4
{border-color: #fff;}
.resizable[data-tmplname="content"] ul li:before
{
	content:'';
	width: 6px;
	height: 6px;
	position: absolute;
	right: -15px;
	top: 7px;
	background: #ca4e80;
	display: none;
}
div#ah7bar {
    display: none;
}

div#ah7CircleLodding {
    display: block;
    transform: scale(.7);
    background: #be4272;
    border-radius: 50%;
    /* height: 200px; */
    /* width: 200px; */
    top: calc(50% - 70px);
}


.circles-text {
    color: white;
    font-family: "Guardian Sans",Helvetica,sans-serif;
}

.circles-text:before {
        content: "";
        font-family: Helvetica,sans-serif;
        font-size: 60px;
        color: #ffbb45;
        height: 0;
        display: block;
        text-align: center;
        z-index: 100;
        width: 473px;
        position: fixed;
        top: calc(50% - 189px);
        left: calc(50% - 250px);
}


#dialogAh7Box-wrapper {
    line-height: 30px;
    height: inherit;
    direction: rtl;
    margin: 20px 10%;
    width: 80%;
    background-color: #fff;
    border: 1px solid #999;
    height: 90%;
    z-index: 1000;
    position: absolute;
}


#dialogAh7Box {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 10000;
    top: 0;
    left: 0;
}


.pageCover, #pageCover {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.68);
    width: 100%;
    height: 100%;
    z-index: 1000;
    top: 0;
    left: 0;
}

div#ah7progress:after {
    content: "";
    font-family: Helvetica,sans-serif;
    font-size: 53px;
    color: white;
    height: 0;
    display: block;
    text-align: center;
    z-index: 100;
    width: 73px;
    height: 110px;
    position: relative;
    margin: auto;
    top: 25%;
    background: url(/Content/base/dynamic/shopping1266/img/104905.jpg) no-repeat;
    background-size: contain;
    padding: 20px;
    animation: rotating 5s linear infinite;
    transform-origin:50% 50% !important;
}
.circles-wrp svg {
    /* width: 150px; */
    /* height: 150px; */
} 
.resizable[data-boxstyle="text3"] h4 {
    margin-top: 50px;
    position:relative;
}
.resizable[data-boxstyle="text3"] h4:after{
    content:"";
    position:absolute;
    top: 120px;
    left:0;
    right:0;
    margin:0 auto;
    border: 1px solid #ca4e80;
    width:65px;
    z-index:1;
}
.resizable[data-boxstyle="text3"] h4:before{
    display: block;
    width: 8px;
    height: 8px;
    border-right: solid 2px #ca4e80;
    border-bottom: solid 2px #ca4e80;
    border-top: 2px solid #ca4e80;
    border-left: 2px solid #ca4e80;
    position: absolute;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    content: '';
    z-index: 1;
    top: 115px;
    background: #ca4e80;
}
.resizable[data-boxstyle="text3"] ul li:after
{
	content:'';
	width: 6px;
	height: 6px;
	position: absolute;
	right: -15px;
	top: 12px;
	background: #ca4e80;
}
.resizable[data-boxstyle="text3"] ul li{
	position:relative;
	margin-right:20px;
}
.resizable[data-boxstyle="text3"] div p{
  font-size:15px;
}
.resizable[data-boxstyle="text3"]{
  padding-bottom:80px;
}
.text1{
        padding: 10px 20px;
    margin: 10px 0 20px 0;
    font-size: 17.5px;
    border-left: 5px solid #eee;
    border-right: 5px solid #eee;
    border-color: #ca4e80;
    background: #e3e3e3;
    font-size: 17px;
    color: black;
}

div#page_wrap {
    position: fixed;
    height: auto;
    width: 53px;
    top: 50%;
    text-align: center;
    right: 8px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    /* border-radius: 20%; */
    padding: 15px 0;
    right: 0;
}
 body:not([data-menuid="-1"]) div#page_wrap {
        display: none
 }



div#page_wrap > span {
        display: block;
        padding: 0px 0;
        cursor: pointer;
        position: relative;
        width: 218%;
        /* background: #1e7e8b54; */
        height: 13px;
        margin: 20px auto;
        line-height: 16px;
        margin-right: 19px;
    }
    div#page_wrap > span:after
    {
      content:"";
      width:100%;
      height: 250%;
      position: absolute;
      right: 0;
      top: -70%;
    }
    div#page_wrap > span:hover
    {
      /* margin-right: -53px; */
      /* opacity: 0; */
    }
  div#page_wrap > span.active
  {
  }

    div#page_wrap label {
        opacity: 0;
        position: absolute;
        right: 7px;
        top: -2px;
        color: rgb(30, 126, 138);
        font-size: 12px;
        visibility: visible;
        white-space: nowrap;
        -webkit-transition: all 0.2s linear;
        transition: all 0.2s linear;
        opacity: 1;
        /* background: rgb(239, 242, 245); */
        padding: 4px 10px;
        border-radius: 9px;
        color: white;
    }
    div#page_wrap > span:hover label {
    opacity: 1;
    visibility: visible;
}

    div#page_wrap > span.active label {
    opacity: 0;
    visibility: visible;
    animation: animateLable  linear .7s;
    animation-duration:5s;
}
div#page_wrap > span.active label {
    opacity: 1;
    visibility: visible;
    animation: animateLable linear .7s;
    animation-duration: 5s;
}
@keyframes animateLable {
    from{
        opacity:1
    }
    to {
        opacity: 0;
    }
}
@-webkit-keyframes animateLable
{
	from{
        opacity:1
    }
    to {
        opacity: 0;
    }

}
div#page_wrap:before {content: "";position: absolute;left: auto;right: 15px;top: -256px;bottom: 0;border: 1px solid rgba(40,40,40,.2);height: 107vh;opacity: 0;}

div#page_wrap > span.active:after {
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #ffbb45;
    position: absolute;
    left: auto;
    right: -11px;
    top: 50%;
    transform: translateY(-50%);
}
div#page_wrap > span:before{
        content: "";
        width: 24px;
        height: 24px;
        border-radius: 50%;
        border: 1px solid #fed700;
        position: absolute;
        left: auto;
        right: -16px;
        top: 50%;
        transform: translateY(-50%);
}

div#page_wrap:after {left: auto;right: 14px;background: #fed700;width: 29px;position: absolute;height: 119px;width: 4px;top: -209px;content: "";opacity: 0;}
section[data-boxstyle="modernTabPics"] > .blurbs > .catblurb img

{
  width:100%;
  border-radius: 5px;
}
section[data-boxstyle="modernTabPics"] > .blurbs > .catblurb:nth-child(2)
{
  width: 62%;
  margin-right: 2%;
  /* border-radius: 10px; */
}
section[data-boxstyle="modernTabPics"] > .blurbs > .catblurb:nth-child(1)
{

width:30%;

overflow:  hidden;
}
section[data-boxstyle="modernTabPics"] > .blurbs > .catblurb
{border-radius: 6px;max-height: 468px;overflow:hidden;vertical-align:top;display:inline-block !important;/* height: 300px; */}
section[data-boxstyle="modernTabPics"] > .blurbs
{
  max-width:1170px;
  width:90%;
  margin: 70px auto;
  text-align:center;
  /* margin: 10px 0; */
  margin-bottom: 0;
}
section[data-boxstyle="modernTabPics"]
{
  border-bottom:none !important;
  /* padding-bottom: 0px; */
  width:100%;
  height: auto !important;
  padding:100px 0;
  padding-bottom:50px;
}
/* TAB FIRST DESCRIBTIONS */section[data-boxstyle="modernTabDesc"] > .blurbs > .catblurb > .catblurb-info > p
{
  display:inline-block;
  text-align: justify;
  font-size:15px;
  width: 83%;
  color: #848484;
  position:  relative;
  margin-right: 1%;
  top: 11px;
  /* vertical-align: unset; */
}
section[data-boxstyle="modernTabDesc"]
{
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 70px;
  height:  auto !important;
}
section[data-boxstyle="modernTabDesc"] > .blurbs > .catblurb > .catblurb-info
{
  width:100%;
}

section[data-boxstyle="modernTabDesc"] > .blurbs > .catblurb > .catblurb-info > h4
{
  position:relative;
  display:inline-block;
  position: relative;
  bottom: 6px;
  font-size:30px;
  /* padding-bottom: 15px; */
  width: 13%;
  margin-left: 1%;
  color: #ffbb45;
  vertical-align: top;
}
section[data-boxstyle="modernTabDesc"] > .blurbs > .catblurb > h3
{
  display:none;
}
section[data-boxstyle="modernTabDesc"] > .blurbs > .catblurb
{
  display:inline-block;
  width: 29%;
  text-align:right;
  margin: 0 1.5%;
}
section[data-boxstyle="modernTabDesc"] > .blurbs
{
  max-width:1170px;
  width:90%;
  text-align:center;
  margin:0 auto;
}

.resizable[data-tmplname="HtmlCode"]{
  margin-bottom:70px;
  height: auto!important;
}
        
        
        div#page_navigation {
    background: #ca4e80;
    position: fixed;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000000;
    transition: top 1s;
    opacity: 0;
}

div#page_navigation:before {
    background: #ca4e80;
    content:'';
    position: absolute;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    transition: 1s;
}
div#page_navigation.active1{
  top:0;
  opacity:1;
}

div#page_navigation.active2:before {
    top: 0;
}

div#page_navigation.active3 {
     top: 100%;
}
div#serach_wrapper {
    position: absolute;
    right: 200px;
    left: auto;
    top: -43px;
    z-index: 100;
    width: 40%;
    top: -100px;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    text-align: right;
}
input#layout-search-tag {
    width: 311px;
    padding: 4px 7px;
    background: #eee;
    border: 1px solid #eee;
    border-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    /* margin-right: 121px; */
    margin-bottom: 0px;
    height: auto;
    height: 42px;
    color: #ca4e80;
    margin-top: 0;
}
.searching div#serach_wrapper 
{
     top: 15px;
     text-align: right;
}

.searching img#layout-search-icon
{
  opacity:0
}
.searching div#header-wrapper-list:before
{
  content:" ";
  width: 20px;
  height: 20px;
  background:red;
  position: absolute;
  top: 26px;
  background: url(/Content/base/dynamic/shopping653/img/92612.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 17px;
  cursor: pointer;
  z-index: 0;
}
img#layout-search-icon {
    position: absolute;
    left: auto;
    top: 22px;
    width: 20px;
    z-index: 100;
}
.searching div#header-wrapper-list:before ,img#layout-search-icon
{
  right:154px
}
 .scrolled img#layout-search-icon , .scrolled.searching div#header-wrapper-list:before,
   body[data-menuid="0"] img#layout-search-icon ,  body[data-menuid="0"] .searching div#header-wrapper-list:before,
    body[data-menuid="-2"] img#layout-search-icon ,  body[data-menuid="-2"] .searching div#header-wrapper-list:before

 {
    -webkit-filter: brightness(1) invert(1); 
    filter: brightness(1) invert(1); 
 }
 div#layout-header-top {
    width: 90%;
    max-width: 1080px;
    position: relative;
    margin: 0 auto;
}

div#searchResualtPage {
    width: 395px;
    top: 67px;
    position: absolute;
    right: 210px;
    left: auto;
    border-radius: 5px;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.4);
    z-index: 24000;
    overflow: hidden;
    max-height: 400px;
    overflow: auto;
    background: #fff;
}
div#search-result-wrapper, #result_SearchContentList, #result_SearchNewsList {
    padding-bottom: 10px;
    background: #f6f6f6 url(/Content/bamdad/img/sbg.png) no-repeat 100% 50%;
    z-index: 10;
    text-align: right;
    padding: 10px;
    color: #111;
}
div#search-result-wrapper > div, #result_SearchContentList > div, #result_SearchNewsList > div {
    font-size: 17px;
    width: 100%;
    padding: 7px 14px;
    color: black;
    text-align: right;
    margin: 0 !important;
    max-width: 100%;
    border-bottom: 1px solid #dfdfdf;
    border-top: none;
    font-weight: bold;
}
div#search-result-wrapper li {
    border-bottom: 1px solid #dcdcdc;
    padding: 7px 14px;
    font-size: 14px;
    padding-left: 110px;
    position: relative;
    min-height: 112px;
}
div#search-result-wrapper li a {
    color: black;
}
div#search-result-wrapper li p:first-child {
    font-weight: bold;
    font-size: 14px;
} 
button#btnSearch
{
	right: auto;
	position: absolute;
	height: 42px;
	z-index: -1;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	min-width: 83px;
	border-radius: 0;
	height: auto;
	line-height: 20px;
	background: #ca4e80;
	color: white;
	font-size: 16px;
	cursor: pointer;
	padding: 11px;
} 
.desc p {
    color: #333;
}
@media only screen and (max-width:768px){
  .resizable[data-boxstyle="register"] .resizable[data-tmplname="form"]{
  margin-right:0;
  margin: 0 auto;
  margin-top: 88px;
}

.resizable[data-boxstyle="register"] .resizable{
  width: 90%!important;
  display:block;
  margin: 0 auto;
}

.resizable[data-boxstyle="register"] .resizable[data-tmplname="content"]{
  position:relative;
  top: 62px;
  transform:translateY(0);
  height: auto!important;
  margin-right: 0;
  left: 0;
  margin: 0 auto;
  max-width: none;
}
.searching div#serach_wrapper {
        /* height: 40px; */
        z-index: 10000;
        width: 79%;
        left: 100px;
        right: 0;
        margin: 0 auto;
        top: 13px;
        text-align: center;
    }
    
    input#layout-search-tag{
         -moz-border-radius: 0;
         -moz-transition: all 300ms ease-out;
         -o-transition: all 300ms ease-out;
         /* transition: all 300ms ease-out; */
         margin: 0;
         max-width: 100%;
         width: 59%;
    }
    img#layout-search-icon{
  /* display:none; */
  left: 106px!important;
  top: 20px!important;
}
    .searching div#header-wrapper-list:before{
      
left: 86px;
      
top: 20px;
    }
        div#searchResualtPage{
      left: 152px;
      width: 400px;
      top: 62px;
    }
}
      
@media only screen and (max-width:480px){
  #layout-logo{
    
width: 75px;
    
height: 60px;
    
top: -1px;
    
left: 2px;
  }
  .menu_svg:before{
    
/* right: 7px; */
    
/* top: 4px; */
  }

  .resizable[data-boxstyle="text2"] > div img{
    width: 100%!important;
    height: auto!important;
    float: none!important;
    position: relative;
    display: block;
    margin: 0 auto;
    text-align: center;
    padding-right: 0!important;
    padding-bottom: 20px;
  }
  
  div#page_wrap:before , div#page_wrap > span.active:before , div#page_wrap > span.active:after , div#page_wrap:after{
    display:none;
  }
.menu_svg svg{
  
/* width: 67px; */
  
/* height: 59px; */
}
div#page_wrap{
  display:none;
}
.resizable[data-tmplname="slideshow"] .frontpage-gallery .slides-front > div{
}
.resizable[data-tmplname="slideshow"]{
  padding-bottom: 50%;
  width: 100%;
  margin-top: 80px;
}
.resizable[data-tmplname="slideshow"] .frontpage-gallery div img
{
  width:120%
}
.resizable[data-boxstyle="services"] .catblurb{
  opacity:1;
}
.resizable[data-boxstyle="services"] {
    padding: 40px 0 0;
    height: auto !important;
    overflow: visible;
    display: inline-block;
}

.resizable[data-boxstyle="services"] .blurbs {
    height: auto !important;
    position: relative!important;
    padding-bottom: 0;
}
.resizable[data-boxstyle="services"] .catblurb {
        width: 100% !important;
        border-width: 5px;
        float: none;
        opacity: 0;
        -webkit-transition: none;
        transition: none;
        left: 0 !important;
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        top: 0 !important;
        position: relative;
    }
section[data-boxstyle="tabFeatures"] .fliper{
  width: 92%;
  position:relative;
  top: 0;
  transform: translateY(0);
  right: 0;
  margin: 0 auto;
}
section[data-boxstyle="tabFeatures"] .catblurb:nth-last-child(n+2){
  position:relative;
  width:100%;
  margin-right: 0;
}
section[data-boxstyle="tabFeatures"] .catblurb:nth-last-child(n+2):before{
  width: 65px;
  padding: 41px 0;
  margin-right: 14px;
}
section[data-boxstyle="tabFeatures"] .catblurb:nth-last-child(n+2) .catblurb-info{
  margin-right: 93px;
}
.prevcard{
  top:5%;
}
.cross div.setLogo{
  display:none;
}
#headerContent #mainNavigation > li > a{
  margin-right: 0!important;
  display: inline-block;
  line-height: 30px;
  /* width: 50%; */
}
ul#mainNavigation li a:before{
  left: 23px;
  right: auto;
  top: 25px;
  transform: rotate(90deg);
  width: 8px;
  z-index: -1;
}
ul#mainNavigation ul.subSecondNavigation li a:before{
  display:none;
}
ul#mainNavigation li a:after{
  display:none;
}
#headerContent #mainNavigation > li{
  border-top:0;
  text-align: right;
  padding-right: 28px;
}
ul#mainNavigation li{
  border-bottom:0;
}
ul#mainNavigation ul.subSecondNavigation li{
  
height: 49px!important;
  
background: #00000057;
  
width: 100%!important;
}
ul#mainNavigation ul.subSecondNavigation li a:before{
  display:none;
}
ul#mainNavigation ul.subSecondNavigation li a.arrow:before{
  display:block;
  z-index:1;
  top: 0;
  right: -15px;
}
ul#mainNavigation ul.subSecondNavigation li a{
    margin-right: 27px!important;
    display: inline-block;
}
ul#profileMenuList {
    width: 100%;
    position: relative;
    float: none;
}

#main .subSecondNavigation {}

#main.PageContent #content, #main.UPDashboard #content {
    padding-right: 0;
}

.time_wrapper .option-wrapper label, .dateList span {
    width: 46%;
}

#main #content label, #dialogContent label {
    margin: 2%;
}

.footer_style1 .left_part .footer_part1 {
    width: 90%;
    margin: auto;
}

#headerContent{
  width: 100%;
  left: 0;
}
.footer_style1 .left_part{
  width:100%;
  /* margin-left: 0; */
  /* float: none; */
  /* background-size: contain; */
  margin: 0 auto;
  /* margin-bottom: 20px; */
  /* display: block; */
}
.newsletter_style1{
  display:block;
  width: 100% !important;
  margin-left: 0;
}
.newsletter_style1.footerGoogleMap {
    margin-top: 20px;
}
.footer_style1 .container{width: 100%;height: auto;padding-bottom: 13%!important;}
.namad{
  width:100%;
  float: none;
  margin-top: 15px;
}
.footer_style1 .center_part{
  width: 90%;
  right:0;
  float: none;
  margin-right: 0;
  margin: 0 auto;
  display: block;
}
.c-footer__safety-partner{
}
step none_list_style {
  text-align:center;
  
}

 .footer_style1{
   background-repeat:repeat;
   height: auto;
 }
.footer_style1 .center_part .name{display: block;width: 100%;white-space: normal!important;}
.footer-bottom-wrapper > div{
  float:none;
  display: block;
  width: 90%;
  margin: 0 auto;
  font-size: 9px;
} 
.haftsetare_copyRight a{
  display:block;
}
.resizable[data-boxstyle="register"] .resizable{
  width: 90%!important;
  display:block;
  margin: 0 auto;
}
.resizable[data-boxstyle="register"] .resizable[data-tmplname="form"]{
  margin-right:0;
  margin: 0 auto;
  margin-top: 88px;
}
.resizable[data-boxstyle="register"] .resizable[data-tmplname="content"]{
  position:relative;
  top: 62px;
  transform:translateY(0);
  height: auto!important;
}
section[data-boxstyle="modernTabPics"] > .blurbs > .catblurb:nth-child(1){
  width:100%;
}
section[data-boxstyle="modernTabPics"] > .blurbs > .catblurb:nth-child(2){
  width:100%;
  margin-right: 0;
  margin-top: 20px;
}
section[data-boxstyle="modernTabDesc"] > .blurbs > .catblurb{
  width:100%;
  display: block;
  margin: 0;
  margin-bottom: 20px;
}
.resizable[data-boxstyle="groups"] .catblurb
{
  width:100%;
  padding-bottom:97%
}
section[data-boxstyle="modernTabDesc"] > .blurbs > .catblurb > .catblurb-info > h4{font-size: 26px;width: 10%;bottom: 0;}

img#layout-search-icon{
  /* display:none; */
  right: 194px !important;
  top: 20px!important;
  left: auto !important;
}
.searching div#serach_wrapper {
        /* height: 40px; */
        z-index: 10000;
        width: 90%;
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 50px;
        text-align: right;
    }

    input#layout-search-tag{
         -moz-border-radius: 0;
         -moz-transition: all 300ms ease-out;
         -o-transition: all 300ms ease-out;
         /* transition: all 300ms ease-out; */
         margin: 0;
         max-width: 100%;
         width: 79%;
    }
    .searching div#header-wrapper-list:before{
      
left: 65px;
      
top: 20px;
    }
    div#searchResualtPage{
      width: 316px;
      max-width: 100%;
      top: 102px;
      right: 0;
    }

}

@media only screen and (max-width: 1024px) and (min-width:768px)  {
  img#layout-search-icon{
    left: 104px!important;
  }
  .footer_style1 .container{
    padding-bottom:48%;
  }
  .searching div#serach_wrapper {
        /* height: 40px; */
        z-index: 10000;
        width: 79%;
        left: 100px;
        right: 0;
        margin: 0 auto;
        top: 13px;
        text-align: center;
    }
    .searching div#header-wrapper-list:before{
      
left: 86px;
      
top: 20px;
    }
 div#searchResualtPage{
      left: 268px;
      width: 400px;
      top: 62px;
    }
}

        
        
.time_slide_wrapper {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.newsletter_style1.clearfix.footerGoogleMap img {
    width: 181%;
    height: 200%;
    object-fit: contain;
    position: absolute;
    right: -35%;
    top: -53%;
}
        
        
        #enamad {
    position: fixed;
    bottom: 10px;
    left: 10px;
    z-index: 1000;
}

#enamad, #enamad img {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

#enamad img {
    width: 70px;
    height: auto;
    vertical-align: top;
}
#enamad:hover img {
    width: 110px;
}