#msg_comments_send {
    text-align:center;
    color:#A8518A;
    position:relative;
    top:-40px;
    font-size:13px;
}
#send-img-birth {
    border:0;
    width:385px;
    height:55px;
    line-height:55px;
    color:#FFFFFF;
    margin-top:15px;
    background-color:#00AFEF;
}
#img-comments {
    margin-top:30px;
}
#label_comment {
    height:70px;
    line-height:70px;
    padding-right:40px;
    font-size:16px;
}
#sel1-comments {
    display:table-cell;
    vertical-align:top;
    width:800px;
}
#sel2-comments {
    display:table-cell;
    vertical-align:top;
    width:400px;
    padding-right:15px;
}
.sel1-comments-top {
    margin-bottom:10px;
    background-color:#FFFFFF;
}
.sel1-comments-top > label {
    display: inline-block;
    padding-right: 10px;
    height: 50px;
    line-height: 70px;
}
.sel1-comments-top > div {
    padding: 10px 30px;
    text-align:justify;
    font-size:13px;
    line-height:30px;
    color:#373435;
}
#sel1-comments-bottom {
    background-color:#FFFFFF;
    padding:35px 20px;
    height:275px;
    overflow:hidden;
}
#img-comments1 {
    width:800px;
    height:350px;
}
#img-comments2 {
    width:385px;
    height:565px;
}
#text-comments {
    border:solid 1px #D9DADA;
    width:100%;
    height:200px;
    padding:10px;
    font-size:13px;
    line-height:30px;
    color:#373435;
}
#comments_send {
    border:0;
    background-color:#A8518A;
    padding:5px;
    width:130px;
    height:35px;
    line-height:20px;
    color:#FFFFFF;
    font-size:14px;
    position:relative;
    top:-60px;
    right:620px;
}
#profile_picture_comment{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 20px;
}#calender {
    padding:7px 15px 10px 30px;
}
#calender2 {
    padding:7px 15px 10px 30px;
}

#navBack1 {
    display:none;
}
#navBack2 {
   font-size:14px;
   
}
#navFwd1 {
    display:none;
}
#navFwd2 {
   font-size:14px;
   
}

#calender> .pcalBtn {
    width: 0px;
    height: 0px;
    opacity:0;
    display:none;
}
#calender2 >.pcalBtn {
    width: 0px;
    height: 0px;
    opacity:0;
    display:none;
}
#calender> .pdate {
    width: 0px;
    height: 0px;
    opacity:0;
    display:none;
}
#calender2 >.pdate {
    width: 0px;
    height: 0px;
    opacity:0;
    display:none;
}
div.picker {
    display:table-cell;
    background-color: #EBECEC;
    border-radius:13px;
    padding: 5px;
    width:270px;
    height:225px;
    vertical-align:top;
}

div.picker table{
    font-size:12px;
}

div.picker td {
    width: 37px;
    height:23px;
    text-align: center;
    padding: 0px;
}

div.picker div.navBack {
    /*	float: right;
        uncommenting this line breaks IE display of element
        in some unknown situations !
    */
}

div.picker div.navBack a{
    float: right;
}

div.picker div.navFwd {
    float: left;
}

div.picker div.navFwd a {
    float: left;
}

div.picker span.navInfo {
    padding: 5px 0px;
    display: inline-block;
}

div.picker td.pickerHead a {
    padding: 5px;
}

div.picker td.pickerHead a.nav {
    display: block;
}
div.picker td.pickerHead a.nav:hover {
    background-color:#EBECEC;
}

div.picker td.pickerHead a.monYear {
    display: inline-block;
    padding-left: 1px;
    padding-right: 1px;
}
div.picker td.pickerHead a.monYear:hover {
    background-color:#EBECEC;
}
div.picker a.weekday {
    display: block;
    padding: 2px 0px;
    width:23px;
    height:23px;
    line-height:23px;
    margin-right:7px;
    border-radius:50%;   
}



div.picker a.selected {
    background-color: #8C145A;
}

div.picker a.today {
    border:solid 2px #8C145A;

}
div.picker a.tkgh {
    color:#D9DADA;    
}
div.picker a.tkgh:hover {
    background:0;    
}
div.picker a.tkgha {
    background-color: #F099CB;    
}
div.picker a.tkgha:hover {
    background-color: #F099CB;    
}

div.picker td.calWeekdays {
    text-align: center;
    padding-top: 3px;
    padding-bottom: 2px;
    color:#B2B3B3;
}

div.picker td.pickerFoot a {
    display: block;
    padding: 2px;
    border-radius:13px;
}

div.picker a {
    text-decoration: none;
    color: #5B5B5B;
    -moz-transition: all 0.1s cubic-bezier(0,1,1,0);
    -webkit-transition: all 0.1s cubic-bezier(0,1,1,0);
    -o-transition: all 0.1s cubic-bezier(0,1,1,0);
    transition: all 0.1s cubic-bezier(0,1,1,0);
}

div.picker a:hover {
    text-decoration: none;
    color: #FFFFFF;
    background-color: #8C145A;
}
div.picker a.select_d {
    text-decoration: none;
    color: #FFFFFF;
    background-color: #8C145A;
}
div.picker a.select_d {
    text-decoration: none;
    color: #FFFFFF;
    background-color: #8C145A;
}
div.monthYearPicker {
    background-color: #EEEEEE;
    border: solid 2px #999;
    border-radius: 3px;
    box-shadow: 1px 1px 2px rgba( 0, 0, 0, 0.3 );
    text-align: center;
    position: absolute;
    font: 11px Tahoma;
}

