#container_wrapper {
    overflow: hidden;
}
   
 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;
}
ul{
    list-style-type: none;
    /* top: 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: IRANSansWeb_FaNum;
}
a{
    color:inherit;
    /* position:  relative; */
}
div#container_wrapper {
    min-height: 400px;
    /* margin-top: 103px !important; */
}

     #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;
}

    #loading-img > div {
        z-index: 1000;
        position: relative;
        width: 0px;
        height: 32px;
        border-radius: 13px;
        margin: 0 auto;
        background-color: #FFF;
        padding: 14px 38px;
        border: none;
        color: white;
        font-size: 17px;
     
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

.span_loaddingImg {
    height: 100px;
    position: absolute;
    right: -23px;
    background: url(/Content/base/dynamic/shopping519/loading-2.gif);
    width: 79px;
    background-repeat: no-repeat;
}

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%;
}
.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%;
}

/*...........................................................Start...........................................*/
@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; }
/* Navbar */



/*.................................................Start Menu and Logo............................................*/
#headerContent > h1
{
  display:none;
}
div#layout-logo {
    
background: url(/Content/base/dynamic/shopping831/img/93195.jpg);
    
background-size: 100%;
    
width: 142px;
    
height: 37px;
    
background-repeat: no-repeat;
    
position: absolute;
    
left: 0;
    
/* right: 0; */
    
margin: 0 auto;
    
top: -60px;
    
/* transform: translateY(-50%); */
}

div#headerContainer {
      width: 100%;
      line-height: 80px;
      z-index: 1000;
      background-color: rgba(32, 32, 47, 0.8);
      z-index: 1000;
      width: 100%;
      position: fixed;
      top: 35px;
      border-bottom: 0.5px solid #ffffff70;
      transition: all 0.3s;
}
.fixed #headerContainer
{
  position: fixed;
  top: 0;

  background:#20202f;
  line-height: 72px;
}
div#headerContainer:hover
{
 /* background: rgba(19,20,22,0.25); */
 /* -webkit-transition: background 0.5s; */
 -moz-transition: background 0.5s;
 /* transition: background 0.5s; */
}
#headerContainer >div
{
  margin: 0 auto;
  width: 90%;
  max-width: 1170px;
  position: relative;
}
ul.subSecondNavigation {
    position: absolute;
    right: -37px;
    top: 53%;
    background: #e4b95b;
    min-width: 150px;
    width: auto;
    margin-top: 40px;
    padding: 15px 14px;
    color: #2c3137;
    z-index: 50;
    min-height: 0;
    height: auto !important;
    font-size: 14px;
    font-weight: normal;
    overflow: visible !important;
    text-align: right;
    border-radius: 18px;
}
ul.subSecondNavigation:before {
    border: 10px solid;
    content: "";
    position: absolute;
    top: -20px;
    /* border-right: 12px solid; */
    border-color: transparent transparent #e4b95b transparent;
    left: auto;
    right: 28px;
}
.fixed ul.subSecondNavigation
{top: 60%;}

div#layout-header-top
{
  height:0;
}
body[data-menuid="-1"] div#container_wrapper
{
  margin-top:0;
}
div#container_wrapper
{
  margin-top: 82px;
}
div#productImgZoom {
    display: none !important;
}
a#ProductInChartImg, #ProductInChartCount
{
  
margin-left: 18%;
  
left: 0;
  
top: -66px;
  
position: absolute !important;
  
z-index: 100;
}
.mmm {
    display: none;
}

div#searchResualtPage {
    display: none;
}
#ProductInChartCount{line-height: 10px;color: #c59d5f !important;}

a#ProductInChartImg:after
{
  content: "";
  background-image: url(/Content/base/dynamic/shopping831/img/93050.jpg);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: contain;
  display: inline-block;
  width: 31px;
  height: 39px;
  bottom: 23px;
}


.layout-login-wraper {
    position: absolute;
    left: 0;
    top: -116px;
    text-align: left;
    height: 37px;
    line-height: 38px;
}

div#header-wrapper-list {
    padding-right: 164px;
    top: 0;
    display: inline-block;
}

    div#header-wrapper-list a, div#header-wrapper-list  span {
        color: white;
        font-size: 15px;
        cursor: pointer;
        text-align: left;
    }

.layout-login-wraper a:first-child{
    padding: 0px 25px 0 6px;
    background: url(/Content/base/dynamic/shopping495/img/80717.jpg) no-repeat 100%;
    border-left: 2px solid #282828 !important;
    height: 16px;
    line-height: 16px;
    display: inline-block;
    margin-left: 8px;
    padding-left: 10px;
    padding-right: 26px;
}
#open-loginRegister > span {
    padding: 0px 25px 0 6px;
    background: url(/Content/base/dynamic/shopping495/img/80714.jpg) no-repeat 100%;
    background-size: 22px;
 
  
   
  
 
}
span.layout-profile-icon {
    display: none;
}
a#header-menu-button {
    display: none;
}



/**********user profile*************/

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

.header-two-wrapper, #userInfo_wrapper_data, .userinfo #wrapper_steps {
    display: none;
}

.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: #c59d5f;
    -webkit-border-radius: 0;
    -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: inline-block;
    text-align: center;
    margin-left: 10px;
    position: relative;
}

#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 {
    display: none;
}

#main #content {
}

#main .resizable[data-tmplname="form"] .wrapper_Col .ajax-form > div {
    width: 48%;
    margin: 0 1%;
    float: none;
    float: none;
    display: inline-block;
}

#main .wrapper_Col {
    width: 100%;
}

#main .resizable[data-tmplname="form"] > h4 {
    margin-right: 0;
}

form#logoutForm a:before {
    content: "";
    font-family: Fontawesome;
    position: absolute;
    right: 6px;
    top: 7px;
    background: url(/Content/base/dynamic/shopping644/img/92522.jpg);
    width: 20px;
    height: 20px;
    display: inline-block;
    background-size: cover;
}

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

.position-wrapper img {
    display: none;
}

.position-wrapper a img {
    display: inline-block;
}

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

.boxicon.ui.right {
    display: none;
}


#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;
  
}
#pageCover
{
    display: none;
}

#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 div#newsWidget {
    width: 30%;
    float: right;
}


#dialogContent span#newsInfo {
    /* margin-top: 39% !important; */
    padding-bottom: 40px;
}

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

#dialogContent .news-content {
    width: 69%;
    padding-right: 0;
    /* padding-left: 2%; */
    text-align: justify;
}

#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;
}


div#clientInfo_wrapper {
    margin-bottom: 18px;
    font-size: 15px;
    color: #c59d5f;
}


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

a#openUserInfoWrapper {
    margin-right: 0 !important;
    /* display: none; */
}

#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: #ffffff;
    border: 1px solid #eee;
    border-radius: 2px;
    margin-right: 0;
    margin-bottom: 6px;
    width: 100%;
}
#main #content input[type="radio"]
{
       width: auto;
}
#udpShipping  input:not([type="submit"]){
    width:auto !important;
}

#dialogContent .ajax-form label {
    display: inline-block;
    min-width: 96px;
}

#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;
}


.tinyPage #dialogAh7Box-wrapper {
    width: 70%;
    max-width: 1170px;
    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;
}

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

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

#main #content label, #dialogContent label {
    font-size: 14px;
    color: #444444;
    margin-left: 15px;
}


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

#main #content .wrapper_fde2 {
    /* width: 49%; */
    /* padding-bottom: 0; */
}

.resizable[data-formid="8217"] .wrapper_fde2 {
    padding-bottom: 23% !important;
}


.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: 300px;
    text-align: right;
    direction: rtl;
    position: relative;
    padding: 10px;
    background-color: #e8e8e8;
    display: inline-block;
    border-radius: 0 0 4px 4px;
}

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

.clearfix {
    /* padding: 4px 7px; */
    margin: 10px 0;
    background: none !important;
}

#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: 62%;
}

.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 {
    float: left;
}

.btn , .backGround_color_green{
    /* position: absolute; */
    bottom: 80px;
    z-index: 100;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
    display: block;
    cursor: pointer;
}

    .btn a, .btnBlack, .btn span, #container_AddAddress input[type="submit"], .backGround_color_green a,#wrapper_steps .shipping .head .add_address{
        border-radius: 0;
        font-size: 17px;
        padding: 5px 42px !important;
        padding-left: 1.5em;
        padding-right: 1.5em;
        background: #20202f;
        color: white;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        position: relative;
        font-size: 15px;
        margin-left: 0 !important;
        -webkit-transition: all 300ms;
        transition: all 300ms;
        margin-bottom: 10px;
        margin-top: 10px;
        border: none;
        cursor: pointer;
        min-width: 150px;
    }

        .btn a, .btn a span, .btn a:after, .btn span:after, .backGround_color_green a {
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            display: inline-block;
        }

            .btn a:hover, .btnBlack:hover, .btn:hover span , .backGround_color_green a:hover{
                /* box-shadow: 0 0px 0px #0e6252; */
                /* -webkit-transform: translate3d(0, 3px, 0); */
                /* transform: translate3d(0, 3px, 0); */
                background-color: rgb(139, 110, 66);
            }

                .btn a:hover span {
                    -webkit-transform: translate3d(-1em, 0, 0);
                    transform: translate3d(-1em, 0, 0);
                }

            .btn a:after, .btn span:after {
                content: "";
                border: 2px solid white;
                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;
            }

            .btn a:hover:after, .btn:hover span:after {
                opacity: 1;
                -webkit-transform: translate3d(-.3em, 0, 0) rotate(45deg);
                transform: translate3d(-.3em, 0, 0) rotate(45deg);
            }
            