div.monthYearPicker a {
    text-decoration: none;
    color: #333;
    -moz-transition: all 0.1s cubic-bezier(0,1,1,0);
    -webkit-transition: all 0.1s cubic-bezier(0,1,1,0);
    -o-transition: all 0.1s cubic-bezier(0,1,1,0);
    transition: all 0.1s cubic-bezier(0,1,1,0);
    display: block;
    padding: 5px;
}

div.monthYearPicker a.selected {
    background-color: #FF5737;
}

div.monthYearPicker a:hover {
    text-decoration: none;
    color: #004;
    background-color: #FF5737;
}
            .g_selected.isntSpecial .css-arrow1{display:none}
        #imgPrev{
                                    max-width: 400px;
                                    margin: auto;
                                    max-height: 300px;
                                    }

                                    #imgInfoBox{
                                        width:400px;
                                        height:50px;
                                    }

                                    #uploadLabel{
                                        padding: 5px 14px;
                                        background: green;
                                        border-radius: 3px;
                                          cursor:pointer;
                                    }
                                    
        #buyBtns{width: width:100%;}
        #page_goloff {
            width:550px;
            height:195px;
            border:solid 1px #e8e8e8;
            margin:10px auto;
        }
        input#product_order {
            width: 140px;
        }
        
            #rSelectTime{
                background:url("https://cakeoff.ir/folder/img/timeplace2.png") no-repeat center;
                background-size:40px ;
                background-position:96% ;
                color: #9c3263;
                font-weight: bold;
                margin: 15px auto;
                display: block;
                width: 360px;
                height:50px;
                background-color: #d8d7d7;
                border-radius: 3px;
                padding: 5px;
                line-height: 2.5;
                padding-right:30px;
                text-align:center;

            }
            #rSelectTime[data-timeselected="yes"]{background-color:#5adc9f}
            #rSelectTime:hover{ background-color: #e9d7d7;}
            .g_list_list_no_sel:hover,.g_selected:hover{background-color:#d8d7d7}
            #rSelectTime>svg{vertical-align:middle}
            
  #p_special_day {
            position:fixed;
            width:100%;
            height:100%;
            display:none;
            top:0;
            left:0;
            z-index:50000;
        }
        #p_special_day_t {
            width:1200px;
            height: 100vh;
            margin:auto;
            background: url("https://cakeoff.ir/folder/img/popup.png") no-repeat center;
            background-size:cover;
            padding:50px;
            background-color: #f7f5f5a3;
            color:#fff;
            box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
            text-align:justify;
            line-height: 3;
        }
        #menu_special_day,#special_day_ca,#vitrin {
            display: inline-block;
            cursor: pointer;
            width: 220px;
            border:none;
            line-height: 43px;
            margin-top: 19px;
            font-size: 16px;
            font-weight: bold;
            color: #4e434a;
            border-radius: 4px;
            margin-right: 10px;
             -webkit-transition: background 0.2s ease;
                 -moz-transition: background 0.2s ease;
                 -o-transition: background 0.2s ease;
                 transition: background 0.2s ease;

        }
      #closePopup {
        line-height: 1;
        font-size: 38px;
        }
        #vitrin{background:#4dadf5; color: #fff;} #vitrin:hover{background:#79c5ff}
        #menu_special_day{background:#e16072; color: #fff;}#menu_special_day:hover{background:#f77b8c}
        #special_day_ca{background:#aaaaaf}#special_day_ca:hover{background:#ebecec}
        #special_day_b { text-align:center;}
        .matnol-1{  margin-top : 20px ; margin-bottom : 30px  }.u-list{  list-style-type : disc  }.u-k{  list-style-type : disc ; font-size : 0.9em ; line-height : 2.3em ; text-align : justify ; direction : rtl  }.art-01{  margin-right : 15px ; margin-left : 15px ; text-align : right ; line-height : 2.3em ; font-size : 0.95em  }.u-k{  list-style-type : disc ; font-size : 0.9em ; line-height : 2.3em ; text-align : justify ; direction : rtl  }
        #send-img{
         border: 1px solid #03a9f4;
            vertical-align: top;
            border-radius: 2px;
            width: 100%;
            margin-top: 10px;
            text-align: center;
            padding: 10px  10px;
            background-color: #03a9f4;
            display: inline-block;
            cursor: pointer;
            color:#fff;
            }
        

        .public_mask.hide{display:none;  -webkit-transition: all 500 ease;
                  -moz-transition: all 500 ease;
                  -o-transition: all 500 ease;
                  transition: all 500 ease;}
        .public_mask.show{display:block;  -webkit-transition: all 500 ease;
                  -moz-transition: all 500 ease;
                  -o-transition: all 500 ease;
                  transition: all 500 ease;}
        #send-img-form{
            overflow: auto;
            height: 90%;
            width:1200px;
            padding: 30px 50px 0 50px;
            margin: 2% auto;
            border-radius: 4px;
            text-align: center;
        }
        .usr-img-thumb:hover{opacity:.9}
        .usr-img-thumb>img{  width: 162px;}
        .usr-img-thumb{
            vertical-align:top;
            display:inline-block;
            width: 162px;
            height: 160px;
            margin: 8px;
            overflow:hidden;
            border: 1px solid #e0e0e0;
            border-radius: 3px;
            position:relative;
            background-size: cover;
            background-position: center;
            }
            .usr-img-thumb.addImg{
              background:  url("https://cakeoff.ir/folder/img/icons/addimg.png") no-repeat center;
               background-size: 100px;
               background-color: #b7ff6385;
               line-height: 16;
               cursor: pointer;
               text-align: center;
            }
            .usr-img-thumb.addImg:hover{background-color:#2aff0040}
        .usr-img-thumb:hover>span{position:absolute;left:0;top:0; width: 100%; height:100%; background: red;}
        .usr-img-thumb:hover>span{display:block}
         #lastImages{
            text-align: right;
            padding: 20px 0;
            position: relative;
            border: 1px solid #e6e6e6;
            background:#fbfbfb;
            }
        

        .rInactive {
            opacity: .5;
            background: gray;
        }
            .rHour{
                padding: 5px 10px;
                cursor: pointer;
                border-radius: 3px;
                margin: 1% 2%;
                background: #a24772;
                color: #fff;
            }
            .rHour:hover{    background: #de669e;}
        
        .rArrow.left {
            background: url(https://cakeoff.ir/folder/img/icons/r_larrow.png) no-repeat center;
            background-size: 73%;
            height: 30px;
            width: 40px;
            vertical-align: middle;
        }
        hr{margin:0}
        #popupHead{
            width: 517px;
            background: #fff;
            margin: auto;
             margin-top: 50px;
            border-radius:5px 5px 0 0 ;
        }
        #popupHead>.rArrow{cursor:pointer;padding:5px}
        #popupStepsMask{
            width: 517px;
            overflow: hidden;
            position: relative;
            height: 430px;
            margin: auto;

            background: #fff;
            padding: 5px;
            border-radius: 4px;
            }
       #rPopupMask{
            display:none;
            position:fixed;
            top:0;left:0;
            width:100%; height:100%;
            background:rgba(1,1,1,.4);
            z-index:10000;
        }


        .rCityItem{ padding: 5px 10px;
                    cursor: pointer;
                    border-radius: 3px;
                    margin: 1% 2%;
                    background: #a24772;
                    color: #fff;%}
        .rCityItem:hover{    background: #de669e;}
        .rCityItem.selectedCity{    background: #de669e;}
        div.picker a.weekday{width: 29px!important;height: 27px!important;margin:auto;border-radius:3px;line-height:1.3}

        .timeSelectionTip{
            color: #ffffff!important;
            background: #ae4f87;
            width: 100%!important;
            margin-top: 4px;
        }
        #rPopupSteps{
            
      display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;      /* TWEENER - IE 10 */
      display: -webkit-flex;     /* NEW - Chrome */
      display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */

    
            position: absolute;
            height: 430px;
            right: 0;
            top: 0;
             -webkit-transition: all .3s ease;
                 -moz-transition: all .3s ease;
                 -o-transition: all .3s ease;
                 transition: all .3s ease;
        }
        #getCity{ -webkit-transition: all .3s ease;
                 -moz-transition: all .3s ease;
                 -o-transition: all .3s ease;
                 transition: all .3s ease;flex : 0 0 450px;
                -webkit-box-flex: 1 450px;
                -moz-box-flex:  1 450px;
                width:450px;;opacity:1;overflow: auto;height: 400px;}
        #rExactTime{ -webkit-transition: all .3s ease;
                 -moz-transition: all .3s ease;
                 -o-transition: all .3s ease;
                 transition: all .3s ease;flex : 0 0 450px;
                -webkit-box-flex: 1 450px;
                -moz-box-flex:  1 450px;
                width:450px;;opacity:1;overflow: auto;height: 400px;}
        .calender{ -webkit-transition: all .3s ease;
                 -moz-transition: all .3s ease;
                 -o-transition: all .3s ease;
                 transition: all .3s ease;
            width: 517px;
            margin: auto;
            padding: 23px 0;
            background: #ebecec;
        }
        #rHourSelect{ -webkit-transition: all .3s ease;
                 -moz-transition: all .3s ease;
                 -o-transition: all .3s ease;
                 transition: all .3s ease;flex : 0 0 450px;
                -webkit-box-flex: 1 450px;
                -moz-box-flex:  1 450px;
                width:450px;;opacity:0;  padding:0;}
        #rPopupSteps.step1{right:0}


        #rPopupSteps.step1 #getCity{opacity:1}
        #rPopupSteps.step2 #getCity{opacity:0}
        #rPopupSteps.step2 #calender{opacity:1;}
        #rPopupSteps.step3 #calender{opacity:0;}
        #rPopupSteps.step3 #rHourSelect{opacity:1;}
        #rPopupSteps.step4 #rHourSelect{opacity:0;}
        #rPopupSteps.step4 #rExactTime{opacity:1;}


        #rPopupSteps.step2{margin-right:-450px}
        #rPopupSteps.step3{right:-900px}
        #rPopupSteps.step4{right:-1350px}



        div.picker{
            width:400px;height:355px;
            display:block; margin:auto;
            background: #ebecec;
        }
        div.picker{background:#ebecec;}
        div.picker table {
           font-size: 19px;
            width: 400px;
            height: 355px;
        }
        #navBack2,#navFwd2{
        font-size: 23px;
        line-height: 1.2;
        font-weight: bold;
        }
        div.picker td.pickerHead a.nav:hover {
            background-color: #989898;
            border-radius: 4px;
        }
        /*div.picker td.pickerHead a.monYear:hover {
            background-color: #b3b3b3;
            border-radius: 4px;
        }*/
    div.picker a.tkgh:hover {
        background: #a0a0a0;
    }
    
            
            .head-text{
               font-size:12px;
               line-height:30px;
               color:#525659;
               font-weight:500;
               padding-right:145px;
            }
            .up-nav-bar-main
            {
               min-width:1200px;
               background-color:#d1d2d4;
            }

            .up-nav-bar
            {
               width:1200px;
               height:30px;
               line-height:30px;
               font-size:12px;
               margin: auto;
            }
            .up-nav-bar1{
                display:table-cell;
                width:600px;
            }
            .up-nav-bar2{
                display:table-cell;
                width:600px;
                text-align:left;
            }
            .up-nav-bar2>span{
                font-weight:bold;
                margin:5px;
            }
            .up-links{
                text-decoration:none;
                color:#525659;
                cursor: pointer;
            }

            .up-links:last-child{
                margin-left:30px;
            }

            .up-links:hover {
                color:white;
            }
            #r_go-top-btn {
                display: none;
                position: fixed;
                background: url("https://cakeoff.ir/folder/img/icons/top.png") no-repeat center;
                background-size: contain;
                top: 600px;
                right: 445px;
                width: 40px;
                height: 40px;
                cursor: pointer;
                z-index: 100;
            }
        

        #order-count {
            display:inline-block;
            padding:0px 5px;
            text-decoration:underline;
        }
        .search-nav-bar{

            width:1200px;
            height:65px;
            display:block;
            vertical-align:middle;
            margin: auto;
            position:relative;
        }


        #cake-off-icon{

            height: 140px;
            width:140px;
            position: absolute;
            z-index: 100;
            top: -30px;
            right: 4px;


        }

        #cake-text{
            color:#a54586;
            height:65px;
            width:180px;

            line-height:65px;

            font-weight:bold;

            font-size:13px;
            display:inline-block;
            margin: 0px 175px 0px 50px;

        }

        .search-btn{
            display:inline-block;
            transition: box-shadow 0.3s ease-in-out;
            position:relative;
        }
        .search-btn.top{
            width:360px;
            border:1px solid #929292;
        }
        .not_search
        {
        display:inline-block;
         width:410px;
        }
        #txt-search{
            direction:rtl;
            width:277px;
            margin-right:5px;
            font-size:12px;
            border: 0px;
            display:inline-block;
            background: none;
        }

        #search-filter:after {
            content: "";
            display: inline-block;
            width: 5px;
            height: 5px;
            border-right: 1px solid #929292;
            border-top: 1px solid #929292;
            transform: rotate(135deg);
            margin: 0px 5px;
        }

        #search-filter:hover {
            cursor:pointer;
             background-color: #d1d2d4;
        }

          .shadow{
            box-shadow:0px 1px 3px 2px #BDBCBC
        }

        .filter-list{
            display:none;
            position: absolute;
            background-color: #f9f9f9;
            min-width:90px;
            font-size:12px;
            line-height:35px;
            z-index:100;
            box-shadow: 0px 1px 3px 2px #BDBCBC
        }

        .filter-list li{
            border-top:1px solid #929292;
            padding: 0px 5px;
            position:relative;

        }

        .filter-list li:hover{
            cursor:pointer;
            background-color: #d1d2d4;
            font-size:13px;
        }


        #search-filter{
                display: inline-block;
                padding-right: 5px;
                font-size:12px;
                color: #929292;
                border-left: 1px solid #929292;
                line-height: 30px;
                height: 30px;
        }

        .search-icon.top{
            background: url("https://cakeoff.ir/folder/img/icons/search-icon.png") no-repeat center;
            background-size: contain;
            width: 18px;
            height: 32px;
            vertical-align: middle;
            display:inline-block;
            cursor:pointer;
            border:white;
            position:absolute;
            left:2px;
        }

        #txt-search:focus {
            outline: none;
        }

        .order , .favorite , .log-in{
            display:inline-block;
            margin-right:8px;
        }
        #arrowLogin{
            background:url("https://cakeoff.ir/folder/img/icons/arrow.jpg") no-repeat center;
            width: 10px;
            line-height: 1;
            height: 10px;
            display: inline-block;
            vertical-align: sub;
            background-size: contain;
            transform: rotate(90deg);
            }
        .log-in {
            text-align:left;
            width:220px;
        }
        #order-icon{
            background: url("https://cakeoff.ir/folder/img/icons/order-icon.svg") no-repeat center;
            background-size: contain;
            width: 22px;
            height: 25px;
            vertical-align: middle;
            display:inline-block;
            position:relative;
            top:-5px;

        }

        #favorite-icon{
            background: url("https://cakeoff.ir/folder/img/icons/favorite-icon.svg") no-repeat center;
            background-size: contain;
            width: 24px;
            height: 21px;
            vertical-align: middle;
            display:inline-block;
            cursor:pointer;

        }

        .order a, .favorite a{
            text-decoration:none;
            color:#a54586;
            margin:0px;
            cursor: pointer;
            height:60px;
            line-height:60px;
            font-size:13px;
        }

        .log-in a{
            text-decoration: none;
            height: 60px;
            line-height: 60px;
            color: #929292;
            width: 175px;
            overflow: hidden;
            cursor: pointer;
            vertical-align: middle;
            margin: 0px 2px;
            font-size: 10px;
            display: inline-block;
        }
        #div_profile_picture>a>span{
            width: 141px;
            height: 20px;
            display: inline-block;
            line-height: 2.5;
            vertical-align: middle;
            font-size: 11px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }
        .log-in a:hover , .order a:hover, .favorite a:hover{
            color:blue;
        }

        #log-in-icon {
            background: url("https://cakeoff.ir/folder/img/icons/log-in-icon.svg") no-repeat center;
            background-size: contain;
            width: 20px;
            height: 24px;
            vertical-align: middle;
            display: inline-block;
        }

        
        .dis_no{
            display:none;
        }
        .daily_vitrin{
            top:-6px;
            left:0px;
            position: absolute;
            z-index: 9;
        }
        .daily_vitrin_img{
            width: 173px;
            height: 90px;
        }
        .active{
            border-bottom: solid white 2px;
        }
        .menu{
            height:80px;
            min-width:1200px;
            background-color:#571845;
            color: #FFF;
            height: 80px;
            position: relative;
        }
        #up-menu{
            width:1200px;
            margin:auto;
            text-align:center;
            position:relative;
        }

        #down-menu{
            width:1200px;
            margin:-9px auto auto auto;
            text-align:center;
        }
        #menu-title {
            position:relative;
            width:1200px;
            height:45px;
            display:inline-block;
            overflow: hidden;
            margin: 0px;
        }

        #menu-title ul {
              position: absolute;
              margin: 0;
              padding: 0;
              height: 50px;
              width:1200px;
              list-style: none;
        }


        #menu-title ul li {
             display:inline-table;
             text-align: center;
        }

        .selected-item {
             margin: 0 10px;
             padding: 0 30px;
             line-height:45px;
             height:45px;
             position:relative;
        }
        .selected-item:after{
            content:"";
            border-width: 5px;
            border-style: solid;
            border-color: transparent transparent transparent #FFF;
            background-size:contain;
            width: 0;
            height: 0;
            position: absolute;
            top: 20px;
            right:0;
        }

        .selected-item:before{
            content:"";
            border-width: 5px;
            border-style: solid;
            border-color: transparent #fff transparent transparent ;
            background-size:contain;
            width: 0;
            height: 0;
            position: absolute;
            top: 20px;
            left:0;
        }
        .selected-item a{
             /*cursor: context-menu;*/
             color:white;
             font-weight:bold;
             font-size:20px;
        }


        .selected-item a:hover{color: #fff;/*cursor: context-menu;*/}


        #ul-menu>li:not(.selected-item) a{
            margin: 0 10px;
             color:#c180aa;
             font-weight:bold;
             font-size:14px;
        }
         #ul-menu>li:not(.selected-item) {
             margin: 0;
             padding: 0;
             line-height:32px;
             /*height:45px;*/
            /* width:70px;*/
        }

        #down-menu ul:not(.selected-sub-menu){display:none;}
        #down-menu a{
            color:white;
            height:25px;
            line-height:25px;
            font-size:11px;
            display:inline-block;
            margin: 0px 14px;
        }
        #down-menu span{
            color:white;
            height:25px;
            line-height:25px;
            font-size:11px;
            display:inline-block;
            margin: 0px 20px;
            font-weight:bold;
        }

        #down-menu ul li {
             display:inline-table;
             text-align: center;
        }

        #down-menu a:hover{
            border-bottom:solid white 2px;
        }

        #down-menu a:hover{
            color:white;
        }
        #header5_1 {background-color: #F2F2F3;}
            #header5 {
                padding-right:10px;
                height:60px;
                line-height:60px;
                font-size:14px;
                font-weight:400;
            }
            #header5 > span, #header5 > a {
              display:inline-block;
              padding:0px 10px;
            }
        
        .support{
            width: 54px; height: 54px;
        }
        #footer a {
            color:#ffffff;
        }

        #footer{
            min-width:1200px;
            color:#FFFFFF;
            font-size: 0.8em;
            padding: 24px 0;
        }
        #infooter>div{padding-right: 2%}
        #infooter{width : 1200px;margin:auto}
        #right{
            display: inline-block;
            vertical-align: top;
            width: 30%;
            line-height: 25px;
            display: inline-flex;
            flex-direction: column-reverse;
            flex-wrap: wrap;
            height: 300px;
            justify-content: flex-end;
        }
        #right>div{flex:0 0 0 49%}
        .ico{
            width: 30px;
            height: 30px;
        }
        .txt_h{
            display: inline-block;
            margin: 10px;
        }
        #center{
         vertical-align: top;
            display: inline-block;
            width: 30%;
        }
        .text{
            display: inline-block;
            text-align: justify;
        }
        #left{
            vertical-align: top;
            display: inline-block;
            width: 38%;
            text-align:left;
        }
     
    .pic{
        width: 1200px;
        margin:auto;
        text-align:center;
        
      display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
      display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
      display: -ms-flexbox;      /* TWEENER - IE 10 */
      display: -webkit-flex;     /* NEW - Chrome */
      display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */

    
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-around;
    }
    .pic-bottom{
        flex : 0 0 142px;
                -webkit-box-flex: 1 142px;
                -moz-box-flex:  1 142px;
                width:142px;
         width: 142px;
         height:138px;
    }
    .toolbar{
        min-width: 1200px;
        height: 20px;
    }
            
        input:hover{    opacity: .9;}
           /* product_properties  */
            #title-g{
                width: 100%;
                height: 35px;

            }
            #title1-g{
                width:390px;
                display: table-cell;
                font-weight:500;
            }

            #code{
                width: 130px;
                display: table-cell;
                text-align: left;
                color: #9D9E9E;
            }
            #star{
                text-align: left;
                direction:ltr;
            }

            #count_like{
                color: #B2B3B3;
                margin-left:5px;
                position:relative;
                top:-7px;
                font-size:20px;
                padding:0 2px;
            }
            #like_cent {
                color: #B2B3B3;
                position:relative;
                top:-7px;
            }
            #count_comment{
                color: #B2B3B3;
                position:relative;
                top:-7px;
                font-size:20px;
                padding:0 2px;
            }
            #product-description{
                width: 517px;
                margin: 5px 0px;
                font-size: 14px;
                line-height: 30px;
                text-align:justify;
                color:#2B2A29;
            }
            #star span {
               display:inline-block;
               height:25px;
            }
            .str1 {
                 display:inline-block;
                width:25px;
                height:25px;
                background-image: url("https://cakeoff.ir/folder/img/product/str1.svg");
                background-size:100% 100%;
            }
            .str2 {
                 display:inline-block;
                width:25px;
                 height:25px;
                background-image: url("https://cakeoff.ir/folder/img/product/str2.svg");
                background-size:100% 100%;
            }
            #img_comment {
                width:30px;
                background-image: url("https://cakeoff.ir/folder/img/product/comment.svg");
                background-size:30px 20px;
                background-position:0px 5px;
                background-repeat:no-repeat;
            }
        
        /*   div-product2 */
            #div-product2 {
                background-color:#FFFFFF;
                padding: 20px 30px 0px 60px;

            }
            .section2{
                width: 560px;
                display: table-cell;
                vertical-align: top;
            }
            #second{
                width:550px;
                display: table-cell;
                vertical-align: top;
            }
            .sentence{
                font-size:14px;
                color:#898989 ;
                margin-right:12px;
                width:100%;
                display:inline-block;
                height:20px;
                line-height:20px;
            }
            #second>div {
               border: 1px solid #D9DADA;
               margin-top:30px;
               padding:30px;
               height:360px;
               border-radius:3px;
            }
            #textBox2{
                width:518px;
                background-color:#ffffff ;
                border: 1px solid #D9DADA;
                padding:5px;
            }
            input,textarea{border-radius:3px;}
            ::-webkit-input-placeholder {
                color: #D9DADA;
                padding-right:20px;
                font-size:14px;
            }
            #explanation{
                width:518px;
                height:285px;
               
                border: 1px solid #D9DADA;
                padding:5px;
            }
            .section2>input{margin-bottom:10px}

            .partition{
                width:310px;
                display:table-cell;
                vertical-align:top;
            }
            .label1{
                font-size:14px;
                color:#898989;
                padding-left:10px;
                font-weight:600;
            }
            #label_price1,#label_price2 {
                display:inline-block;
                width:100px;
                font-size:16px;
                font-weight:600;
                margin-left:10px;
                text-align:right;
                text-align:center;
            }
            #label_price2 {
                color:#84290A;
                font-size:14px;
                font-weight:500;
            }
            .color_red {
                color:#E31E24;
            }
            #price_space {
                height:20px;
            }
            .price_g_sp {
                position:relative;
            }
            .price_g_sp>* {
                 display:inline-block;
                 margin:0 5px;
            }
            .price_g_sp > sup {
                font-size:12px;
            }

            #price_all {
                margin-top:90px;
                line-height:45px;
                font-size:16px;
            }
            #price_all label {
                font-size:30px;
            }
            #price_all>* {
                 display:inline-block;
                 margin:0 5px;
            }
            #price_all > sup {
                position:relative;
                top:-10px;
                font-size:15px;
            }


            #hr_price {
                 color:#D1D1D1;
                 width:90px;
                 line-height:0;
                 position:absolute;
                 left:0;
                 top:13px;
            }


            .span1{
                font-size:10px;
                vertical-align:top;
                color:#898989;
            }
            .span2{
                font-size:13px;
                color:#898989;
            }
            .line{
            text-decoration:line-through
            }
            .span3{
                font-size:16px;
                font-weight: bold;
                color:#84290A;
            }
            .txt{
                padding-right:2px;
                color:#84290A;
                font-size:12px;
            }
            .second2{
                padding-right:8px;
                color:#E31E24;
            }
            .second3{ color:#E31E24; }

            .span4{
                font-size: 20px;
                vertical-align: top;
                color: #898989;
            }
            .span5{
                font-size: 34px;
                font-weight: bold;
                padding-right: 15px;
            }
            .bold{
                font-size: 19px;
                font-weight: bold;
                padding-right: 15px;
            }
            .part4{
                cursor: pointer;
                width: 169px;
                height: 43px;
                margin-top: 19px;
                font-size: 17px;
                color: #ffffff;
                background-color: #009846;
                border-radius: 6px;
            }
            #partition_price {
                text-align:left;
            }
            .part11{width:218px;}
            .part22{
                width:218px;
                height:160px;
                display:table-cell;
                vertical-align:bottom;
                color:#898989;
            }
            .part22 label,#orders_time_set {
                    display:block;
                    height:30px;
                    line-height:30px;
                    font-size:14px;
                    overflow:hidden;
            }
            .part33{
                margin-top:20px;
                font-size:10px;
                color:#898989;
            }
            .spn2{ padding-left:50px; }
            .btn1{
                margin-top: 20px;
                background-color: #7690C9;
                padding: 0 10px;
                line-height: 2.2;
                background-image: url("https://cakeoff.ir/files/icons/icon-1200/addToBasket.svg") ;
                background-repeat: no-repeat;
                background-position:right center;
                background-position-x: 177px;
                font-size: 16px;

            }
            input#surp_btn {
                background: #bf75b6;
            }
            .box3{
                width:1060px;
                margin:12px 87px 0px 10px;
            }
            #label2{
                margin: 78px 80px 0 0;
                font-size:12px;
            }
            #label2:before{
                display: inline-block;
                content: "";
                vertical-align: bottom;
                padding-left: 13px;
                width:24px;
                height:36px;
                background: url("https://cakeoff.ir/files/icons/icon-1200/gift.svg") no-repeat center;
            }

            .btn1:before{
                display: inline-block;
                content: "";
                margin-left: 11px;
                vertical-align: middle;
                width:26px;
                height:29px;
                background: url("https://cakeoff.ir/files/icons/icon-1200/addToBasket.svg") no-repeat center;
            }
                .image{
                width:117px;
                display:inline-block;
                border: 1px solid #D9DADA;
                margin-left:    6px;
                }

            .main-image{
                width:100%;
            }
            .image_txt{
                width:117px;
                display:inline-block;
                font-size:10px;
                text-align:center;
                }

            #items{
                width: 1100px;
                margin: 0px auto;
                display: table;
                table-layout: fixed;
                border-collapse: separate;
                }
                .item_wrapper{
                    width: 266px;
                    display:table-cell;
                    background-color: #B2B3B3;
                    border-left: 3px solid white;
                    height:75px;
                    line-height:75px;
                }
                .img-icon{
                    margin-right: 5px;
                    margin-top:15px;
                    width:45px;
                    height:45px;
                }
                .menu-text{
                    font-size:18px;
                    color:#ffffff;
                    margin-right: 30px;
                }
                .second_container{
                width: 1200px;
                background-color: #FFFFFF;
                margin:20px auto;
                }
                .tabbed-area{
                    width:1200px;
                    height:400px;
                    margin: 30px auto;
                    background-color:#ffffff;
                    padding: 10px 40px 0 40px;
                }






        
         /*       all           */
            .g_selected {
                background-color:#EBECEC;
                height:40px;
                padding:0px 10px 0px 20px;
                line-height:40px;
                margin-top:10px;
                color:#9D9E9E;
                cursor:pointer;
            }
            .g_selected_label_show_sel {
                text-align:left;
                display:inline-block;
                width:280px;
                padding-right:20px;
                color:#AE4A84;
                cursor:pointer;
            }
            .g_selected_label{
                color:#777777;
                display:inline-block;
                width:150px;
                cursor:pointer;
            }
            .g_selected_label2{
                display:inline-block;
                width:335px;
                text-align:left;
                cursor:pointer;
            }
            .css-arrow1 {
                 cursor:pointer;
                 display:inline-block;
                 width:40px;
                 height:40px;
                 text-align:left;
            }
            .css-arrow {
                width: 0;
                height: 0;
                border-color: #AE4A84;
                border-style: solid;
                border-top-width: 5px;
                border-left-width: 5px;
                border-right-width: 5px;
                border-bottom-width: 5px;
                border-right-color: transparent;
                border-bottom-color: transparent;
                line-height: 0;
                font-size: 0;
                transform:rotate(-45deg);
                display:inline-block;
                position:relative;
               -moz-transition: all .5s;
                -webkit-transition: all .5s;
                -o-transition: all .5s;
                transition: all .5s;
            }
            .css-arrow.g_down{
                transform:rotate(225deg);
            }
            .css-arrow.g_top{
                 top:5px;
                transform:rotate(45deg);
            }
            #g_selected_label {
                text-align:center;
                display:inline-block;
                width:280px;
                padding-right:20px;
                color:#C5C6C6;
            }
            .g_selected2 {
                border:solid 1px #EBECEC;
                display:none;
            }
            .g-div-list-select {
                min-height:85px;
                padding:15px 15px 5px 25px;
            }
            .g-list-list {
                direction:ltr;
                text-align:left;
            }
            .g-list-list label{
                display:inline-block;
                height:30px;
                line-height:30px;
                font-size:13px;
                padding:0px 10px;
                margin-right:10px;
                background-color:#EBECEC;
                color:#5B5B5B;
                border-radius:2px;
                margin-top:3px;
            }
            .g-list-text {
                height:35px;
                line-height:50px;
                font-size:12px;
                color:#B2B3B3;
            }
            .g-list-list>.g_list_list_sel {
                color:#FFFFFF;
                background-color:#5B5B5B;
                cursor:pointer;
            }
            .g_list_list_no_sel {
                 cursor:pointer;
            }
        

            /*    time_sel */
            #time_sel {
                display:table-cell;
                width:200px;
                padding-right:100px;
                vertical-align:middle;
            }
            #time_sel>label {
                display:block;
                text-align:center;
                color:#5B5B5B;
                width:100px;
                height:30px;
                font-size:13px;
                line-height:30px;
            }
            #time_sel >.time_nosel {
                 background-color:#EBECEC;
                 margin-bottom:20px;
                 cursor:pointer;
            }
            #time_sel >.time_sel {
                 background-color:#5B5B5B;
                 color:#FFFFFF;
                 margin-bottom:20px;
            }
            #time_sel >.time_no_select {
                 background-color:#F8F8F8;
                 color:#C5C6C6;
                 margin-bottom:20px;
            }
        

            /*   other    */
            #div-other {
                 background-color:#FFFFFF;
                 margin-top:20px;
                 padding:30px 50px;

            }
            #div-other>ul{
                border-bottom:solid 1px #e8e8e8;
            }
            #div-other>ul>li {
                display:inline-block;
                margin-left:40px;
                position:relative;
                top:1px;
                color:#B2B3B3;
                height:30px;
                line-height:30px;
                cursor:pointer;
            }
            .select_menu_other {
                color:#AE4A84;
                border-bottom:solid 1px #AE4A84;
                cursor:default;
            }
            #other_str {
                float:left;
                text-align:left;
                direction:ltr;
                padding-left:0px;
                cursor:default;
            }
             #why_div1 .why_conditions li ul li {
                margin-right:30px;
                font-size:.8em;
            }
            #why_div1 .why_conditions li ul li::before {
                content:" ";
                display:inline-block;
                width:3px;
                height:3px;
                margin-left:2px;
                background-color:#818285;
                border-radius:50%;
            }
            #why_div1 .why_conditions>li::before {
                content:" ";
                display:inline-block;
                    width: 0;
                    height: 0;
                    border-top: 8px solid #818285;
                    border-right: 8px solid transparent;
                    margin-left:5px;
            }

            .body_other {
              color:#777777;
              padding-top:20px;
            }
            .body_other2 {
                padding-left:40px;
                text-align:justify;
            }
            #why_div1,#why_div2 {
                display:table-cell;
                vertical-align:top;
            }
            #why_div1 {
                width:830px;
                text-align:justify;
                padding-left:10px;
            }
            #why_div2 {
                padding-top:30px;
                width:270px;
            }
            #why_div22 {
                border-right:solid 1px #e8e8e8;
            }
            #why_div22 div {
                height:40px;
                line-height:40px;
            }
            #why_div22 label{
                color:#000000;
                font-weight:600;
                display:inline-block;
                width:80px;
                text-align:left;
                margin-left:10px;
                font-size:14px;
            }
            #why_div22 span{
                 color:#B2B3B3;
                  font-size:14px;
            }

        

             #mask_order {
                        display:none;
                        position:fixed;
                        width:100%;
                        height:100%;
                        z-index:110000;
                        background-color:#4c4a4ac2;
                        top:0px;
                        left:0px;
                    }
                    #order_msg {
                        width:80%;
                        background-color:#ebecec;
                        opacity:1;
                        margin:100px auto;
                        box-shadow: 0 4px 8px 0 rgba(0,0,0,.2), 0 6px 20px 0 rgba(0,0,0,.19);
                        text-align:justify;
                        padding:20px 20px;
                        border-radius:10px;
                    }
                    #order_msg a {
                        color:blue;
                    }



            #space_pricet {
                height:30px;
            }

            #tooltip_product {
                opacity:0;
                position:absolute;
                width:500px;
                right:70px;
                height:40px;
                line-height:20px;
                color:#FFFFFF;
                text-align: center;
                background-color:#AE4A84;
                padding: 10px;
                border-radius: 2px;
                box-shadow:0px 5px 5px 0px rgba(0, 0, 0, 0.2);
            }
            #tooltip_product:after, #tooltip_product:before {
                top: 100%;
                left: 50%;
                border: solid transparent;
                content: " ";
                height: 0;
                width: 0;
                position: absolute;
                pointer-events: none;
            }

            #tooltip_product:after {
                border-color: rgba(136, 183, 213, 0);
                border-top-color: #AE4A84;
                border-width: 15px;
                margin-left: -15px;
            }
            #tooltip_product:before {
                border-color: rgba(194, 225, 245, 0);
                border-top-color:  #e8e8e8;
                border-width: 18px;
                margin-left: -18px;
            }


            #space-footer {
                height:100px;
            }
            #div-gifts {
                background-color:#FFFFFF;
                padding-top:40px;
            }
            #div-links-footer {
                background-color:#FFFFFF;
                 padding-top:40px;
                 padding-bottom:40px;
            }


            /*        slider            */
            #bg_all {
                background-color:#F2F2F3;
            }
            .product-center {
                width:1200px;
                margin:0px auto;
            }
            #div-product1 {
                padding:20px 30px 20px 60px;
                background-color:#FFFFFF;
            }
            #product-properties {
                width:570px;
                padding-left:40px;
            }
            #product-slider {
                width:550px;
            }
            #div-img-product-slider {
                width:550px;
                height:515px;
                margin-bottom:35px;
                position:relative;
            }
            #img-product-slider1,#img-product-slider2 {
                width:550px;
                height:515px;
                position:absolute;
            }
            .favorite-icon-slider2_p{
                width: 42px;
                height: 37px;
                top: 10px;
                left: 10px;
                background:url(https://cakeoff.ir/files/product/ghalb-tukhali.svg) no-repeat center;
                position: absolute;
                cursor: pointer;
                background-size:contain ;
            }
            .favorite-icon-slider3{
                width: 42px;
                height: 37px;
                top: 10px;
                left: 10px;
                background:url(https://cakeoff.ir/files/product/ghalb-tupor.svg) no-repeat center;
                position: absolute;
                cursor: pointer;
                background-size:contain ;
            }
            #zoom_tools {
                position:absolute;
                display:inline-block;
                width:35px;
                height:35px;
                bottom:35px;
                left:15px;
                background-image:url("https://cakeoff.ir/files/product/zoom1.svg");
                background-size:100% 100%;
                cursor:pointer;
            }
            .sel_zoom {
                 background-image:url("https://cakeoff.ir/files/product/zoom2.svg");
                 cursor:default;
                 box-shadow: 0px 1px 3px 2px #BDBCBC;
            }
            #zoom_img {
                position:relative;
                width:0px;
                height:0px;
                left:-275px;
                top:257px;
                opacity:0;
                box-shadow: 0px 1px 3px 2px #BDBCBC;
                overflow:hidden;
            }
            #img_zoom {
              width:2750px;
              height:2575px;
              position:absolute;
            }
            #slider_move_right, #slider_move_left {
                display:table-cell;
                width:50px;
                height:65px;
                vertical-align:top;
            }
            #slider_move_right_span,#slider_move_left_span {
                display:inline-block;
                width:15px;
                height:30px;
                margin-top:18px;
            }
            #slider_move_right_span {
                margin-right:25px;
                background-image:url("https://cakeoff.ir/files/product/right.svg");
                background-size:100% 100%;
                cursor:pointer;
            }
            #slider_move_left_span {
                margin-right:10px;
                background-image:url("https://cakeoff.ir/files/product/left.svg");
                background-size:100% 100%;
                cursor:pointer;
            }
            #slider_move_right .no_sel_span {
                 background-image:url("https://cakeoff.ir/files/product/right2.svg");
                 cursor:default;
            }
            #slider_move_left .no_sel_span {
                 background-image:url("https://cakeoff.ir/files/product/left2.svg");
                 cursor:default;
            }


            #slider_move_center {
                width:450px;
                height:65px;
                overflow:hidden;
                position:relative;
            }
            #slider_move {
                direction:ltr;
                position:absolute;
                height:65px;
                left:0px;
            }
            .slider_move_img {
                width:85px;
                height:65px;
                border:solid 1px #e8e8e8;
            }
            .slider_move_img:hover,.slider_img_sel {
                width:85px;
                height:65px;
                border:solid 2px #ff6a00;
            }
            .slider_move_margin {
                display:table-cell;
                 width:38px;
                 height:65px;
            }
            .slider_move_img_div {
                display:table-cell;
                width:85px;
                height:65px;
            }