.orderDetails-wrapper input {
    width: 100%;
}

#logoutForm {
    display: none;
}

.UPDashboard #logoutForm {
    display: block;
}




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

        .boxheader span:before {
            background: #72a845;
            width: 100%;
        }
.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;
}

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

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

.wprofile .tblorder tbody td:nth-child(3), .wprofile .tblorder tbody td:nth-child(5), .wprofile .tblorder tbody td:nth-child(9), .wprofile .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;
    }



    .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;
}
div#installmentList_container {
    display: none;
}

div#installmentOrderList_container {
    display: none;
}

div#ticketingList_container {
    display: none;
}

/***********end user profile*******************/
/***************************************login part********************************************/

#loginRegister {
    background-color: white;
    border: 1px solid #2B2A29;
    top: 50px !important;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.3);
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    display: none;
    position: fixed;
    background-color: #fff;
    right: 29%;
    z-index: 100000;
    padding-bottom: 13px;
    height: auto !important;
}



#closeLoginRegister {
    font-size: 12px;
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    height: 22px;
    width: 22px;
    display: block;
    position: absolute;
    right: -10px;
    top: -10px;
    padding: 1px;
    border-radius: 17px;
    -moz-border-radius: 17px;
    border: 4px solid #f0f0f0;
    -webkit-background-clip: border-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    z-index: 100;
    color: white;
    background: #c59d5f;
}

.fa-remove:before, .fa-close:before, .fa-times:before,
 .fa-remove:after, .fa-close:after, .fa-times:after {
    content: '';
    width: 10px;
    height: 2px;
    display: inline-block;
    background: white;
    transform:rotate(45deg);
    position: absolute;
    top: 6px;
    right: 2px;
}
 .fa-remove:after, .fa-close:after, .fa-times:after {
     transform:rotate(-45deg);
}
#loginRegister img {
    display: none;
}




#loginRegister > div {
    width: 50%;
    float: right;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 10px;
    width: 100%;
    border: none;
}

    #loginRegister > div > div:first-child {
        padding-bottom: 16px;
        margin-bottom: -4px;
        border-bottom: 1px solid #c59d5f;
        text-align: center;
        margin: -7px 19px;
    }

#login-container .fa-user, #register-container .fa-lock {
    color: #c59d5f !important;
    font-size: 23px;
    top: 13px;
    position: relative;
}

.fa.fa-fw {
    cursor: pointer;
}

.fa-fw {
    width: 1.28571429em;
    text-align: center;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-fw {
    cursor: pointer;
}

#loginRegister > div > div:first-child span {
    font-size: 19px;
}

#loginRegister > div > div > span {
    background: none;
    color: black;
}

#loginRegister > div > div > span {
    position: relative;
    top: 9px;
    background-color: #fff;
    padding: 0 9px;
    color: ##c59d5f;
}


form.ajax-form > div {
    padding: 22px 0 0 !important;
}


form {
    display: block;
    margin-top: 0em;
    max-width: 89%;
    margin: auto;
}

div#btnLoginWrapper {
    width: 100% !important;
    margin-top: 12px !important;
}

#btnRegisterWrapper {
    width: 101% !important;
    margin: 10px 0 auto !important;
    display: inline-block;
}

#loginRegister input:not([type=submit]) {
    line-height: 27px;
    height: 30px;
    padding: 1px 10px;
    margin: 6px 0 0;
    background: white;
    border: 1px solid #d6d4d4;
    box-shadow: none;
    font-size: 14px;
    webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 100%;
    margin-top: 5px;
}

a#removerPass, div#recoveryPassword_from label {
    font-size: 13px;
    margin: 3px 0px 1px;
    display: block;
    cursor: pointer;
}

#loginRegister input[type=submit] {
    background-color: #c59d5f;
}

input[type=submit], input[type=button], #loginRegister input[type=submit], .changePass, .btn-primary {
    color: #fff;
    border-radius: 0;
    border: none !important;
    padding: 6px 55px !important;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

div#recoveryPassword_from {
    width: 89%;
    margin: auto;
    float: none;
    margin-top: 11px;
}

#loginRegister input[type=submit],
 #loginRegister input[type=button],
  #loginRegister button[type=submit] ,
#UserLoginStyle2 input[type=submit],
#UserLoginStyle2 input[type=button],
#UserLoginStyle2 button[type=submit]{
    background-color: #c59d5f !important;
    line-height: 22px;
    height: auto;
    border: none;
    color: white;
    margin: 10px 0 0;
    cursor: pointer;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}


.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: 69px;
}

.errprAjaxForm, .successAjaxForm, .validation-error {
    /* border: none; */
    font-size: 13px !important;
}

.successAjaxForm {
    color: green;
}

.errprAjaxForm, .successAjaxForm, .validation-error {
    color: #f06e23;
    display: block;
    font-size: 13px;
    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;
    /* display: block !important; */
}

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

/***************************************login part ended***************************************/


ul#mainNavigation > li {
    display: inline-block;
    margin-right: 25px;
    position: relative;
    color: #fff;
    font-size: 15px;
    cursor: pointer;
}

.mbullet ,
.mbullet:before ,
.mbullet:after{
	border-radius:50%;
	background-color:#FFF;
	transition:all 0.2s ease-in-out;
}
.mbullet{
	width:5px;
	height:5px;
	position:absolute;
	bottom:13px;
	right:0;
	left:0;
	margin:0 auto;
	opacity:0;
	background-color: #d2c483;
}
.mbullet:before ,
.mbullet:after{
	content:'';
	width:4px;
	height:4px;
	position:absolute;
	top:0; right:0;
	opacity:0.8;
}
ul#mainNavigation li:hover a .mbullet:before,ul#mainNavigation li.selected a .mbullet:before{ right:10px; }
ul#mainNavigation li:hover a .mbullet:after,ul#mainNavigation li.selected a .mbullet:after{ right:-9px; }
ul#mainNavigation li:hover a .mbullet,ul#mainNavigation li.selected a .mbullet{ opacity:1;}



ul#mainNavigation > li > a.selected , ul#mainNavigation > li:hover
{
  color: #C59D5F;
}
ul#mainNavigation > li:first-child
{
  /* margin: 0 0%; */
  /* width: 20px; */
  margin-right: -16px;
  margin-left: -25px;
}
ul#mainNavigation > li:first-child a{
  color:transparent;
}
ul#mainNavigation > li:first-child > a:before{
    content:'';
    background: url(/Content/base/dynamic/shopping632/img/92397.jpg) no-repeat right;
    background-size: 17px;
    position: absolute;
    width: 23px;
    height: 23px;
    right: 30px;
    top: 26px;
}

ul#mainNavigation > li:before
{
    /* content: ''; */
    position: absolute;
    bottom: -32px;
    right: 1px;
    width: 100%;
    height: 34px;
    transition: .33s all ease-out;
}
ul#mainNavigation > li:hover:after{
 
      width: 100%;
}



 .resizable[data-boxstyle="team"] .catblurb img

{
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
}

div#headerContainer.fixed ul.subSecondNavigation
{
    margin-top: 29px;
}


ul.subSecondNavigation li {
    display: list-item;
    line-height: 2em;
    white-space: nowrap;
    padding: 2px 15px;
}
ul.subSecondNavigation li a 
{
  display: block;
  height:30px;
  line-height: 30px;
  /* min-width: 200px; */
  /* padding: 8px 15px; */
  font-size: 14px;
  line-height: 22px;
}
ul.subSecondNavigation li:hover
{
  color: #20202f;
}

ul.subSecondNavigation li:hover:before
{
 opacity:1;

}

ul#mainNavigation li a.arrow:before
{
   content: '\f107';
    position: relative;
    top: 2px;
    right: -5px;
    display: inline-block;
    font: 400 16px "FontAwesome";
    text-align: center;
    transition: 0.4s all ease;
    z-index: 2;
    color: #ffffff;
    will-change: transform;
    -webkit-filter: blur(0);
}

/*.........................virtual view.............................................*/
.rd-navbar-aside.toggle-original-elements {
    position: relative;
    z-index: 100;
    width: 90%;
    max-width: 1170px;
    margin: 0 auto;
    font-size: 14px;
    /* line-height: 1.71429; */
}





.rd-navbar-aside-wrap {
    margin: 0 auto;
    padding: 9px 0;
    height: 35px;
    position: relative;
    background-color: #0e0d0d;
    z-index: 100;
}

ul.rd-navbar-aside-group li {
    display: inline-block;
   
}
ul.rd-navbar-aside-group li:first-child
{
   margin-left: 29px;  
}
ul.list-inline.list-inline-reset li {
    display: block;
    float: right;
    margin: 0 10px;
    width: 20px;
    height: 20px;
    color: #ddd;
}
ul.list-inline.list-inline-reset li i, .fa-phone:before 
{
  font-size:20px;
  color: #ddd;
}


/*--------------------- SLIDE SHOW ---------------------*/
.resizable[data-tmplname="slideshow"] {
  
    overflow: hidden;
    
    position: relative;
}


    .resizable[data-tmplname="slideshow"] .frontpage-gallery {
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
    }

        .resizable[data-tmplname="slideshow"] .frontpage-gallery div:first-child {
            width: 100% !important;
            height: 100% !important;
            /* height: 100px; */
        }
        .resizable[data-tmplname="slideshow"] .slideShowContent
         {
             position:absolute;
             width: 90%;
             max-width: 1170px;
             left: 0;
             right: 0;
             margin: 0 auto;
             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;
             padding-right: 20px;
             font-size: 26px;
             font-size: 1.6rem;
             /* white-space: pre; */
             text-align: center;
         }
.resizable[data-tmplname="slideshow"] .slideShowContent h2
         {
             font-size:50px;
             font-size: 3rem;
             margin-bottom:20px;
         }
        .resizable[data-tmplname="slideshow"] .slideShowContent p 
         {
             white-space:pre;
         }

.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: 50px;
    height: 50px;
    color: transparent;
    font-size: 0;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 1px solid #fff;
}
.resizable[data-tmplname="slideshow"]:hover .slidesjs-previous, .resizable[data-tmplname="slideshow"]:hover .slidesjs-next
{
    opacity:1;
}

.resizable[data-tmplname="slideshow"] .slidesjs-previous {
  
left: 2%;
}
.resizable[data-tmplname="slideshow"] .slidesjs-previous:before,.resizable[data-tmplname="slideshow"]  .slidesjs-next:before
 {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    /* bottom: 0; */
    transform: translateY(-50%);
    right: 0;
    left: 0;
    top: 50%;
    cursor: pointer;
    z-index:1;
    background: url("/Content/base/dynamic/shopping831/img/93063.jpg") 50% 50%;
    background-repeat: no-repeat;
    background-size: 20px;
}
.resizable[data-tmplname="slideshow"] .slidesjs-next:before {
   
transform: rotate(180deg);
   
/* transform-origin: 0% 0%; */
   
top: 0;
}

.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.active {

-webkit-animation: slideFadeIn linear .5s both;

animation: slideFadeIn linear .5s both;
}




@-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[data-tmplname="slideshow"]
{
    position:relative;
    overflow:hidden;
    /* height:100px !important; */

}
.resizable[data-tmplname="slideshow"] .frontpage-gallery .slides-front > div:after
{
    content:"";
    position:absolute;
    top:0;
    left:0;
    background:#0000005c;
    width:100%;
    height:100%;
}
.slidesjs-pagination
{
  display:none;
}
.resizable[data-tmplname="tabs"] > h3, .resizable[data-tmplname="gallery"] > h3, .resizable[data-tmplname="news"] >h3 ,
.resizable[data-tmplname="content"] > h3,.resizable[data-tmplname="form"] > h3 ,.resizable[data-tmplname="product1"] > h3
{
  display:block;
  margin-bottom: 20px;
  font-size: 15px;
  font-weight: normal;
  color: #9a9a9a;
  text-align: center;
 }
.resizable[data-tmplname="tabs"] > h4, .resizable[data-tmplname="gallery"] > h4, .resizable[data-tmplname="news"] >h4 ,
#mainContent .resizable[data-tmplname="content"] > h4,.resizable[data-tmplname="form"] > h4,
.resizable[data-tmplname="product1"] > h4
{
  font-size: 38px;
  font-size: 2rem;
  position: relative;
  margin-bottom: 10px;
  color: #383848;
  text-align: center;
}
.slidShowNext {
    background: url(/Content/base/dynamic/shopping831/img/93055.jpg);
    position: absolute;
    left: 0;
    right: 0;
    width: 254px;
    height: 58px;
    bottom: -1px;
    z-index: 10;
    margin: 0 auto;
}

span.downIcon
{
  display:inline-block;
  width:50px;
  height: 42px;
  background: url(/Content/base/dynamic/shopping831/img/93056.jpg) 50% 50%;
  margin: 0 auto;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
}
/*................................................Content.................................................*/
 .resizable[data-tmplname="content"] {
    text-align: center;
    width: 90%;
    margin: auto;
    max-width: 1170px;
    /* overflow-x: hidden; */
    margin-bottom: 50px;
    margin-top: 60px;
}
.resizable[data-tmplname="content"] > div {
    text-align: right;
    line-height: 30px;
     padding: 40px 0;
}
.resizable[data-tmplname="content"] > div:after
{
  content:"";
  width:100%;
  display:inline-block;
  
}
    .resizable[data-tmplname="content"] > div * {
        /* font-size: 16px; */
        /* color: black; */
        text-align: justify;
        /* line-height: 1; */
    }

    .resizable[data-tmplname="content"] > div img {
        max-width: 100%;
        height: auto !important;
        margin-bottom: 12px;
        display: inline-block;
        vertical-align: middle;
        /* margin-top: -5%; */
    }

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

    .resizable[data-tmplname="content"] > div table {
        max-width: 100%;
        display: block;
        width: auto !important;
        margin-top: 10px;
        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;
            max-width: 326px;
            text-align: right;
            line-height: 1.4;
        }

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

    .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 {
    padding-right: 28px;
    padding-top: 9px;
}

.resizable[data-tmplname="content"] li {
    position: relative;
    margin-bottom: 10px;
    line-height: normal;
}

.resizable[data-tmplname="content"] ul li:before {
    content: '';
    width: 6px;
    height: 6px;
    position: absolute;
    right: -15px;
    top: 50%;
    margin-top: -2px;
    background: #161515;
} 


/*Start................................News ......................................................*/
.resizable[data-tmplname="news"] {
    
width: 100%;
    
margin: 0 auto;
    
padding: 100px 0;
    
/* opacity:  1; */
    
padding-bottom: 135px;
    
background-color: #f4f2ed;
}

.resizable[data-tmplname="news"] .wrapper_Col
{
  padding-top:20px
}

div#newsWidget > div {
    
width: 30.9%;
    
float: right;
    
margin: 0 1.5%;
    
padding-top: 25%;
    
position: relative;
    
margin-bottom: 3%;
    
-moz-box-shadow:0 2px 5px 0 rgba(0,0,0,0.18);
    
/* -webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.18); */
    
/* box-shadow:0 2px 5px 0 rgba(0,0,0,0.18); */
    
opacity: 0;
    
border-radius: 20px;
    
display: inline-block;
    
background: #fff;
    
line-height: 27px;
}
div#newsWidget > div:nth-child(3n+1)
{margin-right:0;}
div#newsWidget > div:nth-child(3n+3)
{margin-left:0;}

div#newsWidget div > a 
{
  
position: absolute;
  
top: 0;
  
width: 100% !important;
  
height: 0;
  
overflow: hidden;
  
padding-bottom: 82%;
}
#newsInfo .moreNewsContent:after
{
  content:" ";
  background: url("/Content/base/dynamic/shopping831/img/93049.jpg") no-repeat center center;
  width: 17px;
  height: 11px;
  vertical-align: middle;
  font-weight: normal;
  display: inline-block;
  margin-right: 14px;
  transform :rotate(180deg);
}

#newsInfo {
   
min-height: 185px;
   
display: block;
   
/* max-height: 200px; */
   
overflow: hidden;
   
padding: 25px;
   
width: 100%;
   
padding-top: 21%;
}
#newsInfo h3
{
  padding-bottom: 10px;
  font-size: 16px;
  color: #20202f;
}

#newsInfo .moreNewsContent
{
  display: block;
  padding-top: 15px;
  color: #e4b95b;
}
 .newsDate
{
  font-size: 12px;
  color: white;
  position: absolute;
  top: 18px;
  font-weight: bold;
  /* left: 0; */
  right: 13px;
  font-size: 13px;
  margin: auto;
  text-align: center;
  width: 90px;
  background: #20202f;
  display: inline-block;
  border-radius: 17px;
  z-index: 100;
  padding: 5px;
}

div#newsWidget div p {
    
font-size: 13px;
    
text-align: justify;
    
max-height: 76px;
    
position: relative;
    
overflow: hidden;
    
text-overflow: ellipsis;
}
div#newsWidget div p:after
{
  content:"";
  position: absolute;
  right: 0;
  left: 0;
  bottom: -21px;
  height: 21px;
  z-index: 1;
  background: -moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
  background: -webkit-linear-gradient(to bottom,rgba(255, 255, 255, 0.4) 0%,rgba(255,255,255,1) 100%);
  background: linear-gradient(to bottom,rgba(255, 255, 255, 0.4) 0%,rgba(255,255,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=0);
}

div#newsWidget div img {
    
width: 100%;
    
border-top-left-radius: 20px;
    
border-top-right-radius: 20px;
    
-webkit-transition: opacity .35s,-webkit-transform .35s;
    
transition: opacity .35s,transform .35s;
}
.news-content {
 width: 70%;
 float: left;
}
    .news-content table {
        max-width: 100%;
        display: block;
        width: auto !important;
        margin-top: 10px;
        border: none;
    }

       .news-content table td {
            padding: 0 10px;
            padding: 7px 15px;
            position: relative;
            transition: all 300ms;
            text-overflow: ellipsis;
            white-space: unset;
            overflow: hidden;
            max-width: 326px;
            text-align: right;
            line-height: 1.4;
        }
.news-content img{
      max-width: 100%;
        height: auto !important;
        margin: 12px 0;
}
  .news-content img[style *="float:left"], .news-content img[style *="float: left"] {
        margin-right: 20px;
    }

  .news-content div img[style *="float:right"], .news-content div img[style *="float: right"] {
        margin-left: 20px;
    }

div#dialogContent {
    width: 90%;
    max-width: 1170px;
    margin: 0 auto;
    margin-top: 139px;
    padding: 23px;
    margin-bottom: 88px;
    background: #f4f2ed;
    border-radius: 25px;
}

#dialogContent div#newsWidget 
{position: relative;width: 28%;float: right;}
#dialogContent:after
{
  content:" ";
  width:100%;
  display:table;
  clear:both;
}
#dialogContent #newsWidget .info_wrapper
{
  /* float:right; */
  /* width: 100%; */
  /* padding-top:8px; */
}

    #dialogContent div#newsWidget > div {
        
width: 100%;
        
padding-top: 77%;
    }

#newsWidget .info_wrapper > span {
    
padding: 2px 6px;
}
#newsWidget .info_wrapper > span span{
  
padding: 0 8px;
  
vertical-align: middle;
}
#newsWidget .info_wrapper  {
   color: #e4b95b;
   display: inline-block!important;
   
   
    14px 10px
   font-size: 15px;
   float: left;
   width: 100%;
   left: 24px;
   text-align: left;
   margin-top: 0px;
   position: absolute;
   top: 0;
   padding-top: 88%;
}
#newsWidget .info_wrapper_wrapper {
    height: 0px;
}

.ah7socialMedia, .printPage
{
  display:none
}
div#newsWidget > div.animated,body:not([data-menuid="-1"]) div#newsWidget > div:nth-child(-n + 4)
{
   animation-duration: 1s;
   animation-fill-mode: both;
   animation-name: fadeInUp;
   opacity: 1;
}
div#newsWidget > div:nth-child(4n+1)
{
    animation-delay: .2s;
}
div#newsWidget > div:nth-child(4n+2)
{
    animation-delay: 0.4s;
}
div#newsWidget > div:nth-child(4n+3)
{
    animation-delay: 0.6s;
}
div#newsWidget > div:nth-child(4n+4)
{
    animation-delay: 0.8s;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 20%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}
div#newsWidget {
    display: block;
    width: 90%;
    max-width: 1170px;
    margin: 0 auto;
    vertical-align: top;
    line-height: 0;
}
div#newsWidget:after
{
  content:"";
  width:100%;
  display:block;
  clear:both;
}
.pagination-wrapper {
    display: block;
    width: 90%;
    max-width: 1170px;
    margin: 0 auto;
}
.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: #525252;
        cursor: pointer;
        display: inline-block;
        margin: 0 6px 0 0;
        padding: 5px 13px 1px;
        text-decoration: none;
        font-size: 16px;
        -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.18);
        -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.18);
        box-shadow: 0 2px 5px 0 rgba(0,0,0,0.18);
        border-radius: 5px;
        /* min-width: 40px; */
    }

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

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

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

    .newscontent .pagenavi .ps {
        display: none;
    }
/************** comment *******************/

div#body-content-comments-wrapper {
    padding: 0;
    margin-top: 80px;
    width: 70%;
    padding-bottom: 40px;
    float: left;
}

#body-content-comments {
    padding: 0px 27px;
    border: 5px solid rgb(218, 220, 222);
    /* text-align: justify; */
    font-size: 15px;
    padding-top: 24px;
    padding: 4px;
    border-radius: 5px;
}

    #body-content-comments img {
        width: 60px;
        border: 1px solid rgb(218, 220, 222);
    }

    #body-content-comments > div {
    }

.comments-header {
    background-color: #eaeaea;
    font-size: 12px !important;
    display: inline-block;
    height: auto;
    line-height: 28px;
    padding: 0px 0px 0px 17px;
    top: -47px;
    right: -8px;
    position: relative;
    width: auto !important;
}

    .comments-header span:first-child {
        background-color: #52a5dd;
        padding: 2px 12px;
        font-size: 12px;
        color: white;
    }

    .comments-header span:nth-child(2n) {
        margin: 0 6px 0 37px;
    }

.comments-likes {
    float: left;
    position: relative;
    margin-top: -23px;
    margin-left: -62px;
    color: #10dc10;
    direction: ltr;
}

.likeValue {
    direction: rtl;
}

.comments-likes.Liked {
    margin-top: 3px;
    margin-left: 2px;
}

.comments-likes .like {
    background: url('/content/bamdad/Icon_set/png/arrow_up.png') no-repeat;
    width: 20px;
    height: 13px;
    position: relative;
    margin-right: 63px;
    top: 30px;
    left: 87px;
    cursor: pointer;
}

.comments-likes .dislike {
    background: url('/content/bamdad/Icon_set/png/arrow_down.png') no-repeat;
    width: 21px;
    height: 14px;
    position: relative;
    margin-right: 63px;
    top: 16px;
    left: 106px;
    cursor: pointer;
}

.comments-body {
    margin-right: 80px;
    font-size: 13px;
    margin-top: -31px;
    line-height: 22px;
    white-space: pre-line;
}

.comment-reply {
    width: 89%;
    margin-top: 35px;
    /*margin-bottom: 50px;*/
    border-top: 2px solid #4486f7;
    padding-top: 5px;
    margin-right: 68px;
}

    .comment-reply .comment-reply {
        border-top: 2px solid #4486f7;
        padding-top: 5px;
        margin-right: 68px;
    }



#content .context {
    text-align: right;
}

.btn-comment-reply {
    background-color: #52a5dd;
    color: white;
    padding: 1px 29px;
    font-size: 14px;
    float: left;
    margin-top: 16px;
    cursor: pointer;
}

.comment-relationShip {
    border-right: 2px dashed #dadcde;
    border-bottom: 2px dashed #dadcde;
    padding-right: 19px;
    width: 10px;
    position: absolute;
    height: 169px;
    margin-right: -39px;
    margin-top: -109px;
}

#commment-add-wrapper {
    /* border-bottom: none !important; */
    padding: 40px 40px 40px;
    background: #dadcde;
    border: 1px solid #dadcde;
    border-radius: 5px;
}

    #commment-add-wrapper > span {
        font-size: 13px;
        color: #0a4c89;
        font-weight: bold;
    }

#hr-header-comment {
    width: 81%;
    margin-right: 8px;
    float: left;
    display: inline-block;
    border: 1px solid #dadcde;
    margin-top: 8px;
}

#addcomment-box {
    float: right;
    width: 30%;
    padding-left: 1%;
}


#commment-add-wrapper input, #main input[type=text], #main input[type=password], select, textarea, #register-container input,
.wrapper_Col .ajax-form input, .wrapper_Col .ajax-form textarea, .wrapper_Col .ajax-form select {
    font-size: 14px;
    min-width: 200px;
    margin-bottom: 3px;
    margin-right: 0;
    width: 100%;
    margin-top: 1px;
    border: 1px solid #ccc;
    padding: 8px;
    color: #8a887c;
    padding: 6px 9px;
    background: #f0f0f0;
    border: 1px solid #eee;
    border-radius: 2px;
}

.wrapper_Col .ajax-form input, .wrapper_Col .ajax-form select {
}

#commment-add-wrapper input[type="submit"], .wrapper_Col .ajax-form .btnBlack {
    background: #339a03;
    color: white;
    border-radius: 5px;
    border-color: #dadcde;
    /* outline: 1px solid #07a263; */
    border-width: 1px;
    -webkit-appearance: none;
    padding: 10px 0px;
}

#main .form-group label {
    min-width: 114px;
    display: inline-block;
    font-size: 13px;
    line-height: 34px;
}


#commment-add-wrapper textarea {
    padding: 3px 10px;
    width: 70%;
    height: 133px;
    margin-bottom: 5px;
}

.userComment textarea {
    width: 100% !important;
    margin: 11px 0 0;
}

#main-banner-wrapper-news {
    width: 73%;
    float: left;
}

    #main-banner-wrapper-news > div {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #main-banner-wrapper-news div {
        /*display: inline-block;*/
        display: inline-table;
    }

.mainContent-wrapper > .topicList, .mainContent-wrapper > .topicContent, .mainContent-wrapper > #body-content-comments-wrapper {
    margin: 0 10%;
    padding-right: 0;
}

.mainContent-wrapper > .topicContent {
    padding: 20px 0 60px;
}

.mainContent-wrapper > .topicList {
    margin-top: 40px;
}


/***********end comment ************/


/*........................................End-news.............................................................*/
/* --------------------- GALLERY ---------------------*/

section[data-tmplname="gallery"]
{
  width:100%;
  /* padding:0 9.5%; */
  text-align:  center;
  /* background:url(/Content/base/dynamic/shopping831/img/93047.jpg); */
  background-size:100%;
  padding: 88px 0;
  padding-bottom: 170px;
}
section[data-tmplname="gallery"] > div 
{
  width:100%;
  margin-top: 25px;
}

section[data-tmplname="gallery"] li
{
  display:inline-block;
  text-align:center;
  position:relative;
  /* padding:0 0.5%; */
  width: 30%;
  margin: 1.5%;
  padding-bottom: 30% !important;
  border-radius: 81px;
}
section[data-tmplname] #galleryContent
{width: 90%;/* display: inline; */text-align:  center;margin:  0 auto;max-width: 1189px;}
section[data-tmplname="gallery"] li img
{
  width:100%;
  border-radius: 17px;
}
section[data-tmplname="galley"] .galleryImgText
{

} 
section[data-tmplname="gallery"] li:hover .galleryImgText
{
  width: 100%;
  height: 100%;
}
#fancybox-wrap {
    position: fixed;
    /* width: 89% !important; */
    height: 100%!important;
    width: 100% !important;
    padding: 0;
    z-index: 1101;
    top: 0 !important;
    left: 0 !important;
    display: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
#fancybox-close {
    position: fixed;
    top: 0;
    right: 0;
    width: 55px;
    height: 55px;
    background: url(/Content/base/dynamic/shopping653/img/92612.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 31px;
    cursor: pointer;
    z-index: 1103;
    display: none;
}

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

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

#fancybox-inner img{
  height:100%;
}
.galleryImgText
{
  width:0%;
  height:0%;
  background:#00000063;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  left:0;
  right:0;
  margin:auto;
  transition:all 0.5s;
  border-radius: 17px;
}


 #galleryContent ul
{
    width: 100%;
    font-size: 0;
    text-align: center;
}
.showMoreNews >img
{
  display:none;
}
.showMoreNews {
    padding: 11px 26px;
    display: inline-block;
    margin-top: 55px;
    cursor: pointer;
    color: #fff;
    transition: all .3s;
    font-size: 14px;
    position: absolute;
    left: 0;
    right: 0;
    width: 200px;
    margin: 0 auto;
    z-index: 100;
    background: #c99e42;
    bottom: 95px;
    -webkit-box-shadow: 0 0 20px 0 #dddcd9;
    -moz-box-shadow: 0 0 20px 0 #dddcd9;
    -ms-box-shadow: 0 0 20px 0 #dddcd9;
    -o-box-shadow: 0 0 20px 0 #dddcd9;
    box-shadow: 0 0 20px 0 #dddcd9;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    text-align: center;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
 
.resizable[data-boxstyle="paralax"] {
    width: 100% !important;
    height: 0 !important;
    margin-top: 0px;
    padding-bottom: 28%;
    /* z-index: 0; */
    overflow: hidden;
    background: white;
    margin: 0;
    /* position: relative; */
    text-align: center;
    max-width: inherit;
}

.resizable[data-boxstyle="extraHieght"] {
    height: 500px !important;
}

.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%;
}

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

.resizable[data-boxstyle="paralax"]>h4, .resizable[data-boxstyle="paralax"] > h3 {position: absolute;z-index: 100;width: 70%;right: 0;left: 0;margin: auto;color: white;top: 36%;transform: translateY(-50%);font-size: 29px;font-size: 1.8rem;text-align: center;padding: 0 0 20px;text-shadow: 0 1px 5px #000;}
.resizable[data-boxstyle="paralax"] > h3{
    
margin-top: 85px;
    
font-size: 16px;
    
line-height: 37px;
    
/* top: 62%; */
    
display: block;
    
border-bottom: none;
}
.resizable[data-boxstyle="paralax"] > h3:after
{
    display:none !important;
}
 .resizable[data-boxstyle="paralax"] .separator {
    position: absolute;
    left: 0;
    width: 100%;
    height: auto;
    background-size: contain;
    z-index: 100;
}
/*............................................Footer......................................*/
div#footer {
    /* overflow: hidden; */
    position: relative;
}
.bg-inner {
    background-image: url("/Content/base/dynamic/shopping806/img/92928.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    position: relative;
    /* margin-bottom: 74px; */
}
.bttop_style1{
    width: 40px;
    height: 40px;
    line-height: 48px;
    position: absolute;
    bottom: 109px;
    left: auto;
    right: 26px;
    margin: 0 auto;
    z-index: 103;
    background-color: #141618;
    cursor: pointer;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -moz-box-shadow: 0px -5px 5px rgba(0, 0, 0, 0.2);
    text-align: center;
    background: url(/Content/base/dynamic/shopping831/img/93062.jpg);
    background-size: 40px 40px;
    background-repeat: no-repeat;
}

.footer-content {
    background: #20202f;
    overflow: visible;
}

.footer-width {
    width: 90%;
    max-width: 1170px;
    margin: 0 auto;
    text-align: center;
    padding: 62px 0;
    padding-bottom: 80px;
    overflow: visible;
}


.footer-width > div.information-footer
{
  margin-bottom: 43px;
  font-size: 15px;
  text-align: center;
}
.gray
{
  color:rgba(255, 255, 255, 0.5);
}
.bottom-info > div.col
 {
     display: block;
     padding: 5px 20px;
     margin: 0 auto;
 }
 .bottom-info > div.col >span 
 {
   margin-left:5px
 }

ul.social-links li
{
    display:inline-block;
    margin: 0 7px;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    /* background-color: #222127; */
    /* opacity: 0.5; */
    /* cursor:pointer; */
    vertical-align: middle;
    border: 2px solid #383848;
    float: right;
}
ul.social-links li:hover
{
  opacity:1;
}
ul.social-links li > a
{/* padding-top: 7px; *//* font-size: 16px; *//* color: #999; *//* transition: all 0.3s; */width: 15px;height: 15px;background-repeat: no-repeat;display: inline-block;background-size: contain!important;margin-top: 13px;}
.top-info .address
{
  margin-bottom:10px;
}
.logoContainer > a
 {
     display: inline-block;
     width: 170px;
     position: relative;
     padding-bottom: 10px;
 }
 .logoContainer > a > img
 {
     max-width:100%
 }
 .logoContainer > a:after, .logoContainer > a:before
 {
     content:'';
     display:block;
     width:100%;
     border-top: 1px solid #ccc;
     position: absolute;
     bottom: 0;
     right: -8px;
 }
 .logoContainer > a:after
 {
     bottom: -4px;
     right: 8px;
 }

.socialMedia-footer {
    margin-top: 0;
    width: 50%;
    float: right;
}
.top-info
 {
     margin-bottom: 18px;
 }

.logoContainer {
    margin-bottom: 44px;
}
.footer-bottom-section 
{
  width:50%;
  float:left;
}
.footer-bottom-wrapper {
    padding: 0 0 16px 0;
    text-align: center;
    position: relative;
    color: #5c5c6e;
    text-align: left;
}

/*Start..............................Form.............................................*/  

 .resizable[data-tmplname="form"]
{
  clear: both;
  width: 86% !important;
  padding: 90px 0;
  margin: 0 auto;
  max-width: 1170px;
  }
  .resizable[data-tmplname="form"] > h4
  {
  	font-size: 28px;
  	text-align: center;
  	padding: 10px 0 30px;
  	color: #303030;
  	border: none;
  	margin: 0;
  	font-weight: bold;
  }
 
 
  .resizable[data-tmplname="form"] h2
  {
     display:none; 
  }

.resizable[data-tmplname="form"] .ajax-form > div,.resizable[data-tmplname="form"] .ajax-form > p
{
  width: 30.3333%;
  margin: 10px 0;
  margin-left: 3%;
  display: inline-block;
  position: relative;
}

#commment-add-wrapper input, #main input[type=text], #main input[type=password], select, textarea, #register-container input,
.wrapper_Col .ajax-form input, .wrapper_Col .ajax-form textarea, .wrapper_Col .ajax-form select {
    font-size: 14px;
    min-width: 200px;
    margin-bottom: 3px;
    margin-right: 0;
    width: 100%;
    margin-top: 1px;
    color: #8a887c;
    padding: 13px 9px;
    background:    #ededed;
    border-radius: 6px;
    border: 1px solid #e1e1e1;
    border-right: 3px solid #2b2b2b;
}
.resizable[data-tmplname="form"] .ajax-form .textarea
{
  width: 100%;
  margin: 0;
}
.resizable[data-tmplname="form"] .ajax-form > div label, .resizable[data-tmplname="form"] .ajax-form > div select
{
  width: 100%;
  display: inline-block;
  padding-bottom: 7px;
}
 




.resizable[data-tmplname="form"] .ajax-form > div textarea
{
  height: 168px;
}
.resizable[data-tmplname="form"] .ajax-form > button
{

border-radius: 0;

font-size: 17px;

padding: 12px 5px;

padding-left: 1.5em;

padding-right: 1.5em;

background: #20202f;

color: white;

-webkit-transform: translate3d(0, 0, 0);

transform: translate3d(0, 0, 0);

position: relative;

font-size: 15px;

margin-left: 0 !important;

-webkit-transition: all 300ms;

transition: all 300ms;

margin-bottom: 10px;

margin-top: 10px;

border: none;

cursor: pointer;

min-width: 200px;

border-radius: 5px;

width: 30%;
}
.resizable[data-tmplname="form"] .ajax-form > button:hover {
    background-color: rgba(54, 54, 54, 0.9);
}

/* --------------------- form payam  ------------------- */

.errprAjaxForm, .successAjaxForm, .validation-error {
    border: none;
    font-size: 16px !important;
  
}

.errprAjaxForm, .successAjaxForm, .validation-error {
    color: #f06e23;
    display: block;
    font-size: 13px;
    margin: .2em 0 .2em;
    text-align: center;
  
    display: none;
}

.validation-error, .errprAjaxForm {
    color: #ff0000;
    border: 1px solid #ff0000;
    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: 69px;
}

.errprAjaxForm, .successAjaxForm, .validation-error {
    /* border: none; */
    font-size: 16px !important;
}

.successAjaxForm {
    color: green;
}

.errprAjaxForm, .successAjaxForm, .validation-error {
    color: #ff0000;
    display: block;
    font-size: 13px;
    margin: .2em 0 .2em;
    text-align: center;
    display: none;
}
.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;
}
.wrapper_Col .ajax-form input.dynamicFormError {
    border-right: 2px solid #f50808 !important;
}
/*End................................Form.............................................*/
/*....................................Product.........................................................*/
.resizable[data-tmplname="product1"]
{

padding: 100px 0;

text-align: center;

background-color: #f4f2ed;
}
body[data-menuid="-1"] .resizable[data-tmplname="product1"]:after,body[data-menuid="-1"] .resizable[data-tmplname="product1"]:before,
body[data-menuid="-1"] .resizable[data-tmplname="gallery"]:before,body[data-menuid="-1"] .resizable[data-tmplname="gallery"]:after,
body[data-menuid="-1"] .resizable[data-tmplname="news"]:before,body[data-menuid="-1"] .resizable[data-tmplname="news"]:after,
#footer:before, #footer:after
{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  display:block;
  margin: 0 auto;
  background-repeat: no-repeat;
}
body[data-menuid="-1"] .resizable[data-tmplname="product1"]:before, body[data-menuid="-1"] .resizable[data-tmplname="gallery"]:before, 
body[data-menuid="-1"] .resizable[data-tmplname="news"]:before, #footer:before
{width: 254px;height: 58px;top: -58px;background: red;background:url(/Content/base/dynamic/shopping831/img/93057.jpg);}
#footer:before
{
  background:url(/Content/base/dynamic/shopping831/img/93061.jpg);
}
body[data-menuid="-1"] .resizable[data-tmplname="product1"]:after, body[data-menuid="-1"] .resizable[data-tmplname="news"]:after
{

width: 64px;

height: 50px;

top: -40px;

background-repeat: no-repeat;

background: url(/Content/base/dynamic/shopping831/img/93058.jpg);
}
 #footer:after
 {
   content:"\f2bc";
   font: normal normal normal 14px/1 FontAwesome;
   font-size: inherit;
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   font-size: 34px;
   color: #fff;
   top: -31px;
   width: 42px;
 }
body[data-menuid="-1"] .resizable[data-tmplname="gallery"]:before
{
  background:url(/Content/base/dynamic/shopping831/img/93059.jpg);
}
body[data-menuid="-1"] .resizable[data-tmplname="gallery"]:after
{
  content: "\f16d";
  display: inline-block;
  top: -40px;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 42px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.resizable[data-tmplname="news"]:after
{
  width: 50px;
  background:url(/Content/base/dynamic/shopping831/img/93060.jpg);
}
.resizable[data-tmplname="product1"] .body-content-wrapper
{
  width: 90%;
  margin:0 auto;
  max-width: 1170px;
  padding-top: 30px;
}
#body-content-tabs
{

text-align: center;

/* padding-bottom: 8px; */

/* max-height: 47px; */

display: inline-block;

width: auto;

background: #ffffff;

-webkit-border-radius: 30px;

-moz-border-radius: 30px;

-ms-border-radius: 30px;

-o-border-radius: 30px;

border-radius: 30px;

-webkit-box-shadow: 0 0 20px 0 #dddcd9;

-moz-box-shadow: 0 0 20px 0 #dddcd9;

-ms-box-shadow: 0 0 20px 0 #dddcd9;

-o-box-shadow: 0 0 20px 0 #dddcd9;

box-shadow: 0 0 20px 0 #dddcd9;

margin-bottom: 31px;
}
#body-content-tabs label
{
  position: relative;
  display: inline-block;
  width: auto;
  cursor: pointer;
  padding: 10px 36px;
  color: #20202f;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  /* border-radius: 30px; */
}
#body-content-tabs label.selected
{
  background: #20202f;
    color: #ffffff;
}
.gpImg_wrapper
{
  display:none
}
.gpImg_wrapper > img 
{
  /* width: 100%; */
  height: 32px;
}

.body-content-span
{
  display:none;
}
.body-content-wrapper .productslide
{
  width:100%;
  min-height: 400px;
  text-align: right;
  
}
.ProductFeature_Wrapper .body-content-wrapper .productslide
{
    display:none;
}
.body-content-wrapper .productslide > div 
{
  margin:0!important;
}

.product-slider-wrapper 
{
  width: 47.5%;
  display: inline-table !important;
  display: inline-block!important;
  text-align: right;
  position: relative;
  padding-right: 0;
  /* border: 6px solid #ececec; */
  padding-bottom: 4%;
  margin-left: 3%;
  padding-right: 134px;
  height: 148px;
}
a.product-slider-wrapper.hide {
    display: none !important;
}
.product-slider-wrapper:nth-child(2n+2)
{
  margin-left:0;
}
.product-slider-wrapper:hover div.product-name
{
  /* color: #e4b95b; */
  transition: all 0.3s ease-in;
}
.product-name
{
    border-bottom: 1px dashed #cccccc;
    color: #20202f;
    font-size: 18px;
    padding-bottom: 14px;
    position: relative;
    font-weight: 700;
    margin-bottom: 8px;
    width: 100%;
    margin-left: 0 !important;
    padding-left: 110px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.product-titr , .product-name
{
  /* width: 70%; */
  color: #20202f;
  margin-top: 5px;
}
.product-slider-wrapper > span.product-slider-wrapper-img
{

display: block;

width: 110px;

float: right;

margin-left: 0px;

height: 0;

padding-top: 110px;

position: absolute;

border-radius: 50%;

right: 0;
}
.product-titr
{
  font-size:14px;
  color: #7a7676;
  padding-left: 60px;
  text-align: justify;
}
.product-slider-wrapper > span > img
{width: 100%;height: 100%;object-fit: cover;/* border-radius: 50%; */border: 4px solid #eee;-webkit-transition: 0.5s ease-in-out;-moz-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;position: absolute;top: 0;right: 0;border-radius: 50%;}
.product-slider-price
{
  /* margin-bottom: -36px; */
  color: #e4b95b;
  position: absolute;
  left: 0;
  top: 8px;
  font-size: 18px;
  font-weight: bold;
}
.product-slider-wrapper > span > img:hover
{
  border-color: #c59d5f;
  
}

 .add_to_chartWithOutPlan, .add_to_chartDisable  {
    color: transparent;
    /* text-align: right; */
    font-size: 14px;
    float: left;
    position: absolute;
    left: 0;
    right: auto;
    top: 73px;
    width: 42px;
}


.add_to_chartWithOutPlan:after, .add_to_chartDisable:after
{
   content: "";
   background-image: url(/Content/base/dynamic/shopping831/img/93052.jpg);
   background-repeat: no-repeat;
   background-position: bottom;
   background-size: contain;
   display: inline-block;
   width: 34px;
   height: 30px;
   cursor: pointer;
   position: absolute;
   top: 0;
   left: 0;
       
}

.add_to_chartDisable:after
{cursor: context-menu;background-image: url(/Content/base/dynamic/shopping831/img/93052.jpg);
opacity:.2;
}

.add_to_chartWithOutPlan:after{
animation: chartAnimation .8s linear infinite;
  
}



@keyframes chartAnimation {
  0% {
        transform:scale(.9) rotate(5deg);
    }
  50% {
        transform:scale(1) rotate(-5deg);;
    }

  100% {
        transform:scale(.9) rotate(5deg);;
    }

   
}
@-webkit-keyframes chartAnimation {
     0% {
        transform:scale(.9) rotate(5deg);
    }
  50% {
        transform:scale(1) rotate(-5deg);;
    }

  100% {
        transform:scale(.9) rotate(5deg);;
    }
}

@-moz-keyframes chartAnimation {
     0% {
        transform:scale(.9) rotate(5deg);
    }
  50% {
        transform:scale(1) rotate(-5deg);;
    }

  100% {
        transform:scale(.9) rotate(5deg);;
    }
}

@-o-keyframes chartAnimation {
    0% {
        transform:scale(.9) rotate(5deg);
    }
  50% {
        transform:scale(1) rotate(-5deg);;
    }

  100% {
        transform:scale(.9) rotate(5deg);;
    }
}



.add_to_chartWithOutPlan:hover:after{
     background-image: url(/Content/base/dynamic/shopping831/img/93051.jpg);
}

.add_to_chartWithOutPlan:hover:after 
{
  opacity:.8;
} 
div#onlineFoodShopping_wrapper {
    /* display: none; */
    position: fixed;
    height: 100%;
    width: 380px;
    left: -380px;
    top: 0;
    background: #f7f3eb;
    z-index: 10000;
    transition: all .3s ease-in-out;
    overflow: auto;
}
#onlineFoodShopping_wrapper header {
    color: white;
    background-color: #e4b95b;
    border-bottom: 1px solid #c5b38a;
    height: 65px;
    padding: 0 15px;
    direction: rtl;
}

#btnCloseOnlineFoodShopping_wrapper  {
    position: absolute;
    left: 0;
    top: -1px;
    width: 50px;
    height: 66px !important;
    cursor: pointer;
    background: #d6d6d6;
    padding: 0;
    outline: none;
    border: none;
    z-index: 100;
}
#btnCloseOnlineFoodShopping_wrapper:before,
#btnCloseOnlineFoodShopping_wrapper:after
{content:'';height: 2px;width: 30px;background: white;position: absolute;transform: rotate(45deg);left: 9px;}
#btnCloseOnlineFoodShopping_wrapper:after{

transform: rotate(-45deg);
}
#onlineFoodShopping_wrapper h3 {
    float: right;
    margin: 0;
    line-height: 65px;
    white-space: nowrap;
    padding-right: 36px;
}


div#Food_userAuthentication {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1000;
    background: #f8f8f8;
    border-radius: 6px;
    width: 400px;
    height: 349px;
    margin-left: -200px;
    margin-top: -150px;
    padding: 3px 20px;
    font-size: 16px;
}

    div#Food_userAuthentication.largeBox {
        width: 80%;
        max-width: 1360px;
        left: 0;
        right: 0;
        margin: auto;
        height: 80%;
        top: 10%;
        margin-top: 0;
        overflow: auto;
    }

#container_AddAddress form.ajax-form > div:nth-of-type(2),
#container_AddAddress form.ajax-form > div:nth-of-type(3),
#container_AddAddress form.ajax-form > div:nth-of-type(5),
#container_AddAddress form.ajax-form > div:nth-of-type(7) {
    display: none;
}


div#onlineFoodShopping_wrapper header h3:before {
    content: "";
    background: url(/Content/base/dynamic/shopping765/img/92700.jpg) center;
    background-repeat: no-repeat;
    background-size: 25px;
    display: inline-block;
    width: 41px;
    height: 41px;
    cursor: pointer;
    position: absolute;
    top: 11px;
    right: 7px;
}

.btnFoodOrder i {
    background: #e4b95b;
    border-radius: 50%;
    color: white;
    padding: 5px;
    font-size: 10px;
    width: 20px;
    height: 20px;
    box-sizing: border-box;
}

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

span.icon-logo {
    background: #0a0a0f url(/Content/base/dynamic/shopping831/img/93033.jpg) 50%;
    background-repeat: no-repeat;
    top: 12px;
    left: 5%;
    right: 0;
    width: 246px;
    height: 54px;
    padding: 5px 20px;
    z-index: 1000;
    transition: all .5s ease;
    border-radius: 20px;
    display: block;
    margin: auto !important;
    margin-bottom: 10px;
}

#Food_userAuthentication form label {
    display: block;
    text-align: center;
    line-height: 45px;
  
}

.changePass, .btn-primary, .callForPhoneVerificationCode {
    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: #20202f;
    -webkit-border-radius: 0;
    -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: inline-block;
    text-align: center;
    margin-left: 10px;
    position: relative;
}



#Food_userAuthentication form input {height: 50px;font-size: 16px;font-size: 1rem;width: 100%;/* float: right; */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 #ded4bd;text-align: center;font-size: 14px;}

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

.note {
    text-align: center;
    line-height: 36px;
}

#Food_userAuthentication form.ajax-form > div
{
    padding: 0 !important;
    position: relative;
    margin: 10px 0;
}

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



.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: 6px 15px !important;
    vertical-align: middle;
    box-sizing: border-box;
    border: 1px solid #d0d0d0;
    border-top: none;
    border-right: none;
    /* height: 147px; */
    width: 100%;
    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: 300px;
    text-align: right;
    direction: rtl;
    position: relative;
    padding: 10px;
    background-color: #e8e8e8;
    display: inline-block;
    border-radius: 0 0 4px 4px;
}

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

.clearfix {
    /* padding: 4px 7px; */
    margin: 10px 0;
    background: none !important;
}

#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;
    width: 46px;
    margin-left: 10px;
    position: absolute;
    right: 14px;
    border-radius: 5px;
    top: -6px;
    left: auto;
    display: block;
}
.userProfile-wrapper  .orderDetails-wrapper img
{
    width:30px;
    top:0;
}
.orderDetails-wrapper > div > div {
    text-overflow: ellipsis;
    /* white-space: nowrap; */
    /* overflow: hidden; */
    font-size: 13px;
    text-align: right;
    padding-right: 72px;
    position: relative;
    overflow: visible;
}



.orderDetails-wrapper > div > div:nth-child(2)
{
    
font-size: 16px;
}
.orderDetails-wrapper > div > div:nth-child(3)
{
    
display:none;
}
div#btnfinallYourChart {
    float: left;
}


    div#onlineFoodShopping_wrapper.active {
        left: 0;
    }
    
div#fancybox-tmp {
    display: none;
}
.ProductFeature_Wrapper {
    padding: 50px;
    max-height: 400px;
}

div#body-main-features-right {
    text-align: center;
}

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

div#right-features-relatedTags {}

div#body-main-features-left > h1 {
    font-size: 22px;
}
div#body-main-features-left > h1 > span
{
    display:block;
    padding-top:20px;
    font-size:15px
}

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

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




/********************** bascket ***********************************/


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

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

#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 .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 .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 .s_title {
            width: 140px;
            text-align: center;
            font-size: 14px;
            color: #a8b5be;
            position: absolute;
            top: -30px;
            right: -60px;
        }

        #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 .steps .rounded_rectangle .step_user {
        width: 0;
        border: 0;
    }

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

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

    #wrapper_steps .steps .rounded_rectangle .step_payment {
        width: 100%;
    }

.PaymentReview #wrapper_steps .shipping {
    float: right;
    width: 100%;
}

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

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

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

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

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

#wrapper_steps .shipping_list img {
    vertical-align: middle;
    height: 42px;
}

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

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

    #wrapper_steps .shipping_list .price label {
        color: rgb(143, 200, 93);
    }

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

#wrapper_steps .editor {
    display: inline-block;
    vertical-align: middle;
}

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

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

    #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 .fullName {
    border-bottom: 1px solid rgb(224, 228, 232);
    padding-bottom: 6px;
    font-size: 15px;
    color: rgb(143, 200, 93);
}

#wrapper_steps .editor a:hover, #wrapper_steps .editor a:focus {
    background-position: 0 -34px;
}

#wrapper_steps .radio_wrapper {
    display: inline-block;
    padding: 50px 0px 40px;
    float: right;
    margin: -1px;
}

#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;
}

#wrapper_steps .shipping_list > div.active, #wrapper_steps .shipping_list > div.active .fullName, #wrapper_steps .shipping_list > div.active .details {
    /* border-color: rgb(143, 200, 93); */
}

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

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

    #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: 0px !important;
        float: none;
        border-right: 1px solid rgb(224, 228, 232);
    }

    #wrapper_steps .shipping_list strong {
        font-size: 13px;
        color: rgb(143, 200, 93);
    }

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

#wrapper_steps .shipping .head .add_address:hover {
    background: #8d6f42;
}

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

#rbBankType {
    list-style-type: none;
}

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

#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;
    }

#UserLoginStyle2 > img, #UserLoginStyle2 #btnLoginWrapper #btnRegiser {
    display: none;
}

#UserLoginStyle2 {
    width: 800px;
    margin: auto;
    margin-top: 42px;
}

    #UserLoginStyle2 #closeLoginRegister {
        display: none;
    }

    #UserLoginStyle2 > div {
        border: none;
        width: 400px;
        float: right;
        padding: 0;
        color: black;
        border-right: 1px solid #C9D1D7;
    }

    #UserLoginStyle2 #login-container {
        border-right: none;
    }

        #UserLoginStyle2 #login-container > div, #UserLoginStyle2 #register-container > div {
            text-align: center;
            font-size: 20px;
        }

            #UserLoginStyle2 #login-container > div:first-child i, #UserLoginStyle2 #register-container > div:first-child i {
                display: none;
            }

    #UserLoginStyle2 #btnLoginWrapper input[type=submit], #UserLoginStyle2 #btnRegisterWrapper {
        width: 100% !important;
        margin: 0 0px !important;
    }

    #UserLoginStyle2 #btnRegisterWrapper {
        padding: 0px 19px 0px;
        box-sizing: border-box;
        margin-top: 9px !important;
    }

    #UserLoginStyle2 #btnLoginToForm {
        display: none;
    }

    #UserLoginStyle2 #phoneNumberVerification {
        margin-top: 38px;
        display: none;
    }


div#phoneNumberVerification {
}

div#recoveryPassword_from {
    display: none;
}

div#wrapper_steps {
    margin-top: 18px !important;
}

div#orderDetails-totalPrice {
    /* display: none; */
}

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


#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: 152px;
    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%;
}
div#GmapPostPrice, #GmapBranch {
    background: #ffffff;
    font-size: 15px;
    line-height: 37px;
}

div#GmapPostPrice label, #GmapBranch
 label {
    display: inline-block;
    width: auto;
    margin-left: 5px;
    color: green;
    min-width: 0 !important;
    font-size: 15px;
    line-height: 33px;
}

div#GmapPostPrice span, #GmapBranch span {
    display: inline-block;
}

#GmapBranch  div{
}
#GmapBranch  div label{
}
#GmapBranch  div span{

white-space: pre-line;

line-height: 28px;

vertical-align: text-top;
}

#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;
}

#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;
}

select#ShahrestanID {
    right: 214px;
    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: 345px;
    width: calc(100% - 518px);
}

div#container_AddAddress {
    height: 430px;
}

    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#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;
}

.backGround_color_green {
    display: inline-block;
    float: left;
    margin-top: 10px;
}


#pnlPaymentList {
    padding-top: 60px;
}

    #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;
        }

        #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;
        }
/********************** end  bascket ***********************/









/*Start................................Responsive.............................*/
@media only screen and (max-width: 769px)
{
/*...........................Responsive Menu..................................*/
body:not(.head-active) #mainNavigation{
height: 0 !important;
}

	.header-opener {
	color: #fff;
	margin-right: 21px;
	/* position: absolute; */
	/* top: 19px; */
	/* right: 5%; */
}
.header-opener>span {
	position:relative;
	width: 25px;
	height: 16px;
	display:inline-block;
	/* vertical-align:top; */
}
.header-opener>span span,.header-opener>span:after,.header-opener>span:before,.nav-opener>span span,.nav-opener>span:after,.nav-opener>span:before {
	background: #fff;
	position:absolute;
	top: 50%;
	left:0;
	right:0;
	height: 2px;
	-webkit-transition:all .2s linear;
	transition:all .2s linear;
}
ul#mainNavigation li:hover a .bullet,ul#mainNavigation li.selected a .bullet{ opacity:0;}
.header-opener>span span,.header-opener>span:after,.header-opener>span:before {
	background: #fff;
}
.header-opener>span span:hover,.header-opener>span:after:hover,.header-opener>span:before:hover {
	background:#006bb7
}
.head-active .header-opener>span span,.head-active .header-opener>span:after,.head-active .header-opener>span:before {
	background: #fff;
	margin-top:0;
}
.head-active .header-opener {
	color: #fff;
}
.header-opener>span:after,.header-opener>span:before,.nav-opener>span:after,.nav-opener>span:before {
	content:"";
	top:0
}
.header-opener>span:after,.nav-opener>span:after {
	top:100%
}
.nav-active .nav-opener>span span {
	display:none
}

.head-active .header-opener>span:after,.head-active .header-opener>span:before,.nav-active .nav-opener>span:after,.nav-active .nav-opener>span:before {
	top:50%;
	left:0;
	right:0;
}

.head-active .header-opener>span:after,.head-active .header-opener>span:before {
	-moz-transform: rotate(-50deg);
	-ms-transform: rotate(-50deg);
	-o-transform: rotate(50deg);
	-webkit-transform: rotate(-50deg);
	margin-top:-2px;
}
.head-active .header-opener>span:after {
	-moz-transform: rotate(50deg);
	-ms-transform: rotate(50deg);
	-o-transform: rotate(50deg);
	-webkit-transform: rotate(50deg);
}
.head-active .header-opener>span span {
	opacity:0
}

 #headerContent #mainNavigation {
       //
       width: 300px !important;
       position: absolute;
       top: 72px;
       width: 100%;
       margin: 0 !important;
       overflow: auto;
       transition: all .3s ease-in-out;
       background-color: #0d1217;
       color: #fff;
       z-index: 100;
       text-align: right;
       padding: 0 25px;
       /* padding-top: 20px; */
       line-height: 30px;
       height: 0;
    }
    #mainNavigation .subSecondNavigation
{
  position:relative;
  display: block;
  background: #0d1217 !important;
  width: 100%;
  color: #fff;
  margin: 0!important;
  padding-top: 0;
  border: 0;
  right: 0;
}
div#container_wrapper
{
  margin-top: 81px;
}
div#headerContent
{
	padding:0;
	width: 100%;
	background: #20202f;
}
a#ProductInChartImg, #ProductInChartCount
{
  margin-left: 181px;
}
ul#mainNavigation > li
{
	
display: block;
	
margin-right: 0;
	
font-weight: normal;
	
font-size: 16px;
	
position: relative;
	
border-bottom: 1px dashed #20202f;
}
ul#mainNavigation > li:first-child
{
	 margin: 0;
	 margin-top: 17px;
}
ul#mainNavigation > li:first-child a
{
  color:#fff
}
.mbullet
{
  display:none
}
ul#mainNavigation > li:first-child a:before
{
  display:none;
}
ul#mainNavigation  li a 
{
	padding: 6px 0;
	position: static;
	display: inline-block;
	border: none;
}
ul#mainNavigation li a.arrow:before
{
	
content: ' ';
	
position: absolute;
	
left: 0;
	
right: auto;
	
top: 40%;
	
margin: 0;
	
width: 0;
	
height: 0;
	
border: 6px solid;
	
border-color: white transparent transparent transparent;
	
border-radius: 0;
	
z-index: -1;
}
ul#mainNavigation > li:before, ul.subSecondNavigation:before
{
	display:none;
}
/*...........................End responsive Menu.........................*/
.resizable[data-tmplname="content"] > div img
{
  float: none!important;
  display: block;
  /* margin: 0 auto; */
}
section[data-tmplname="gallery"] li
{
  width: 47%;
}
.resizable[data-boxstyle="paralax"]
{
  padding-bottom:50%
}
div#newsWidget > div
{
  width: 48%;
  padding-top: 38%;
  margin: 20px 0;
}
div#newsWidget > div:nth-child(2n+1)
{
  margin-left:4%
}
.resizable[data-tmplname="form"] .ajax-form > div, .resizable[data-tmplname="form"] .ajax-form > p
{
  width:47%
}
#dialogContent div#newsWidget
{
  width:70%;
  float:none;
}
#dialogContent div#newsWidget > div
{
  width:100%;
  padding-top: 73%;
}
#dialogContent .news-content
{
  width:100%;
}
  div#Food_userAuthentication.largeBox {
    width: 100%;
    height: 100%;
    top: 0;
    border-radius: 0;
    padding: 0;
}



#wrapper_steps .steps .rounded_rectangle .bullet .s_title {
    font-size: 12px;
}

#main #content label, #dialogContent label {
    font-size: 13px;
    line-height: 19px;
}

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

#orderDetails-header div:nth-child(3),
.orderDetails-wrapper > div:nth-child(3)
{
    display:none;
}
   
}  
@media only screen and (max-width: 480px)
{
  .product-slider-wrapper
  {
    width:100%;
    display: block!important;
  }
  .product-titr
  {
    display:none
  }
  .product-name
  {
    padding:0

  }
  .product-slider-price
  {
    top:50px;
    right:140px
  }
  .add_to_chartWithOutPlan, .add_to_chartDisable
  {
    top:50px
  }
  section[data-tmplname="gallery"] li
{
  width: 100%;
  margin-bottom 20px;
}
.resizable[data-boxstyle="paralax"]
{
  padding-bottom:90%
}
div#newsWidget > div
{
  width: 100%;
  padding-top: 78%;
  margin: 20px 0;
}
.resizable[data-tmplname="form"] .ajax-form > div, .resizable[data-tmplname="form"] .ajax-form > p
{
  width:100%
}
#dialogContent div#newsWidget
{
    width:90%
}
.footer-width
{
    padding-bottom:200px;
}
.bttop_style1
{
    bottom:250px
}

}
 
     
        



        
        
        
        
        
        
.uploadingImage {
    display: none;
    left: 0;
    margin: auto;
    position: absolute;
    padding: 0;
    margin: 0px;
    color: transparent;
    width: 100%;
    height: 100%;
    margin-top: -10px;
    box-sizing: border-box;
    border: 1px dashed #e0e0e0;
    background-color: #f0f0f0;
    opacity: 0.95;
}

.ajax-form .uploadingImage {
    margin: auto;
    height: 135px;
}

.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;
}

.uploadingImage img {
    margin-top: 0px !important;
    width: 24px !important;
    vertical-align: middle;
    margin-left: 14px;
}
        


.ShoppingScenario_wrapper {
    display: block;
    /* float: right; */
    display: none;
    padding: 60px 0;
    text-align: center;
    width: 90%;
    margin: auto;
}

    .ShoppingScenario_wrapper > div {
        width: 31%;
        float: right;
        margin-left: 2%;
        background: #e8e8e8;
        border: 1px solid #d8d8d8;
        padding: 28px;
        box-sizing: border-box;
    }

    .ShoppingScenario_wrapper h5 {
        font-size: 14px;
        text-align: center;
        margin-bottom: 10px;
    }

    .ShoppingScenario_wrapper span.img_wrapper {
        width: 80%;
    }

    .ShoppingScenario_wrapper span.btn {
    }

    .ShoppingScenario_wrapper span.img_wrapper img {
        width: 100%;
    }

.branchList_wrapper p {
    display: none;
}

.branchList_wrapper > div {
    display: inline-block;
    padding-top: 10px;
    width: 24%;
}

.branchList_wrapper {
    padding: 20px 0;
}

.OrderTimeSheet_wrapper {
    padding: 20px 0;
}

    .OrderTimeSheet_wrapper > div {
        display: inline-block;
        width: 48%;
        margin-left: 2%;
    }

    .OrderTimeSheet_wrapper .col-lg-3 {
        width: 100%;
    }
  
        
        


div#applications a
{
  background: #8c171e;
  border: 2px solid white;
  border-radius: 9px;
  padding: 5px 10px;
  color: white;
  margin: 16px 0;
  display: block;
  font-size: 17px;
  /* margin-bottom:10px !important; */
}
div#applications 
{
  width: 100%;
  max-width: 400px;

  /* height: 100px; */
  display: inline-block;
  margin-top: -28px;
}
div#applications img
{
  width: 25px;
    text-shadow: 0 0 black;
    vertical-align: middle;
    margin-left: 10px;
}