@font-face { font-family: "Ham3D_Bold"; font-style: normal; font-weight: bold; src: url("../fonts/IRANSansWeb_Bold.eot"); src: url("../fonts/IRANSansWeb_Bold.eot?#iefix") format("embedded-opentype"),url("../fonts/IRANSansWeb_Bold.woff2") format("woff2"),url("../fonts/IRANSansWeb_Bold.woff") format("woff"),url("../fonts/IRANSansWeb_Bold.ttf") format("truetype"); } @font-face { font-family:"Ham3D_Medium";font-style:normal;font-weight:500;src:url("../fonts/IRANSansWeb_Medium.eot");src:url("../fonts/IRANSansWeb_Medium.eot?#iefix") format("embedded-opentype"),url("../fonts/IRANSansWeb_Medium.woff2") format("woff2"),url("../fonts/IRANSansWeb_Medium.woff") format("woff"),url("../fonts/IRANSansWeb_Medium.ttf") format("truetype"); } @font-face { font-family:"Ham3D";font-style:normal;font-weight:300;src:url("../fonts/IRANSansWeb_Light.eot");src:url("../fonts/IRANSansWeb_Light.eot?#iefix") format("embedded-opentype"),url("../fonts/IRANSansWeb_Light.woff2") format("woff2"),url("../fonts/IRANSansWeb_Light.woff") format("woff"),url("../fonts/IRANSansWeb_Light.ttf") format("truetype"); } .icons-sprite,.icons-ad,.icons-add,.product .product_tools .buy_link:after,.icons-add2,.single_page .single_box .single_box_main .single_page_left .single_page_cnt .add_to_basket:after,.icons-alert,.single_page .single_box .single_box_title .send_to_friend:after,.icons-arrow,.menu #menu>ul>li.submenu>a:before,.icons-basket,.header .header_in .basket_area .basket_link:before,.icons-card,.basket_page #basket_page .basket_page_content #buy_details .buy_details .buy_details_title:after,.icons-check,div.checker>span,div.checker:active:hover>span,div.checker.focus>span,div.checker.focus:active>span,div.checker.focus.active,div.checker:hover>span,.icons-check1,.block .blc.checklist_items ul li .all_lbl div.checker>span,.block .blc.checklist_items ul li .all_lbl div.checker:active:hover>span,.block .blc.checklist_items ul li .all_lbl div.checker.focus>span,.block .blc.checklist_items ul li .all_lbl div.checker.focus:active>span,.block .blc.checklist_items ul li .all_lbl div.checker.focus.active,.block .blc.checklist_items ul li .all_lbl div.checker:hover>span,.icons-check2,.icons-checked,div.checker>span.checked,div.checker.active>span,div.checker.active>span.checked,div.checker.active:hover>span.checked,div.checker.active.focus>span.checked,div.checker:active>span,div.checker:active>span.checked,div.checker.focus>span.checked,div.checker.focus:active>span.checked,div.checker:hover>span.checked,div.checker:hover:active>span.checked,div.checker.disabled>span,div.checker.disabled:active>span.checked,div.checker.disabled.active>span.checked,.icons-checked1,.block .blc.checklist_items ul li .all_lbl div.checker>span.checked,.block .blc.checklist_items ul li .all_lbl div.checker.active>span,.block .blc.checklist_items ul li .all_lbl div.checker.active>span.checked,.block .blc.checklist_items ul li .all_lbl div.checker.active:hover>span.checked,.block .blc.checklist_items ul li .all_lbl div.checker.active.focus>span.checked,.block .blc.checklist_items ul li .all_lbl div.checker:active>span,.block .blc.checklist_items ul li .all_lbl div.checker:active>span.checked,.block .blc.checklist_items ul li .all_lbl div.checker.focus>span.checked,.block .blc.checklist_items ul li .all_lbl div.checker.focus:active>span.checked,.block .blc.checklist_items ul li .all_lbl div.checker:hover>span.checked,.block .blc.checklist_items ul li .all_lbl div.checker:hover:active>span.checked,.block .blc.checklist_items ul li .all_lbl div.checker.disabled>span,.block .blc.checklist_items ul li .all_lbl div.checker.disabled:active>span.checked,.block .blc.checklist_items ul li .all_lbl div.checker.disabled.active>span.checked,.icons-checked2,.icons-circle,.menu #menu>ul>li>.mega_menu .mega_menu_inner .submenu .mega_menu .mega_menu_inner_cnt ul li a:after,.icons-close,.modal .modal-close:after,.icons-cmm,.blog .blog_single .blog_single_top .cmm:after,.icons-code,.basket_page #basket_page #end_step_of_basket .end_step_of_basket .esob span.code:after,.icons-del,.basket_page #basket_page .basket_page_content .basket_page_table table tbody tr td.col5 .remove:after,.icons-delete_all,.inner_list_sidebar .delete_all:after,.icons-dl,.single_page .single_box .single_box_main .single_page_left .single_page_cnt .dl_product_btn:after,.icons-dot1,.single_box_titles_list ul li:after,.icons-dot2,.single_box_titles_list ul li:hover:after,.icons-down,.single_box_titles_list .single_box_titles_list_more.active:after,.icons-down1,.icons-down2,.pages #pages #pages_content .faq_list .item .title span:after,.icons-drop,.single_description .single_description_more:after,.icons-drop2,.single_description .single_description_more.active:after,.icons-edit,.basket_page #basket_page .my_address .single_row table tr td.col3 .edit:after,.icons-eye,.modal#loginModal .loginModal_content ul li .eye_link,.modal#registerModal .registerModal_content ul li .eye_link,.icons-facebook,.pages #pages #pages_content .page_contact_informaion .social ul li.facebook a:after,.blog .blog_r .social ul li.facebook a:after,.icons-fb,.blog .blog_single .blog_desc .share_article ul li.faccbook a:after,.icons-folder,.pages #pages #pages_content .about_form ul li .upload_area:before,.icons-gift,.basket_page #basket_page #end_step_of_basket .end_step_of_basket .esob span.gift:after,.icons-google,.pages #pages #pages_content .page_contact_informaion .social ul li.google_plus a:after,.blog .blog_r .social ul li.google_plus a:after,.icons-gp,.blog .blog_single .blog_desc .share_article ul li.google_plus a:after,.icons-grid1,.inner_list_content .filter_search .type_view .filter_view .grid_show:after,.icons-grid2,.inner_list_content .filter_search .type_view .filter_view .grid_show.active:after,.icons-heart,.single_page .single_box .single_box_title .like:after,.icons-heart2,.blog .blog_single .cover .like:after,.icons-icon,.last_comments #last_comments .slick-slide .item.item_right .item_icon_karnil,.icons-icon10,.userpanel .userpanel_content .userpanel_tabs .tab-content .my_bookmark .my_bookmark_tabs .tab-content ul li .edit:after,.icons-icon11,.userpanel .userpanel_content .userpanel_tabs .tab-content .my_comments table tbody tr td.col3 .like:before,.icons-icon12,.userpanel .userpanel_content .userpanel_tabs .tab-content .my_comments table tbody tr td.col3 .unlike:before,.icons-icon13,.blog .blog_r .blog_r_mnu ul li.mnu1 a:after,.icons-icon14,.blog .blog_r .blog_r_mnu ul li.mnu2 a:after,.icons-icon15,.blog .blog_r .blog_r_mnu ul li.mnu3 a:after,.icons-icon16,.blog .blog_r .blog_r_mnu ul li.mnu4 a:after,.icons-icon2,.last_comments #last_comments .slick-slide .item .item_icon_karnil,.single_page .single_box .karnil_comment .item .item_icon_karnil,.icons-icon3,.last_comments #last_comments .slick-slide .item:after,.single_page .single_box .karnil_comment .item:after,.icons-icon4,.last_comments #last_comments .slick-slide .item.item_right:after,.icons-icon5,.product .product_state.no_state,.icons-icon6,.product .product_state.yes_state,.icons-icon7,.product .karnil_proposal,.single_page .single_box .single_box_main .single_page_right .product_gallery .offer,.icons-icon8,.userpanel .userpanel_content .userpanel_tabs .tab-content .my_pm table tbody tr td.col4 .find:after,.userpanel .userpanel_content .userpanel_tabs .tab-content .my_comments table tbody tr td.col5 .edit:after,.icons-icon9,.userpanel .userpanel_content .userpanel_tabs .tab-content .my_pm table tbody tr td.col4 .remove:after,.userpanel .userpanel_content .userpanel_tabs .tab-content .my_bookmark .my_bookmark_tabs .tab-content ul li .remove:after,.userpanel .userpanel_content .userpanel_tabs .tab-content .my_comments table tbody tr td.col5 .remove:after,.icons-info,.basket_page #basket_page #show_end_details .show_end_details .show_end_detail span.info:after,.icons-information,.header .head .tools ul li.information>a:after,.header .head .tools ul li.information.active>a:after,.icons-label,.blog .blog_single .blog_single_top .keywords:after,.blog .blog_l .item .keywords:after,.icons-left,.pagination_container .pagination li.next a:after,.icons-like,.single_page .single_box .single_box_details .single_box_details_like .like span:after,.single_page .single_box .khodshenasi_products ul li .khodshenasi_product_top_out .khodshenasi_product_top .img_cnt_in .like span:after,.icons-like2,.comments #comments ul li .comment .like_unlike .like:after,.icons-list1,.inner_list_content .filter_search .type_view .filter_view .list_show:after,.icons-list2,.inner_list_content .filter_search .type_view .filter_view .list_show.active:after,.icons-location,.basket_page #basket_page #show_end_details .show_end_details .show_end_detail span.location:after,.icons-map,.header .head .tools ul li.maps>a:after,.header .head .tools ul li.maps.active>a:after,.icons-mclose,.mobile_menu .maseh_menu .mobile_menu_title .mobile_menu_close:after,.icons-minus,.mobile_menu .maseh_menu #mobile_menu li a.has_children:not(:only-child):after,.icons-minus2,.basket_page #basket_page .basket_page_content .basket_page_table table tbody tr td.col2 .nums .minus:after,.icons-mminus,.icons-mplus,.icons-new,.basket_page #basket_page .bp_title .add_address:after,.icons-next,.slick-next:after,.icons-next3,.last_comments #last_comments .slick-next:after,.icons-plus,.mobile_menu .maseh_menu #mobile_menu li a:not(:only-child):after,.icons-plus2,.basket_page #basket_page .basket_page_content .basket_page_table table tbody tr td.col2 .nums .plus:after,.icons-pm,.last_comments .last_comments_title:after,.icons-prev,.slick-prev:after,.icons-prev3,.last_comments #last_comments .slick-prev:after,.icons-q,.last_comments #last_comments .slick-slide .item.item_right .item_icon,.icons-q2,.last_comments #last_comments .slick-slide .item .item_icon,.single_page .single_box .karnil_comment .item .item_icon,.icons-radio,div.radio span,div.radio.focus span,div.radio:hover span,div.radio.disabled span,div.radio.disabled span.checked,div.radio.disabled:active span,div.radio.disabled:active span.checked,div.radio.disabled.active span,div.radio.disabled.active span.checked,.icons-radio2,div.radio span.checked,div.radio.focus span.checked,div.radio.focus:active span,div.radio.focus:active span.checked,div.radio.focus.active span.checked,div.radio:hover span.checked,div.radio:hover:active span.checked,div.radio.active span,div.radio.active span.checked,div.radio.active:hover span,div.radio.active:hover span.checked,div.radio.active.focus span,div.radio:active span,div.radio:active span.checked,div.radio:active:hover span,.icons-remove,.basket_page #basket_page .my_address .single_row table tr td.col3 .remove:after,.icons-right,.pagination_container .pagination li.prev a:after,.icons-school,.header .head .tools ul li.school>a:after,.header .head .tools ul li.school.active>a:after,.icons-search,.header .header_in .search .search_btn:after,.icons-search2,.blog .blog_r .search_blog .search .search_btn:after,.icons-select,div.selector:after,.icons-select2,div.selector.focus:after,.icons-send,.basket_page #basket_page .bp_title strong:after,.basket_page #basket_page .basket_delivery_q ul li b:after,.icons-sep,.breadcrumb span :before,.icons-share,.single_page .single_box .single_box_title .share_area .share_link:after,.icons-share1,.last_comments #last_comments .slick-slide .item .item_social a.share1,.single_page .single_box .karnil_comment .item .item_social a.share1,.icons-share2,.last_comments #last_comments .slick-slide .item .item_social a.share2,.single_page .single_box .karnil_comment .item .item_social a.share2,.icons-share3,.last_comments #last_comments .slick-slide .item .item_social a.share3,.single_page .single_box .karnil_comment .item .item_social a.share3,.icons-sync,.basket_page #basket_page .basket_page_content .basket_page_table table tbody tr td.col5 .sync:after,.icons-tele,.blog .blog_single .blog_desc .share_article ul li.telegram a:after,.icons-telegram,.pages #pages #pages_content .page_contact_informaion .social ul li.telegram a:after,.blog .blog_r .social ul li.telegram a:after,.icons-tik,.single_page .single_box .single_box_main .single_page_left .single_page_tiks ul li:after,.icons-tik0,.basket_page #basket_page #basket_gifts .basket_gifts ul li label i:after,.icons-tik1,.home_section1 #home_section1 .home_section1_r b:after,.icons-tik2,.dl_product_content .dl_product_content b:after,.icons-tik3,.single_description b:after,.icons-tik4,.register_page #register_page ul .form_left b,.icons-tik5,.basket_page #basket_page #basket_page_stepes .basket_page_stepes .bps span:before,.icons-tik6,.basket_page #basket_page .my_address .single_row .title span:after,.icons-tik7,.pages #pages #pages_content .about_form .show_pm:after,.icons-tik8,.writers_single #writers_single .writers_single_about #writers_single_about b:after,.icons-tiks,.single_page .single_box .khodshenasi_desc_items ul li a:after,.icons-time,.blog .blog_single .blog_single_top .date:after,.blog .blog_l .item .date:after,.icons-tw,.blog .blog_single .blog_desc .share_article ul li.twitter a:after,.icons-twitter,.pages #pages #pages_content .page_contact_informaion .social ul li.twitter a:after,.blog .blog_r .social ul li.twitter a:after,.icons-unlike,.single_page .single_box .single_box_details .single_box_details_like .unlike span:after,.single_page .single_box .khodshenasi_products ul li .khodshenasi_product_top_out .khodshenasi_product_top .img_cnt_in .unlike span:after,.icons-unlike2,.comments #comments ul li .comment .like_unlike .unlike:after,.icons-up,.single_box_titles_list .single_box_titles_list_more:after,.icons-up1,.icons-up2,.pages #pages #pages_content .faq_list .item .title.active span:after,.icons-user,.header .head .welcome:before,.header .head .login_link:before { background-image: url('../images/icons-s174be52923.png'); background-repeat: no-repeat; } .icons-ad { background-position: 0 0; height: 1px; width: 10px; } .icons-add,.product .product_tools .buy_link:after { background-position: 0 -1px; height: 20px; width: 23px; } .icons-add2,.single_page .single_box .single_box_main .single_page_left .single_page_cnt .add_to_basket:after { background-position: 0 -21px; height: 20px; width: 24px; } .icons-alert,.single_page .single_box .single_box_title .send_to_friend:after { background-position: 0 -63px; height: 22px; width: 20px; } .icons-alert:hover,.single_page .single_box .single_box_title .send_to_friend:hover:after,.icons-alert.alert-hover,.single_page .single_box .single_box_title .alert-hover.send_to_friend:after { background-position: 0 -41px; } .icons-arrow,.menu #menu>ul>li.submenu>a:before { background-position: 0 -85px; height: 6px; width: 10px; } .icons-basket,.header .header_in .basket_area .basket_link:before { background-position: 0 -91px; height: 22px; width: 22px; } .icons-card,.basket_page #basket_page .basket_page_content #buy_details .buy_details .buy_details_title:after { background-position: 0 -113px; height: 12px; width: 16px; } .icons-check,div.checker>span,div.checker:active:hover>span,div.checker.focus>span,div.checker.focus:active>span,div.checker.focus.active,div.checker:hover>span { background-position: 0 -125px; height: 20px; width: 20px; } .icons-check1,.block .blc.checklist_items ul li .all_lbl div.checker>span,.block .blc.checklist_items ul li .all_lbl div.checker:active:hover>span,.block .blc.checklist_items ul li .all_lbl div.checker.focus>span,.block .blc.checklist_items ul li .all_lbl div.checker.focus:active>span,.block .blc.checklist_items ul li .all_lbl div.checker.focus.active,.block .blc.checklist_items ul li .all_lbl div.checker:hover>span { background-position: 0 -145px; height: 20px; width: 20px; } .icons-check2 { background-position: 0 -165px; height: 22px; width: 22px; } .icons-checked,div.checker>span.checked,div.checker.active>span,div.checker.active>span.checked,div.checker.active:hover>span.checked,div.checker.active.focus>span.checked,div.checker:active>span,div.checker:active>span.checked,div.checker.focus>span.checked,div.checker.focus:active>span.checked,div.checker:hover>span.checked,div.checker:hover:active>span.checked,div.checker.disabled>span,div.checker.disabled:active>span.checked,div.checker.disabled.active>span.checked { background-position: 0 -187px; height: 20px; width: 20px; } .icons-checked1,.block .blc.checklist_items ul li .all_lbl div.checker>span.checked,.block .blc.checklist_items ul li .all_lbl div.checker.active>span,.block .blc.checklist_items ul li .all_lbl div.checker.active>span.checked,.block .blc.checklist_items ul li .all_lbl div.checker.active:hover>span.checked,.block .blc.checklist_items ul li .all_lbl div.checker.active.focus>span.checked,.block .blc.checklist_items ul li .all_lbl div.checker:active>span,.block .blc.checklist_items ul li .all_lbl div.checker:active>span.checked,.block .blc.checklist_items ul li .all_lbl div.checker.focus>span.checked,.block .blc.checklist_items ul li .all_lbl div.checker.focus:active>span.checked,.block .blc.checklist_items ul li .all_lbl div.checker:hover>span.checked,.block .blc.checklist_items ul li .all_lbl div.checker:hover:active>span.checked,.block .blc.checklist_items ul li .all_lbl div.checker.disabled>span,.block .blc.checklist_items ul li .all_lbl div.checker.disabled:active>span.checked,.block .blc.checklist_items ul li .all_lbl div.checker.disabled.active>span.checked { background-position: 0 -207px; height: 20px; width: 20px; } .icons-checked2 { background-position: 0 -227px; height: 20px; width: 20px; } .icons-circle,.menu #menu>ul>li>.mega_menu .mega_menu_inner .submenu .mega_menu .mega_menu_inner_cnt ul li a:after { background-position: 0 -253px; height: 6px; width: 6px; } .icons-circle:hover,.menu #menu>ul>li>.mega_menu .mega_menu_inner .submenu .mega_menu .mega_menu_inner_cnt ul li a:hover:after,.icons-circle.circle-hover,.menu #menu>ul>li>.mega_menu .mega_menu_inner .submenu .mega_menu .mega_menu_inner_cnt ul li a.circle-hover:after { background-position: 0 -247px; } .icons-close,.modal .modal-close:after { background-position: 0 -259px; height: 11px; width: 11px; } .icons-cmm,.blog .blog_single .blog_single_top .cmm:after { background-position: 0 -270px; height: 16px; width: 20px; } .icons-code,.basket_page #basket_page #end_step_of_basket .end_step_of_basket .esob span.code:after { background-position: 0 -286px; height: 39px; width: 48px; } .icons-del,.basket_page #basket_page .basket_page_content .basket_page_table table tbody tr td.col5 .remove:after { background-position: 0 -325px; height: 8px; width: 8px; } .icons-delete_all,.inner_list_sidebar .delete_all:after { background-position: 0 -333px; height: 13px; width: 13px; } .icons-dl,.single_page .single_box .single_box_main .single_page_left .single_page_cnt .dl_product_btn:after { background-position: 0 -346px; height: 20px; width: 26px; } .icons-dot1,.single_box_titles_list ul li:after { background-position: 0 -366px; height: 25px; width: 24px; } .icons-dot2,.single_box_titles_list ul li:hover:after { background-position: 0 -391px; height: 25px; width: 24px; } .icons-down,.single_box_titles_list .single_box_titles_list_more.active:after { background-position: 0 -416px; height: 9px; width: 15px; } .icons-down1 { background-position: 0 -425px; height: 9px; width: 16px; } .icons-down2,.pages #pages #pages_content .faq_list .item .title span:after { background-position: 0 -434px; height: 8px; width: 14px; } .icons-drop,.single_description .single_description_more:after { background-position: 0 -442px; height: 77px; width: 77px; } .icons-drop2,.single_description .single_description_more.active:after { background-position: 0 -519px; height: 77px; width: 77px; } .icons-edit,.basket_page #basket_page .my_address .single_row table tr td.col3 .edit:after { background-position: 0 -596px; height: 16px; width: 16px; } .icons-eye,.modal#loginModal .loginModal_content ul li .eye_link,.modal#registerModal .registerModal_content ul li .eye_link { background-position: 0 -612px; height: 11px; width: 16px; } .icons-facebook,.pages #pages #pages_content .page_contact_informaion .social ul li.facebook a:after,.blog .blog_r .social ul li.facebook a:after { background-position: 0 -623px; height: 18px; width: 9px; } .icons-fb,.blog .blog_single .blog_desc .share_article ul li.faccbook a:after { background-position: 0 -641px; height: 18px; width: 9px; } .icons-folder,.pages #pages #pages_content .about_form ul li .upload_area:before { background-position: 0 -659px; height: 16px; width: 21px; } .icons-gift,.basket_page #basket_page #end_step_of_basket .end_step_of_basket .esob span.gift:after { background-position: 0 -675px; height: 34px; width: 48px; } .icons-google,.pages #pages #pages_content .page_contact_informaion .social ul li.google_plus a:after,.blog .blog_r .social ul li.google_plus a:after { background-position: 0 -709px; height: 15px; width: 24px; } .icons-gp,.blog .blog_single .blog_desc .share_article ul li.google_plus a:after { background-position: 0 -724px; height: 15px; width: 24px; } .icons-grid1,.inner_list_content .filter_search .type_view .filter_view .grid_show:after { background-position: 0 -739px; height: 14px; width: 14px; } .icons-grid2,.inner_list_content .filter_search .type_view .filter_view .grid_show.active:after { background-position: 0 -753px; height: 14px; width: 14px; } .icons-heart,.single_page .single_box .single_box_title .like:after { background-position: 0 -785px; height: 18px; width: 20px; } .icons-heart:hover,.single_page .single_box .single_box_title .like:hover:after,.icons-heart.heart-hover,.single_page .single_box .single_box_title .heart-hover.like:after { background-position: 0 -767px; } .icons-heart2,.blog .blog_single .cover .like:after { background-position: 0 -803px; height: 14px; width: 16px; } .icons-icon,.last_comments #last_comments .slick-slide .item.item_right .item_icon_karnil { background-position: 0 -817px; height: 110px; width: 96px; } .icons-icon10,.userpanel .userpanel_content .userpanel_tabs .tab-content .my_bookmark .my_bookmark_tabs .tab-content ul li .edit:after { background-position: 0 -927px; height: 13px; width: 13px; } .icons-icon11,.userpanel .userpanel_content .userpanel_tabs .tab-content .my_comments table tbody tr td.col3 .like:before { background-position: 0 -940px; height: 18px; width: 18px; } .icons-icon12,.userpanel .userpanel_content .userpanel_tabs .tab-content .my_comments table tbody tr td.col3 .unlike:before { background-position: 0 -958px; height: 18px; width: 18px; } .icons-icon13,.blog .blog_r .blog_r_mnu ul li.mnu1 a:after { background-position: 0 -976px; height: 17px; width: 22px; } .icons-icon14,.blog .blog_r .blog_r_mnu ul li.mnu2 a:after { background-position: 0 -993px; height: 22px; width: 22px; } .icons-icon15,.blog .blog_r .blog_r_mnu ul li.mnu3 a:after { background-position: 0 -1015px; height: 19px; width: 21px; } .icons-icon16,.blog .blog_r .blog_r_mnu ul li.mnu4 a:after { background-position: 0 -1034px; height: 19px; width: 19px; } .icons-icon2,.last_comments #last_comments .slick-slide .item .item_icon_karnil,.single_page .single_box .karnil_comment .item .item_icon_karnil { background-position: 0 -1053px; height: 108px; width: 96px; } .icons-icon3,.last_comments #last_comments .slick-slide .item:after,.single_page .single_box .karnil_comment .item:after { background-position: 0 -1161px; height: 17px; width: 26px; } .icons-icon4,.last_comments #last_comments .slick-slide .item.item_right:after { background-position: 0 -1178px; height: 17px; width: 26px; } .icons-icon5,.product .product_state.no_state { background-position: 0 -1195px; height: 24px; width: 24px; } .icons-icon6,.product .product_state.yes_state { background-position: 0 -1219px; height: 24px; width: 24px; } .icons-icon7,.product .karnil_proposal,.single_page .single_box .single_box_main .single_page_right .product_gallery .offer { background-position: 0 -1243px; height: 67px; width: 68px; } .icons-icon8,.userpanel .userpanel_content .userpanel_tabs .tab-content .my_pm table tbody tr td.col4 .find:after,.userpanel .userpanel_content .userpanel_tabs .tab-content .my_comments table tbody tr td.col5 .edit:after { background-position: 0 -1310px; height: 13px; width: 13px; } .icons-icon9,.userpanel .userpanel_content .userpanel_tabs .tab-content .my_pm table tbody tr td.col4 .remove:after,.userpanel .userpanel_content .userpanel_tabs .tab-content .my_bookmark .my_bookmark_tabs .tab-content ul li .remove:after,.userpanel .userpanel_content .userpanel_tabs .tab-content .my_comments table tbody tr td.col5 .remove:after { background-position: 0 -1323px; height: 8px; width: 8px; } .icons-info,.basket_page #basket_page #show_end_details .show_end_details .show_end_detail span.info:after { background-position: 0 -1331px; height: 46px; width: 48px; } .icons-information,.header .head .tools ul li.information>a:after,.header .head .tools ul li.information.active>a:after { background-position: 0 -1393px; height: 16px; width: 14px; } .icons-information:hover,.header .head .tools ul li.information>a:hover:after,.icons-information.information-hover,.header .head .tools ul li.information>a.information-hover:after { background-position: 0 -1377px; } .icons-label,.blog .blog_single .blog_single_top .keywords:after,.blog .blog_l .item .keywords:after { background-position: 0 -1409px; height: 17px; width: 22px; } .icons-left,.pagination_container .pagination li.next a:after { background-position: 0 -1437px; height: 11px; width: 6px; } .icons-left:hover,.pagination_container .pagination li.next a:hover:after,.icons-left.left-hover,.pagination_container .pagination li.next a.left-hover:after { background-position: 0 -1426px; } .icons-like,.single_page .single_box .single_box_details .single_box_details_like .like span:after,.single_page .single_box .khodshenasi_products ul li .khodshenasi_product_top_out .khodshenasi_product_top .img_cnt_in .like span:after { background-position: 0 -1448px; height: 18px; width: 18px; } .icons-like2,.comments #comments ul li .comment .like_unlike .like:after { background-position: 0 -1466px; height: 18px; width: 16px; } .icons-list1,.inner_list_content .filter_search .type_view .filter_view .list_show:after { background-position: 0 -1484px; height: 14px; width: 16px; } .icons-list2,.inner_list_content .filter_search .type_view .filter_view .list_show.active:after { background-position: 0 -1498px; height: 14px; width: 16px; } .icons-location,.basket_page #basket_page #show_end_details .show_end_details .show_end_detail span.location:after { background-position: 0 -1512px; height: 48px; width: 28px; } .icons-map,.header .head .tools ul li.maps>a:after,.header .head .tools ul li.maps.active>a:after { background-position: 0 -1576px; height: 16px; width: 16px; } .icons-map:hover,.header .head .tools ul li.maps>a:hover:after,.icons-map.map-hover,.header .head .tools ul li.maps>a.map-hover:after { background-position: 0 -1560px; } .icons-mclose,.mobile_menu .maseh_menu .mobile_menu_title .mobile_menu_close:after { background-position: 0 -1592px; height: 14px; width: 14px; } .icons-minus,.mobile_menu .maseh_menu #mobile_menu li a.has_children:not(:only-child):after { background-position: 0 -1606px; height: 3px; width: 11px; } .icons-minus2,.basket_page #basket_page .basket_page_content .basket_page_table table tbody tr td.col2 .nums .minus:after { background-position: 0 -1610px; height: 1px; width: 10px; } .icons-minus2:hover,.basket_page #basket_page .basket_page_content .basket_page_table table tbody tr td.col2 .nums .minus:hover:after,.icons-minus2.minus2-hover,.basket_page #basket_page .basket_page_content .basket_page_table table tbody tr td.col2 .nums .minus2-hover.minus:after { background-position: 0 -1609px; } .icons-mminus { background-position: 0 -1611px; height: 3px; width: 11px; } .icons-mplus { background-position: 0 -1614px; height: 11px; width: 11px; } .icons-new,.basket_page #basket_page .bp_title .add_address:after { background-position: 0 -1625px; height: 16px; width: 16px; } .icons-next,.slick-next:after { background-position: 0 -1659px; height: 18px; width: 9px; } .icons-next:hover,.slick-next:hover:after,.icons-next.next-hover,.next-hover.slick-next:after { background-position: 0 -1641px; } .icons-next3,.last_comments #last_comments .slick-next:after { background-position: 0 -1695px; height: 18px; width: 10px; } .icons-next3:hover,.last_comments #last_comments .slick-next:hover:after,.icons-next3.next3-hover,.last_comments #last_comments .next3-hover.slick-next:after { background-position: 0 -1677px; } .icons-plus,.mobile_menu .maseh_menu #mobile_menu li a:not(:only-child):after { background-position: 0 -1713px; height: 11px; width: 11px; } .icons-plus2,.basket_page #basket_page .basket_page_content .basket_page_table table tbody tr td.col2 .nums .plus:after { background-position: 0 -1735px; height: 11px; width: 11px; } .icons-plus2:hover,.basket_page #basket_page .basket_page_content .basket_page_table table tbody tr td.col2 .nums .plus:hover:after,.icons-plus2.plus2-hover,.basket_page #basket_page .basket_page_content .basket_page_table table tbody tr td.col2 .nums .plus2-hover.plus:after { background-position: 0 -1724px; } .icons-pm,.last_comments .last_comments_title:after { background-position: 0 -1746px; height: 52px; width: 56px; } .icons-prev,.slick-prev:after { background-position: 0 -1816px; height: 18px; width: 9px; } .icons-prev:hover,.slick-prev:hover:after,.icons-prev.prev-hover,.prev-hover.slick-prev:after { background-position: 0 -1798px; } .icons-prev3,.last_comments #last_comments .slick-prev:after { background-position: 0 -1852px; height: 18px; width: 10px; } .icons-prev3:hover,.last_comments #last_comments .slick-prev:hover:after,.icons-prev3.prev3-hover,.last_comments #last_comments .prev3-hover.slick-prev:after { background-position: 0 -1834px; } .icons-q,.last_comments #last_comments .slick-slide .item.item_right .item_icon { background-position: 0 -1870px; height: 27px; width: 41px; } .icons-q2,.last_comments #last_comments .slick-slide .item .item_icon,.single_page .single_box .karnil_comment .item .item_icon { background-position: 0 -1897px; height: 27px; width: 41px; } .icons-radio,div.radio span,div.radio.focus span,div.radio:hover span,div.radio.disabled span,div.radio.disabled span.checked,div.radio.disabled:active span,div.radio.disabled:active span.checked,div.radio.disabled.active span,div.radio.disabled.active span.checked { background-position: 0 -1924px; height: 18px; width: 18px; } .icons-radio2,div.radio span.checked,div.radio.focus span.checked,div.radio.focus:active span,div.radio.focus:active span.checked,div.radio.focus.active span.checked,div.radio:hover span.checked,div.radio:hover:active span.checked,div.radio.active span,div.radio.active span.checked,div.radio.active:hover span,div.radio.active:hover span.checked,div.radio.active.focus span,div.radio:active span,div.radio:active span.checked,div.radio:active:hover span { background-position: 0 -1942px; height: 18px; width: 18px; } .icons-remove,.basket_page #basket_page .my_address .single_row table tr td.col3 .remove:after { background-position: 0 -1960px; height: 16px; width: 16px; } .icons-right,.pagination_container .pagination li.prev a:after { background-position: 0 -1987px; height: 11px; width: 7px; } .icons-right:hover,.pagination_container .pagination li.prev a:hover:after,.icons-right.right-hover,.pagination_container .pagination li.prev a.right-hover:after { background-position: 0 -1976px; } .icons-school,.header .head .tools ul li.school>a:after,.header .head .tools ul li.school.active>a:after { background-position: 0 -2012px; height: 14px; width: 16px; } .icons-school:hover,.header .head .tools ul li.school>a:hover:after,.icons-school.school-hover,.header .head .tools ul li.school>a.school-hover:after { background-position: 0 -1998px; } .icons-search,.header .header_in .search .search_btn:after { background-position: 0 -2026px; height: 20px; width: 20px; } .icons-search2,.blog .blog_r .search_blog .search .search_btn:after { background-position: 0 -2046px; height: 18px; width: 19px; } .icons-select,div.selector:after { background-position: 0 -2064px; height: 12px; width: 20px; } .icons-select2,div.selector.focus:after { background-position: 0 -2076px; height: 12px; width: 20px; } .icons-send,.basket_page #basket_page .bp_title strong:after,.basket_page #basket_page .basket_delivery_q ul li b:after { background-position: 0 -2088px; height: 12px; width: 13px; } .icons-sep,.breadcrumb > span > span > span:before { background-position: 0 -2100px; height: 50px; width: 14px; } .icons-sep,.breadcrumb > span > span > span >span:before { background-position: 0 -2100px; height: 50px; width: 14px; } .icons-share,.single_page .single_box .single_box_title .share_area .share_link:after { background-position: 0 -2171px; height: 21px; width: 21px; } .icons-share:hover,.single_page .single_box .single_box_title .share_area .share_link:hover:after,.icons-share.share-hover,.single_page .single_box .single_box_title .share_area .share-hover.share_link:after { background-position: 0 -2150px; } .icons-share1,.last_comments #last_comments .slick-slide .item .item_social a.share1,.single_page .single_box .karnil_comment .item .item_social a.share1 { background-position: 0 -2192px; height: 14px; width: 15px; } .icons-share2,.last_comments #last_comments .slick-slide .item .item_social a.share2,.single_page .single_box .karnil_comment .item .item_social a.share2 { background-position: 0 -2206px; height: 14px; width: 17px; } .icons-share3,.last_comments #last_comments .slick-slide .item .item_social a.share3,.single_page .single_box .karnil_comment .item .item_social a.share3 { background-position: 0 -2220px; height: 15px; width: 7px; } .icons-sync,.basket_page #basket_page .basket_page_content .basket_page_table table tbody tr td.col5 .sync:after { background-position: 0 -2235px; height: 22px; width: 21px; } .icons-tele,.blog .blog_single .blog_desc .share_article ul li.telegram a:after { background-position: 0 -2257px; height: 20px; width: 20px; } .icons-telegram,.pages #pages #pages_content .page_contact_informaion .social ul li.telegram a:after,.blog .blog_r .social ul li.telegram a:after { background-position: 0 -2277px; height: 18px; width: 18px; } .icons-tik,.single_page .single_box .single_box_main .single_page_left .single_page_tiks ul li:after { background-position: 0 -2295px; height: 14px; width: 14px; } .icons-tik0,.basket_page #basket_page #basket_gifts .basket_gifts ul li label i:after { background-position: 0 -2309px; height: 11px; width: 15px; } .icons-tik1,.home_section1 #home_section1 .home_section1_r b:after { background-position: 0 -2320px; height: 22px; width: 22px; } .icons-tik2,.dl_product_content .dl_product_content b:after { background-position: 0 -2342px; height: 16px; width: 16px; } .icons-tik3,.single_description b:after { background-position: 0 -2358px; height: 30px; width: 30px; } .icons-tik4,.register_page #register_page ul .form_left b { background-position: 0 -2388px; height: 14px; width: 17px; } .icons-tik5,.basket_page #basket_page #basket_page_stepes .basket_page_stepes .bps span:before { background-position: 0 -2402px; height: 15px; width: 20px; } .icons-tik6,.basket_page #basket_page .my_address .single_row .title span:after { background-position: 0 -2417px; height: 7px; width: 10px; } .icons-tik7,.pages #pages #pages_content .about_form .show_pm:after { background-position: 0 -2424px; height: 20px; width: 20px; } .icons-tik8,.writers_single #writers_single .writers_single_about #writers_single_about b:after { background-position: 0 -2444px; height: 30px; width: 30px; } .icons-tiks,.single_page .single_box .khodshenasi_desc_items ul li a:after { background-position: 0 -2496px; height: 22px; width: 22px; } .icons-tiks:hover,.single_page .single_box .khodshenasi_desc_items ul li a:hover:after,.icons-tiks.tiks-hover,.single_page .single_box .khodshenasi_desc_items ul li a.tiks-hover:after { background-position: 0 -2474px; } .icons-time,.blog .blog_single .blog_single_top .date:after,.blog .blog_l .item .date:after { background-position: 0 -2518px; height: 17px; width: 17px; } .icons-tw,.blog .blog_single .blog_desc .share_article ul li.twitter a:after { background-position: 0 -2535px; height: 14px; width: 17px; } .icons-twitter,.pages #pages #pages_content .page_contact_informaion .social ul li.twitter a:after,.blog .blog_r .social ul li.twitter a:after { background-position: 0 -2549px; height: 14px; width: 18px; } .icons-unlike,.single_page .single_box .single_box_details .single_box_details_like .unlike span:after,.single_page .single_box .khodshenasi_products ul li .khodshenasi_product_top_out .khodshenasi_product_top .img_cnt_in .unlike span:after { background-position: 0 -2563px; height: 18px; width: 18px; } .icons-unlike2,.comments #comments ul li .comment .like_unlike .unlike:after { background-position: 0 -2581px; height: 18px; width: 16px; } .icons-up,.single_box_titles_list .single_box_titles_list_more:after { background-position: 0 -2599px; height: 9px; width: 15px; } .icons-up1 { background-position: 0 -2608px; height: 9px; width: 15px; } .icons-up2,.pages #pages #pages_content .faq_list .item .title.active span:after { background-position: 0 -2617px; height: 8px; width: 14px; } .icons-user,.header .head .welcome:before,.header .head .login_link:before { background-position: 0 -2625px; height: 16px; width: 16px; } .container-fluid { padding-left: 15mpx; padding-right: 15mpx; overflow: hidden; } .container { padding-left: 15mpx; padding-right: 15mpx; } .row { margin-left: -15mpx; margin-right: -15mpx; } .col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12 { padding-left: 15mpx; padding-right: 15mpx; } body { font-size: 13px; background: #F5F8FA; font-family: "Ham3D_Medium"; padding: 0 !important; overflow-x: hidden !important; } body.overflow_hidden { overflow-y: hidden !important; } a { -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } a:hover { outline: 0px dotted; text-decoration: none; } a:focus { outline: 0px dotted; text-decoration: none; } button:hover { outline: 0px dotted !important; } button:focus { outline: 0px dotted !important; } p { line-height: 22px; } .gm-style .gm-style-iw { font-family: "Ham3D"; padding-right: 12px; } img { max-width: 100%; height: auto; } .clear { content: ""; display: table; clear: both; } .spr,div.selector:after,.slick-next:after,.slick-prev:after,.mobile_menu .maseh_menu .mobile_menu_title .mobile_menu_close:after,.modal .modal-close:after,.modal#loginModal .loginModal_content ul li .eye_link,.modal#registerModal .registerModal_content ul li .eye_link,.header .head .welcome:before,.header .head .login_link:before,.header .head .tools ul li>a:after,.header .header_in .search .search_btn:after,.header .header_in .basket_area .basket_link:before,.menu #menu>ul>li>.mega_menu .mega_menu_inner .submenu .mega_menu .mega_menu_inner_cnt ul li a:after,.menu #menu>ul>li.submenu>a:before,.home_section1 #home_section1 .home_section1_r b:after,.dl_product_content .dl_product_content b:after,.last_comments .last_comments_title:after,.last_comments #last_comments .slick-slide .item:after,.last_comments #last_comments .slick-slide .item .item_icon_karnil,.last_comments #last_comments .slick-slide .item .item_icon,.last_comments #last_comments .slick-slide .item .item_social a,.breadcrumb span:before,.inner_list_sidebar .delete_all:after,.inner_list_content .filter_search .type_view .filter_view .grid_show:after,.inner_list_content .filter_search .type_view .filter_view .list_show:after,.product .product_tools .buy_link:after,.product .product_state,.product .karnil_proposal,.pagination_container .pagination li.prev a:after,.pagination_container .pagination li.next a:after,.register_page #register_page ul .form_left b,.single_page .single_box .single_box_title .send_to_friend:after,.single_page .single_box .single_box_title .share_area .share_link:after,.single_page .single_box .single_box_title .like:after,.single_page .single_box .single_box_details .single_box_details_like .unlike span:after,.single_page .single_box .single_box_details .single_box_details_like .like span:after,.single_page .single_box .single_box_main .single_page_left .single_page_tiks ul li:after,.single_page .single_box .single_box_main .single_page_left .single_page_cnt .add_to_basket:after,.single_page .single_box .single_box_main .single_page_left .single_page_cnt .dl_product_btn:after,.single_page .single_box .single_box_main .single_page_right .product_gallery .offer,.single_page .single_box .khodshenasi_desc_items ul li a:after,.single_page .single_box .karnil_comment .item:after,.single_page .single_box .karnil_comment .item .item_icon_karnil,.single_page .single_box .karnil_comment .item .item_icon,.single_page .single_box .karnil_comment .item .item_social a,.single_page .single_box .khodshenasi_products ul li .khodshenasi_product_top_out .khodshenasi_product_top .img_cnt_in .unlike span:after,.single_page .single_box .khodshenasi_products ul li .khodshenasi_product_top_out .khodshenasi_product_top .img_cnt_in .like span:after,.single_description b:after,.single_description .single_description_more:after,.single_box_titles_list ul li:after,.single_box_titles_list .single_box_titles_list_more:after,.comments #comments ul li .comment .like_unlike .like:after,.comments #comments ul li .comment .like_unlike .unlike:after,.basket_page #basket_page .basket_page_content .basket_page_table table tbody tr td.col2 .nums .plus:after,.basket_page #basket_page .basket_page_content .basket_page_table table tbody tr td.col2 .nums .minus:after,.basket_page #basket_page .basket_page_content .basket_page_table table tbody tr td.col5 .remove:after,.basket_page #basket_page .basket_page_content .basket_page_table table tbody tr td.col5 .sync:after,.basket_page #basket_page .basket_page_content #buy_details .buy_details .buy_details_title:after,.basket_page #basket_page .bp_title strong:after,.basket_page #basket_page .bp_title .add_address:after,.basket_page #basket_page .my_address .single_row .title span:after,.basket_page #basket_page .my_address .single_row table tr td.col3 .remove:after,.basket_page #basket_page .my_address .single_row table tr td.col3 .edit:after,.basket_page #basket_page .basket_delivery_q ul li b:after,.basket_page #basket_page #basket_gifts .basket_gifts ul li label i:after,.basket_page #basket_page #show_end_details .show_end_details .show_end_detail span:after,.basket_page #basket_page #end_step_of_basket .end_step_of_basket .esob span:after,.userpanel .userpanel_content .userpanel_tabs .tab-content .my_pm table tbody tr td.col4 .find:after,.userpanel .userpanel_content .userpanel_tabs .tab-content .my_pm table tbody tr td.col4 .remove:after,.userpanel .userpanel_content .userpanel_tabs .tab-content .my_bookmark .my_bookmark_tabs .tab-content ul li .remove:after,.userpanel .userpanel_content .userpanel_tabs .tab-content .my_bookmark .my_bookmark_tabs .tab-content ul li .edit:after,.userpanel .userpanel_content .userpanel_tabs .tab-content .my_comments table tbody tr td.col3 .like:before,.userpanel .userpanel_content .userpanel_tabs .tab-content .my_comments table tbody tr td.col3 .unlike:before,.userpanel .userpanel_content .userpanel_tabs .tab-content .my_comments table tbody tr td.col5 .edit:after,.userpanel .userpanel_content .userpanel_tabs .tab-content .my_comments table tbody tr td.col5 .remove:after,.pages #pages #pages_content .faq_list .item .title span:after,.pages #pages #pages_content .about_form ul li .upload_area:before,.pages #pages #pages_content .about_form .show_pm:after,.pages #pages #pages_content .page_contact_informaion .social ul li a:after,.writers_single #writers_single .writers_single_about #writers_single_about b:after,.blog .blog_r .search_blog .search .search_btn:after,.blog .blog_r .blog_r_mnu ul li a:after,.blog .blog_r .social ul li a:after,.blog .blog_single .blog_single_top .date:after,.blog .blog_single .blog_single_top .keywords:after,.blog .blog_single .blog_single_top .cmm:after,.blog .blog_single .cover .like:after,.blog .blog_single .blog_desc .share_article ul li a:after,.blog .blog_l .item .date:after,.blog .blog_l .item .keywords:after { display: block; content: ""; } .maa { margin-left: auto; margin-right: auto; display: block; } .inb,.header .head .welcome:before,.header .head .login_link:before,.home_section2 .home_section2_content #home_section2 .home_section2_slider b,.last_comments #last_comments .slick-dots,.breadcrumb span :before,.single_page .single_box .single_box_main .single_page_left .slug,.single_page .single_box .single_box_main .single_page_right .product_gallery .single_slideshow_big .slick-slide img,.single_page .single_box .khodshenasi_products ul li .khodshenasi_product_top_out .khodshenasi_product_top .slug,.userpanel .userpanel_content .userpanel_tabs .tab-content .my_order .item .item_middle .col10 span,.userpanel .userpanel_content .userpanel_tabs .tab-content .my_pm table tbody tr td.col3 span,.userpanel .userpanel_content .userpanel_tabs .tab-content .my_pm table tbody tr td.col4 .find,.userpanel .userpanel_content .userpanel_tabs .tab-content .my_pm table tbody tr td.col4 .remove,.userpanel .userpanel_content .userpanel_tabs .tab-content .my_comments table tbody tr td.col3 .like,.userpanel .userpanel_content .userpanel_tabs .tab-content .my_comments table tbody tr td.col3 .like:before,.userpanel .userpanel_content .userpanel_tabs .tab-content .my_comments table tbody tr td.col3 .unlike,.userpanel .userpanel_content .userpanel_tabs .tab-content .my_comments table tbody tr td.col3 .unlike:before,.userpanel .userpanel_content .userpanel_tabs .tab-content .my_comments table tbody tr td.col4 .state,.userpanel .userpanel_content .userpanel_tabs .tab-content .my_comments table tbody tr td.col5 .edit,.userpanel .userpanel_content .userpanel_tabs .tab-content .my_comments table tbody tr td.col5 .remove,.pages #pages #pages_list ul li.active a .img_cnt img.over,.pages #pages #pages_content .about_form ul li .upload_area:before,.blog .blog_r .blog_r_mnu ul li a,.blog .blog_r .social ul li,.blog .blog_l .item .date,.blog .blog_l .item .keywords { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; margin-right: -2px; margin-left: -2px; } .bold,.home_section1 #home_section1 .home_section1_l ul li .item span,.home_section3 .home_section3_r ul li b,.last_comments .last_comments_title,.last_comments #last_comments .slick-slide .item .item_author b,.footer h6,.copyright #mnu ul li a,.copyright p,.single_page .single_box .karnil_comment .item .item_author b,.basket_page #basket_page .basket_page_content #buy_details .buy_details .buy_details_title,.basket_page #basket_page .basket_page_content #buy_details .buy_details ul li,.basket_page #basket_page .basket_page_content #buy_details .buy_details ul li span,.basket_page #basket_page .basket_page_content #buy_details .buy_details_ft,.basket_page #basket_page .basket_page_content #buy_details .buy_details_ft span,.basket_page #basket_page .my_address .single_row .title,.basket_page #basket_page .basket_delivery_q ul li b,.basket_page #basket_page .basket_delivery_q ul li label,.userpanel .userpanel_content .userpanel_tabs .tab-content .my_order .item .item_head,.userpanel .userpanel_content .userpanel_tabs .tab-content .my_order .item .item_top>div,.userpanel .userpanel_content .userpanel_tabs .tab-content .my_pm table thead tr th,.userpanel .userpanel_content .userpanel_tabs .tab-content .my_pm table tbody tr td.col1,.userpanel .userpanel_content .userpanel_tabs .tab-content .my_bookmark .my_bookmark_tabs .tab-content ul li b,.userpanel .userpanel_content .userpanel_tabs .tab-content .my_bookmark .my_bookmark_tabs .tabs ul li a,.userpanel .userpanel_content .userpanel_tabs .tab-content .my_comments table thead tr th,.pages #pages #pages_list ul li a,.pages #pages #pages_content h1,.pages #pages #pages_content h2,.pages #pages #pages_content .faq_list .item p b,.pages #pages #pages_content .about_karnil strong { font-family: "Ham3D_Bold"; } .medium,div.selector span,div.selector select option,.modal .modal-title,.modal#loginModal .loginModal_content ul li,.modal#registerModal .registerModal_content ul li,.header .head .welcome,.header .head .login_link,.header .head .tools ul li>a,.header .head .tools ul li .my_modal ul li a,.header .header_in .basket_area .basket_link,.menu #menu>ul>li>a,.menu #menu>ul>li>.mega_menu .mega_menu_inner .submenu>a,.home4slug #home4slug .item b,.home_section1 #home_section1 .home_section1_r b,.home_section2 .home_section2_content #home_section2 h5,.home_section2 .home_section2_content #home_section2 .home_section2_slider #home_section2_slider .slick-slide .item span,.dl_product_content .dl_product_title h5,.dl_product_content .dl_product_content b,.dl_product_content .dl_product_content #dl_product .slick-slide .item .title,.dl_product_content .dl_product_content #dl_product2 .slick-slide .item .title,.dl_product_content .dl_product_content #dl_product .slick-slide .item .price,.dl_product_content .dl_product_content #dl_product2 .slick-slide .item .price,.last_comments .last_comments_title b,.last_comments #last_comments .slick-slide .item .item_author,.footer .footer_top .newsletter #newsletter .newsletter_btn,.breadcrumb span,.inner_list_sidebar h6,.inner_list_sidebar .delete_all,.block .block_title,.block .blc.price_slider .slider_block .amountMax,.block .blc.price_slider .slider_block .amountMin,.inner_list_content .inner_list_content_description .inner_list_content_description_in h1,.inner_list_content .filter_search strong,.product .title,.product .product_rate i,.product .product_tools .price_area,.product .product_tools .buy_link,.product .karnil_proposal,.products_title h2,.register_page #register_page h1,.single_page .single_box .single_box_title h3,.single_page .single_box .single_box_main .single_page_left h1,.single_page .single_box .single_box_main .single_page_right .product_gallery .offer,.single_page .single_box .khodshenasi_box_top h1,.single_page .single_box .khodshenasi_desc_items ul li a,.single_page .single_box .karnil_comment .item .item_author,.single_page .single_box .khodshenasi_products ul li .khodshenasi_product_top_out .khodshenasi_product_top h5,.single_description b,.single_description .pm_box,.single_box_titles_list ul li,.single_box_spec_list ul li div,.comments #comments ul li .comment,.comments #comments ul li .comment .like_unlike .like,.comments #comments ul li .comment .like_unlike .unlike,.basket_page #basket_page .basket_page_step1 h1,.basket_page #basket_page .basket_page_step1 .form_btn,.basket_page #basket_page .basket_page_content .basket_page_table table thead tr th,.basket_page #basket_page .basket_page_content .basket_page_table table tbody tr td.col1 .title,.basket_page #basket_page .basket_page_content .basket_page_table table tbody tr td.col3,.basket_page #basket_page .basket_page_content .basket_page_table table tbody tr td.col4,.basket_page #basket_page .bsk_btn .form_btn,.basket_page #basket_page .bp_title strong,.basket_page #basket_page .bp_title .add_address,.basket_page #basket_page .bp_title .red_btn,.basket_page #basket_page #basket_page_stepes .basket_page_stepes .bps i,.basket_page #basket_page #delivery_box .delivery_box .delivery_box_l .delivery_box_lt b,.basket_page #basket_page #delivery_box .delivery_box .delivery_box_l .delivery_box_lb,.basket_page #basket_page #summary_bills .summary_bills ul li,.basket_page #basket_page #show_end_details .show_end_details .show_end_detail,.basket_page #basket_page #end_step_of_basket .end_step_of_basket .esob,.basket_page #basket_page #end_step_of_basket .end_step_of_basket .esob .esob_form .form_btn,.basket_page #basket_page #type_of_price .type_of_price ul li .item .title,.basket_page #basket_page #type_of_price .type_of_price ul li .item .title span,.basket_page #basket_page #type_of_price .type_of_price ul li .item .item_content .bank_item,.userpanel .userpanel_sidebar .us_block h6,.userpanel .userpanel_content .userpanel_tabs>.tabs ul li a,.userpanel .userpanel_content .userpanel_tabs .tab-content .my_order .item .item_middle .col10 span,.userpanel .userpanel_content .userpanel_tabs .tab-content .my_order .item .item_bottom .col11 b,.userpanel .userpanel_content .userpanel_tabs .tab-content .my_order .item .item_bottom .col11 ul li,.userpanel .userpanel_content .userpanel_tabs .tab-content .my_order .item .item_bottom .col12 ul li,.userpanel .userpanel_content .userpanel_tabs .tab-content .my_pm table tbody tr td.col1 b,.pages #pages #pages_content .faq_list .item .title,.pages #pages #pages_content .about_form ul li i,.pages #pages #pages_content .about_form .show_pm,.pages #pages #pages_content .page_contact_informaion .about_info b,.pages #pages #pages_content .page_contact_informaion .about_contact ul li,.writers_single #writers_single .writers_single_info .title,.writers_single #writers_single .writers_single_about .title,.writers_single #writers_single .writers_single_about #writers_single_about b,.writers #writers .item .item_top .title,.blog .blog_r .blog_r_filter ul li label,.blog .blog_r .blog_r_mnu p,.blog .blog_r .blog_r_mnu ul li a,.blog .write_in_karnil,.blog .join_karnil_channel,.blog .blog_single .blog_single_top h1,.blog .blog_single .blog_single_top .keywords a,.blog .blog_single .blog_single_top .cmm a,.blog .blog_single .blog_desc .blog_profile b,.blog .blog_single .blog_desc .dl_article,.blog .blog_single .blog_desc .share_article strong,.blog .blog_single .blog_desc .share_article ul li a,.blog .blog_l .item .title,.blog .blog_l .item .keywords a { font-family: "Ham3D_Medium"; } .normal,.comments #comments ul li .comment p,.pages #pages #pages_content .page_contact_informaion .about_contact ul li .form_btn { font-family: "Ham3D_Medium"; } .more_dots,.home_section2 .home_section2_content #home_section2 .home_section2_slider #home_section2_slider .slick-slide .item span,.dl_product_content .dl_product_content #dl_product .slick-slide .item .title,.dl_product_content .dl_product_content #dl_product2 .slick-slide .item .title,.writers #writers .item .item_top .title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .cj { text-align: justify; -moz-text-align-last: center; text-align-last: center; } .ns,label { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .c1,body,a { color: #464646; } .c2,.header .header_in .basket_area .basket_link,.header .header_in .basket_area .basket_link span,.home_section1 #home_section1 .home_section1_l ul li:hover .item span,.home_section2 .home_section2_content #home_section2 .home_section2_slider #home_section2_slider .slick-slide .item span,.home_section3 .karnil_box p,.inner_list_sidebar h6,.product .karnil_proposal,.pagination_container .pagination li.active a,.single_page .single_box .single_box_main .single_page_right .product_gallery .offer,.single_page .single_box .khodshenasi_desc_items ul li a:hover,.userpanel .userpanel_content .userpanel_tabs .tab-content .my_order .item .item_middle .col10 span,.userpanel .userpanel_content .userpanel_tabs .tab-content .my_pm table tbody tr td.col3 span,.userpanel .userpanel_content .userpanel_tabs .tab-content .my_comments table tbody tr td.col4 .state,.writers_single #writers_single .writers_single_info .title,.writers #writers .item .item_bottom .more:hover,.blog .blog_r .blog_r_mnu,.blog .blog_r .blog_r_mnu ul li a,.blog .write_in_karnil,.blog .join_karnil_channel,.blog .blog_single .cover .like,.blog .blog_single .blog_keywords a:hover { color: #ffffff; } .c3 { color: #000000; } .c4,.modal#loginModal .loginModal_content ul li .rem_link,.modal#registerModal .registerModal_content ul li .rem_link,.header .head .login_link a:hover,.header .head .tools ul li>a:hover,.menu #menu>ul>li:hover>a,.menu #menu>ul>li.active>a,.menu #menu>ul>li>.mega_menu .mega_menu_inner .submenu .mega_menu .mega_menu_inner_cnt ul li:hover,.menu #menu>ul>li>.mega_menu .mega_menu_inner .submenu:hover>a,.menu #menu>ul>li>.mega_menu .mega_menu_inner .submenu.active>a,.home4slug #home4slug .item b,.dl_product_content .dl_product_content #dl_product .slick-slide .item:hover .title,.dl_product_content .dl_product_content #dl_product2 .slick-slide .item:hover .title,.home_section3 .home_section3_r ul li b,.last_comments #last_comments .slick-slide .item .item_author b,.product:hover .title,.single_page .single_box .single_box_main .single_page_left .slug,.single_page .single_box .karnil_comment .item .item_author b,.single_page .single_box .khodshenasi_products ul li .khodshenasi_product_top_out .khodshenasi_product_top .slug { color: #007CD3; } .tooltip .tooltip-inner { font-family: "Ham3D_Medium"; font-size: 13px; padding-bottom: 5px; word-wrap: none-break; min-width: 70px; text-align: center; } h1,h2,h3,h4,h5,h6 { margin: 0; font-weight: normal; } ul,ol,p { margin-bottom: 0; } .form_inp { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; width: 100%; padding: 0 10px; display: block; margin: 0; color: #656565; height: 45px; font-size: 13px; background: #FFF; border: 2px solid #E1E8EE; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .form_inp:-moz-placeholder { color: #989898; opacity: 1; } .form_inp::-moz-placeholder { color: #989898; opacity: 1; } .form_inp:-ms-input-placeholder { color: #989898; opacity: 1; } .form_inp::-webkit-input-placeholder { color: #989898; opacity: 1; } .form_inp:focus { border-color: #4F5362 !important; background: #fff; } .form_txt { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; width: 100%; min-width: 100%; max-width: 100%; padding: 10px; display: block; margin: 0; color: #656565; font-size: 13px; height: 100px; border: 2px solid #E1E8EE; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .form_txt:-moz-placeholder { color: #989898; opacity: 1; } .form_txt::-moz-placeholder { color: #989898; opacity: 1; } .form_txt:-ms-input-placeholder { color: #989898; opacity: 1; } .form_txt::-webkit-input-placeholder { color: #989898; opacity: 1; } .form_txt:focus { border-color: #333 !important; background: #fff; } .form_btn { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; float: left; color: #fff; border: none; padding: 0 28px; font-size: 16px; height: 42px; line-height: 42px; background: #82CD5A; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; position: relative; text-align: center; overflow: hidden; z-index: 1; -moz-box-shadow: inset 0px -2px 2px 0px rgba(0,0,0,0.2); -webkit-box-shadow: inset 0px -2px 2px 0px rgba(0,0,0,0.2); box-shadow: inset 0px -2px 2px 0px rgba(0,0,0,0.2); background-image: -moz-linear-gradient(90deg, #7dc855 0%, #91dc68 100%); background-image: -webkit-linear-gradient(90deg, #7dc855 0%, #91dc68 100%); background-image: -ms-linear-gradient(90deg, #7dc855 0%, #91dc68 100%); } .form_btn:hover { background-image: -moz-linear-gradient(90deg, #91dc68 0%, #7dc855 100%); background-image: -webkit-linear-gradient(90deg, #91dc68 0%, #7dc855 100%); background-image: -ms-linear-gradient(90deg, #91dc68 0%, #7dc855 100%); } .form_btn.cancle_btn { background-image: -moz-linear-gradient(90deg, #aab2bd 0%, #ccd0d9 100%); background-image: -webkit-linear-gradient(90deg, #aab2bd 0%, #ccd0d9 100%); background-image: -ms-linear-gradient(90deg, #aab2bd 0%, #ccd0d9 100%); -moz-box-shadow: inset 0px -2px 2px 0px rgba(0,0,0,0.2); -webkit-box-shadow: inset 0px -2px 2px 0px rgba(0,0,0,0.2); box-shadow: inset 0px -2px 2px 0px rgba(0,0,0,0.2); } .form_btn.cancle_btn:hover { background-image: -moz-linear-gradient(90deg, #ccd0d9 0%, #aab2bd 100%); background-image: -webkit-linear-gradient(90deg, #ccd0d9 0%, #aab2bd 100%); background-image: -ms-linear-gradient(90deg, #ccd0d9 0%, #aab2bd 100%); } .form_btn.blue_btn,.basket_page #basket_page .bsk_btn .form_btn.continue_shopping { background-image: -moz-linear-gradient(90deg, #358ed7 0%, #54aaf0 100%); background-image: -webkit-linear-gradient(90deg, #358ed7 0%, #54aaf0 100%); background-image: -ms-linear-gradient(90deg, #358ed7 0%, #54aaf0 100%); -moz-box-shadow: inset 0px -2px 2px 0px rgba(0,0,0,0.2); -webkit-box-shadow: inset 0px -2px 2px 0px rgba(0,0,0,0.2); box-shadow: inset 0px -2px 2px 0px rgba(0,0,0,0.2); } .form_btn.blue_btn:hover,.basket_page #basket_page .bsk_btn .form_btn.continue_shopping:hover { background-image: -moz-linear-gradient(90deg, #54aaf0 0%, #358ed7 100%); background-image: -webkit-linear-gradient(90deg, #54aaf0 0%, #358ed7 100%); background-image: -ms-linear-gradient(90deg, #54aaf0 0%, #358ed7 100%); } .form_btn.red_btn { background-image: -moz-linear-gradient(90deg, #e9573e 0%, #fb6e52 100%); background-image: -webkit-linear-gradient(90deg, #e9573e 0%, #fb6e52 100%); background-image: -ms-linear-gradient(90deg, #e9573e 0%, #fb6e52 100%); -moz-box-shadow: inset 0px -2px 2px 0px rgba(0,0,0,0.2); -webkit-box-shadow: inset 0px -2px 2px 0px rgba(0,0,0,0.2); box-shadow: inset 0px -2px 2px 0px rgba(0,0,0,0.2); } .form_btn.red_btn:hover { background-image: -moz-linear-gradient(90deg, #fb6e52 0%, #e9573e 100%); background-image: -webkit-linear-gradient(90deg, #fb6e52 0%, #e9573e 100%); background-image: -ms-linear-gradient(90deg, #fb6e52 0%, #e9573e 100%); } .sec_code { width: 100%; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; overflow: hidden; height: 45px; border: 1px solid #E1E8EE; background-color: #FFF; } .sec_code .sec_picture { width: 40%; float: left; text-align: center; height: 33px; line-height: 35px; margin-top: 0px; border-right: 1px solid #E1E8EE; } .sec_code .form_inp { float: right; border: none; width: 60%; } div.selector { float: right; overflow: hidden; position: relative; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; height: 47px; width: 100% !important; background-color: #fff; border: 1px solid #CBD6DC; -moz-box-shadow: inset 0px -2px 0px 0px rgba(238,242,246,0.004); -webkit-box-shadow: inset 0px -2px 0px 0px rgba(238,242,246,0.004); box-shadow: inset 0px -2px 0px 0px rgba(238,242,246,0.004); } div.selector:after { position: absolute; top: 50%; margin-top: -6px; right: 13px; } div.selector span { display: block; position: relative; z-index: 1; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 45px; padding-left: 10px; width: 100% !important; color: #7991AD; height: 47px; font-size: 12px; line-height: 45px; } div.selector select { background: none repeat scroll 0 0 transparent; border: medium none; cursor: pointer; position: absolute; right: 0; top: 0; height: 47px; line-height: 45px; width: 100%; z-index: 2; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } div.selector select option { padding: 5px; font-size: 12px; } div.selector.focus span { color: #FF642E; } div.checker { display: inline; vertical-align: middle; cursor: pointer; position: relative; } div.checker input { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; display: inline-block; background: none; cursor: pointer; } div.checker>span { margin-left: 8px; margin-top: 0px; float: right; cursor: pointer; display: -moz-inline-box; display: inline-block; text-align: center; } div.radio { float: right; cursor: pointer; margin-top: 0; margin-left: 5px; } div.radio input { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } div.radio span { display: block; margin-top: 0; margin-left: 5px; } .slick-dots { text-align: center; } .slick-dots li { background: #DFE6EB; width: 6px; height: 6px; font-size: 0; cursor: pointer; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; margin-left: 7px; margin-right: 7px; } .slick-dots li:hover { background: #007DD4; } .slick-dots li.slick-active { background: #007DD4; } .slick-dots li button { border: none; padding: 0; background-color: transparent; width: 100%; height: 100%; display: block; } .slick-next { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; font-size: 0; position: absolute; top: 50%; margin-top: -22px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; right: 0; border: none; padding: 0; background-color: #F5F8FA; width: 44px; height: 44px; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; z-index: 1; } .slick-next:hover { background-color: #007CD3; } .slick-prev { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; font-size: 0; position: absolute; top: 50%; margin-top: -22px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; left: 0; border: none; padding: 0; background-color: #F5F8FA; width: 44px; height: 44px; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; z-index: 1; } .slick-prev:hover { background-color: #007CD3; } .slick-next:after { position: absolute; top: 50%; right: 50%; margin-right: -4.5px; margin-top: -9px; } .slick-prev:after { position: absolute; top: 50%; right: 50%; margin-right: -4.5px; margin-top: -9px; } .slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track,.slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; } .slick-track:before,.slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .mobile_menu { position: absolute; z-index: 2147483647; top: 0; right: -300px; width: 300px; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .mobile_menu .mobile_menu_bg { position: fixed; top: 0; z-index: -1; height: 120%; right: -300px; width: 300px; background: #E9E9E9; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } @media only screen and (max-width: 767px) { .mobile_menu .mobile_menu_bg.active { right: 0; } } .mobile_menu .site_bg { position: fixed; right: 0; top: 0; width: 100%; z-index: -2; height: 120%; display: none; background: #000; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75); opacity: 0.75; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } @media only screen and (max-width: 767px) { .mobile_menu .site_bg.active { display: block; } } .mobile_menu .maseh_menu { -webkit-overflow-scrolling: touch; } .mobile_menu .maseh_menu .mobile_menu_title { position: relative; margin: 0; font-size: 15px; padding: 10px 15px; background: #117CCF; color: #fff; } .mobile_menu .maseh_menu .mobile_menu_title .mobile_menu_close { cursor: pointer; top: 50%; left: 10px; width: 20px; height: 20px; margin-top: -10px; position: absolute; display: block; } .mobile_menu .maseh_menu .mobile_menu_title .mobile_menu_close:hover { background: #221E1F; } .mobile_menu .maseh_menu .mobile_menu_title .mobile_menu_close:after { position: absolute; margin-right: -7px; margin-top: -7px; right: 50%; top: 50%; } .mobile_menu .maseh_menu #mobile_menu { display: block; margin: 0; padding: 0; width: 100%; } .mobile_menu .maseh_menu #mobile_menu li { margin: 0; -webkit-tap-highlight-color: transparent; } .mobile_menu .maseh_menu #mobile_menu li a { position: relative; display: block; text-decoration: none; padding: 13px 25px 13px 10px; color: #333; font-weight: 300; background-color: #E9E9E9; border-bottom: 1px solid #F5F5F5; } .mobile_menu .maseh_menu #mobile_menu li a:not(:only-child):after { content: ""; display: block; position: absolute; top: 50%; margin-top: -5.5px; left: 15px; } .mobile_menu .maseh_menu #mobile_menu li a:not(:only-child).has_children:after { content: ""; display: block; position: absolute; top: 50%; margin-top: -5.5px; left: 15px; } .mobile_menu .maseh_menu #mobile_menu li ul { margin: 0; padding: 0; } .mobile_menu .maseh_menu #mobile_menu li ul li a { background-color: #EFEFEF; padding-right: 40px; } .mobile_menu .maseh_menu #mobile_menu li ul li ul li a { background-color: #FBFBFB; padding-right: 60px; } .mobile_menu .maseh_menu #mobile_menu li ul li ul li ul li a { background-color: #FFF; padding-right: 80px; } .mobile_menu .maseh_menu #mobile_menu ul { display: none; } @media only screen and (max-width: 767px) { .mobile_menu.active { right: 0; } } .toggle_menu { outline: medium none; position: relative; cursor: pointer; display: none; float: right; height: 24px; width: 24px; margin-left: 0; margin-top: 31px; margin-right: 0; } @media only screen and (max-width: 360px) { .toggle_menu { margin-top: 20px; } } .toggle_menu:after { height: 4px; background: #117CCF; -moz-box-shadow: 0 6px 0 #117CCF,0 12px 0 #117CCF; -webkit-box-shadow: 0 6px 0 #117CCF,0 12px 0 #117CCF; box-shadow: 0 6px 0 #117CCF,0 12px 0 #117CCF; content: ""; right: 5%; position: absolute; top: 5px; width: 90%; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .toggle_menu i { color: #117CCF; display: block; font-size: 12px; font-style: normal; padding-right: 7px; position: absolute; right: 21px; top: 4px; width: 80px; } @media only screen and (max-width: 567px) { .toggle_menu i { display: none; } } @media only screen and (max-width: 767px) { .toggle_menu { display: block; } } .quick_menu { float: left; position: relative; display: none; z-index: 4; } .quick_menu .my_modal_link { outline: medium none; position: relative; cursor: pointer; display: block; height: 24px; width: 24px; margin-left: 0; margin-top: 31px; margin-right: 0; } @media only screen and (max-width: 360px) { .quick_menu .my_modal_link { margin-top: 20px; } } .quick_menu .my_modal_link:after { height: 4px; background: #117CCF; -moz-box-shadow: 0 6px 0 #117CCF,0 12px 0 #117CCF; -webkit-box-shadow: 0 6px 0 #117CCF,0 12px 0 #117CCF; box-shadow: 0 6px 0 #117CCF,0 12px 0 #117CCF; content: ""; left: 5%; position: absolute; top: 5px; width: 90%; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .quick_menu .my_modal_link i { color: #117CCF; display: block; font-size: 12px; font-style: normal; padding-left: 7px; position: absolute; left: 21px; top: 4px; width: 80px; } @media only screen and (max-width: 567px) { .quick_menu .my_modal_link i { display: none; } } .quick_menu .my_modal { position: absolute; left: 0; top: 55px; width: 200px; background-color: #fff; -moz-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.15); box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.15); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; display: none; overflow: hidden; } .quick_menu .my_modal ul li { border-bottom: 1px solid #454545; } .quick_menu .my_modal ul li a { display: block; font-size: 14px; padding-top: 8px; padding-bottom: 8px; padding-right: 10px; padding-left: 10px; text-align: right; } .quick_menu .my_modal ul li a:hover { color: #117CCF; } .quick_menu .my_modal ul li:last-child { border-bottom: none; } @media only screen and (max-width: 767px) { .quick_menu { display: block; } } label { display: block; cursor: pointer; } label input { cursor: pointer; } .modal { text-align: center; padding: 0 !important; } .modal:before { content: ''; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; height: 100%; vertical-align: middle; margin-right: -4px; } @media only screen and (max-width: 414px) { .modal { padding-left: 17px; padding-right: 17px; } } .modal .modal-dialog { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; vertical-align: middle; text-align: right; } .modal .modal-dialog.modal-sm { width: 370px; } @media only screen and (max-width: 767px) { .modal .modal-dialog.modal-sm { margin-right: auto; margin-left: auto; } } @media only screen and (max-width: 414px) { .modal .modal-dialog.modal-sm { width: 100%; } } .modal .modal-dialog.modal-md { width: 750px; } @media only screen and (max-width: 767px) { .modal .modal-dialog.modal-md { width: 96%; margin-right: auto; margin-left: auto; } } .modal .modal-dialog.modal-lg { width: 1150px; } @media only screen and (max-width: 1199px) { .modal .modal-dialog.modal-lg { width: 96%; margin-right: auto; margin-left: auto; } } .modal .modal-title { display: block; margin-top: 35px; margin-bottom: 30px; font-size: 17px; color: #2B2B2B; text-align: center; position: relative; } .modal .modal-close { position: absolute; left: 15px; top: -20px; display: block; cursor: pointer; width: 38px; height: 38px; background-color: #FFF; border: 1px solid #E6E8E9; overflow: hidden; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .modal .modal-close:after { position: absolute; top: 50%; right: 50%; margin-top: -5.5px; margin-right: -5.5px; } .modal .modal-close:hover { border-color: 4px F5362; } .modal .modal-content { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -moz-box-shadow: 0px 35px 55px 0px rgba(24,36,44,0.55); -webkit-box-shadow: 0px 35px 55px 0px rgba(24,36,44,0.55); box-shadow: 0px 35px 55px 0px rgba(24,36,44,0.55); border: none; overflow: hidden; } .modal .modal-content .modal-body { padding: 0; } @media( min-width: 640px ){ .modal#loginModal .modal-content { padding-right: 300px; } .modal#loginModal .modal-content:after { content: ''; width: 300px; position: absolute; right: 0; top: 0; height: 100%; background: #017DD3 url("../images/icon.png") center center no-repeat; display: block; } } .modal#loginModal .loginModal_content { padding-right: 40px; padding-left: 40px; padding-bottom: 30px; } .modal#loginModal .loginModal_content ul li { color: #2B2B2B; margin-bottom: 25px; position: relative; overflow: hidden; } .modal#loginModal .loginModal_content ul li .form_inp { margin-top: 13px; } .modal#loginModal .loginModal_content ul li .rem_link { float: left; font-size: 12px; } .modal#loginModal .loginModal_content ul li .form_btn { width: 100%; font-size: 14px; } .modal#loginModal .loginModal_content ul li .register_link { font-size: 14px; background-image: -moz-linear-gradient(90deg, #358ed7 0%, #54aaf0 100%); background-image: -webkit-linear-gradient(90deg, #358ed7 0%, #54aaf0 100%); background-image: -ms-linear-gradient(90deg, #358ed7 0%, #54aaf0 100%); -moz-box-shadow: inset 0px -2px 2px 0px rgba(0,0,0,0.2); -webkit-box-shadow: inset 0px -2px 2px 0px rgba(0,0,0,0.2); box-shadow: inset 0px -2px 2px 0px rgba(0,0,0,0.2); } .modal#loginModal .loginModal_content ul li .register_link:hover { background-image: -moz-linear-gradient(90deg, #54aaf0 0%, #358ed7 100%); background-image: -webkit-linear-gradient(90deg, #54aaf0 0%, #358ed7 100%); background-image: -ms-linear-gradient(90deg, #54aaf0 0%, #358ed7 100%); } .modal#loginModal .loginModal_content ul li .eye_link { position: absolute; right: 12px; bottom: 16px; } .modal#loginModal .loginModal_content ul li:last-child { border-top: 2px solid #EBEEF0; padding-top: 25px; margin-bottom: 0; } .modal#loginModal .loginModal_content ul li.form_pass .form_inp { background-image: url("../images/lock.png"); background-position: calc( 100% - 16px ) center; background-repeat: no-repeat; outline: none !important; } .modal#loginModal .loginModal_content ul li.form_mail .form_inp { background-image: url("../images/mail.png"); background-position: calc( 100% - 16px ) center; background-repeat: no-repeat; outline: none !important; } @media( min-width: 640px ) { .modal#registerModal .modal-content { padding-right: 300px; } .modal#registerModal .modal-content:after { content: ''; width: 300px; position: absolute; right: 0; top: 0; height: 100%; background: #86D15D url("../images/icon.png") center center no-repeat; display: block; } } .modal#registerModal .registerModal_content { padding-right: 40px; padding-left: 40px; padding-bottom: 30px; } .modal#registerModal .registerModal_content ul li { color: #2B2B2B; margin-bottom: 25px; position: relative; overflow: hidden; } .modal#registerModal .registerModal_content ul li .form_inp { margin-top: 13px; } .modal#registerModal .registerModal_content ul li .rem_link { float: left; font-size: 12px; } .modal#registerModal .registerModal_content ul li .form_btn { width: 100%; font-size: 14px; } .modal#registerModal .registerModal_content ul li .register_link { font-size: 14px; background-image: -moz-linear-gradient(90deg, #358ed7 0%, #54aaf0 100%); background-image: -webkit-linear-gradient(90deg, #358ed7 0%, #54aaf0 100%); background-image: -ms-linear-gradient(90deg, #358ed7 0%, #54aaf0 100%); -moz-box-shadow: inset -1px -2px 2px 0px rgba(0,0,0,0.2); -webkit-box-shadow: inset -1px -2px 2px 0px rgba(0,0,0,0.2); box-shadow: inset -1px -2px 2px 0px rgba(0,0,0,0.2); } .modal#registerModal .registerModal_content ul li .register_link:hover { background-image: -moz-linear-gradient(90deg, #54aaf0 0%, #358ed7 100%); background-image: -webkit-linear-gradient(90deg, #54aaf0 0%, #358ed7 100%); background-image: -ms-linear-gradient(90deg, #54aaf0 0%, #358ed7 100%); } .modal#registerModal .registerModal_content ul li .eye_link { position: absolute; right: 12px; bottom: 16px; } .modal#registerModal .registerModal_content ul li.form_user .form_inp { background-image: url("../images/user.png"); background-position: 12px center; background-repeat: no-repeat; outline: none !important; } .modal#registerModal .registerModal_content ul li.form_pass .form_inp { background-image: url("../images/lock.png"); background-position: 16px center; background-repeat: no-repeat; background-position: calc( 100% - 16px ) center; outline: none !important; } .modal#registerModal .registerModal_content ul li.form_mail .form_inp { background-image: url("../images/mail.png"); background-position: 16px center; background-repeat: no-repeat; background-position: calc( 100% - 16px ) center; outline: none !important; } .header { overflow: visible; border-top: 4px solid #007CD3; background: #FEFEFE; border-bottom: 1px solid #DDD; } .header .head { border-bottom: 2px solid #EBEEF0; padding-top: 20px; padding-bottom: 20px; } @media only screen and (max-width: 767px) { .header .head { display: none; } } .header .head .welcome { float: right; } .header .head .welcome:before { margin-left: 6px; } .header .head .login_link { float: right; } .header .head .login_link:before { margin-left: 6px; } .header .head .login_link a { color: #484848; } .header .head .tools { float: left; padding-left: 30px; } .header .head .tools ul li { position: relative; float: right; margin-left: 10px; } .header .head .tools ul li>a { position: relative; display: block; } .header .head .tools ul li>a:after { right: 0; top: 50%; position: absolute; } .header .head .tools ul li.information>a { padding-right: 21px; } .header .head .tools ul li.information>a:after { margin-top: -8px; } .header .head .tools ul li.information.active>a { padding-right: 21px; } .header .head .tools ul li.information.active>a:after { margin-top: -8px; } .header .head .tools ul li.maps>a { padding-right: 23px; } .header .head .tools ul li.maps>a:after { margin-top: -8px; } .header .head .tools ul li.maps.active>a { padding-right: 23px; } .header .head .tools ul li.maps.active>a:after { margin-top: -8px; } .header .head .tools ul li.school>a { padding-right: 21px; } .header .head .tools ul li.school>a:after { margin-top: -7px; } .header .head .tools ul li.school.active>a { padding-right: 21px; } .header .head .tools ul li.school.active>a:after { margin-top: -7px; } .header .head .tools ul li .my_modal { position: absolute; right: -20px; width: 200px; border-top: 2px solid #35BAF6; background: #fff; display: none; top: 30px; z-index: 4; -moz-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.15); box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.15); } .header .head .tools ul li .my_modal ul li { width: 100%; } .header .head .tools ul li .my_modal ul li a { padding: 10px 15px; display: block; color: #9699A6; } .header .head .tools ul li .my_modal ul li a:hover { background: #FAFAFA; color: #525252; } .header .header_in { padding-top: 15px; padding-bottom: 15px; } @media only screen and (max-width: 767px) { .header .header_in { text-align: center; } } .header .header_in .logo { float: right; } @media only screen and (max-width: 767px) { .header .header_in .logo { float: none; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; margin-bottom: 10px; } } @media only screen and (max-width: 480px) { .header .header_in .logo { max-width: 85%; } } @media only screen and (max-width: 360px) { .header .header_in .logo { max-width: 65%; } } .header .header_in .search { margin-top: 15px; width: 100%; padding-left: 53px; position: relative; } .header .header_in .search .search_inp { width: 100%; border: 2px solid #E4E7EF; border-left: none; height: 50px; -moz-border-radius: 0px 50px 50px 0; -webkit-border-radius: 0px; border-radius: 0px 50px 50px 0; padding-right: 20px; padding-left: 20px; } .header .header_in .search .search_btn { position: absolute; background-image: -moz-linear-gradient(90deg, #358ed7 0%, #54aaf0 100%); background-image: -webkit-linear-gradient(90deg, #358ed7 0%, #54aaf0 100%); background-image: -ms-linear-gradient(90deg, #358ed7 0%, #54aaf0 100%); -moz-box-shadow: inset 0px -2px 2px 0px rgba(0,0,0,0.2); -webkit-box-shadow: inset 0px -2px 2px 0px rgba(0,0,0,0.2); box-shadow: inset 0px -2px 2px 0px rgba(0,0,0,0.2); left: 0; top: 0; width: 53px; height: 50px; display: block; border: none; -moz-border-radius: 50px 0 0 50px; -webkit-border-radius: 50px; border-radius: 50px 0 0 50px; } .header .header_in .search .search_btn:after { position: absolute; margin-right: -13px; margin-top: -10px; right: 50%; top: 50%; } .header .header_in .search .search_btn:hover { background-image: -moz-linear-gradient(90deg, #54aaf0 0%, #358ed7 100%); background-image: -webkit-linear-gradient(90deg, #54aaf0 0%, #358ed7 100%); background-image: -ms-linear-gradient(90deg, #54aaf0 0%, #358ed7 100%); } .header .header_in .basket_area { margin-top: 15px; float: left; } .header .header_in .basket_area .basket_link { padding-right: 62px; padding-left: 6px; display: block; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; font-size: 14px; height: 50px; background-image: -moz-linear-gradient(90deg, #7DC855 0%, #90DC68 100%); background-image: -webkit-linear-gradient(90deg, #7DC855 0%, #90DC68 100%); background-image: -ms-linear-gradient(90deg, #7DC855 0%, #90DC68 100%); -moz-box-shadow: inset 0px -2px 2px 0px #6AAA48; -webkit-box-shadow: inset 0px -2px 2px 0px #6AAA48; box-shadow: inset 0px -2px 2px 0px #6AAA48; overflow: hidden; line-height: 50px; position: relative; } .header .header_in .basket_area .basket_link:hover,.header .header_in .basket_area .basket_link.active { background-image: -moz-linear-gradient(90deg, #90DC68 0%, #7DC855 100%); background-image: -webkit-linear-gradient(90deg, #90DC68 0%, #7DC855 100%); background-image: -ms-linear-gradient(90deg, #90DC68 0%, #7DC855 100%); } @media only screen and (max-width: 991px) { .header .header_in .basket_area .basket_link { font-size: 0; padding-left: 10px; padding-right: 45px; } } @media only screen and (max-width: 480px) { .header .header_in .basket_area .basket_link { padding: 0; line-height: 0; width: 50px; height: 50px; } } .header .header_in .basket_area .basket_link span { float: left; width: 32px; font-size: 16px; height: 32px; text-align: center; line-height: 35px; margin-right: 9px; margin-top: 9px; background: #7EC15A; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } @media only screen and (max-width: 480px) { .header .header_in .basket_area .basket_link span { display: none; } } .header .header_in .basket_area .basket_link:after { background: #81C55C; right: 0; top: 0; position: absolute; display: block; content: ''; width: 51px; height: 47px; } @media only screen and (max-width: 480px) { .header .header_in .basket_area .basket_link:after { width: 50px; height: 50px; } } .header .header_in .basket_area .basket_link:before { position: absolute; z-index: 1; right: 19px; top: 50%; margin-top: -11px; } @media only screen and (max-width: 480px) { .header .header_in .basket_area .basket_link:before { right: 15px; } } .menu { -moz-box-shadow: 0 4px 5px -2px rgba(0,0,0,0.1) inset; -webkit-box-shadow: 0 4px 5px -2px rgba(0,0,0,0.1) inset; box-shadow: 0 4px 5px -2px rgba(0,0,0,0.1) inset; background: #fff; border-bottom: 5px solid #F4F7FA; padding-top: 8px; overflow: visible; } .menu #menu { position: relative; z-index: 1; } @media only screen and (max-width: 767px) { .menu #menu { display: none; } } .menu #menu>ul>li { float: right; } .menu #menu>ul>li>a { border-top: 4px solid transparent; display: block; padding-left: 12px; padding-right: 12px; height: 54px; line-height: 40px; float: right; font-size: 14px; position: relative; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px; border-radius: 5px 5px 0 0; } @media only screen and (max-width: 991px) { .menu #menu>ul>li>a { font-size: 13px; } } .menu #menu>ul>li:after { width: 1px; height: 30px; background: #E5E5E5; float: right; content: ''; margin-top: 8px; margin-right: 4px; margin-left: 4px; } .menu #menu>ul>li:hover>a,.menu #menu>ul>li.active>a { border-top-color: #228EDA; -moz-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.15); box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.15); } .menu #menu>ul>li>.mega_menu { display: none; -moz-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.15); box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.15); position: absolute; right: 0; width: 100%; top: 54px; background: #fff; padding: 5px 15px 0; } .menu #menu>ul>li>.mega_menu .mega_menu_inner { width: 100%; clear: both; float: right; } .menu #menu>ul>li>.mega_menu .mega_menu_inner:after { height: 2px; width: 100%; top: 71px; background: #F4F7FA; content: ''; position: absolute; right: 0; bottom: 0; display: block; } .menu #menu>ul>li>.mega_menu .mega_menu_inner .submenu { float: right; } .menu #menu>ul>li>.mega_menu .mega_menu_inner .submenu>a { float: right; padding-left: 16px; padding-right: 16px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; color: #464646; font-size: 14px; margin-bottom: 13px; margin-top: 13px; height: 40px; line-height: 40px; } @media only screen and (max-width: 991px) { .menu #menu>ul>li>.mega_menu .mega_menu_inner .submenu>a { font-size: 13px; } } .menu #menu>ul>li>.mega_menu .mega_menu_inner .submenu:after { float: right; background: #E5E5E5; width: 1px; height: 20px; content: ''; margin-left: 9px; margin-right: 9px; margin-top: 22px; } .menu #menu>ul>li>.mega_menu .mega_menu_inner .submenu .mega_menu { background: #fff; overflow: hidden; padding-top: 25px; padding-bottom: 25px; position: absolute; right: 0; top: 73px; width: 100%; padding-left: 15px; padding-right: 15px; display: none; } .menu #menu>ul>li>.mega_menu .mega_menu_inner .submenu .mega_menu .mega_menu_inner_cnt { -moz-column-count: 5; -webkit-column-count: 5; column-count: 5; height: 185px; -moz-column-fill: auto; -webkit-column-fill: auto; column-fill: auto; width: 100%; } .menu #menu>ul>li>.mega_menu .mega_menu_inner .submenu .mega_menu .mega_menu_inner_cnt ul li { margin-bottom: 7px; } .menu #menu>ul>li>.mega_menu .mega_menu_inner .submenu .mega_menu .mega_menu_inner_cnt ul li a { display: block; font-size: 14px; color: #464646; padding-right: 14px; position: relative; } .menu #menu>ul>li>.mega_menu .mega_menu_inner .submenu .mega_menu .mega_menu_inner_cnt ul li a:after { right: 0; position: absolute; top: 50%; margin-top: -3px; } .menu #menu>ul>li>.mega_menu .mega_menu_inner .submenu:hover>a,.menu #menu>ul>li>.mega_menu .mega_menu_inner .submenu.active>a { background: #F4F7FA; } .menu #menu>ul>li>.mega_menu .mega_menu_inner .submenu:hover>a:before,.menu #menu>ul>li>.mega_menu .mega_menu_inner .submenu.active>a:before { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } .menu #menu>ul>li.submenu>a:before { position: absolute; right: 50%; margin-right: -5px; bottom: 6px; z-index: 2; } .menu #menu>ul>li.submenu>a:after { position: absolute; background: #fff; right: 0; z-index: 1; content: ''; bottom: 0px; width: 100%; height: 6px; } .menu #menu>ul>li:last-child:after { display: none; } .wrapper { padding-top: 20px; -moz-box-shadow: inset 0px 2px 6px 0px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0px 2px 6px 0px rgba(0,0,0,0.1); box-shadow: inset 0px 2px 6px 0px rgba(0,0,0,0.1); border-top: 1px solid #E6E8EA; } .home_banner { margin-bottom: 20px; } .home_banner #home_banner { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; overflow: hidden; } .home4slug { margin-bottom: 20px; overflow: visible; } .home4slug #home4slug { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.1); box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.1); background: #fff; overflow: hidden; } .home4slug #home4slug .row>div { padding-left: 0; padding-right: 0; } @media only screen and (max-width: 991px) { .home4slug #home4slug .row>div { padding-left: 15px; padding-right: 15px; } } @media only screen and (max-width: 480px) { .home4slug #home4slug .row>div { width: 25%; text-align: center; } } @media only screen and (max-width: 360px) { .home4slug #home4slug .row>div { padding-left: 8px; padding-right: 8px; } } .home4slug #home4slug .row>div:first-child { padding-right: 10px; } @media only screen and (max-width: 480px) { .home4slug #home4slug .row>div:first-child { padding-right: 15px; } } .home4slug #home4slug .row>div:first-child .img_cnt { margin-right: 10px; } .home4slug #home4slug .row>div:last-child .img_cnt { width: 60px; } @media only screen and (max-width: 1199px) { .home4slug #home4slug .row>div:last-child .img_cnt { margin-left: 5px; margin-right: 5px; width: 40px; } } @media only screen and (max-width: 991px) { .home4slug #home4slug .row>div:last-child .img_cnt { margin-left: 10px; } } .home4slug #home4slug .row>div:last-child .img_cnt img { max-width: 75%; } @media only screen and (max-width: 991px) { .home4slug #home4slug .row>div:last-child .img_cnt img { max-width: 90%; } } @media only screen and (max-width: 480px) { .home4slug #home4slug .row>div:last-child .img_cnt img { max-width: 100%; } } @media only screen and (max-width: 414px) { .home4slug #home4slug .row>div:last-child .img_cnt img { max-width: 60%; } } .home4slug #home4slug .item { display: block; padding-top: 15px; padding-bottom: 15px; padding-left: 0; overflow: hidden; color: #576474; font-size: 12px; } @media only screen and (max-width: 1199px) { .home4slug #home4slug .item { min-height: 99px; line-height: 20px; } } @media only screen and (max-width: 991px) { .home4slug #home4slug .item { padding-right: 15px; } } @media only screen and (max-width: 567px) { .home4slug #home4slug .item { padding-right: 7px; } } @media only screen and (max-width: 480px) { .home4slug #home4slug .item { font-size: 0; min-height: 0; padding-right: 0; line-height: 0; } } .home4slug #home4slug .item:hover { background: #F5F8FA; } @media only screen and (max-width: 480px) { .home4slug #home4slug .item:hover { background-color: transparent; } } .home4slug #home4slug .item .img_cnt { width: 70px; height: 60px; line-height: 60px; text-align: center; float: right; } @media only screen and (max-width: 1199px) { .home4slug #home4slug .item .img_cnt { width: 40px; margin-left: 5px; margin-right: 5px; } .home4slug #home4slug .item .img_cnt img { max-width: 75%; } } @media only screen and (max-width: 1199px) and (max-width: 991px) { .home4slug #home4slug .item .img_cnt img { max-width: 90%; } } @media only screen and (max-width: 1199px) and (max-width: 480px) { .home4slug #home4slug .item .img_cnt img { max-width: 55%; } } @media only screen and (max-width: 991px) { .home4slug #home4slug .item .img_cnt { margin-left: 10px; } } @media only screen and (max-width: 480px) { .home4slug #home4slug .item .img_cnt { width: 100%; float: none; margin-left: 5px; } } .home4slug #home4slug .item b { margin-top: 6px; font-size: 15px; display: block; margin-bottom: 3px; } @media only screen and (max-width: 1199px) { .home4slug #home4slug .item b { font-size: 13px; } } @media only screen and (max-width: 480px) { .home4slug #home4slug .item b { display: none; font-size: 0; } } .home_section1 { margin-bottom: 20px; overflow: visible; } .home_section1 #home_section1 { overflow: hidden; position: relative; background: #FFF; -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.1); box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.1); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 30px; } @media only screen and (max-width: 767px) { .home_section1 #home_section1 { padding-left: 20px; padding-right: 20px; } } .home_section1 #home_section1 .home_section1_r img { margin-bottom: 35px; } .home_section1 #home_section1 .home_section1_r p { font-size: 14px; text-align: justify; color: #3F4458; line-height: 24px; margin-bottom: 25px; } .home_section1 #home_section1 .home_section1_r b { color: #86C459; font-size: 14px; padding-right: 30px; position: relative; } @media only screen and (max-width: 1199px) { .home_section1 #home_section1 .home_section1_r b { line-height: 28px; } } @media only screen and (max-width: 767px) { .home_section1 #home_section1 .home_section1_r b { margin-bottom: 25px; display: block; } } .home_section1 #home_section1 .home_section1_r b:after { position: absolute; right: 0; top: 50%; margin-top: -11px; } .home_section1 #home_section1 .home_section1_l { float: left; } @media only screen and (max-width: 767px) { .home_section1 #home_section1 .home_section1_l { float: none; text-align: center; width: 100%; } } .home_section1 #home_section1 .home_section1_l ul { float: left; } @media only screen and (max-width: 767px) { .home_section1 #home_section1 .home_section1_l ul { float: none; } } .home_section1 #home_section1 .home_section1_l ul li { background: #fff; text-align: center; position: relative; margin-left: 5px; margin-right: 5px; padding: 4px; float: left; -moz-box-shadow: 0px 5px 11px 0px rgba(0,0,0,0.1),inset 0px 0px 0px 8px rgba(216,216,216,0.004); -webkit-box-shadow: 0px 5px 11px 0px rgba(0,0,0,0.1),inset 0px 0px 0px 8px rgba(216,216,216,0.004); box-shadow: 0px 5px 11px 0px rgba(0,0,0,0.1),inset 0px 0px 0px 8px rgba(216,216,216,0.004); margin-bottom: 10px; } @media only screen and (max-width: 767px) { .home_section1 #home_section1 .home_section1_l ul li { float: none; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; } } .home_section1 #home_section1 .home_section1_l ul li .item { -moz-transition-property: background; -o-transition-property: background; -webkit-transition-property: background; transition-property: background; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; display: block; width: 136px; height: 136px; border: 4px solid #D8D8D8; } @media only screen and (max-width: 414px) { .home_section1 #home_section1 .home_section1_l ul li .item { width: 110px; height: 110px; } } .home_section1 #home_section1 .home_section1_l ul li .item.item1 { background: url("../images/png/1.png") center 21px no-repeat; } @media only screen and (max-width: 414px) { .home_section1 #home_section1 .home_section1_l ul li .item.item1 { background-position: center 10px; } } .home_section1 #home_section1 .home_section1_l ul li .item.item1:hover { background: #117CCF url("../images/png/1-1.png") center 21px no-repeat; } @media only screen and (max-width: 414px) { .home_section1 #home_section1 .home_section1_l ul li .item.item1:hover { background-position: center 10px; } } .home_section1 #home_section1 .home_section1_l ul li .item.item2 { background: url("../images/png/2.png") center 21px no-repeat; } @media only screen and (max-width: 414px) { .home_section1 #home_section1 .home_section1_l ul li .item.item2 { background-position: center 10px; } } .home_section1 #home_section1 .home_section1_l ul li .item.item2:hover { background: #117CCF url("../images/png/2-2.png") center 21px no-repeat; } @media only screen and (max-width: 414px) { .home_section1 #home_section1 .home_section1_l ul li .item.item2:hover { background-position: center 10px; } } .home_section1 #home_section1 .home_section1_l ul li .item.item3 { background: url("../images/png/3.png") center 21px no-repeat; } @media only screen and (max-width: 414px) { .home_section1 #home_section1 .home_section1_l ul li .item.item3 { background-position: center 10px; } } .home_section1 #home_section1 .home_section1_l ul li .item.item3:hover { background: #117CCF url("../images/png/3-3.png") center 21px no-repeat; } @media only screen and (max-width: 414px) { .home_section1 #home_section1 .home_section1_l ul li .item.item3:hover { background-position: center 10px; } } .home_section1 #home_section1 .home_section1_l ul li .item.item4 { background: url("../images/png/4.png") center 21px no-repeat; } @media only screen and (max-width: 414px) { .home_section1 #home_section1 .home_section1_l ul li .item.item4 { background-position: center 10px; } } .home_section1 #home_section1 .home_section1_l ul li .item.item4:hover { background: #117CCF url("../images/png/4-4.png") center 21px no-repeat; } @media only screen and (max-width: 414px) { .home_section1 #home_section1 .home_section1_l ul li .item.item4:hover { background-position: center 10px; } } .home_section1 #home_section1 .home_section1_l ul li .item span { position: absolute; width: 100%; bottom: 20px; right: 0; text-align: center; display: block; color: #C5CCD0; font-size: 14px; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } @media only screen and (max-width: 414px) { .home_section1 #home_section1 .home_section1_l ul li .item span { font-size: 12px; bottom: 15px; } } .home_section1 #home_section1 .home_section1_l ul li:hover .item { border-color: #D8D8D8; } .home_section2 { margin-bottom: 20px; overflow: visible; } .home_section2 .home_section2_content { overflow: hidden; position: relative; background: #FFF; -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.1); box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.1); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } .home_section2 .home_section2_content #home_section2 h5 { padding-right: 15px; padding-top: 22px; padding-bottom: 20px; font-size: 14px; color: #5E6977; background: #fff; display: block; } .home_section2 .home_section2_content #home_section2 .home_section2_slider { padding-top: 28px; padding-bottom: 20px; background: url("../images/pt0.jpg") 0 0 repeat; text-align: center; } .home_section2 .home_section2_content #home_section2 .home_section2_slider b { font-size: 0; background: url("../images/icon2.png") center center no-repeat; width: 448px; height: 26px; margin-bottom: 30px; } @media only screen and (max-width: 567px) { .home_section2 .home_section2_content #home_section2 .home_section2_slider b { width: 100%; background-size: 96%; } } .home_section2 .home_section2_content #home_section2 .home_section2_slider #home_section2_slider .slick-slide { margin-left: 15px; margin-right: 15px; width: 166px !important; float: left; } .home_section2 .home_section2_content #home_section2 .home_section2_slider #home_section2_slider .slick-slide .item { display: block; direction: rtl; } .home_section2 .home_section2_content #home_section2 .home_section2_slider #home_section2_slider .slick-slide .item .img_cnt { -moz-box-shadow: 0px 5px 11px 0px rgba(0,0,0,0.1),inset 0px 0px 0px 8px rgba(255,166,0,0.004); -webkit-box-shadow: 0px 5px 11px 0px rgba(0,0,0,0.1),inset 0px 0px 0px 8px rgba(255,166,0,0.004); box-shadow: 0px 5px 11px 0px rgba(0,0,0,0.1),inset 0px 0px 0px 8px rgba(255,166,0,0.004); border: 4px solid #fff; background: #FFA600; width: 100%; margin-left: auto; margin-right: auto; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 4px; margin-bottom: 20px; } .home_section2 .home_section2_content #home_section2 .home_section2_slider #home_section2_slider .slick-slide .item span { display: block; text-align: center; font-size: 15px; } .dl_product { margin-bottom: 20px; overflow: visible; } .dl_product.dl_product2 { margin-bottom: 0; padding-bottom: 75px; } .dl_product_content { overflow: hidden; position: relative; background: #FFF; -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.1); box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.1); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } .dl_product_content .dl_product_title { border-bottom: 1px solid #F6F8FA; padding-top: 21px; padding-bottom: 16px; padding-right: 15px; padding-left: 15px; overflow: hidden; } .dl_product_content .dl_product_title h5 { font-size: 14px; color: #576474; float: right; } .dl_product_content .dl_product_title .more { float: left; color: #FF5335; } .dl_product_content .dl_product_content { padding-top: 33px; padding-bottom: 33px; background: #fff; padding-right: 60px; padding-left: 60px; } @media only screen and (max-width: 567px) { .dl_product_content .dl_product_content { padding-left: 35px; padding-right: 35px; } } .dl_product_content .dl_product_content b { color: #ECAC00; font-size: 14px; padding-right: 22px; position: relative; margin-bottom: 30px; line-height: 25px; display: block; } .dl_product_content .dl_product_content b:after { position: absolute; right: 0; top: 50%; margin-top: -8px; } .dl_product_content .dl_product_content #dl_product .slick-slide,.dl_product_content .dl_product_content #dl_product2 .slick-slide { width: 195px !important; float: left !important; text-align: center; } .dl_product_content .dl_product_content #dl_product .slick-slide .item,.dl_product_content .dl_product_content #dl_product2 .slick-slide .item { width: 100%; direction: rtl; } .dl_product_content .dl_product_content #dl_product .slick-slide .item img,.dl_product_content .dl_product_content #dl_product2 .slick-slide .item img { margin-top: 10px; -moz-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.15); box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.15); margin-bottom: 30px; display: block; margin-left: auto; margin-right: auto; } .dl_product_content .dl_product_content #dl_product .slick-slide .item .title,.dl_product_content .dl_product_content #dl_product2 .slick-slide .item .title { display: block; font-size: 14px; margin-bottom: 15px; direction: rtl; } .dl_product_content .dl_product_content #dl_product .slick-slide .item .price,.dl_product_content .dl_product_content #dl_product2 .slick-slide .item .price { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; font-size: 14px; color: #2CBF44; padding-top: 12px; width: 100%; display: block; padding-bottom: 12px; margin-bottom: 10px; direction: rtl; } .dl_product_content .dl_product_content #dl_product .slick-slide .item:hover .price,.dl_product_content .dl_product_content #dl_product2 .slick-slide .item:hover .price { background: #FAFBFC; -moz-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.15); box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.15); } .dl_product_content .dl_product_content #dl_product .slick-next,.dl_product_content .dl_product_content #dl_product2 .slick-next { right: -40px; margin-top: 0; top: 80px; } .dl_product_content .dl_product_content #dl_product .slick-prev,.dl_product_content .dl_product_content #dl_product2 .slick-prev { left: -40px; margin-top: 0; top: 80px; } .dl_product_content.dl_product_content_in { margin-bottom: 20px; } .dl_product_content .more_products { width: 100%; text-align: center; padding: 0; height: 60px; line-height: 60px; margin-top: 30px; } .home_section3 { overflow: visible; } @media only screen and (max-width: 767px) { .home_section3 .home_section3_r_picture { text-align: center; margin-bottom: 30px; } } .home_section3 .container>.row>div:first-child { padding-left: 5px; } @media only screen and (max-width: 991px) { .home_section3 .container>.row>div:first-child { padding-left: 15px; } } .home_section3 .home_section3_r { overflow: hidden; margin-bottom: 20px; position: relative; background: #FFF; padding: 20px; -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.1); box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.1); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } .home_section3 .home_section3_r>p { text-align: justify; line-height: 25px; margin-bottom: 20px; min-height: 100px; } .home_section3 .home_section3_r ul li { margin-bottom: 10px; padding: 5px; overflow: hidden; } .home_section3 .home_section3_r ul li .img_cnt { margin-left: 8px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; border: 4px solid #fff; background: #FFD401; text-align: center; line-height: 46px; width: 50px; height: 50px; float: right; margin-bottom: 10px; -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.1); box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.1); } .home_section3 .home_section3_r ul li b { font-size: 15px; display: block; margin-bottom: 4px; margin-top: 8px; } .home_section3 .karnil_box { background: #FF5335; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom: 20px; padding-top: 25px; padding-right: 10px; padding-left: 15px; padding-bottom: 45px; text-align: center; } @media only screen and (max-width: 1199px) { .home_section3 .karnil_box { padding-bottom: 27px; } } .home_section3 .karnil_box .karnil_box_title { margin-bottom: 18px; text-align: right; } .home_section3 .karnil_box p { line-height: 25px; margin-bottom: 10px; text-align: right; } @media only screen and (max-width: 991px) { .home_section3 .karnil_box p { margin-bottom: 20px; } } .home_boxes #home_boxes ul { margin-left: -10px; margin-right: -10px; } @media only screen and (max-width: 667px) { .home_boxes #home_boxes ul { text-align: center; } } .home_boxes #home_boxes ul li { float: right; width: 20%; padding-left: 10px; padding-right: 10px; margin-bottom: 20px; } @media only screen and (max-width: 667px) { .home_boxes #home_boxes ul li { width: 32.7%; float: none; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; } } @media only screen and (max-width: 480px) { .home_boxes #home_boxes ul li { width: 32.6%; } } @media only screen and (max-width: 414px) { .home_boxes #home_boxes ul li { width: 49.3%; } } .home_boxes #home_boxes ul li .item { -moz-box-shadow: 0px 1px 3px 0px rgba(31,31,31,0.09); -webkit-box-shadow: 0px 1px 3px 0px rgba(31,31,31,0.09); box-shadow: 0px 1px 3px 0px rgba(31,31,31,0.09); display: block; border: 1px solid #E6E6E6; width: 100%; background: #fff; height: 100px; line-height: 100px; text-align: center; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0s; -o-transition-duration: 0s; -webkit-transition-duration: 0s; transition-duration: 0s; } .home_boxes #home_boxes ul li .item .over { display: none; } .home_boxes #home_boxes ul li .item:hover { border: 5px solid #E6E6E6; line-height: 92px; } .home_boxes #home_boxes ul li .item:hover img { display: none; } .home_boxes #home_boxes ul li .item:hover img.over { display: inline-block; } .last_comments { -moz-box-shadow: inset 0px 1px 4px 0px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0px 1px 4px 0px rgba(0,0,0,0.1); box-shadow: inset 0px 1px 4px 0px rgba(0,0,0,0.1); border-top: 4px solid #F3F3F3; background: #EBEEF2 url("../images/bg1.jpg") center center/cover repeat-x; padding-top: 55px; padding-bottom: 40px; } .last_comments .last_comments_title { padding-right: 80px; position: relative; display: block; font-size: 12px; color: #999; margin-bottom: 36px; } .last_comments .last_comments_title:after { right: 15px; top: 50%; margin-top: -26px; position: absolute; } .last_comments .last_comments_title b { color: #303338; font-size: 16px; display: block; margin-bottom: 3px; } @media only screen and (max-width: 360px) { .last_comments .last_comments_title b { font-size: 13px; } } .last_comments #last_comments { text-align: center; } .last_comments #last_comments .slick-slide { float: left !important; width: 362px !important; margin-left: 13px; margin-right: 13px; margin-top: 65px; margin-bottom: 65px; } @media only screen and (max-width: 480px) { .last_comments #last_comments .slick-slide { width: 350px !important; } } @media only screen and (max-width: 414px) { .last_comments #last_comments .slick-slide { width: 300px !important; } } @media only screen and (max-width: 360px) { .last_comments #last_comments .slick-slide { width: 255px !important; } } .last_comments #last_comments .slick-slide .item { -moz-box-shadow: 0px 0px 10px 0px rgba(115,115,115,0.2); -webkit-box-shadow: 0px 0px 10px 0px rgba(115,115,115,0.2); box-shadow: 0px 0px 10px 0px rgba(115,115,115,0.2); background: #fff; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 55px 15px 15px; display: block; direction: rtl; text-align: right; width: 100%; position: relative; } .last_comments #last_comments .slick-slide .item:after { position: absolute; left: 40px; top: -16px; } .last_comments #last_comments .slick-slide .item p { line-height: 25px; } .last_comments #last_comments .slick-slide .item .item_icon_karnil { position: absolute; top: -55px; right: 15px; } .last_comments #last_comments .slick-slide .item .item_icon { position: absolute; top: 14px; left: 18px; } .last_comments #last_comments .slick-slide .item .item_author { position: absolute; top: -62px; left: 5px; font-size: 14px; color: #CBD2D6; } .last_comments #last_comments .slick-slide .item .item_author b { font-size: 14px; margin-bottom: 2px; display: block; } .last_comments #last_comments .slick-slide .item .item_social { position: absolute; top: 20px; right: 105px; width: 100px; } .last_comments #last_comments .slick-slide .item .item_social a { float: right; margin-right: 10px; } .last_comments #last_comments .slick-slide .item.item_right { padding-top: 15px; padding-bottom: 55px; } .last_comments #last_comments .slick-slide .item.item_right:after { left: auto; right: 40px; top: auto; bottom: -16px; } .last_comments #last_comments .slick-slide .item.item_right .item_icon_karnil { top: auto; right: auto; left: 15px; bottom: -62px; } .last_comments #last_comments .slick-slide .item.item_right .item_icon { top: auto; right: 18px; left: auto; bottom: 17px; } .last_comments #last_comments .slick-slide .item.item_right .item_author { bottom: -62px; top: auto; right: 5px; left: auto; } .last_comments #last_comments .slick-slide .item.item_right .item_social { top: auto; bottom: 20px; left: 105px; right: auto; } .last_comments #last_comments .slick-slide .item.item_right .item_social a { float: left; margin-right: 0; margin-left: 10px; } .last_comments #last_comments .slick-dots { margin-top: 38px; width: auto; } .last_comments #last_comments .slick-prev { float: left; position: relative; top: auto; margin-top: 33px; left: auto; right: auto; width: 20px; height: 20px; background-color: transparent; margin-right: -460px; } .last_comments #last_comments .slick-prev:after { margin-right: -5px; margin-top: -9px; } .last_comments #last_comments .slick-next { float: right; position: relative; top: auto; margin-top: 33px; left: auto; right: auto; width: 20px; height: 20px; background-color: transparent; margin-left: -460px; } .last_comments #last_comments .slick-next:after { margin-right: -5px; margin-top: -9px; } .footer { background: #FFF; padding-top: 70px; padding-bottom: 60px; } .footer h6 { font-size: 14px; color: #4F5362; margin-bottom: 27px; display: block; } @media only screen and (max-width: 767px) { .footer h6 { margin-bottom: 25px; } } .footer .footer_top { padding-bottom: 30px; border-bottom: 2px solid #EBEEF0; } @media only screen and (max-width: 567px) { .footer .footer_top .col-xs-8 { width: 100%; margin-bottom: 10px; } .footer .footer_top .col-xs-4 { width: 100%; } } @media only screen and (max-width: 360px) { .footer .footer_top>.row>div { padding-left: 0; padding-right: 0; } } .footer .footer_top .ft { margin-bottom: 20px; } @media only screen and (max-width: 991px) { .footer .footer_top .ft { margin-bottom: 40px; } } .footer .footer_top .ft ul li { margin-bottom: 15px; } @media only screen and (max-width: 480px) { .footer .footer_top .ft ul li { margin-bottom: 10px; } } .footer .footer_top .ft ul li a { color: #A8ACB9; } @media only screen and (max-width: 1199px) { .footer .footer_top .ft ul li a { font-size: 12px; } } @media only screen and (max-width: 991px) { .footer .footer_top .ft ul li a { font-size: 13px; } } .footer .footer_top .ft ul li a:hover { color: #2BA5E0; } .footer .footer_top .newsletter p { margin-bottom: 17px; color: #A8ACB9; } @media only screen and (max-width: 991px) { .footer .footer_top .newsletter p { margin-bottom: 9px; } } .footer .footer_top .newsletter #newsletter { width: 100%; padding-left: 118px; position: relative; margin-bottom: 25px; } @media only screen and (max-width: 991px) { .footer .footer_top .newsletter #newsletter { margin-bottom: 9px; } } .footer .footer_top .newsletter #newsletter .newsletter_inp { border: 2px solid #E1E8EE; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; height: 42px; width: 100%; padding-right: 10px; padding-left: 10px; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .footer .footer_top .newsletter #newsletter .newsletter_inp:focus { border-color: #4F5362 !important; } .footer .footer_top .newsletter #newsletter .newsletter_btn { position: absolute; left: 0; top: 0; } .footer .footer_top #social_network { margin-bottom: 20px; } @media only screen and (max-width: 567px) { .footer .footer_top #social_network { text-align: center; width: 100%; margin-top: 10px; } } .footer .footer_top #social_network ul li { float: right; margin-left: 10px; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } @media only screen and (max-width: 667px) { .footer .footer_top #social_network ul li { margin-left: 3px; } } @media only screen and (max-width: 567px) { .footer .footer_top #social_network ul li { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; float: none; margin-left: 1.5px; margin-right: 1.5px; } } @media only screen and (max-width: 414px) { .footer .footer_top #social_network ul li { margin-left: -3px; margin-right: -3px; } } .footer .footer_top #social_network ul li:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75); opacity: 0.75; } .footer .footer_top .ft_banner { text-align: center; } .footer .footer_bottom { padding-top: 35px; } .footer .footer_bottom p { line-height: 30px; color: #A8ACB9; text-align: justify; } @media only screen and (max-width: 767px) { .footer .footer_bottom p { margin-bottom: 20px; } } .footer .footer_bottom .footer_bottom_pics { text-align: center; } .footer .footer_bottom .footer_bottom_pics img { margin-left: 7.5px; margin-right: 7.5px; } .copyright { padding-top: 45px; padding-bottom: 35px; -moz-box-shadow: inset 0px 1px 4px 0px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0px 1px 4px 0px rgba(0,0,0,0.1); box-shadow: inset 0px 1px 4px 0px rgba(0,0,0,0.1); background: #F5F8FA; } @media only screen and (max-width: 991px) { .copyright { padding-top: 25px; text-align: center; padding-bottom: 25px; } } @media only screen and (max-width: 991px) { .copyright .app_dl { margin-top: 20px; } } @media only screen and (max-width: 360px) { .copyright .app_dl { margin-left: -20px; margin-right: -20px; } } .copyright .app_dl img { float: left; margin-right: 12px; } @media only screen and (max-width: 1199px) { .copyright .app_dl img { margin-right: 9px; } } @media only screen and (max-width: 991px) { .copyright .app_dl img { float: none; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; margin-left: 10px; margin-right: 10px; } } @media only screen and (max-width: 667px) { .copyright .app_dl img { margin-left: 5px; margin-right: 5px; } } .copyright #mnu { clear: both; width: 100%; overflow: hidden; margin-bottom: 11px; } .copyright #mnu ul li { float: right; } @media only screen and (max-width: 991px) { .copyright #mnu ul li { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; float: none; } } .copyright #mnu ul li a { font-size: 12px; color: #2BA5E0; } .copyright #mnu ul li:after { float: right; margin-left: 15px; margin-right: 15px; content: '|'; color: #D3D3D3; } @media only screen and (max-width: 991px) { .copyright #mnu ul li:after { display: none; } } .copyright #mnu ul li:before { margin-left: 15px; margin-right: 15px; content: '|'; color: #D3D3D3; display: none; } @media only screen and (max-width: 991px) { .copyright #mnu ul li:before { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; } } @media only screen and (max-width: 667px) { .copyright #mnu ul li:before { line-height: 26px; } } @media only screen and (max-width: 567px) { .copyright #mnu ul li:before { margin-left: 5px; margin-right: 3px; } } .copyright #mnu ul li:first-child:after { display: none; } .copyright #mnu ul li:first-child:before { display: none; } .copyright p { clear: both; width: 100%; color: #9E9E9E; font-size: 12px; } @media only screen and (max-width: 667px) { .copyright p { line-height: 26px; } } .breadcrumb { margin: 0; padding: 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: #fff; -moz-box-shadow: inset 0px -2px 0px 0px #eef2f6; -webkit-box-shadow: inset 0px -2px 0px 0px #eef2f6; box-shadow: inset 0px -2px 0px 0px #eef2f6; border: 1px solid #E7ECEF; padding-right: 15px; padding-left: 15px; margin-bottom: 20px; } @media only screen and (max-width: 567px) { .breadcrumb { padding-left: 10px; padding-right: 10px; } } .breadcrumb span { color: #007CD3 !important; line-height: 48px; } .breadcrumb span:before { content: ''; margin-left: 15px; margin-right: 15px; } @media only screen and (max-width: 567px) { .breadcrumb span:before { margin-left: 8px; margin-right: 5px; } } .breadcrumb span a { color: #7D90A8; } @media only screen and (max-width: 567px) { .breadcrumb span a { font-size: 12px; } } .inner_list { overflow: visible; padding-bottom: 50px; } .inner_list #inner_list { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; overflow: hidden; background: #fff; padding: 15px 15px 80px; position: relative; -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.1); box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.1); } .inner_list_sidebar { border: 1px solid #E3E5E7; -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.06); -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.06); box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.06); overflow: hidden; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding-bottom: 30px; } .inner_list_sidebar h6 { padding-top: 15px; padding-bottom: 15px; padding-right: 10px; padding-left: 10px; font-size: 14px; background-image: -moz-linear-gradient(90deg, #e9573e 0%, #fb6e52 100%); background-image: -webkit-linear-gradient(90deg, #e9573e 0%, #fb6e52 100%); background-image: -ms-linear-gradient(90deg, #e9573e 0%, #fb6e52 100%); -moz-box-shadow: inset 0px -2px 2px 0px rgba(0,0,0,0.2); -webkit-box-shadow: inset 0px -2px 2px 0px rgba(0,0,0,0.2); box-shadow: inset 0px -2px 2px 0px rgba(0,0,0,0.2); -moz-border-radius: 0px 0px 2px 2px; -webkit-border-radius: 0px; border-radius: 0px 0px 2px 2px; } .inner_list_sidebar .delete_all { display: block; padding-top: 15px; padding-bottom: 14px; padding-right: 35px; padding-left: 10px; color: #DF3C22; border-bottom: 1px solid #FFD9D9; -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.05); -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.05); box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.05); position: relative; background-color: #FFF1F1; } .inner_list_sidebar .delete_all:after { top: 50%; margin-top: -6.5px; right: 13px; position: absolute; } .block { margin-top: 10px; padding-right: 10px; padding-left: 10px; } .block .block_title { border-bottom: 2px solid #E5EEF7; padding-top: 12px; padding-bottom: 10px; color: #3A4E64; } .block .blc { padding-top: 16px; padding-bottom: 4px; } .block .blc.checklist_items ul li { margin-bottom: 10px; color: #617183; } .block .blc.checklist_items ul li .all_lbl { color: #FF642E; } .block .blc.price_slider { padding-bottom: 10px; } .block .blc.price_slider .slider_block .ui-widget-content { margin-top: 10px; border: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; left: -3%; width: 93%; height: 5px; background: #E6E6E6; } @media only screen and (max-width: 1199px) { .block .blc.price_slider .slider_block .ui-widget-content { width: 90%; left: -4%; } } @media only screen and (max-width: 667px) { .block .blc.price_slider .slider_block .ui-widget-content { width: 86%; left: -6%; } } .block .blc.price_slider .slider_block .ui-widget-header { background: #95C845; } .block .blc.price_slider .slider_block .ui-state-default,.block .blc.price_slider .slider_block .ui-widget-content .ui-state-default,.block .blc.price_slider .slider_block .ui-widget-header .ui-state-default { background: #FFF; border-radius: 50%; -moz-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.15); box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.15); height: 20px; margin-top: -3px; width: 20px; } .block .blc.price_slider .slider_block .amountMax { border: medium none; float: right; font-size: 12px; margin-top: 20px; text-align: right; width: 50%; color: #007CD3; line-height: 20px; } @media only screen and (max-width: 667px) { .block .blc.price_slider .slider_block .amountMax { font-size: 10px; } } .block .blc.price_slider .slider_block .amountMin { border: medium none; float: left; font-size: 12px; margin-top: 20px; text-align: left; width: 50%; color: #007CD3; line-height: 20px; } @media only screen and (max-width: 667px) { .block .blc.price_slider .slider_block .amountMin { font-size: 10px; } } .inner_list_content .inner_list_content_description { border: 4px solid #FFFFFD; background-color: #CBD6DC; -moz-box-shadow: 0px 5px 11px 0px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 5px 11px 0px rgba(0,0,0,0.1); box-shadow: 0px 5px 11px 0px rgba(0,0,0,0.1); margin-bottom: 20px; padding: 4px; } .inner_list_content .inner_list_content_description .inner_list_content_description_in { background-image: url("../img/bg2.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%; padding: 20px 10px 10px; } .inner_list_content .inner_list_content_description .inner_list_content_description_in h1 { margin-bottom: 12px; font-size: 19px; color: #4d5a7a; text-shadow: -1px 1px 0 #FFF, -1px -1px 0 #FFF, 1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px 1px 0 #FFF; } .inner_list_content .inner_list_content_description .inner_list_content_description_in p { font-size: 14px; color: #3A4E64; line-height: 26px; text-align: justify; text-shadow: 0.087px 0.996px 5px rgba(0,0,0,0.22); } .inner_list_content .filter_search { margin-bottom: 20px; background: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1); box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1); padding-top: 14px; padding-bottom: 14px; padding-right: 12px; padding-left: 12px; } .inner_list_content .filter_search strong { float: right; margin-left: 8px; color: #6C6C6C; font-size: 12px; line-height: 35px; } @media only screen and (max-width: 567px) { .inner_list_content .filter_search strong { width: 100%; } } .inner_list_content .filter_search div.selector { height: 35px; width: 130px !important; margin-left: 4px; } @media only screen and (max-width: 1199px) { .inner_list_content .filter_search div.selector { width: 114px !important; } } @media only screen and (max-width: 480px) { .inner_list_content .filter_search div.selector { margin-bottom: 5px; margin-left: 5px; } } .inner_list_content .filter_search div.selector span { height: 35px; line-height: 35px; } .inner_list_content .filter_search div.selector select { height: 35px; } .inner_list_content .filter_search div.selector:last-child { width: 70px !important; margin-left: 0; } .inner_list_content .filter_search div.selector:last-child span { padding-right: 41px; } .inner_list_content .filter_search .type_view { float: left; } @media only screen and (max-width: 991px) { .inner_list_content .filter_search .type_view { float: right; margin-top: 20px; } } @media only screen and (max-width: 567px) { .inner_list_content .filter_search .type_view strong { width: auto; } } .inner_list_content .filter_search .type_view .filter_view { width: 82px; height: 32px; float: right; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #CBD6DC; overflow: hidden; } @media only screen and (max-width: 991px) { .inner_list_content .filter_search .type_view .filter_view { margin-right: 37px; } } @media only screen and (max-width: 567px) { .inner_list_content .filter_search .type_view .filter_view { margin-right: 0; } } .inner_list_content .filter_search .type_view .filter_view .grid_show { width: 50%; border-left: 0.5px solid #CAD4DB; float: right; height: 30px; position: relative; -moz-box-shadow: inset 0px -2px 0px 0px #eef2f6; -webkit-box-shadow: inset 0px -2px 0px 0px #eef2f6; box-shadow: inset 0px -2px 0px 0px #eef2f6; } .inner_list_content .filter_search .type_view .filter_view .grid_show:after { position: absolute; margin-right: -7px; margin-top: -7px; right: 50%; top: 50%; } .inner_list_content .filter_search .type_view .filter_view .grid_show.active { -moz-box-shadow: inset 0px 1px 5px 0px #d5dee6; -webkit-box-shadow: inset 0px 1px 5px 0px #d5dee6; box-shadow: inset 0px 1px 5px 0px #d5dee6; } .inner_list_content .filter_search .type_view .filter_view .list_show { width: 50%; border-right: 0.5px solid #CAD4DB; float: left; height: 30px; position: relative; -moz-box-shadow: inset 0px -2px 0px 0px #eef2f6; -webkit-box-shadow: inset 0px -2px 0px 0px #eef2f6; box-shadow: inset 0px -2px 0px 0px #eef2f6; } .inner_list_content .filter_search .type_view .filter_view .list_show:after { position: absolute; margin-right: -8px; margin-top: -7px; right: 50%; top: 50%; } .inner_list_content .filter_search .type_view .filter_view .list_show.active { -moz-box-shadow: inset 0px 1px 5px 0px #d5dee6; -webkit-box-shadow: inset 0px 1px 5px 0px #d5dee6; box-shadow: inset 0px 1px 5px 0px #d5dee6; } .product { position: relative; overflow: hidden; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1); box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1); background: #fff; margin-bottom: 18px; padding-left: 10px; padding-right: 10px; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; direction: rtl; } .product .picture { text-align: center; padding-top: 30px; } .product .title { direction: rtl; border-bottom: 1px solid #e7ecf2; color: #3a4e64; display: block; font-size: 13px; height: 61px; line-height: 23px; overflow: hidden; padding-bottom: 15px; padding-top: 9px; text-align: center; } @media only screen and (max-width: 480px) { .product .title { height: auto; } } .product .product_rate { direction: rtl; border-bottom: 1px solid #E7ECF2; padding-top: 14px; padding-bottom: 14px; overflow: hidden; width: 100%; } .product .product_rate i { float: right; font-style: normal; color: #BFCAD3; font-size: 14px; } .product .product_rate .img_cnt { float: left; } .product .product_tools { direction: rtl; padding-top: 14px; padding-bottom: 12px; overflow: hidden; } .product .product_tools .price_area { color: #9FCD57; font-size: 14px; float: left; direction: rtl; } .product .product_tools .buy_link { direction: rtl; float: right; font-size: 13px; position: relative; padding-right: 30px; color: #95C845; } .product .product_tools .buy_link:after { position: absolute; top: 50%; margin-top: -12px; right: 2px; } .product .product_state { direction: rtl; position: absolute; top: 8px; right: 6px; } .product .karnil_proposal { direction: rtl; position: absolute; left: -2px; top: -2px; font-size: 10px; line-height: 13px; } .product .karnil_proposal span { display: block; margin-right: 25px; margin-top: -5px; -moz-transform: rotate(-42deg); -ms-transform: rotate(-42deg); -webkit-transform: rotate(-42deg); transform: rotate(-42deg); -moz-transform-origin: right bottom; -webkit-transform-origin: right bottom; transform-origin: right bottom; } .product:hover { -moz-box-shadow: 0px 0px 6.65px 0.35px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 6.65px 0.35px rgba(0,0,0,0.2); box-shadow: 0px 0px 6.65px 0.35px rgba(0,0,0,0.2); } .products_title { margin-bottom: 28px; } .products_title h2 { color: #956DE1; border-bottom: 2px solid #E5EEF7; padding-bottom: 18px; font-size: 13px; color: #956DE1; } .products>.row { margin-left: -5px; margin-right: -5px; } .products>.row>div { padding-left: 5px; padding-right: 5px; } @media only screen and (max-width: 480px) { .products>.row>div { width: 100%; } } .sep_product { margin-bottom: 18px; display: block; clear: both; } .sep_product span { height: 2px; width: 100%; display: block; background: #E5EEF7; } .pagination_container .pagination { width: 100%; text-align: center; padding-top: 45px; padding-right: 0; margin-top: 0; padding-left: 0; } .pagination_container .pagination li { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; padding: 0; } @media only screen and (max-width: 567px) { .pagination_container .pagination li { margin-bottom: 5px; } } .pagination_container .pagination li a { border: 1px solid #EBEBEB; margin-right: 2px; margin-left: 2px; width: 32px; height: 32px; text-align: center; line-height: 32px; background-color: #fff; padding: 0; color: #C2C2C2; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .pagination_container .pagination li a:hover { border-color: #464646; color: #464646; } .pagination_container .pagination li.prev a { position: relative; padding-left: 16px; padding-right: 28px; width: auto; } @media only screen and (max-width: 991px) { .pagination_container .pagination li.prev a { font-size: 0; padding-left: 8px; } } .pagination_container .pagination li.prev a:after { right: 15px; top: 50%; position: absolute; margin-top: -5.5px; } .pagination_container .pagination li.prev a:hover { background-color: #007DD4; border-color: #007DD4; color: #fff; } .pagination_container .pagination li.next a { position: relative; padding-left: 28px; padding-right: 16px; width: auto; } @media only screen and (max-width: 991px) { .pagination_container .pagination li.next a { font-size: 0; padding-right: 8px; } } .pagination_container .pagination li.next a:after { left: 15px; top: 50%; position: absolute; margin-top: -5.5px; } .pagination_container .pagination li.next a:hover { background-color: #007DD4; border-color: #007DD4; color: #fff; } .pagination_container .pagination li.active a { background: #464646; border-color: #464646; } .register_page { padding-bottom: 90px; } .register_page #register_page { -moz-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1); box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1); background: #fff; overflow: hidden; padding: 0 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .register_page #register_page h1 { padding-top: 35px; padding-bottom: 35px; text-align: center; color: #2B2B2B; font-size: 16px; border-bottom: 2px solid #EBEEF0; } .register_page #register_page ul li { margin-bottom: 20px; overflow: hidden; } .register_page #register_page ul li i { float: right; width: 30%; font-style: normal; height: 45px; line-height: 45px; } @media only screen and (max-width: 480px) { .register_page #register_page ul li i { width: 100%; height: 35px; line-height: 35px; } } .register_page #register_page ul .form_left { width: 70%; float: left; position: relative; } @media only screen and (max-width: 480px) { .register_page #register_page ul .form_left { width: 100%; } } .register_page #register_page ul .form_left b { position: absolute; top: 50%; margin-top: -7px; left: 15px; } .register_page #register_page ul .form_left .form_inp { padding-left: 40px; } .register_page #register_page ul .form_left .form_birthday { width: 102%; margin-right: -1%; } .register_page #register_page ul .form_left .form_birthday>div { width: 33.33% !important; padding-left: 1%; padding-right: 1%; float: right; } .register_page #register_page ul .form_left .form_birthday div.selector { width: 100% !important; } .register_page #register_page ul .form_left .form_reg_radio label { float: right; margin-left: 15px; margin-top: 11px; } .register_page #register_page ul .form_left .form_city { width: 102%; margin-right: -1%; } .register_page #register_page ul .form_left .form_city>div { width: 50% !important; padding-left: 1%; padding-right: 1%; float: right; } .register_page #register_page ul .form_left .form_city div.selector { width: 100% !important; } .register_page #register_page ul .form_left .form_card { width: 102%; margin-right: -1%; } .register_page #register_page ul .form_left .form_card .form_inp { padding-left: 0; text-align: center; padding-left: 5px; padding-right: 5px; } .register_page #register_page ul .form_left .form_card>div { width: 25% !important; padding-left: 1%; padding-right: 1%; float: right; } .register_page #register_page ul .form_left .form_card div.selector { width: 100% !important; } .register_page #register_page .register_page_content { position: relative; overflow: hidden; margin-top: 35px; margin-bottom: 35px; } .register_page #register_page .register_page_content:after { content: ''; display: block; background: #E1E8EE; top: 0; width: 1px; right: 50%; margin-right: -0.5px; position: absolute; height: 100%; } @media only screen and (max-width: 991px) { .register_page #register_page .register_page_content:after { display: none; } } .register_page #register_page .register_page_content .register_page_content_r { float: right; width: 50%; padding-left: 32px; padding-right: 20px; } @media only screen and (max-width: 991px) { .register_page #register_page .register_page_content .register_page_content_r { width: 100%; padding-left: 20px; } } @media only screen and (max-width: 414px) { .register_page #register_page .register_page_content .register_page_content_r { padding-left: 0; padding-right: 0; } } .register_page #register_page .register_page_content .register_page_content_l { float: left; width: 50%; padding-left: 20px; padding-right: 32px; } @media only screen and (max-width: 991px) { .register_page #register_page .register_page_content .register_page_content_l { width: 100%; padding-right: 20px; } } @media only screen and (max-width: 414px) { .register_page #register_page .register_page_content .register_page_content_l { padding-left: 0; padding-right: 0; } } .register_page #register_page .register_page_btm { border-top: 2px solid #EBEEF0; padding-top: 27px; padding-bottom: 27px; overflow: hidden; } @media only screen and (max-width: 414px) { .register_page #register_page .register_page_btm .register_btn { padding-left: 19px; padding-right: 19px; } } .register_page #register_page .register_btn { margin-right: 10px; } .single_page .single_box { -moz-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1); box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1); background: #fff; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; overflow: hidden; position: relative; margin-bottom: 20px; } .single_page .single_box .single_box_title { padding-top: 15px; padding-right: 15px; padding-left: 15px; padding-bottom: 15px; border-bottom: 2px solid #F6F8FA; overflow: hidden; } .single_page .single_box .single_box_title h3 { color: #576474; font-size: 13px; } .single_page .single_box .single_box_title .more { color: #FF5335; float: left; } .single_page .single_box .single_box_title .product_code { float: left; color: #333; font-size: 14px; margin-top: 5px; } .single_page .single_box .single_box_title .product_code span { color: #4FA5EC; } .single_page .single_box .single_box_title .send_to_friend { width: 30px; height: 30px; margin-left: 5px; position: relative; float: right; } .single_page .single_box .single_box_title .send_to_friend:after { position: absolute; margin-right: -10px; margin-top: -11px; right: 50%; top: 50%; } .single_page .single_box .single_box_title .share_area { float: right; margin-left: 5px; position: relative; } .single_page .single_box .single_box_title .share_area .share_link { width: 30px; height: 30px; display: block; position: relative; } .single_page .single_box .single_box_title .share_area .share_link:after { position: absolute; margin-right: -10.5px; margin-top: -10.5px; right: 50%; top: 50%; } .single_page .single_box .single_box_title .like { width: 30px; height: 30px; margin-left: 5px; position: relative; float: right; } .single_page .single_box .single_box_title .like:after { position: absolute; margin-right: -10px; margin-top: -9px; right: 50%; top: 50%; } .single_page .single_box .single_box_details { border-bottom: 1px solid #E7E9ED; padding-top: 10px; padding-bottom: 10px; overflow: hidden; padding-right: 15px; padding-left: 15px; margin-bottom: 20px; } .single_page .single_box .single_box_details .single_box_details_rate { float: right; padding-top: 10px; padding-bottom: 10px; color: #A8B5C5; } @media only screen and (max-width: 480px) { .single_page .single_box .single_box_details .single_box_details_rate { padding-bottom: 0; padding-top: 5px; } } .single_page .single_box .single_box_details .single_box_details_rate b { float: right; } @media only screen and (max-width: 480px) { .single_page .single_box .single_box_details .single_box_details_rate b { width: 100%; margin-bottom: 5px; } } .single_page .single_box .single_box_details .single_box_details_rate strong { color: #6B7380; float: right; margin-right: 6px; } .single_page .single_box .single_box_details .single_box_details_rate .img_cnt { margin-right: 8px; float: right; } .single_page .single_box .single_box_details .single_box_details_like { float: left; } @media only screen and (max-width: 991px) { .single_page .single_box .single_box_details .single_box_details_like { float: right; margin-top: 10px; } } .single_page .single_box .single_box_details .single_box_details_like strong { color: #A8B5C5; float: right; line-height: 42px; } @media only screen and (max-width: 480px) { .single_page .single_box .single_box_details .single_box_details_like strong { width: 100%; } } .single_page .single_box .single_box_details .single_box_details_like .unlike { float: right; margin-right: 14px; margin-left: 7px; border: 1px solid #CAD2D9; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding-left: 47px; height: 42px; line-height: 42px; padding-right: 25px; position: relative; background-image: -moz-linear-gradient(90deg, #ecf0f5 0%, rgba(236,240,245,0) 100%); background-image: -webkit-linear-gradient(90deg, #ecf0f5 0%, rgba(236,240,245,0) 100%); background-image: -ms-linear-gradient(90deg, #ecf0f5 0%, rgba(236,240,245,0) 100%); -moz-box-shadow: inset 0px -2px 4px 0px rgba(202,210,217,0.5); -webkit-box-shadow: inset 0px -2px 4px 0px rgba(202,210,217,0.5); box-shadow: inset 0px -2px 4px 0px rgba(202,210,217,0.5); } @media only screen and (max-width: 480px) { .single_page .single_box .single_box_details .single_box_details_like .unlike { margin-right: 0; } } .single_page .single_box .single_box_details .single_box_details_like .unlike:hover { background-image: -moz-linear-gradient(90deg, rgba(236,240,245,0) 0%, #ecf0f5 100%); background-image: -webkit-linear-gradient(90deg, rgba(236,240,245,0) 0%, #ecf0f5 100%); background-image: -ms-linear-gradient(90deg, rgba(236,240,245,0) 0%, #ecf0f5 100%); } .single_page .single_box .single_box_details .single_box_details_like .unlike span { display: block; position: absolute; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; width: 32px; background: #FE5252; height: 32px; left: 5px; top: 50%; margin-top: -16px; font-size: 15px; } .single_page .single_box .single_box_details .single_box_details_like .unlike span:after { position: absolute; top: 50%; margin-top: -9px; margin-right: -9px; right: 50%; } .single_page .single_box .single_box_details .single_box_details_like .like { float: right; border: 1px solid #CAD2D9; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding-left: 25px; height: 42px; line-height: 42px; padding-right: 47px; position: relative; background-image: -moz-linear-gradient(90deg, #ecf0f5 0%, rgba(236,240,245,0) 100%); background-image: -webkit-linear-gradient(90deg, #ecf0f5 0%, rgba(236,240,245,0) 100%); background-image: -ms-linear-gradient(90deg, #ecf0f5 0%, rgba(236,240,245,0) 100%); -moz-box-shadow: inset 0px -2px 4px 0px rgba(202,210,217,0.5); -webkit-box-shadow: inset 0px -2px 4px 0px rgba(202,210,217,0.5); box-shadow: inset 0px -2px 4px 0px rgba(202,210,217,0.5); } .single_page .single_box .single_box_details .single_box_details_like .like:hover { background-image: -moz-linear-gradient(90deg, rgba(236,240,245,0) 0%, #ecf0f5 100%); background-image: -webkit-linear-gradient(90deg, rgba(236,240,245,0) 0%, #ecf0f5 100%); background-image: -ms-linear-gradient(90deg, rgba(236,240,245,0) 0%, #ecf0f5 100%); } .single_page .single_box .single_box_details .single_box_details_like .like span { display: block; position: absolute; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; width: 32px; background: #50A6ED; height: 32px; right: 5px; top: 50%; margin-top: -16px; font-size: 15px; } .single_page .single_box .single_box_details .single_box_details_like .like span:after { position: absolute; top: 50%; margin-top: -9px; margin-right: -9px; right: 50%; } .single_page .single_box .single_box_main { padding-bottom: 30px; } .single_page .single_box .single_box_main .single_page_left { padding-top: 8px; padding-left: 20px; } @media only screen and (max-width: 991px) { .single_page .single_box .single_box_main .single_page_left { padding-right: 20px; padding-top: 35px; } } .single_page .single_box .single_box_main .single_page_left h1 { font-size: 20px; color: #5D6067; margin-bottom: 15px; line-height: 30px; } @media only screen and (max-width: 667px) { .single_page .single_box .single_box_main .single_page_left h1 { font-size: 16px; } } .single_page .single_box .single_box_main .single_page_left h2 { color: #CED4DA; font-size: 12px; display: block; margin-bottom: 20px; } .single_page .single_box .single_box_main .single_page_left .slug { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: #F5F8FA; padding: 10px 15px; line-height: 22px; } .single_page .single_box .single_box_main .single_page_left .single_page_tiks { padding-top: 12px; } .single_page .single_box .single_box_main .single_page_left .single_page_tiks ul li { color: #5C6167; float: right; width: 50%; padding-left: 30px; padding-right: 20px; position: relative; margin-bottom: 9px; } @media only screen and (max-width: 767px) { .single_page .single_box .single_box_main .single_page_left .single_page_tiks ul li { width: 100%; } } .single_page .single_box .single_box_main .single_page_left .single_page_tiks ul li:after { right: 0; top: 50%; margin-top: -7px; position: absolute; } .single_page .single_box .single_box_main .single_page_left .single_page_cnt { overflow: hidden; padding-top: 15px; border-top: 2px solid #F6F8FA; border-bottom: 2px solid #F6F8FA; padding-bottom: 23px; margin-top: 20px; } .single_page .single_box .single_box_main .single_page_left .single_page_cnt p { margin-bottom: 30px; text-align: justify; color: #5E6977; line-height: 25px; min-height: 115px; } .single_page .single_box .single_box_main .single_page_left .single_page_cnt .show_price { color: #9298A2; margin-bottom: 25px; font-size: 21px; } .single_page .single_box .single_box_main .single_page_left .single_page_cnt .show_price span { color: #7FCA57; } .single_page .single_box .single_box_main .single_page_left .single_page_cnt .add_to_basket { padding-left: 37px; padding-right: 49px; text-shadow: 0px 1px 1px rgba(0,0,0,0.15); float: right; margin-left: 10px; margin-bottom: 0; position: relative; } .single_page .single_box .single_box_main .single_page_left .single_page_cnt .add_to_basket:after { position: absolute; margin-top: -10px; right: 14px; top: 50%; } @media only screen and (max-width: 567px) { .single_page .single_box .single_box_main .single_page_left .single_page_cnt .add_to_basket { font-size: 13px; padding-left: 20px; margin-bottom: 10px; } } @media only screen and (max-width: 414px) { .single_page .single_box .single_box_main .single_page_left .single_page_cnt .add_to_basket { width: 100%; } } .single_page .single_box .single_box_main .single_page_left .single_page_cnt .dl_product_btn { padding-left: 37px; padding-right: 49px; margin-bottom: 0; text-shadow: 0px 1px 1px rgba(0,0,0,0.15); float: right; position: relative; background-image: -moz-linear-gradient(90deg, #358ed7 0%, #54aaf0 100%); background-image: -webkit-linear-gradient(90deg, #358ed7 0%, #54aaf0 100%); background-image: -ms-linear-gradient(90deg, #358ed7 0%, #54aaf0 100%); -moz-box-shadow: inset 0px -2px 2px 0px rgba(0,0,0,0.2); -webkit-box-shadow: inset 0px -2px 2px 0px rgba(0,0,0,0.2); box-shadow: inset 0px -2px 2px 0px rgba(0,0,0,0.2); } .single_page .single_box .single_box_main .single_page_left .single_page_cnt .dl_product_btn:hover { background-image: -moz-linear-gradient(90deg, #54aaf0 0%, #358ed7 100%); background-image: -webkit-linear-gradient(90deg, #54aaf0 0%, #358ed7 100%); background-image: -ms-linear-gradient(90deg, #54aaf0 0%, #358ed7 100%); } .single_page .single_box .single_box_main .single_page_left .single_page_cnt .dl_product_btn:after { position: absolute; margin-top: -10px; right: 12px; top: 50%; } @media only screen and (max-width: 567px) { .single_page .single_box .single_box_main .single_page_left .single_page_cnt .dl_product_btn { font-size: 13px; padding-left: 20px; margin-bottom: 10px; } } @media only screen and (max-width: 414px) { .single_page .single_box .single_box_main .single_page_left .single_page_cnt .dl_product_btn { width: 100%; } } .single_page .single_box .single_box_main .single_page_right { padding-right: 12px; } @media only screen and (max-width: 991px) { .single_page .single_box .single_box_main .single_page_right { padding-left: 12px; } } .single_page .single_box .single_box_main .single_page_right .product_gallery { direction: ltr; position: relative; } @media only screen and (max-width: 767px) { .single_page .single_box .single_box_main .single_page_right .product_gallery { margin-bottom: 30px; } } .single_page .single_box .single_box_main .single_page_right .product_gallery .offer { position: absolute; z-index: 2; left: -2px; top: -2px; font-size: 10px; line-height: 13px; } .single_page .single_box .single_box_main .single_page_right .product_gallery .offer span { display: block; margin-right: 4px; margin-top: -29px; padding-left: 4px; padding-top: 4px; -moz-transform: rotate(-43deg); -ms-transform: rotate(-43deg); -webkit-transform: rotate(-43deg); transform: rotate(-43deg); -moz-transform-origin: right bottom; -webkit-transform-origin: right bottom; transform-origin: right bottom; } .single_page .single_box .single_box_main .single_page_right .product_gallery .single_slideshow_big { border: 3px solid #F5F8FA; width: 100%; text-align: center; } .single_page .single_box .single_box_main .single_page_right .product_gallery .single_slideshow_big .slick-slide { direction: rtl; overflow: hidden; text-align: center; padding-top: 35px; padding-bottom: 35px; } .single_page .single_box .single_box_main .single_page_right .product_gallery .single_slideshow_mini { width: 100%; position: relative; margin-top: 10px; padding-right: 0; padding-left: 0; } .single_page .single_box .single_box_main .single_page_right .product_gallery .single_slideshow_mini .slick-slide { width: 102px !important; height: 136px !important; margin-left: 5px; margin-right: 5px; } .single_page .single_box .single_box_main .single_page_right .product_gallery .single_slideshow_mini .item { width: 96px !important; height: 130px; cursor: pointer; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; position: relative; border: 3px solid #F5F8FA; text-align: center; background-position: center center; background-repeat: no-repeat; background-size: cover; } .single_page .single_box .single_box_main .single_page_right .product_gallery .single_slideshow_mini .item img { display: inline; } .single_page .single_box .single_box_main .single_page_right .product_gallery .single_slideshow_mini .slick-center .item { border: 3px solid #E7E9ED; } .single_page .single_box .single_box_main .single_page_right .product_gallery .single_slideshow_mini .slick-center .item:after { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } .single_page .single_box .single_box_main .single_page_right .product_gallery .single_slideshow_mini.slick-no-slide { padding-left: 0; padding-right: 0; } .single_page .single_box .single_box_main .single_page_right .product_gallery .single_slideshow_mini.slick-no-slide .slick-track { width: 100% !important; text-align: center; left: auto !important; } .single_page .single_box .single_box_main .single_page_right .product_gallery .single_slideshow_mini.slick-no-slide .slick-slide { float: none; display: inline-block; } .single_page .single_box .single_box_main .single_page_right .product_gallery .single_slideshow_mini.slick-no-slide .slick-slide.slick-center .item { border: 1px solid #E7E7E7; } .single_page .single_box .single_box_main .single_page_right .product_gallery .single_slideshow_mini.slick-no-slide .slick-slide.slick-center.slick-current .item { border: 1px solid #1F3673; } .single_page .single_box .single_box_main .single_page_right .product_gallery .single_slideshow_mini.slick-no-slide .slick-slide.slick-center.slick-current .item:after { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } .single_page .single_box .single_box_main .single_page_right .product_gallery .single_slideshow_mini.slick-no-slide .slick-list { padding: 0 !important; } .single_page .single_box .single_box_main .single_page_right .product_gallery .single_slideshow_mini.slick-co-slide { padding-left: 0; padding-right: 0; } .single_page .single_box .single_box_main .single_page_right .product_gallery .single_slideshow_mini.slick-co-slide .slick-track { width: 100% !important; text-align: center; left: auto !important; } .single_page .single_box .single_box_main .single_page_right .product_gallery .single_slideshow_mini.slick-co-slide .slick-slide { float: none; display: inline-block; } .single_page .single_box .single_box_main .single_page_right .product_gallery .single_slideshow_mini.slick-co-slide .slick-slide.slick-center .item { border: 3px solid #E7E9ED; } .single_page .single_box .single_box_main .single_page_right .product_gallery .single_slideshow_mini.slick-co-slide .slick-slide.slick-center.slick-current .item { border: 3px solid #E7E9ED; } .single_page .single_box .single_box_main .single_page_right .product_gallery .single_slideshow_mini.slick-co-slide .slick-slide.slick-center.slick-current .item:after { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } .single_page .single_box .single_box_main .single_page_right .product_gallery .single_slideshow_mini.slick-co-slide .slick-list { padding: 0 !important; } .single_page .single_box .single_box_main .single_page_right .product_gallery .slick-next { -moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px; border-radius: 4px 0 0 4px; } .single_page .single_box .single_box_main .single_page_right .product_gallery .slick-prev { -moz-border-radius: 0px 4px 4px 0; -webkit-border-radius: 0px; border-radius: 0px 4px 4px 0; } .single_page .single_box .khodshenasi_box_top { padding: 25px 130px 25px 25px; position: relative; } @media only screen and (max-width: 567px) { .single_page .single_box .khodshenasi_box_top { padding-right: 25px; } } .single_page .single_box .khodshenasi_box_top img { position: absolute; right: 25px; top: 25px; width: 80px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-box-shadow: 0px 6px 9px 0px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 6px 9px 0px rgba(0,0,0,0.1); box-shadow: 0px 6px 9px 0px rgba(0,0,0,0.1); border: 5px solid #fff; } @media only screen and (max-width: 567px) { .single_page .single_box .khodshenasi_box_top img { position: static; margin-left: auto; margin-right: auto; display: block; margin-bottom: 10px; } } .single_page .single_box .khodshenasi_box_top h1 { color: #007CD3; font-size: 21px; display: block; margin-bottom: 12px; } @media only screen and (max-width: 567px) { .single_page .single_box .khodshenasi_box_top h1 { text-align: center; } } .single_page .single_box .khodshenasi_box_top p { color: #464646; font-size: 14px; line-height: 26px; } .single_page .single_box .khodshenasi_desc_items { padding: 20px 15px 10px; overflow: hidden; } .single_page .single_box .khodshenasi_desc_items ul { margin-left: -8px; margin-right: -8px; } .single_page .single_box .khodshenasi_desc_items ul li { width: 50%; padding-left: 8px; padding-right: 8px; float: right; margin-bottom: 18px; } @media only screen and (max-width: 991px) { .single_page .single_box .khodshenasi_desc_items ul li { width: 100%; } } .single_page .single_box .khodshenasi_desc_items ul li a { display: block; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; border: 2px solid #D7E8F7; padding-right: 40px; position: relative; padding-left: 10px; height: 50px; line-height: 50px; overflow: hidden; font-size: 14px; } @media only screen and (max-width: 991px) { .single_page .single_box .khodshenasi_desc_items ul li a { height: auto; line-height: 26px; padding-top: 12px; padding-bottom: 12px; } } .single_page .single_box .khodshenasi_desc_items ul li a:hover { background: #8AD562; border-color: #fff; -moz-box-shadow: 0px 6px 9px 0px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 6px 9px 0px rgba(0,0,0,0.1); box-shadow: 0px 6px 9px 0px rgba(0,0,0,0.1); } .single_page .single_box .khodshenasi_desc_items ul li a:after { position: absolute; right: 10px; top: 50%; margin-top: -11px; } .single_page .single_box .karnil_comment { padding: 90px 80px 60px; } @media only screen and (max-width: 767px) { .single_page .single_box .karnil_comment { padding-left: 20px; padding-right: 20px; } } .single_page .single_box .karnil_comment .item { -moz-box-shadow: 0px 0px 10px 0px rgba(115,115,115,0.2); -webkit-box-shadow: 0px 0px 10px 0px rgba(115,115,115,0.2); box-shadow: 0px 0px 10px 0px rgba(115,115,115,0.2); background: #fff; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 55px 15px 15px; display: block; direction: rtl; text-align: right; width: 100%; position: relative; } .single_page .single_box .karnil_comment .item:after { position: absolute; left: 40px; top: -16px; } .single_page .single_box .karnil_comment .item p { line-height: 25px; } .single_page .single_box .karnil_comment .item .item_icon_karnil { position: absolute; top: -55px; right: 15px; } @media only screen and (max-width: 414px) { .single_page .single_box .karnil_comment .item .item_icon_karnil { right: -15px; } } .single_page .single_box .karnil_comment .item .item_icon { position: absolute; top: 14px; left: 18px; } .single_page .single_box .karnil_comment .item .item_author { position: absolute; top: -62px; left: 5px; font-size: 14px; color: #CBD2D6; } .single_page .single_box .karnil_comment .item .item_author b { font-size: 14px; margin-bottom: 2px; display: block; } .single_page .single_box .karnil_comment .item .item_social { position: absolute; top: 20px; right: 105px; width: 100px; } .single_page .single_box .karnil_comment .item .item_social a { float: right; margin-right: 10px; } .single_page .single_box .khodshenasi_products { padding: 30px 15px; } .single_page .single_box .khodshenasi_products ul li { margin-bottom: 20px; border: 1px solid #FAFAFA; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden; position: relative; min-height: 270px; -moz-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1); box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1); } .single_page .single_box .khodshenasi_products ul li .col-xs-12 { position: static; } .single_page .single_box .khodshenasi_products ul li .picture { width: 205px; position: absolute; right: 0; top: 0; height: 100%; background: #ECEFF1; padding-top: 30px; display: block; padding-bottom: 30px; text-align: center; padding-left: 5px; } @media only screen and (max-width: 991px) { .single_page .single_box .khodshenasi_products ul li .picture { position: static; margin-left: auto; margin-right: auto; display: block; width: 100%; } } .single_page .single_box .khodshenasi_products ul li .khodshenasi_product_top_out { padding-right: 40px; padding-left: 20px; } @media only screen and (max-width: 1199px) { .single_page .single_box .khodshenasi_products ul li .khodshenasi_product_top_out { padding-right: 0; } } @media only screen and (max-width: 991px) { .single_page .single_box .khodshenasi_products ul li .khodshenasi_product_top_out { padding-right: 20px; } } .single_page .single_box .khodshenasi_products ul li .khodshenasi_product_top_out .khodshenasi_product_top { padding-top: 30px; padding-bottom: 20px; width: 100%; border-bottom: 2px solid #F6F8FA; position: relative; padding-left: 200px; } @media only screen and (max-width: 567px) { .single_page .single_box .khodshenasi_products ul li .khodshenasi_product_top_out .khodshenasi_product_top { padding-left: 0; } } .single_page .single_box .khodshenasi_products ul li .khodshenasi_product_top_out .khodshenasi_product_top h5 { font-size: 20px; color: #5D6067; margin-bottom: 17px; line-height: 30px; } @media only screen and (max-width: 991px) { .single_page .single_box .khodshenasi_products ul li .khodshenasi_product_top_out .khodshenasi_product_top h5 { font-size: 16px; line-height: 26px; margin-bottom: 15px; } } .single_page .single_box .khodshenasi_products ul li .khodshenasi_product_top_out .khodshenasi_product_top h5 a { color: #5D6067; } .single_page .single_box .khodshenasi_products ul li .khodshenasi_product_top_out .khodshenasi_product_top h6 { color: #CED4DA; font-size: 12px; display: block; margin-bottom: 12px; } .single_page .single_box .khodshenasi_products ul li .khodshenasi_product_top_out .khodshenasi_product_top .slug { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: #F5F8FA; padding: 10px 15px; } .single_page .single_box .khodshenasi_products ul li .khodshenasi_product_top_out .khodshenasi_product_top .img_cnt_in { position: absolute; left: 0; top: 20px; } @media only screen and (max-width: 567px) { .single_page .single_box .khodshenasi_products ul li .khodshenasi_product_top_out .khodshenasi_product_top .img_cnt_in { position: static; margin-top: 20px; } } .single_page .single_box .khodshenasi_products ul li .khodshenasi_product_top_out .khodshenasi_product_top .img_cnt_in .img_cnt { float: left; } .single_page .single_box .khodshenasi_products ul li .khodshenasi_product_top_out .khodshenasi_product_top .img_cnt_in br { margin-bottom: 17px; } .single_page .single_box .khodshenasi_products ul li .khodshenasi_product_top_out .khodshenasi_product_top .img_cnt_in strong { color: #6B7380; } .single_page .single_box .khodshenasi_products ul li .khodshenasi_product_top_out .khodshenasi_product_top .img_cnt_in .unlike { float: right; margin-right: 14px; margin-left: 7px; border: 1px solid #CAD2D9; -moz-border-radius: 42px; -webkit-border-radius: 42px; border-radius: 42px; padding-left: 43px; height: 42px; line-height: 42px; padding-right: 12px; position: relative; background-image: -moz-linear-gradient(90deg, #ecf0f5 0%, rgba(236,240,245,0) 100%); background-image: -webkit-linear-gradient(90deg, #ecf0f5 0%, rgba(236,240,245,0) 100%); background-image: -ms-linear-gradient(90deg, #ecf0f5 0%, rgba(236,240,245,0) 100%); -moz-box-shadow: inset 0px -2px 4px 0px rgba(202,210,217,0.5); -webkit-box-shadow: inset 0px -2px 4px 0px rgba(202,210,217,0.5); box-shadow: inset 0px -2px 4px 0px rgba(202,210,217,0.5); } .single_page .single_box .khodshenasi_products ul li .khodshenasi_product_top_out .khodshenasi_product_top .img_cnt_in .unlike:hover { background-image: -moz-linear-gradient(90deg, rgba(236,240,245,0) 0%, #ecf0f5 100%); background-image: -webkit-linear-gradient(90deg, rgba(236,240,245,0) 0%, #ecf0f5 100%); background-image: -ms-linear-gradient(90deg, rgba(236,240,245,0) 0%, #ecf0f5 100%); } @media only screen and (max-width: 567px) { .single_page .single_box .khodshenasi_products ul li .khodshenasi_product_top_out .khodshenasi_product_top .img_cnt_in .unlike { margin-right: 0; } } .single_page .single_box .khodshenasi_products ul li .khodshenasi_product_top_out .khodshenasi_product_top .img_cnt_in .unlike span { display: block; position: absolute; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; width: 32px; background: #FE5252; height: 32px; left: 5px; top: 50%; margin-top: -16px; font-size: 15px; } .single_page .single_box .khodshenasi_products ul li .khodshenasi_product_top_out .khodshenasi_product_top .img_cnt_in .unlike span:after { position: absolute; top: 50%; margin-top: -9px; margin-right: -9px; right: 50%; } .single_page .single_box .khodshenasi_products ul li .khodshenasi_product_top_out .khodshenasi_product_top .img_cnt_in .like { float: right; border: 1px solid #CAD2D9; -moz-border-radius: 42px; -webkit-border-radius: 42px; border-radius: 42px; padding-left: 12px; height: 42px; line-height: 42px; padding-right: 43px; position: relative; background-image: -moz-linear-gradient(90deg, #ecf0f5 0%, rgba(236,240,245,0) 100%); background-image: -webkit-linear-gradient(90deg, #ecf0f5 0%, rgba(236,240,245,0) 100%); background-image: -ms-linear-gradient(90deg, #ecf0f5 0%, rgba(236,240,245,0) 100%); -moz-box-shadow: inset 0px -2px 4px 0px rgba(202,210,217,0.5); -webkit-box-shadow: inset 0px -2px 4px 0px rgba(202,210,217,0.5); box-shadow: inset 0px -2px 4px 0px rgba(202,210,217,0.5); } .single_page .single_box .khodshenasi_products ul li .khodshenasi_product_top_out .khodshenasi_product_top .img_cnt_in .like:hover { background-image: -moz-linear-gradient(90deg, rgba(236,240,245,0) 0%, #ecf0f5 100%); background-image: -webkit-linear-gradient(90deg, rgba(236,240,245,0) 0%, #ecf0f5 100%); background-image: -ms-linear-gradient(90deg, rgba(236,240,245,0) 0%, #ecf0f5 100%); } .single_page .single_box .khodshenasi_products ul li .khodshenasi_product_top_out .khodshenasi_product_top .img_cnt_in .like span { display: block; position: absolute; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; width: 32px; background: #50A6ED; height: 32px; right: 5px; top: 50%; margin-top: -16px; font-size: 15px; } .single_page .single_box .khodshenasi_products ul li .khodshenasi_product_top_out .khodshenasi_product_top .img_cnt_in .like span:after { position: absolute; top: 50%; margin-top: -9px; margin-right: -9px; right: 50%; } .single_page .single_box .khodshenasi_products ul li p { padding-top: 15px; padding-bottom: 15px; padding-right: 40px; padding-left: 20px; line-height: 26px; color: #5E6977; } @media only screen and (max-width: 1199px) { .single_page .single_box .khodshenasi_products ul li p { padding-right: 0; } } @media only screen and (max-width: 991px) { .single_page .single_box .khodshenasi_products ul li p { padding-right: 20px; } } .single_page .single_box .khodshenasi_products .more_btn { margin-top: 35px; width: 100%; text-align: center; padding: 0; height: 60px; line-height: 60px; float: none; display: block; } .khodshenasi_banner { margin-bottom: 20px; } .khodshenasi_banner img { width: 100%; } .single_description { padding: 20px 15px; } .single_description b { display: block; position: relative; font-size: 14px; color: #292B2D; margin-bottom: 18px; padding-right: 35px; } .single_description b:after { top: 50%; margin-top: -15px; position: absolute; right: 0; } .single_description p { margin-bottom: 20px; color: #4B4F53; line-height: 25px; } .single_description .pm_box { margin-left: auto; margin-right: auto; width: 95%; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; padding: 20px; overflow: hidden; margin-bottom: 30px; background: #FFFAE7; color: #D2AF30; border: 2px solid #F8ECC2; } .single_description .pm_box img { margin-left: 10px; } .single_description .pm_box.pm_box0 { background: #FFFAE7; color: #D2AF30; border: 2px solid #F8ECC2; } .single_description .pm_box.pm_box1 { background: #F3F9EB; color: #7BC200; border: 2px solid #DFF2C6; } .single_description .pm_box.pm_box2 { background: #FEF8F7; color: #F55C43; border: 2px solid #FBE9E7; } .single_description .pm_box.pm_box3 { background: #F5FCFE; color: #47B4F6; border: 2px solid #E7F0F3; } .single_description .pm_box.pm_box4 { background: #EFEEF6; color: #9D96D5; border: 2px solid #E5E4F2; } .single_description .pm_box.pm_box5 { background: #FAFAFA; color: #B1AEAE; border: 2px solid #EBEBEB; } .single_description .part_of_product { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #fff; -moz-box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.09); -webkit-box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.09); box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.09); height: 69px; line-height: 69px; border: 1px solid #EBEBEB; width: 390px; margin-left: auto; margin-right: auto; text-align: center; margin-top: 75px; font-size: 20px; color: #00AEEF; margin-bottom: 95px; } @media only screen and (max-width: 567px) { .single_description .part_of_product { width: 90%; font-size: 17px; } } .single_description .single_description_toggle { position: relative; overflow: hidden; margin-left: -15px; margin-right: -15px; padding-right: 15px; padding-left: 15px; display: none; } .single_description .single_description_more { display: block; width: 100%; position: relative; margin-top: -90px; border-top: 2px solid #E7E7E7; height: 138px; background: url("../images/pt2.png") right top repeat-x; } .single_description .single_description_more:after { top: -38.5px; right: 50%; margin-right: -38.5px; position: absolute; } .single_description .single_description_more.active { margin-top: 50px; height: 45px; } .single_box_titles_list { padding: 35px 35px 55px; position: relative; min-height: 112px; } @media only screen and (max-width: 414px) { .single_box_titles_list { padding-left: 15px; padding-right: 15px; } } .single_box_titles_list ul { position: relative; } .single_box_titles_list ul:after { content: ''; display: block; width: 2px; height: 100%; position: absolute; right: 12px; top: 0; background: #EBEEF0; } .single_box_titles_list ul li { margin-bottom: 30px; color: #1269A3; font-size: 14px; padding-right: 33px; position: relative; } @media only screen and (max-width: 414px) { .single_box_titles_list ul li { font-size: 13px; } } .single_box_titles_list ul li:after { position: absolute; right: 0; top: 50%; margin-top: -12.5px; z-index: 1; } .single_box_titles_list ul li:last-child { margin-bottom: 0; } .single_box_titles_list ul li:last-child:after { margin-top: -11.5px; } .single_box_titles_list ul li:hover { color: #75B146; } .single_box_titles_list .single_box_titles_list_more { position: absolute; margin-right: -31.5px; right: 50%; display: block; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background: #fff; width: 63px; height: 63px; bottom: 25px; -moz-box-shadow: 0px 2px 8.91px 0.09px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 2px 8.91px 0.09px rgba(0,0,0,0.1); box-shadow: 0px 2px 8.91px 0.09px rgba(0,0,0,0.1); } .single_box_titles_list .single_box_titles_list_more:after { position: absolute; margin-right: -7.5px; margin-top: -4.5px; right: 50%; top: 50%; } .single_box_comments { padding-bottom: 30px; } .single_box_spec_list { padding: 30px 15px; overflow: hidden; } .single_box_spec_list ul { margin-right: -15px; margin-left: -15px; } .single_box_spec_list ul li { padding-left: 15px; padding-right: 15px; margin-bottom: 15px; width: 50%; float: right; } @media only screen and (max-width: 991px) { .single_box_spec_list ul li { width: 100%; } } .single_box_spec_list ul li div { padding-left: 24px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; overflow: hidden; border: 1px solid #E3E8F0; overflow: hidden; line-height: 42px; color: #576474; font-size: 14px; } @media only screen and (max-width: 567px) { .single_box_spec_list ul li div { font-size: 12px; } } @media only screen and (max-width: 414px) { .single_box_spec_list ul li div { padding-left: 10px; font-size: 11px; } } .single_box_spec_list ul li div span { float: right; padding-right: 24px; width: 30%; background: #F5F8FA; border-left: 1px solid #E3E8F0; margin-left: 20px; } @media only screen and (max-width: 1199px) { .single_box_spec_list ul li div span { width: 40%; } } @media only screen and (max-width: 991px) { .single_box_spec_list ul li div span { width: 45%; } } @media only screen and (max-width: 414px) { .single_box_spec_list ul li div span { width: 50%; padding-left: 5px; padding-right: 10px; margin-left: 5px; } } .comments { padding: 40px 15px 0px; background: #fff; position: relative; } @media only screen and (max-width: 414px) { .comments { padding-top: 20px; } } .comments .comment_form { padding-right: 80px; position: relative; padding-left: 5px; } @media only screen and (max-width: 414px) { .comments .comment_form { padding-right: 0; } } .comments .comment_form .profile_avatar { position: absolute; top: 0; right: 0; } @media only screen and (max-width: 414px) { .comments .comment_form .profile_avatar { position: static; margin-bottom: 20px; } } .comments .comment_form .profile_avatar img { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; width: 67px; height: 67px; } .comments .comment_form .form_txt { -moz-box-shadow: inset 0px 1px 5px 0px rgba(213,222,230,0.5); -webkit-box-shadow: inset 0px 1px 5px 0px rgba(213,222,230,0.5); box-shadow: inset 0px 1px 5px 0px rgba(213,222,230,0.5); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin-bottom: 12px; clear: both; } .comments .comment_form .captcha_cnt { float: right; } @media only screen and (max-width: 667px) { .comments .comment_form .captcha_cnt { width: 100%; margin-bottom: 20px; } } @media only screen and (max-width: 414px) { .comments .comment_form .captcha_cnt { margin-bottom: 5px; } } .comments .comment_form .cancle_btn { margin-top: 12px; } .comments .comment_form .comment_btn { margin-right: 10px; margin-top: 12px; background-image: -moz-linear-gradient(90deg, #358ed7 0%, #54aaf0 100%); background-image: -webkit-linear-gradient(90deg, #358ed7 0%, #54aaf0 100%); background-image: -ms-linear-gradient(90deg, #358ed7 0%, #54aaf0 100%); -moz-box-shadow: inset 0px -2px 2px 0px rgba(0,0,0,0.2); -webkit-box-shadow: inset 0px -2px 2px 0px rgba(0,0,0,0.2); box-shadow: inset 0px -2px 2px 0px rgba(0,0,0,0.2); } .comments .comment_form .comment_btn:hover { background-image: -moz-linear-gradient(90deg, #54aaf0 0%, #358ed7 100%); background-image: -webkit-linear-gradient(90deg, #54aaf0 0%, #358ed7 100%); background-image: -ms-linear-gradient(90deg, #54aaf0 0%, #358ed7 100%); } .comments #comments { clear: both; width: 100%; padding-top: 45px; padding-left: 5px; } .comments #comments ul li { margin-bottom: 25px; padding-right: 80px; position: relative; } @media only screen and (max-width: 414px) { .comments #comments ul li { padding-right: 0; } } .comments #comments ul li .comment { border-bottom: 1px solid #EFF3F7; padding-bottom: 20px; top: 0; right: 0; color: #576474; font-size: 14px; } .comments #comments ul li .comment span { color: #C9D7E3; margin-right: 10px; } @media only screen and (max-width: 567px) { .comments #comments ul li .comment span { margin-right: 0; display: block; margin-top: 5px; } } .comments #comments ul li .comment p { color: #5E5E5E; margin-top: 20px; font-size: 13px; line-height: 24px; } .comments #comments ul li .comment .profile_avatar { position: absolute; right: 0; top: 0; } @media only screen and (max-width: 414px) { .comments #comments ul li .comment .profile_avatar { position: static; margin-bottom: 20px; } } .comments #comments ul li .comment .profile_avatar img { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; width: 67px; height: 67px; } .comments #comments ul li .comment .like_unlike { position: absolute; left: 0; top: 0; border: 1px solid #C8D3DA; overflow: hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; display: block; } .comments #comments ul li .comment .like_unlike .like { float: left; -moz-box-shadow: inset 0px -2px 0px 0px #eef2f6; -webkit-box-shadow: inset 0px -2px 0px 0px #eef2f6; box-shadow: inset 0px -2px 0px 0px #eef2f6; height: 30px; line-height: 30px; border-right: 1px solid #CBD5DC; padding-left: 6px; padding-right: 29px; color: #646464; font-size: 14px; position: relative; } .comments #comments ul li .comment .like_unlike .like:after { position: absolute; right: 10px; top: 50%; margin-top: -9px; } .comments #comments ul li .comment .like_unlike .like:hover { background-color: #F5F8FA; } .comments #comments ul li .comment .like_unlike .unlike { float: left; -moz-box-shadow: inset 0px -2px 0px 0px #eef2f6; -webkit-box-shadow: inset 0px -2px 0px 0px #eef2f6; box-shadow: inset 0px -2px 0px 0px #eef2f6; height: 30px; line-height: 30px; padding-right: 6px; padding-left: 29px; color: #646464; font-size: 14px; position: relative; } .comments #comments ul li .comment .like_unlike .unlike:hover { background-color: #F5F8FA; } .comments #comments ul li .comment .like_unlike .unlike:after { position: absolute; left: 10px; top: 50%; margin-top: -9px; } .comments #comments ul li:last-child { margin-bottom: 0; } .basket_page { padding-bottom: 75px; padding-top: 25px; } .basket_page #basket_page { -moz-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1); box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: #fff; overflow: hidden; position: relative; } .basket_page #basket_page .basket_page_step1 { margin-bottom: 15px; padding: 28px 12px; border-bottom: 2px solid #F6F8FA; overflow: hidden; } @media only screen and (max-width: 480px) { .basket_page #basket_page .basket_page_step1 { padding-top: 20px; } } .basket_page #basket_page .basket_page_step1 h1 { line-height: 46px; float: right; font-size: 16px; color: #576474; } @media only screen and (max-width: 480px) { .basket_page #basket_page .basket_page_step1 h1 { width: 100%; margin-bottom: 10px; font-size: 15px; line-height: 42px; text-align: center; } } .basket_page #basket_page .basket_page_step1 .form_btn { height: 46px; line-height: 46px; font-size: 14px; } @media only screen and (max-width: 360px) { .basket_page #basket_page .basket_page_step1 .form_btn { width: 100%; } } .basket_page #basket_page .basket_page_content { padding: 15px; } .basket_page #basket_page .basket_page_content .basket_page_table { -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.05); -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.05); box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.05); width: 100%; overflow: hidden; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin-bottom: 30px; } @media only screen and (max-width: 767px) { .basket_page #basket_page .basket_page_content .basket_page_table { overflow-x: auto; } .basket_page #basket_page .basket_page_content .basket_page_table::-webkit-scrollbar { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .basket_page #basket_page .basket_page_content .basket_page_table::-webkit-scrollbar:vertical { width: 6px; } .basket_page #basket_page .basket_page_content .basket_page_table::-webkit-scrollbar:horizontal { height: 6px; } .basket_page #basket_page .basket_page_content .basket_page_table::-webkit-scrollbar-thumb { background-color: rgba(0,0,0,0.5); border-radius: 0; } .basket_page #basket_page .basket_page_content .basket_page_table::-webkit-scrollbar-track { border-radius: 0; background-color: #f8f8f8; } } .basket_page #basket_page .basket_page_content .basket_page_table table { width: 100%; overflow: hidden; border: 1px solid #EBEEF0; } @media only screen and (max-width: 767px) { .basket_page #basket_page .basket_page_content .basket_page_table table { width: 800px; } } .basket_page #basket_page .basket_page_content .basket_page_table table thead tr th { background: #F5F8FA; padding-top: 25px; padding-bottom: 25px; padding-left: 5px; padding-right: 5px; text-align: center; border: none; font-size: 14px; color: #9397A4; } .basket_page #basket_page .basket_page_content .basket_page_table table tbody tr td { border: 1px solid #EBEEF0; text-align: center; padding: 15px; } @media only screen and (max-width: 991px) { .basket_page #basket_page .basket_page_content .basket_page_table table tbody tr td { padding: 5px; } } @media only screen and (max-width: 767px) { .basket_page #basket_page .basket_page_content .basket_page_table table tbody tr td { padding: 15px; } } .basket_page #basket_page .basket_page_content .basket_page_table table tbody tr td.col1 { text-align: right; } .basket_page #basket_page .basket_page_content .basket_page_table table tbody tr td.col1 img { float: right; margin-left: 20px; } .basket_page #basket_page .basket_page_content .basket_page_table table tbody tr td.col1 .title { display: block; margin-top: 15px; color: #3A4E64; font-size: 15px; line-height: 25px; } @media only screen and (max-width: 991px) { .basket_page #basket_page .basket_page_content .basket_page_table table tbody tr td.col1 .title { font-size: 13px; } } .basket_page #basket_page .basket_page_content .basket_page_table table tbody tr td.col2 .nums { width: 118px; height: 40px; overflow: hidden; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #E5E5E5; margin-left: auto; margin-right: auto; position: relative; } .basket_page #basket_page .basket_page_content .basket_page_table table tbody tr td.col2 .nums .plus { float: right; width: 38px; height: 38px; position: relative; } .basket_page #basket_page .basket_page_content .basket_page_table table tbody tr td.col2 .nums .plus:after { position: absolute; margin-right: -5.5px; margin-top: -5.5px; right: 50%; top: 50%; } .basket_page #basket_page .basket_page_content .basket_page_table table tbody tr td.col2 .nums .plus:hover { background: #F5F8FA; } .basket_page #basket_page .basket_page_content .basket_page_table table tbody tr td.col2 .nums #number { width: 40px; border-left: 1px solid #E5E5E5; border-right: 1px solid #E5E5E5; text-align: center; height: 38px; border-top: none; border-bottom: none; float: right; } .basket_page #basket_page .basket_page_content .basket_page_table table tbody tr td.col2 .nums .minus { float: left; width: 38px; height: 38px; position: relative; } .basket_page #basket_page .basket_page_content .basket_page_table table tbody tr td.col2 .nums .minus:after { position: absolute; margin-right: -5px; margin-top: -0.5px; right: 50%; top: 50%; } .basket_page #basket_page .basket_page_content .basket_page_table table tbody tr td.col2 .nums .minus:hover { background: #F5F8FA; } .basket_page #basket_page .basket_page_content .basket_page_table table tbody tr td.col3 { text-align: center; font-size: 15px; color: #9398A4; } @media only screen and (max-width: 991px) { .basket_page #basket_page .basket_page_content .basket_page_table table tbody tr td.col3 { font-size: 13px; } } .basket_page #basket_page .basket_page_content .basket_page_table table tbody tr td.col4 { text-align: center; font-size: 15px; color: #52CC7A; } @media only screen and (max-width: 991px) { .basket_page #basket_page .basket_page_content .basket_page_table table tbody tr td.col4 { font-size: 13px; } } .basket_page #basket_page .basket_page_content .basket_page_table table tbody tr td.col5 { min-width: 30px; } .basket_page #basket_page .basket_page_content .basket_page_table table tbody tr td.col5 .remove { margin-left: auto; margin-right: auto; display: block; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; width: 20px; background: #FB485D; height: 20px; position: relative; } .basket_page #basket_page .basket_page_content .basket_page_table table tbody tr td.col5 .remove:after { position: absolute; margin-right: -4px; margin-top: -4px; right: 50%; top: 50%; } .basket_page #basket_page .basket_page_content .basket_page_table table tbody tr td.col5 .sync { margin-left: auto; margin-right: auto; display: block; position: relative; } .basket_page #basket_page .basket_page_content .basket_page_table table tbody tr td.col5 .sync:after { position: absolute; margin-right: -10.5px; margin-top: -11px; right: 50%; top: 50%; } .basket_page #basket_page .basket_page_content #buy_details { -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1); box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; overflow: hidden; margin-bottom: 35px; } .basket_page #basket_page .basket_page_content #buy_details .buy_details { border: 1px solid #E5E5E5; overflow: hidden; width: 100%; position: relative; border-bottom: none; } .basket_page #basket_page .basket_page_content #buy_details .buy_details .buy_details_title { background: #F5F8FA; padding: 20px 40px; position: relative; font-size: 12px; color: #4B4B4C; border-bottom: 1px solid #EBEEF0; } .basket_page #basket_page .basket_page_content #buy_details .buy_details .buy_details_title:after { position: absolute; right: 15px; top: 50%; margin-top: -6px; } .basket_page #basket_page .basket_page_content #buy_details .buy_details ul li { width: 100%; padding: 25px 15px 20px; overflow: hidden; color: #9FA0A2; font-size: 14px; } .basket_page #basket_page .basket_page_content #buy_details .buy_details ul li span { float: left; color: #A5A6A8; font-size: 19px; } @media only screen and (max-width: 414px) { .basket_page #basket_page .basket_page_content #buy_details .buy_details ul li span { width: 100%; text-align: left; margin-top: 15px; } } .basket_page #basket_page .basket_page_content #buy_details .buy_details_ft { background: #EAFFDF; border: 1px solid #C8F8AF; padding: 25px 15px 20px; overflow: hidden; color: #6EC53F; font-size: 14px; width: 100%; } .basket_page #basket_page .basket_page_content #buy_details .buy_details_ft span { float: left; font-size: 19px; } @media only screen and (max-width: 414px) { .basket_page #basket_page .basket_page_content #buy_details .buy_details_ft span { width: 100%; text-align: left; margin-top: 15px; } } .basket_page #basket_page .bsk_btn { margin-bottom: 19px; overflow: hidden; } .basket_page #basket_page .bsk_btn .form_btn { width: 180px; padding: 0; text-align: center; height: 48px; line-height: 48px; margin-bottom: 20px; margin-left: 15px; font-size: 14px; } @media only screen and (max-width: 480px) { .basket_page #basket_page .bsk_btn .form_btn { clear: both; margin-bottom: 10px; } } @media only screen and (max-width: 360px) { .basket_page #basket_page .bsk_btn .form_btn { width: 90%; margin-left: auto; margin-right: auto; float: none; display: block; } } .basket_page #basket_page .bp_title { padding-left: 15px; padding-right: 15px; padding-bottom: 15px; border-bottom: 2px solid #F6F8FA; margin-bottom: 10px; overflow: hidden; } .basket_page #basket_page .bp_title strong { line-height: 46px; float: right; padding-right: 20px; color: #576474; font-size: 15px; position: relative; } .basket_page #basket_page .bp_title strong:after { margin-top: -7px; top: 50%; right: 0; position: absolute; } @media only screen and (max-width: 414px) { .basket_page #basket_page .bp_title strong { width: 100%; margin-bottom: 10px; } } .basket_page #basket_page .bp_title .add_address { position: relative; line-height: 46px; height: 46px; font-size: 14px; padding-left: 20px; padding-right: 50px; } .basket_page #basket_page .bp_title .add_address:after { position: absolute; top: 50%; margin-top: -8px; right: 22px; } .basket_page #basket_page .bp_title .red_btn { width: 180px; height: 48px; line-height: 48px; font-size: 14px; } .basket_page #basket_page #basket_page_stepes { padding-left: 80px; padding-right: 80px; margin-bottom: 100px; } @media only screen and (max-width: 767px) { .basket_page #basket_page #basket_page_stepes { padding-top: 20px; margin-bottom: 0; } } .basket_page #basket_page #basket_page_stepes .basket_page_stepes { width: 100%; margin-left: auto; margin-right: auto; padding-top: 75px; padding-bottom: 55px; position: relative; } @media only screen and (max-width: 767px) { .basket_page #basket_page #basket_page_stepes .basket_page_stepes { display: none; } } .basket_page #basket_page #basket_page_stepes .basket_page_stepes:after { content: ''; display: block; width: 100%; bottom: -15px; background: #F5F8FA; height: 4px; position: absolute; right: 0; } .basket_page #basket_page #basket_page_stepes .basket_page_stepes .bps { width: 25%; float: right; } .basket_page #basket_page #basket_page_stepes .basket_page_stepes .bps i { margin-bottom: 20px; font-size: 14px; color: #A8B3BA; display: block; font-style: normal; clear: both; width: 150px; } .basket_page #basket_page #basket_page_stepes .basket_page_stepes .bps span { width: 58px; height: 58px; background: #F5F8FA; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; padding: 4px; display: block; float: right; clear: both; position: relative; z-index: 1; } .basket_page #basket_page #basket_page_stepes .basket_page_stepes .bps span:after { content: ''; display: block; width: 100%; height: 100%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background: #F5F8FA; } .basket_page #basket_page #basket_page_stepes .basket_page_stepes .bps span:before { content: ''; position: absolute; margin-right: -10px; margin-top: -7.5px; right: 50%; top: 50%; display: none; } .basket_page #basket_page #basket_page_stepes .basket_page_stepes .bps.bps_prev i { color: #03A9F4; } .basket_page #basket_page #basket_page_stepes .basket_page_stepes .bps.bps_prev span:after { background: #03A9F4; } .basket_page #basket_page #basket_page_stepes .basket_page_stepes .bps.bps_prev span:before { display: block; } .basket_page #basket_page #basket_page_stepes .basket_page_stepes .bps.active i { color: #88D360; } .basket_page #basket_page #basket_page_stepes .basket_page_stepes .bps.active span:after { background: #88D360; } .basket_page #basket_page #basket_page_stepes .basket_page_stepes .bps.active span:before { display: block; } .basket_page #basket_page #basket_page_stepes .basket_page_stepes .bps.bps1 i { margin-right: -20px; } .basket_page #basket_page #basket_page_stepes .basket_page_stepes .bps.bps2 { padding-left: 58px; } @media only screen and (max-width: 991px) { .basket_page #basket_page #basket_page_stepes .basket_page_stepes .bps.bps2 { padding-left: 30px; } } .basket_page #basket_page #basket_page_stepes .basket_page_stepes .bps.bps2 i { margin-right: 30px; } @media only screen and (max-width: 991px) { .basket_page #basket_page #basket_page_stepes .basket_page_stepes .bps.bps2 i { margin-right: 0; } } .basket_page #basket_page #basket_page_stepes .basket_page_stepes .bps.bps2 span { float: none; margin-left: auto; margin-right: auto; } .basket_page #basket_page #basket_page_stepes .basket_page_stepes .bps.bps3 { padding-right: 58px; } .basket_page #basket_page #basket_page_stepes .basket_page_stepes .bps.bps3 i { margin-right: 53px; } @media only screen and (max-width: 991px) { .basket_page #basket_page #basket_page_stepes .basket_page_stepes .bps.bps3 i { margin-right: 0; } } .basket_page #basket_page #basket_page_stepes .basket_page_stepes .bps.bps3 span { float: none; margin-left: auto; margin-right: auto; } .basket_page #basket_page #basket_page_stepes .basket_page_stepes .bps.bps4 i { width: 100%; text-align: left; margin-left: -15px; } .basket_page #basket_page #basket_page_stepes .basket_page_stepes .bps.bps4 span { float: left; } .basket_page #basket_page #basket_page_stepes .basket_page_stepes .bps.bps4 i { float: left; } .basket_page #basket_page .my_address { padding: 15px; margin-bottom: 40px; } .basket_page #basket_page .my_address .single_row { -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; background: #fff; border: 1px solid #E3E3E3; overflow: hidden; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin-bottom: 15px; } .basket_page #basket_page .my_address .single_row .title { padding: 17px 13px; background: #FBFBFB; border-bottom: 1px solid #D7D7D7; color: #313132; } .basket_page #basket_page .my_address .single_row .title span { width: 20px; height: 20px; float: right; margin-left: 7px; border: 1px solid #E3E3E3; background: #FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: relative; } .basket_page #basket_page .my_address .single_row .title span:after { position: absolute; margin-right: -5px; margin-top: -3.5px; right: 50%; top: 50%; } .basket_page #basket_page .my_address .single_row table { width: 100%; } .basket_page #basket_page .my_address .single_row table tr td { border: 1px solid #E3E3E3; } .basket_page #basket_page .my_address .single_row table tr td.col1 { width: 65px; border-right: none; border-bottom: none; border-top: none; } .basket_page #basket_page .my_address .single_row table tr td.col1 div.radio { margin-left: auto; float: none; margin-right: auto; width: 18px; } .basket_page #basket_page .my_address .single_row table tr td.col2 { border-bottom: none; border-top: none; padding-right: 17px; padding-left: 17px; font-size: 14px; cpolor: #A6A6A6; } @media only screen and (max-width: 1199px) { .basket_page #basket_page .my_address .single_row table tr td.col2 { line-height: 28px; } } @media only screen and (max-width: 567px) { .basket_page #basket_page .my_address .single_row table tr td.col2 { font-size: 13px; line-height: 24px; } } .basket_page #basket_page .my_address .single_row table tr td.col2 span { margin-left: 35px; } @media only screen and (max-width: 767px) { .basket_page #basket_page .my_address .single_row table tr td.col2 span { margin-left: 15px; } } .basket_page #basket_page .my_address .single_row table tr td.col3 { width: 65px; border-left: none; border-bottom: none; border-top: none; padding-top: 12px; padding-bottom: 12px; } .basket_page #basket_page .my_address .single_row table tr td.col3 .remove { width: 45px; height: 44px; display: block; margin-left: auto; margin-right: auto; margin-bottom: 8px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: #FFDCD8; border: 1px solid #FFB0A5; position: relative; } .basket_page #basket_page .my_address .single_row table tr td.col3 .remove:after { position: absolute; margin-right: -8px; margin-top: -8px; right: 50%; top: 50%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .basket_page #basket_page .my_address .single_row table tr td.col3 .edit { width: 45px; height: 44px; display: block; margin-left: auto; margin-right: auto; margin-bottom: 8px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: #D0F3FF; border: 1px solid #63D4FA; position: relative; } .basket_page #basket_page .my_address .single_row table tr td.col3 .edit:after { position: absolute; margin-right: -8px; margin-top: -8px; right: 50%; top: 50%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .basket_page #basket_page .my_address .single_row table tr:first-child td.col2 { border-bottom: 1px solid #E3E3E3; } .basket_page #basket_page .my_address .single_row.active { -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.05); -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.05); box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.05); border: 1px solid #E5E5E5; } .basket_page #basket_page .my_address .single_row.active .title { background: #F9F9F9; } .basket_page #basket_page .my_address .single_row.active .title span { background: #88D360; border-color: #88D360; } .basket_page #basket_page .my_address .single_row.active table tr:first-child td.col2 { border-bottom-color: #D7D7D7; } .basket_page #basket_page .my_address .single_row.active table tr td { border-color: #D7D7D7; } .basket_page #basket_page .my_address .single_row.active table tr td.col2 { color: #808080; } .basket_page #basket_page .my_address .single_row.active table tr td.col2 span { color: #2799C9; } .basket_page #basket_page .my_address .single_row.active table tr td.col3 .remove { border-color: #FF8E7F; background: #FFCDC7; } .basket_page #basket_page .my_address .single_row.active table tr td.col3 .remove:after { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } .basket_page #basket_page .my_address .single_row.active table tr td.col3 .edit { border-color: #21C2F8; background: #BCEEFF; } .basket_page #basket_page .my_address .single_row.active table tr td.col3 .edit:after { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } .basket_page #basket_page #delivery_box { padding: 15px; } .basket_page #basket_page #delivery_box .delivery_box { -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; border: 1px solid #E5E5E5; overflow: hidden; position: relative; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom: 20px; padding-right: 60px; } .basket_page #basket_page #delivery_box .delivery_box label { display: block; width: 60px; border-left: 1px solid #E3E3E3; position: absolute; top: 0; right: 0; height: 100%; cursor: pointer; } .basket_page #basket_page #delivery_box .delivery_box label div.radio { margin-left: auto; float: none; margin-right: auto; width: 18px; margin-top: 40px; } .basket_page #basket_page #delivery_box .delivery_box .delivery_box_l { width: 100%; } .basket_page #basket_page #delivery_box .delivery_box .delivery_box_l .delivery_box_lt { padding-top: 20px; padding-bottom: 25px; border-bottom: 1px solid #E3E3E3; padding-right: 22px; overflow: hidden; } .basket_page #basket_page #delivery_box .delivery_box .delivery_box_l .delivery_box_lt img { float: right; margin-left: 12px; } @media only screen and (max-width: 480px) { .basket_page #basket_page #delivery_box .delivery_box .delivery_box_l .delivery_box_lt img { float: none; margin-left: auto; margin-right: auto; display: block; margin-bottom: 10px; } } .basket_page #basket_page #delivery_box .delivery_box .delivery_box_l .delivery_box_lt b { color: #576474; font-size: 16px; display: block; margin-bottom: 5px; } @media only screen and (max-width: 1199px) { .basket_page #basket_page #delivery_box .delivery_box .delivery_box_l .delivery_box_lt b { margin-top: 15px; } } @media only screen and (max-width: 480px) { .basket_page #basket_page #delivery_box .delivery_box .delivery_box_l .delivery_box_lt b { clear: both; margin-top: 0; padding-top: 10px; margin-bottom: 0; font-size: 14px; } } .basket_page #basket_page #delivery_box .delivery_box .delivery_box_l .delivery_box_lt p { color: #A6A6A6; padding-left: 10px; } @media only screen and (max-width: 1199px) { .basket_page #basket_page #delivery_box .delivery_box .delivery_box_l .delivery_box_lt p { padding-top: 10px; display: block; clear: both; } } .basket_page #basket_page #delivery_box .delivery_box .delivery_box_l .delivery_box_lb { padding-top: 22px; padding-bottom: 22px; text-align: left; padding-left: 20px; padding-right: 20px; color: #576474; font-size: 16px; overflow: hidden; } @media only screen and (max-width: 414px) { .basket_page #basket_page #delivery_box .delivery_box .delivery_box_l .delivery_box_lb { padding: 5px; font-size: 13px; text-align: right; } } .basket_page #basket_page #delivery_box .delivery_box .delivery_box_l .delivery_box_lb span { margin-right: 5px; float: left; color: #88D360; } .basket_page #basket_page #delivery_box .delivery_box.active { -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.05); -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.05); box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.05); } .basket_page #basket_page #delivery_box .delivery_box.active .delivery_box_lb { background: #F8FAFB; } .basket_page #basket_page .basket_delivery_q { margin-top: 30px; } .basket_page #basket_page .basket_delivery_q ul li { margin-right: 13px; margin-bottom: 15px; overflow: hidden; clear: both; } .basket_page #basket_page .basket_delivery_q ul li:last-child { margin-bottom: 15px; } .basket_page #basket_page .basket_delivery_q ul li b { margin-bottom: 15px; float: right; color: #576474; font-size: 15px; padding-right: 20px; position: relative; } .basket_page #basket_page .basket_delivery_q ul li b:after { position: absolute; right: 0; top: 50%; margin-top: -7px; } @media only screen and (max-width: 667px) { .basket_page #basket_page .basket_delivery_q ul li b { clear: both; display: block; width: 100%; padding-left: 10px; } } .basket_page #basket_page .basket_delivery_q ul li label { float: right; margin-right: 25px; } .basket_page #basket_page #basket_gifts { padding: 15px 15px 5px; } .basket_page #basket_page #basket_gifts .basket_gifts { padding: 15px; -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.05); -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.05); box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.05); margin-bottom: 115px; border: 1px solid #EBEBEB; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden; position: relative; } @media only screen and (max-width: 991px) { .basket_page #basket_page #basket_gifts .basket_gifts { margin-bottom: 35px; } } .basket_page #basket_page #basket_gifts .basket_gifts ul li { margin-left: 15px; float: right; position: relative; margin-bottom: 20px; } .basket_page #basket_page #basket_gifts .basket_gifts ul li label { display: block; } .basket_page #basket_page #basket_gifts .basket_gifts ul li label img { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; width: 100%; padding: 5px; border: 2px solid #EAF0F3; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .basket_page #basket_page #basket_gifts .basket_gifts ul li label i { position: absolute; width: 34px; height: 34px; -moz-border-radius: 32px; -webkit-border-radius: 32px; border-radius: 32px; border: 2px solid #fff; background: #EAF0F3; display: block; right: 50%; margin-right: -17px; bottom: -10px; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .basket_page #basket_page #basket_gifts .basket_gifts ul li label i:after { position: absolute; margin-right: -7.5px; margin-top: -5.5px; right: 50%; top: 50%; } .basket_page #basket_page #basket_gifts .basket_gifts ul li label input { position: absolute; width: 100%; height: 100%; right: 0; top: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } .basket_page #basket_page #basket_gifts .basket_gifts ul li label input:checked ~ img { border-color: #03A9F4; } .basket_page #basket_page #basket_gifts .basket_gifts ul li label input:checked ~ i { background: #03A9F4; } .basket_page #basket_page #summary_bills { padding: 30px 15px; } .basket_page #basket_page #summary_bills .summary_bills { margin-bottom: 5px; border: 1px solid #E5E5E5; overflow: hidden; position: relative; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.05); -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.05); box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.05); } .basket_page #basket_page #summary_bills .summary_bills ul li { padding-top: 25px; padding-bottom: 25px; padding-left: 20px; padding-right: 20px; overflow: hidden; font-size: 14px; } @media only screen and (max-width: 414px) { .basket_page #basket_page #summary_bills .summary_bills ul li { font-size: 13px; padding: 10px; } } .basket_page #basket_page #summary_bills .summary_bills ul li span { float: left; } @media only screen and (max-width: 480px) { .basket_page #basket_page #summary_bills .summary_bills ul li span { width: 100%; margin-top: 10px; text-align: left; } } .basket_page #basket_page #summary_bills .summary_bills ul li.sm1 { border: 1px solid #E5E5E5; background: #FAFAFA; color: #929599; } .basket_page #basket_page #summary_bills .summary_bills ul li.sm2 { border: 1px solid #E5E5E5; background: #FAFAFA; border-bottom: none; color: #929599; } .basket_page #basket_page #summary_bills .summary_bills ul li.sm3 { border: 1px solid #FFD9D9; background: #FFF1F1; border-bottom: none; color: #F55; } .basket_page #basket_page #summary_bills .summary_bills ul li.sm4 { border: 1px solid #C8F8AF; background: #EAFFDF; color: #5AA631; } .basket_page #basket_page #show_end_details { padding: 15px; margin-bottom: 60px; } .basket_page #basket_page #show_end_details .show_end_details .show_end_detail { padding-left: 50px; min-height: 140px; width: 100%; position: relative; overflow: hidden; border: 1px solid #E5E5E5; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin-bottom: 20px; padding-top: 20px; padding-right: 95px; -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.05); -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.05); box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.05); font-size: 14px; color: #A6A6A6; line-height: 28px; } @media only screen and (max-width: 1199px) { .basket_page #basket_page #show_end_details .show_end_details .show_end_detail { min-height: 170px; } } @media only screen and (max-width: 991px) { .basket_page #basket_page #show_end_details .show_end_details .show_end_detail { padding-left: 10px; } } .basket_page #basket_page #show_end_details .show_end_details .show_end_detail strong { display: block; color: #576474; margin-bottom: 15px; } @media only screen and (max-width: 414px) { .basket_page #basket_page #show_end_details .show_end_details .show_end_detail strong { font-size: 12px; line-height: 22px; } } .basket_page #basket_page #show_end_details .show_end_details .show_end_detail b { color: #2799C9; } .basket_page #basket_page #show_end_details .show_end_details .show_end_detail span { position: absolute; width: 82px; right: 0; top: 0; background: #F5F8FA; height: 100%; border-left: 1px solid #E5E5E5; } .basket_page #basket_page #show_end_details .show_end_details .show_end_detail span:after { position: absolute; right: 50%; } .basket_page #basket_page #show_end_details .show_end_details .show_end_detail span.info:after { top: 27px; margin-right: -24px; } .basket_page #basket_page #show_end_details .show_end_details .show_end_detail span.location:after { margin-right: -14px; top: 20px; } .basket_page #basket_page #end_step_of_basket { padding: 15px; } .basket_page #basket_page #end_step_of_basket .end_step_of_basket { margin-bottom: 20px; } .basket_page #basket_page #end_step_of_basket .end_step_of_basket .esob { padding-left: 20px; min-height: 200px; width: 100%; position: relative; overflow: hidden; border: 1px solid #E5E5E5; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin-bottom: 20px; padding-top: 20px; padding-right: 95px; -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.05); -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.05); box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.05); font-size: 14px; color: #576474; line-height: 28px; } @media only screen and (max-width: 1199px) { .basket_page #basket_page #end_step_of_basket .end_step_of_basket .esob { min-height: 225px; } } @media only screen and (max-width: 480px) { .basket_page #basket_page #end_step_of_basket .end_step_of_basket .esob { padding-right: 20px; padding-top: 80px; min-height: 0; padding-bottom: 20px; } } .basket_page #basket_page #end_step_of_basket .end_step_of_basket .esob p { margin-bottom: 15px; text-align: justify; line-height: 28px; } .basket_page #basket_page #end_step_of_basket .end_step_of_basket .esob strong { display: block; font-size: 15px; margin-bottom: 15px; } .basket_page #basket_page #end_step_of_basket .end_step_of_basket .esob .esob_r strong { color: #88D360; } .basket_page #basket_page #end_step_of_basket .end_step_of_basket .esob .esob_l strong { color: #51A7ED; } .basket_page #basket_page #end_step_of_basket .end_step_of_basket .esob span { position: absolute; width: 82px; right: 0; top: 0; background: #F5F8FA; height: 100%; border-left: 1px solid #E5E5E5; } @media only screen and (max-width: 480px) { .basket_page #basket_page #end_step_of_basket .end_step_of_basket .esob span { width: 100%; height: 60px; left: 0; right: 0; border-left: none; border-bottom: 1px solid #E5E5E5; } } .basket_page #basket_page #end_step_of_basket .end_step_of_basket .esob span:after { position: absolute; right: 50%; top: 25px; } .basket_page #basket_page #end_step_of_basket .end_step_of_basket .esob span.code:after { margin-right: -24px; top: 35px; } @media only screen and (max-width: 480px) { .basket_page #basket_page #end_step_of_basket .end_step_of_basket .esob span.code:after { top: 50%; margin-top: -19.5px; } } .basket_page #basket_page #end_step_of_basket .end_step_of_basket .esob span.gift:after { margin-right: -24px; top: 30px; } @media only screen and (max-width: 480px) { .basket_page #basket_page #end_step_of_basket .end_step_of_basket .esob span.gift:after { top: 50%; margin-top: -17px; } } .basket_page #basket_page #end_step_of_basket .end_step_of_basket .esob .esob_form { position: relative; width: 100%; padding-left: 120px; } @media only screen and (max-width: 414px) { .basket_page #basket_page #end_step_of_basket .end_step_of_basket .esob .esob_form { padding-left: 0; } } .basket_page #basket_page #end_step_of_basket .end_step_of_basket .esob .esob_form .form_inp { width: 100%; height: 42px; } .basket_page #basket_page #end_step_of_basket .end_step_of_basket .esob .esob_form .form_btn { position: absolute; left: 0; top: 0; width: 110px; padding: 0; height: 42px; line-height: 42px; text-align: center; font-size: 14px; } @media only screen and (max-width: 414px) { .basket_page #basket_page #end_step_of_basket .end_step_of_basket .esob .esob_form .form_btn { width: 100%; position: static; margin-top: 10px; } } .basket_page #basket_page #type_of_price { padding: 15px; } .basket_page #basket_page #type_of_price .type_of_price { margin-bottom: 60px; } .basket_page #basket_page #type_of_price .type_of_price ul li { margin-bottom: 20px; border: 1px solid #E5E5E5; overflow: hidden; position: relative; padding-right: 62px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.05); -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.05); box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.05); } .basket_page #basket_page #type_of_price .type_of_price ul li label { position: absolute; right: 0; top: 0; height: 100%; width: 62px; border-left: 1px solid #E3E3E3; cursor: pointer; } .basket_page #basket_page #type_of_price .type_of_price ul li label div.radio { margin-left: auto; float: none; margin-right: auto; width: 18px; margin-top: 45px; } .basket_page #basket_page #type_of_price .type_of_price ul li .item { width: 100%; } .basket_page #basket_page #type_of_price .type_of_price ul li .item .title { border-bottom: 1px solid #C8F8AF; padding: 20px; font-size: 16px; color: #5AA631; overflow: hidden; background: #EAFFDF; } .basket_page #basket_page #type_of_price .type_of_price ul li .item .title span { float: left; font-size: 18px; } @media only screen and (max-width: 480px) { .basket_page #basket_page #type_of_price .type_of_price ul li .item .title span { width: 100%; font-size: 15px; margin-top: 10px; text-align: left; } } .basket_page #basket_page #type_of_price .type_of_price ul li .item .item_content { padding: 20px; overflow: hidden; } .basket_page #basket_page #type_of_price .type_of_price ul li .item .item_content .bank_item { width: 100%; color: #576474; } @media only screen and (max-width: 414px) { .basket_page #basket_page #type_of_price .type_of_price ul li .item .item_content .bank_item { font-size: 0; } } .basket_page #basket_page #type_of_price .type_of_price ul li .item .item_content .bank_item img { margin-left: 15px; -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px; -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.06); -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.06); box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.06); border: 1px solid #E5E7E8; float: right; } .basket_page #basket_page #type_of_price .type_of_price ul li .item .item_content .bank_item b { display: block; padding-top: 10px; line-height: 30px; } @media only screen and (max-width: 414px) { .basket_page #basket_page #type_of_price .type_of_price ul li .item .item_content .bank_item b { font-size: 0; } } .userpanel { padding-bottom: 70px; } .userpanel .userpanel_sidebar .us_block { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: #fff; overflow: hidden; position: relative; -moz-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1); box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1); margin-bottom: 20px; } .userpanel .userpanel_sidebar .us_block h6 { height: 55px; line-height: 55px; border-bottom: 2px solid #F6F8FA; font-size: 14px; color: #576474; padding-right: 14px; padding-left: 14px; } .userpanel .userpanel_sidebar .us_block .us_block_cnt { padding: 22px 13px; overflow: hidden; position: relative; } .userpanel .userpanel_sidebar .us_block .us_block_cnt.us_block_info ul li { margin-bottom: 12px; color: #576474; } .userpanel .userpanel_sidebar .us_block .us_block_cnt.us_block_info ul li span { color: #007DD4; } .userpanel .userpanel_sidebar .us_block .us_block_cnt.us_block_info .change_password { width: 48%; text-align: center; padding: 0; float: left; font-size: 14px; margin-top: 10px; } @media only screen and (max-width: 1199px) { .userpanel .userpanel_sidebar .us_block .us_block_cnt.us_block_info .change_password { font-size: 13px; } } .userpanel .userpanel_sidebar .us_block .us_block_cnt.us_block_info .edit_information { width: 48%; text-align: center; padding: 0; font-size: 14px; float: right; margin-top: 10px; } @media only screen and (max-width: 1199px) { .userpanel .userpanel_sidebar .us_block .us_block_cnt.us_block_info .edit_information { font-size: 13px; } } .userpanel .userpanel_sidebar .us_block .us_block_cnt.us_block_count ul li { margin-bottom: 20px; display: block; } .userpanel .userpanel_sidebar .us_block .us_block_cnt.us_block_count ul li:last-child { margin-bottom: 10px; } .userpanel .userpanel_sidebar .us_block .us_block_cnt.us_block_count ul li b { color: #576474; display: block; margin-bottom: 15px; } .userpanel .userpanel_sidebar .us_block .us_block_cnt.us_block_count ul li>div { width: 100%; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; overflow: hidden; display: block; position: relative; height: 4px; background: #EBEBEB; } .userpanel .userpanel_sidebar .us_block .us_block_cnt.us_block_count ul li>div span { height: 100%; position: absolute; left: 0; top: 0; display: block; background: #70C14A; } .userpanel .userpanel_content { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1); box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1); overflow: hidden; position: relative; } .userpanel .userpanel_content .userpanel_tabs>.tabs { width: 100%; } .userpanel .userpanel_content .userpanel_tabs>.tabs ul li { width: 16.6666%; float: right; padding-top: 4px; background: #464646; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } @media only screen and (max-width: 567px) { .userpanel .userpanel_content .userpanel_tabs>.tabs ul li { width: 33.33%; } } .userpanel .userpanel_content .userpanel_tabs>.tabs ul li a { display: block; height: 58px; line-height: 60px; position: relative; text-align: center; background: #FCFCFC; border-left: 1px solid #EEE; color: #484848; } @media only screen and (max-width: 667px) { .userpanel .userpanel_content .userpanel_tabs>.tabs ul li a { font-size: 12px; } } @media only screen and (max-width: 567px) { .userpanel .userpanel_content .userpanel_tabs>.tabs ul li a { font-size: 13px; } } @media only screen and (max-width: 360px) { .userpanel .userpanel_content .userpanel_tabs>.tabs ul li a { font-size: 12px; } } .userpanel .userpanel_content .userpanel_tabs>.tabs ul li a:after { background: #EEE; height: 1px; width: 100%; position: absolute; bottom: 0px; right: 0; display: block; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; content: ''; } .userpanel .userpanel_content .userpanel_tabs>.tabs ul li:last-child a { border-left: none; } .userpanel .userpanel_content .userpanel_tabs>.tabs ul li.active { background: #70C14A; } .userpanel .userpanel_content .userpanel_tabs>.tabs ul li.active a { background: #fff; color: #70C14A; } .userpanel .userpanel_content .userpanel_tabs>.tabs ul li.active a:after { background: #fff; } .userpanel .userpanel_content .userpanel_tabs .tab-content { padding: 20px; background: #fff; overflow: hidden; position: relative; clear: both; } @media only screen and (max-width: 414px) { .userpanel .userpanel_content .userpanel_tabs .tab-content { padding: 5px; } } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_order .item { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: #fff; -moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.05); -webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.05); box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.05); position: relative; overflow: hidden; margin-bottom: 15px; border: 1px solid #EBEEF0; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_order .item .col1 { width: 35%; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_order .item .col2 { width: 15%; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_order .item .col3 { width: 15%; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_order .item .col4 { width: 15%; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_order .item .col5 { width: 15%; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_order .item .col6 { width: 5%; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_order .item .col7 { width: 25%; } @media only screen and (max-width: 767px) { .userpanel .userpanel_content .userpanel_tabs .tab-content .my_order .item .col7 { width: 100%; text-align: right !important; padding-right: 10px; } } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_order .item .col8 { width: 25%; } @media only screen and (max-width: 767px) { .userpanel .userpanel_content .userpanel_tabs .tab-content .my_order .item .col8 { width: 100%; text-align: right !important; padding-right: 10px; } } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_order .item .col9 { width: 25%; } @media only screen and (max-width: 767px) { .userpanel .userpanel_content .userpanel_tabs .tab-content .my_order .item .col9 { width: 100%; text-align: right !important; padding-right: 10px; } } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_order .item .col10 { width: 25%; } @media only screen and (max-width: 767px) { .userpanel .userpanel_content .userpanel_tabs .tab-content .my_order .item .col10 { width: 100%; text-align: right !important; padding-right: 10px; } } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_order .item .item_head { overflow: hidden; border-bottom: 1px solid #EBEEF0; height: 53px; line-height: 51px; background: #F5F8FA; color: #7F8FA4; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_order .item .item_head>div { float: right; text-align: center; } @media only screen and (max-width: 360px) { .userpanel .userpanel_content .userpanel_tabs .tab-content .my_order .item .item_head>div { font-size: 11px; } } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_order .item .item_top { overflow: hidden; padding-top: 20px; padding-bottom: 20px; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_order .item .item_top>div { float: right; text-align: center; color: #007DD4; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_order .item .item_top .col1 { text-align: right; padding-right: 10px; padding-left: 10px; } @media only screen and (max-width: 414px) { .userpanel .userpanel_content .userpanel_tabs .tab-content .my_order .item .item_top .col1 { font-size: 12px; } } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_order .item .item_middle { overflow: hidden; background: #F9F9F9; border-top: 1px solid #EBEEF0; border-bottom: 1px solid #EBEEF0; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_order .item .item_middle>div { float: right; text-align: center; font-weight: bold; color: #313132; height: 58px; line-height: 58px; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_order .item .item_middle .col7 { text-align: right; padding-right: 10px; padding-left: 10px; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_order .item .item_middle span { color: #808080; font-weight: normal; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_order .item .item_middle .col10 span { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin-right: 8px; background: #88C25E; height: 30px; line-height: 30px; width: 90px; text-align: center; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_order .item .item_bottom { position: relative; overflow: hidden; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_order .item .item_bottom:after { background: #E7E9ED; height: 100%; width: 1px; position: absolute; top: 0; display: block; content: ''; right: 60%; } @media only screen and (max-width: 767px) { .userpanel .userpanel_content .userpanel_tabs .tab-content .my_order .item .item_bottom:after { display: none; } } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_order .item .item_bottom .col11 { padding: 25px 10px; background: #fff; width: 60%; float: right; } @media only screen and (max-width: 767px) { .userpanel .userpanel_content .userpanel_tabs .tab-content .my_order .item .item_bottom .col11 { width: 100%; } } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_order .item .item_bottom .col11 b { display: block; color: #007DD4; font-size: 14px; margin-bottom: 20px; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_order .item .item_bottom .col11 ul li { color: #7F8FA4; margin-bottom: 20px; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_order .item .item_bottom .col11 ul li span { color: #313132; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_order .item .item_bottom .col11 ul li:last-child { margin-bottom: 0; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_order .item .item_bottom .col12 { padding: 25px 25px; background: #fff; width: 40%; float: right; } @media only screen and (max-width: 1199px) { .userpanel .userpanel_content .userpanel_tabs .tab-content .my_order .item .item_bottom .col12 { padding-left: 10px; padding-right: 10px; } } @media only screen and (max-width: 767px) { .userpanel .userpanel_content .userpanel_tabs .tab-content .my_order .item .item_bottom .col12 { width: 100%; border-top: 1px solid #E7E9ED; } } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_order .item .item_bottom .col12 ul li { color: #7F8FA4; margin-bottom: 20px; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_order .item .item_bottom .col12 ul li span { color: #313132; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_order .item .item_bottom .col12 ul li:last-child { margin-bottom: 0; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_order .item.state_sent { border-right: 4px solid #88C25E; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_order .item.state_stock { border-right: 4px solid #FFA800; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_order .item.state_stock .item_middle .col10 span { background: #FFA800; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_order .item.state_ready { border-right: 4px solid #238EDB; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_order .item.state_ready .item_middle .col10 span { background: #238EDB; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_order .item.state_cancle { border-right: 4px solid #FF7800; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_order .item.state_cancle .item_middle .col10 span { background: #FF6000; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_pm { border: 1px solid #EBEEF0; overflow: hidden; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; width: 100%; -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.05); -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.05); box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.05); } @media only screen and (max-width: 767px) { .userpanel .userpanel_content .userpanel_tabs .tab-content .my_pm { overflow-x: auto; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_pm::-webkit-scrollbar { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_pm::-webkit-scrollbar:vertical { width: 6px; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_pm::-webkit-scrollbar:horizontal { height: 6px; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_pm::-webkit-scrollbar-thumb { background-color: rgba(0,0,0,0.5); border-radius: 0; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_pm::-webkit-scrollbar-track { border-radius: 0; background-color: #f8f8f8; } } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_pm table { width: 100%; } @media only screen and (max-width: 767px) { .userpanel .userpanel_content .userpanel_tabs .tab-content .my_pm table { width: 800px; } } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_pm table thead { background: #F5F8FA; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_pm table thead tr th { text-align: center; padding: 20px; font-size: 14px; color: #7F8FA4; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_pm table tbody tr td { padding: 30px 10px; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_pm table tbody tr td.col1 { text-align: center; color: #464646; min-width: 200px; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_pm table tbody tr td.col1 b { font-size: 11px; color: #007DD4; display: block; margin-top: 12px; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_pm table tbody tr td.col2 { color: #464646; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_pm table tbody tr td.col3 { text-align: center; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_pm table tbody tr td.col3 span { width: 90px; height: 30px; line-height: 30px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: #DBDBDB; text-align: center; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_pm table tbody tr td.col3 span.unread { background: #FECF39; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_pm table tbody tr td.col4 { min-width: 110px; text-align: center; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_pm table tbody tr td.col4 .find { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background: #74C7A8; height: 26px; width: 26px; margin-left: 4.5px; position: relative; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_pm table tbody tr td.col4 .find:after { position: absolute; margin-right: -6.5px; margin-top: -6.5px; right: 50%; top: 50%; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_pm table tbody tr td.col4 .remove { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background: #FB485D; height: 26px; width: 26px; margin-right: 4.5px; position: relative; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_pm table tbody tr td.col4 .remove:after { position: absolute; margin-right: -4px; margin-top: -4px; right: 50%; top: 50%; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_bookmark .my_bookmark_tabs { border: 1px solid #EBEEF0; -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.05); -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.05); box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.05); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_bookmark .my_bookmark_tabs .tab-content { padding: 0; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_bookmark .my_bookmark_tabs .tab-content ul li { border-bottom: 1px solid #E7E9ED; padding: 20px; position: relative; overflow: hidden; padding-left: 100px; } @media only screen and (max-width: 567px) { .userpanel .userpanel_content .userpanel_tabs .tab-content .my_bookmark .my_bookmark_tabs .tab-content ul li { padding-left: 10px; } } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_bookmark .my_bookmark_tabs .tab-content ul li .picture { float: right; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-left: 15px; } @media only screen and (max-width: 360px) { .userpanel .userpanel_content .userpanel_tabs .tab-content .my_bookmark .my_bookmark_tabs .tab-content ul li .picture { margin-left: 10px; width: 60px; } } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_bookmark .my_bookmark_tabs .tab-content ul li b { display: block; margin-top: 15px; margin-bottom: 12px; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_bookmark .my_bookmark_tabs .tab-content ul li .cnt_rate { color: #6B7380; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_bookmark .my_bookmark_tabs .tab-content ul li .remove { position: absolute; top: 50%; left: 30px; display: block; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; width: 26px; height: 26px; background: #FB485D; } @media only screen and (max-width: 567px) { .userpanel .userpanel_content .userpanel_tabs .tab-content .my_bookmark .my_bookmark_tabs .tab-content ul li .remove { position: relative; left: auto; top: auto; float: right; margin-top: 10px; margin-left: 5px; } } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_bookmark .my_bookmark_tabs .tab-content ul li .remove:after { position: absolute; margin-right: -4px; margin-top: -4px; right: 50%; top: 50%; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_bookmark .my_bookmark_tabs .tab-content ul li .edit { position: absolute; top: 50%; left: 65px; display: block; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; width: 26px; height: 26px; background: #44A0CC; } @media only screen and (max-width: 567px) { .userpanel .userpanel_content .userpanel_tabs .tab-content .my_bookmark .my_bookmark_tabs .tab-content ul li .edit { position: relative; left: auto; top: auto; float: right; margin-top: 10px; margin-left: 5px; } } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_bookmark .my_bookmark_tabs .tab-content ul li .edit:after { position: absolute; margin-right: -6.5px; margin-top: -6.5px; right: 50%; top: 50%; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_bookmark .my_bookmark_tabs .tabs { background: #F5F8FA; overflow: hidden; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_bookmark .my_bookmark_tabs .tabs ul li { float: right; } @media only screen and (max-width: 414px) { .userpanel .userpanel_content .userpanel_tabs .tab-content .my_bookmark .my_bookmark_tabs .tabs ul li { width: 100%; text-align: center; } } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_bookmark .my_bookmark_tabs .tabs ul li a { height: 55px; line-height: 55px; color: #B7C0C6; font-size: 14px; padding-left: 22px; padding-right: 22px; display: block; position: relative; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_bookmark .my_bookmark_tabs .tabs ul li a:after { background: #E7E9ED; width: 1px; height: 30px; top: 50%; left: 0; margin-top: -15px; position: absolute; content: ''; display: block; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_bookmark .my_bookmark_tabs .tabs ul li a:before { position: absolute; display: block; width: 100%; bottom: 0; height: 3px; background: #279DF5; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; right: 0; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; content: ''; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_bookmark .my_bookmark_tabs .tabs ul li.active a { color: #354052; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_bookmark .my_bookmark_tabs .tabs ul li.active a:before { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_bookmark .my_bookmark_tabs .tabs ul li:last-child a:after { display: none; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_comments { border: 1px solid #EBEEF0; overflow: hidden; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; width: 100%; -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.05); -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.05); box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.05); } @media only screen and (max-width: 767px) { .userpanel .userpanel_content .userpanel_tabs .tab-content .my_comments { overflow-x: auto; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_comments::-webkit-scrollbar { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_comments::-webkit-scrollbar:vertical { width: 6px; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_comments::-webkit-scrollbar:horizontal { height: 6px; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_comments::-webkit-scrollbar-thumb { background-color: rgba(0,0,0,0.5); border-radius: 0; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_comments::-webkit-scrollbar-track { border-radius: 0; background-color: #f8f8f8; } } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_comments table { width: 100%; } @media only screen and (max-width: 767px) { .userpanel .userpanel_content .userpanel_tabs .tab-content .my_comments table { width: 800px; } } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_comments table thead { background: #F5F8FA; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_comments table thead tr th { text-align: center; padding: 20px; font-size: 14px; color: #7F8FA4; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_comments table thead tr th:first-child { text-align: right; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_comments table tbody tr td { padding: 30px 10px; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_comments table tbody tr td.col1 { color: #464646; font-weight: bold; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_comments table tbody tr td.col2 { color: #464646; font-weight: bold; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_comments table tbody tr td.col3 .like { color: #50A6ED; font-size: 15px; font-weight: bold; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_comments table tbody tr td.col3 .like:before { margin-left: 6px; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_comments table tbody tr td.col3 .unlike { color: #FE5252; font-size: 15px; font-weight: bold; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_comments table tbody tr td.col3 .unlike:before { margin-left: 6px; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_comments table tbody tr td.col4 { text-align: center; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_comments table tbody tr td.col4 .state { font-weight: bold; width: 90px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; height: 30px; line-height: 30px; background: #00AEEF; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_comments table tbody tr td.col4 .state.pending { background: #FFDF6D; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_comments table tbody tr td.col4 .state.unverified { background: #FFBEC5; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_comments table tbody tr td.col5 { min-width: 110px; text-align: center; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_comments table tbody tr td.col5 .edit { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background: #74C7A8; height: 26px; width: 26px; margin-left: 4.5px; position: relative; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_comments table tbody tr td.col5 .edit:after { position: absolute; margin-right: -6.5px; margin-top: -6.5px; right: 50%; top: 50%; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_comments table tbody tr td.col5 .remove { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background: #FB485D; height: 26px; width: 26px; margin-right: 4.5px; position: relative; } .userpanel .userpanel_content .userpanel_tabs .tab-content .my_comments table tbody tr td.col5 .remove:after { position: absolute; margin-right: -4px; margin-top: -4px; right: 50%; top: 50%; } .pages { padding-top: 50px; padding-bottom: 90px; } .pages #pages { -moz-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1); box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; overflow: hidden; position: relative; background: #FCFCFC; } .pages #pages:after { position: absolute; width: 6px; height: 100%; content: ''; display: block; right: 0; top: 0; background: #464646; } .pages #pages:before { content: ''; background: #EEE; width: 1px; top: 0; position: absolute; right: calc(30% - 1px); display: block; height: 100%; z-index: 1; } @media only screen and (max-width: 767px) { .pages #pages:before { display: none; } } .pages #pages #pages_list { width: 30%; float: right; } @media only screen and (max-width: 767px) { .pages #pages #pages_list { width: 100%; } } .pages #pages #pages_list ul li { position: relative; overflow: hidden; } @media only screen and (max-width: 767px) { .pages #pages #pages_list ul li { width: 33.33%; float: right; } } @media only screen and (max-width: 667px) { .pages #pages #pages_list ul li { width: 50%; } } @media only screen and (max-width: 567px) { .pages #pages #pages_list ul li { width: 100%; } } .pages #pages #pages_list ul li a { display: block; border-bottom: 1px solid #EEE; height: 56px; line-height: 56px; font-size: 14px; color: #484848; position: relative; } .pages #pages #pages_list ul li a:after { -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; width: 6px; right: 0; top: 0; position: absolute; background: #70C14A; height: 100%; content: ''; display: block; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; z-index: 1; } .pages #pages #pages_list ul li a:before { -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; content: ''; display: block; width: 1px; background: #fff; height: 100%; position: absolute; top: 0; left: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } .pages #pages #pages_list ul li a .img_cnt { width: 64px; text-align: center; float: right; line-height: 58px; padding-right: 6px; } .pages #pages #pages_list ul li a .img_cnt .over { display: none; } .pages #pages #pages_list ul li.active { z-index: 2; } .pages #pages #pages_list ul li.active a { background: #fff; color: #70C14A; } .pages #pages #pages_list ul li.active a:after { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } .pages #pages #pages_list ul li.active a:before { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } .pages #pages #pages_list ul li.active a .img_cnt img { display: none; } .pages #pages #pages_content { float: left; width: 70%; background: #fff; padding: 40px 20px; } @media only screen and (max-width: 767px) { .pages #pages #pages_content { width: 100%; } } .pages #pages #pages_content h1 { color: #70C14A; font-size: 24px; line-height: 35px; margin-bottom: 40px; } .pages #pages #pages_content h2 { color: #70C14A; font-size: 24px; margin-top: 50px; line-height: 35px; margin-bottom: 60px; } .pages #pages #pages_content .faq_list .item { -moz-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.03); -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.03); box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.03); border: 1px solid #EEE; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; overflow: hidden; position: relative; margin-bottom: 15px; } .pages #pages #pages_content .faq_list .item .title { border-bottom: 1px solid #EEE; padding: 20px 20px 20px 65px; font-size: 15px; display: block; background: #F5F8FA; position: relative; color: #464646; -moz-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.03); -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.03); box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.03); } @media only screen and (max-width: 567px) { .pages #pages #pages_content .faq_list .item .title { font-size: 13px; } } @media only screen and (max-width: 480px) { .pages #pages #pages_content .faq_list .item .title { font-size: 12px; } } .pages #pages #pages_content .faq_list .item .title span { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; border: 2px solid #EBEEF0; position: absolute; top: 50%; margin-top: -20px; left: 10px; float: left; height: 40px; width: 40px; } .pages #pages #pages_content .faq_list .item .title span:after { position: absolute; margin-right: -7px; margin-top: -4px; right: 50%; top: 50%; } .pages #pages #pages_content .faq_list .item .title.active { background: #fff; color: #007DD4; } .pages #pages #pages_content .faq_list .item .title.active span { border-color: #ECEFF1; } .pages #pages #pages_content .faq_list .item p { padding: 15px 15px 20px; line-height: 28px; font-size: 14px; display: none; } .pages #pages #pages_content .faq_list .item p b { color: #70C14A; font-size: 14px; display: block; margin-bottom: 5px; } .pages #pages #pages_content .about_karnil img { margin-left: auto; margin-right: auto; display: block; margin-bottom: 50px; } .pages #pages #pages_content .about_karnil strong { margin-bottom: 20px; color: #464646; display: block; font-size: 16px; } .pages #pages #pages_content .about_karnil p { color: #464646; font-size: 14px; margin-bottom: 35px; line-height: 26px; } .pages #pages #pages_content .about_form { padding-bottom: 40px; overflow: hidden; } .pages #pages #pages_content .about_form ul { margin-left: -20px; margin-right: -20px; } .pages #pages #pages_content .about_form ul li { float: right; width: 50%; padding-left: 20px; padding-right: 20px; overflow: hidden; margin-bottom: 25px; } @media only screen and (max-width: 1199px) { .pages #pages #pages_content .about_form ul li { width: 100%; } } .pages #pages #pages_content .about_form ul li i { float: right; width: 32%; line-height: 45px; font-style: normal; } @media only screen and (max-width: 480px) { .pages #pages #pages_content .about_form ul li i { width: 100%; } } .pages #pages #pages_content .about_form ul li .form_inp { height: 45px; width: 68%; float: left; } @media only screen and (max-width: 480px) { .pages #pages #pages_content .about_form ul li .form_inp { width: 100%; } } .pages #pages #pages_content .about_form ul li .upload_area { float: right; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #E5E5E5; background: #F0F4F7; -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.05); -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.05); box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.05); width: 125px; height: 40px; line-height: 40px; position: relative; color: #358ED7; font-size: 14px; text-align: center; } .pages #pages #pages_content .about_form ul li .upload_area:before { margin-left: 10px; } .pages #pages #pages_content .about_form ul li .upload_area input { position: absolute; right: 0; top: 0; width: 100%; height: 100%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; display: block; cursor: pointer; } .pages #pages #pages_content .about_form .show_pm { float: right; color: #FF5335; padding-right: 30px; position: relative; margin-top: 14px; } @media only screen and (max-width: 1199px) { .pages #pages #pages_content .about_form .show_pm { width: 100%; margin-bottom: 20px; } } .pages #pages #pages_content .about_form .show_pm:after { position: absolute; right: 0; top: 0; top: 50%; margin-top: -10px; } .pages #pages #pages_content .page_contact_informaion { padding-bottom: 250px; } .pages #pages #pages_content .page_contact_informaion h2 { margin-bottom: 10px; } .pages #pages #pages_content .page_contact_informaion .about_info b { color: #007CD3; margin-bottom: 7px; margin-top: 25px; display: block; } .pages #pages #pages_content .page_contact_informaion .social { overflow: hidden; padding-top: 10px; } .pages #pages #pages_content .page_contact_informaion .social ul li { width: 42px; height: 42px; float: right; margin-left: 20px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; } @media only screen and (max-width: 360px) { .pages #pages #pages_content .page_contact_informaion .social ul li { margin-left: 10px; } } .pages #pages #pages_content .page_contact_informaion .social ul li a { display: block; width: 100%; height: 100%; position: relative; } .pages #pages #pages_content .page_contact_informaion .social ul li a:after { position: absolute; right: 50%; top: 50%; } .pages #pages #pages_content .page_contact_informaion .social ul li:last-child { margin-left: 0; } .pages #pages #pages_content .page_contact_informaion .social ul li.telegram a { background: #2BA5E0; } .pages #pages #pages_content .page_contact_informaion .social ul li.telegram a:after { margin-right: -9px; margin-top: -9px; } .pages #pages #pages_content .page_contact_informaion .social ul li.google_plus a { background: #ED321E; } .pages #pages #pages_content .page_contact_informaion .social ul li.google_plus a:after { margin-right: -12px; margin-top: -7.5px; } .pages #pages #pages_content .page_contact_informaion .social ul li.facebook a { background: #375F98; } .pages #pages #pages_content .page_contact_informaion .social ul li.facebook a:after { margin-right: -4.5px; margin-top: -9px; } .pages #pages #pages_content .page_contact_informaion .social ul li.twitter a { background: #1DA1F2; } .pages #pages #pages_content .page_contact_informaion .social ul li.twitter a:after { margin-right: -9px; margin-top: -7px; } .pages #pages #pages_content .page_contact_informaion .about_contact { padding-top: 18px; overflow: hidden; } .pages #pages #pages_content .page_contact_informaion .about_contact ul { margin-left: -15px; margin-right: -15px; } .pages #pages #pages_content .page_contact_informaion .about_contact ul li { color: #2B2B2B; width: 50%; float: right; padding-left: 15px; padding-right: 15px; margin-bottom: 20px; } @media only screen and (max-width: 567px) { .pages #pages #pages_content .page_contact_informaion .about_contact ul li { width: 100%; } } .pages #pages #pages_content .page_contact_informaion .about_contact ul li .form_inp { margin-top: 20px; } .pages #pages #pages_content .page_contact_informaion .about_contact ul li .form_txt { margin-top: 20px; height: 185px; } .pages #pages #pages_content .page_contact_informaion .about_contact ul li .form_btn { margin-top: 15px; margin-right: 12px; height: 40px; line-height: 40px; font-size: 15px; } .pages #pages #pages_content .page_contact_informaion .about_contact ul li.w100 { width: 100%; } .writers_single { padding-top: 20px; } .writers_single #writers_single .writers_single_info { margin-bottom: 20px; -moz-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1); box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; overflow: hidden; background: #fff; position: relative; } .writers_single #writers_single .writers_single_info img { right: 15px; top: 15px; position: absolute; -moz-box-shadow: 0px 6px 9px 0px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 6px 9px 0px rgba(0,0,0,0.1); box-shadow: 0px 6px 9px 0px rgba(0,0,0,0.1); -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; border: 4px solid #fff; } @media only screen and (max-width: 567px) { .writers_single #writers_single .writers_single_info img { position: static; margin-bottom: 20px; display: block; margin-left: auto; margin-right: auto; margin-top: 20px; } } .writers_single #writers_single .writers_single_info .title { padding-right: 160px; padding-top: 30px; padding-bottom: 30px; font-size: 22px; line-height: 32px; display: block; padding-left: 10px; background: url("../images/bg2.jpg") center center/cover no-repeat; } @media only screen and (max-width: 667px) { .writers_single #writers_single .writers_single_info .title { width: 100%; clear: both; padding-right: 20px; margin-top: 10px; } } .writers_single #writers_single .writers_single_info .desc { padding-right: 160px; padding-top: 25px; padding-bottom: 25px; padding-left: 20px; font-size: 14px; color: #464646; text-align: justify; } .writers_single #writers_single .writers_single_info .desc p { line-height: 28px; } @media only screen and (max-width: 667px) { .writers_single #writers_single .writers_single_info .desc { width: 100%; clear: both; padding-right: 20px; margin-top: 10px; } } .writers_single #writers_single .writers_single_about { margin-bottom: 20px; -moz-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1); box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; overflow: hidden; background: #fff; position: relative; } .writers_single #writers_single .writers_single_about .title { padding-top: 22px; padding-bottom: 22px; padding-right: 13px; padding-left: 13px; display: block; border-bottom: 2px solid #F6F8FA; color: #576474; font-size: 14px; } .writers_single #writers_single .writers_single_about #writers_single_about { padding: 20px 15px; } .writers_single #writers_single .writers_single_about #writers_single_about b { margin-bottom: 15px; font-size: 15px; display: block; position: relative; color: #007DD4; padding-right: 35px; } .writers_single #writers_single .writers_single_about #writers_single_about b:after { position: absolute; right: 0; top: 50%; margin-top: -15px; } .writers_single #writers_single .writers_single_about #writers_single_about p { font-size: 14px; color: #464646; margin-bottom: 30px; line-height: 30px; } .writers { padding-top: 20px; padding-bottom: 70px; } .writers #writers { margin-bottom: 10px; } .writers #writers .item { -moz-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1); box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; overflow: hidden; margin-bottom: 30px; position: relative; } .writers #writers .item .item_top { width: 100%; background: #fff; padding-bottom: 20px; } .writers #writers .item .item_top .picture { height: 230px; display: block; width: 100%; background: url("../images/bg3.png") center bottom no-repeat; position: relative; } .writers #writers .item .item_top .picture img { right: 50%; margin-right: -77.5px; bottom: 55px; position: absolute; -moz-box-shadow: 0px 6px 9px 0px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 6px 9px 0px rgba(0,0,0,0.1); box-shadow: 0px 6px 9px 0px rgba(0,0,0,0.1); -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; border: 4px solid #fff; } .writers #writers .item .item_top .title { text-align: center; color: #007DD4; font-size: 22px; display: block; margin-bottom: 10px; padding-left: 20px; padding-right: 20px; } .writers #writers .item .item_top p { height: 100px; overflow: hidden; padding-left: 20px; padding-right: 20px; font-size: 14px; color: #464646; line-height: 26px; text-align: right; } .writers #writers .item .item_bottom .more { border-top: 1px solid #E1E8EE; display: block; text-align: center; background: #F6F8FA; font-size: 14px; color: #6B6B6B; height: 70px; line-height: 70px; } .writers #writers .item .item_bottom .more:hover { border-top-color: #90DC68; background-image: -moz-linear-gradient(90deg, #7dc855 0%, #91dc68 100%); background-image: -webkit-linear-gradient(90deg, #7dc855 0%, #91dc68 100%); background-image: -ms-linear-gradient(90deg, #7dc855 0%, #91dc68 100%); -moz-box-shadow: inset 0px -2px 2px 0px rgba(0,0,0,0.2); -webkit-box-shadow: inset 0px -2px 2px 0px rgba(0,0,0,0.2); box-shadow: inset 0px -2px 2px 0px rgba(0,0,0,0.2); } .blog { padding-bottom: 90px; } .blog .comments .pagination_container { padding-bottom: 30px; } .blog .blog_r { -moz-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1); box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1); background: #fff url("../images/pt3.png") right bottom repeat-x; padding-top: 35px; overflow: hidden; position: relative; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding-left: 20px; padding-right: 20px; margin-bottom: 20px; } .blog .blog_r .blog_r_logo { text-align: center; margin-bottom: 30px; } .blog .blog_r .blog_title { text-align: center; margin-bottom: 30px; } .blog .blog_r .search_blog { padding-left: 10px; padding-right: 10px; } @media only screen and (max-width: 414px) { .blog .blog_r .search_blog { padding-left: 0; padding-right: 0; } } .blog .blog_r .search_blog .search { position: relative; margin-bottom: 40px; } .blog .blog_r .search_blog .search .form_inp { width: 100%; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 2px solid #E1E8EE; height: 42px; display: block; } .blog .blog_r .search_blog .search .search_btn { width: 42px; height: 42px; position: absolute; left: 0; top: 0; display: block; background-color: transparent; border: none; } .blog .blog_r .search_blog .search .search_btn:after { position: absolute; margin-right: -9.5px; margin-top: -9px; right: 50%; top: 50%; } .blog .blog_r .blog_r_menu { margin-bottom: 30px; } .blog .blog_r .blog_r_menu ul li { padding: 8px 6px 5px 8px; border: 2px solid #FFF; -moz-border-radius: 70px; -webkit-border-radius: 70px; border-radius: 70px; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .blog .blog_r .blog_r_menu ul li a{ display: block; padding: 0 70px 0 0; margin-top: 4px; margin-bottom: 4px; position: relative; } .blog .blog_r .blog_r_menu ul li a:before{ content: ''; display: block; width: 52px; height: 52px; border: 4px solid #fff; border-radius: 26px; box-shadow: 3px 3px 12px 0px rgba(0, 0, 0, 0.1); position: absolute; top: 0; right: 10px; } .blog .blog_r .blog_r_menu ul li:nth-child(1) a:before{ background-color: #f35436; } .blog .blog_r .blog_r_menu ul li:nth-child(2) a:before{ /*background-color: #007dd4;*/ background-color: #ab87ee; } .blog .blog_r .blog_r_menu ul li:nth-child(3) a:before{ background-color: #83c156; } .blog .blog_r .blog_r_menu ul li:nth-child(4) a:before{ background-color: #ab87ee; } .blog .blog_r .blog_r_menu.main_cats_list ul li a:before{ /*background-color: #ff9600;*/ background-color: #007ED5; content: '\e91c'; font-family: karnil; color: #fff; text-align: center; font-size: 24px; line-height: 40px; } .blog .blog_r .blog_r_menu.main_cats_list ul li:nth-child(1) a:before{ content: '\e913'; line-height: 44px; } .blog .blog_r .blog_r_menu.main_cats_list ul li:nth-child(2) a:before{ content: '\e916'; line-height: 44px; } .blog .blog_r .blog_r_menu.main_cats_list ul li:nth-child(3) a:before{ content: '\e915'; line-height: 44px; } .blog .blog_r .blog_r_menu.main_cats_list ul li:nth-child(4) a:before{ content: '\e91c'; } /*.blog .blog_r .blog_r_menu.main_cats_list ul li:nth-child(2) a:before{ background-color: #ff2eae; } .blog .blog_r .blog_r_menu.main_cats_list ul li:nth-child(3) a:before{ background-color: #26c5ff; } .blog .blog_r .blog_r_menu.main_cats_list ul li:nth-child(4) a:before{ background-color: #00e0aa; }*/ .blog .blog_r .blog_r_menu ul li a .category_list_title{ display: block; font-family: 'Lalezar', cursive; font-size: 20px; margin-bottom: 7px; } .blog .blog_r .blog_r_menu ul li:nth-child(1) a .category_list_title{ color: #f35436; } .blog .blog_r .blog_r_menu ul li:nth-child(2) a .category_list_title{ color: #ab87ee; } .blog .blog_r .blog_r_menu ul li:nth-child(3) a .category_list_title{ color: #83c156; } .blog .blog_r .blog_r_menu ul li:nth-child(4) a .category_list_title{ color: #ab87ee; } .blog .blog_r .blog_r_menu.main_cats_list ul li a .category_list_title{ color: #007ED5; /*color: #ff9600;*/ } /*.blog .blog_r .blog_r_menu.main_cats_list ul li:nth-child(2) a .category_list_title{ color: #ff2eae; } .blog .blog_r .blog_r_menu.main_cats_list ul li:nth-child(3) a .category_list_title{ color: #26c5ff; } .blog .blog_r .blog_r_menu.main_cats_list ul li:nth-child(4) a .category_list_title{ color: #00e0aa; }*/ .blog .blog_r .blog_r_menu ul li a .category_list_description{ display: block; color: #b1cae0; font-family: Ham3D_Medium; font-size: 12px; margin-bottom: 10px; transition: all 0.3s ease; } .blog .blog_r .blog_r_menu ul li:hover, .blog .blog_r .blog_r_menu ul li.active{ border: 2px solid #EFF3F6; background-color: #FAFBFC; } .blog .blog_r .blog_r_menu ul li:hover .category_list_description, .blog .blog_r .blog_r_menu ul li.active .category_list_description{ color: #333; } .blog .blog_r .blog_r_filter { overflow: hidden; border: 1px solid #DFE2E4; position: relative; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin-bottom: 45px; } .blog .blog_r .blog_r_filter ul li { border-bottom: 1px solid #DFE2E4; background: #F5F8FA; padding-right: 10px; padding-left: 20px; padding-top: 12px; padding-bottom: 9px; } .blog .blog_r .blog_r_filter ul li label { color: #007DD4; line-height: 22px; } .blog .blog_r .blog_r_filter ul li:last-child { border-bottom: none; } .blog .blog_r .blog_r_mnu { margin-bottom: 40px; padding: 10px !important; -moz-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1); box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1); position: relative; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; border: thin solid #007CD3; overflow: hidden; } .blog .blog_r .blog_r_mnu h3{ color: #007CD3; margin: 10px 0 20px !important; } .school_link{ display: inline-block; width: 58px; height: 58px; background-repeat: no-repeat; background-position: center; border: 2px solid #007CD3; padding: 7px; box-sizing: content-box; margin: 0 3px; } .school_link:hover{ background: #007CD3; background-repeat: no-repeat; background-position: center; } .personal_school_link{ background-image: url('../images/personal_normal.png'); } .personal_school_link:hover{ background-image: url('../images/personal_hover.png'); } .business_school_link{ background-image: url('../images/business_normal.png'); } .business_school_link:hover{ background-image: url('../images/business_hover.png'); } .marriage_school_link{ background-image: url('../images/marriage_normal.png'); } .marriage_school_link:hover{ background-image: url('../images/marriage_hover.png'); } .blog .blog_r .blog_r_mnu p { margin-top: 25px; font-size: 14px; margin-bottom: 25px; line-height: 30px; } @media only screen and (max-width: 414px) { .blog .blog_r .blog_r_mnu p { font-size: 13px; line-height: 26px; } } .blog .blog_r .blog_r_mnu:after { background: #007CD3; width: 7px; height: 100%; position: absolute; right: 0; top: 0; height: 100%; content: ''; display: block; border-radius: 0 12px 12px 0; } .blog .blog_r .blog_r_mnu ul li { display: block; clear: both; } .blog .blog_r .blog_r_mnu ul li a { min-width: 165px; padding-right: 45px; padding-left: 35px; height: 48px; line-height: 48px; -moz-border-radius: 48px; -webkit-border-radius: 48px; border-radius: 48px; font-size: 15px; position: relative; } .blog .blog_r .blog_r_mnu ul li a:after { position: absolute; top: 50%; right: 10px; } .blog .blog_r .blog_r_mnu ul li a:hover { background-color: #F35436; } .blog .blog_r .blog_r_mnu ul li.mnu1 a:after { margin-top: -8.5px; } .blog .blog_r .blog_r_mnu ul li.mnu2 a:after { margin-top: -11px; } .blog .blog_r .blog_r_mnu ul li.mnu3 a:after { margin-top: -9.5px; } .blog .blog_r .blog_r_mnu ul li.mnu4 a:after { margin-top: -9.5px; } .blog .blog_r .social { overflow: hidden; text-align: center; margin-bottom: 45px; } .blog .blog_r .social ul li { width: 42px; height: 42px; margin-left: 10px; margin-right: 10px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; } @media only screen and (max-width: 360px) { .blog .blog_r .social ul li { margin-left: 5px; margin-right: 5px; } } .blog .blog_r .social ul li a { display: block; width: 100%; height: 100%; position: relative; } .blog .blog_r .social ul li a:after { position: absolute; right: 50%; top: 50%; } .blog .blog_r .social ul li:last-child { margin-left: 0; } .blog .blog_r .social ul li.telegram a { background: #2BA5E0; } .blog .blog_r .social ul li.telegram a:after { margin-right: -9px; margin-top: -9px; } .blog .blog_r .social ul li.google_plus a { background: #ED321E; } .blog .blog_r .social ul li.google_plus a:after { margin-right: -12px; margin-top: -7.5px; } .blog .blog_r .social ul li.facebook a { background: #375F98; } .blog .blog_r .social ul li.facebook a:after { margin-right: -4.5px; margin-top: -9px; } .blog .blog_r .social ul li.twitter a { background: #1DA1F2; } .blog .blog_r .social ul li.twitter a:after { margin-right: -9px; margin-top: -7px; } .blog .write_in_karnil { display: block; width: 100%; font-size: 19px; text-align: center; height: 64px; line-height: 64px; background: url("../images/bg4.png") center center no-repeat; } .blog .join_karnil_channel { display: block; width: 100%; margin-top: 10px; font-size: 19px; text-align: center; height: 64px; line-height: 64px; background: url("../images/bg4_blue.png") center center no-repeat; } .blog .write_in_karnil:hover, .blog .join_karnil_channel:hover{ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); opacity: 0.9; } @media only screen and (max-width: 991px) { .blog .join_karnil_channel{ margin-bottom: 50px; } } .blog .blog_single { -moz-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1); box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1); background: #fff; position: relative; overflow: hidden; margin-bottom: 30px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .blog .blog_single .blog_single_top { padding: 26px 24px; overflow: hidden; } .blog .blog_single .blog_single_top h1 { font-size: 26px; color: #007CD3; margin-bottom: 24px; clear: both; display: block; line-height: 36px; } @media only screen and (max-width: 767px) { .blog .blog_single .blog_single_top h1 { font-size: 21px; line-height: 30px; } } @media only screen and (max-width: 480px) { .blog .blog_single .blog_single_top h1 { font-size: 17px; line-height: 27px; } } @media only screen and (max-width: 414px) { .blog .blog_single .blog_single_top h1 { font-size: 15px; line-height: 24px; } } .blog .blog_single .blog_single_top .date { float: right; margin-left: 18px; padding-right: 20px; position: relative; } @media only screen and (max-width: 567px) { .blog .blog_single .blog_single_top .date { margin-right: 0; width: 100%; display: block; float: none; margin-bottom: 10px; } } .blog .blog_single .blog_single_top .date:after { right: 0; top: 50%; position: absolute; margin-top: -8.5px; } .blog .blog_single .blog_single_top .keywords { float: right; padding-right: 27px; position: relative; } @media only screen and (max-width: 567px) { .blog .blog_single .blog_single_top .keywords { margin-right: 0; width: 100%; display: block; float: none; margin-bottom: 10px; } } .blog .blog_single .blog_single_top .keywords:after { right: 0; top: 50%; position: absolute; margin-top: -8.5px; } .blog .blog_single .blog_single_top .keywords a { color: #F35436; font-size: 12px; } .blog .blog_single .blog_single_top .cmm { float: right; padding-right: 27px; position: relative; font-size: 12px; margin-right: 25px; } @media only screen and (max-width: 567px) { .blog .blog_single .blog_single_top .cmm { margin-right: 0; width: 100%; display: block; float: none; } } .blog .blog_single .blog_single_top .cmm:after { right: 0; top: 50%; position: absolute; margin-top: -7.5px; } .blog .blog_single .blog_single_top .cmm a { color: #F35436; font-size: 12px; } .blog .blog_single .cover { position: relative; } .blog .blog_single .cover .like { position: absolute; left: 17px; top: 18px; display: block; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: #FE5339; padding-left: 39px; padding-right: 13px; height: 34px; line-height: 36px; } .blog .blog_single .cover .like:after { position: absolute; top: 50%; margin-top: -7px; left: 12px; } .blog .blog_single .cover img { width: 100%; } .blog .blog_single .blog_desc { padding: 18px 16px; } .blog .blog_single .blog_desc .blog_profile { position: relative; padding-right: 85px; margin-bottom: 50px; } @media only screen and (max-width: 414px) { .blog .blog_single .blog_desc .blog_profile { padding-right: 0; } } .blog .blog_single .blog_desc .blog_profile img { position: absolute; -moz-box-shadow: 0px 6px 9px 0px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 6px 9px 0px rgba(0,0,0,0.1); box-shadow: 0px 6px 9px 0px rgba(0,0,0,0.1); right: 0; border: 4px solid #fff; top: -48px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; width: 75px; } @media only screen and (max-width: 414px) { .blog .blog_single .blog_desc .blog_profile img { position: static; display: block; margin-left: auto; margin-right: auto; margin-bottom: 20px; } } .blog .blog_single .blog_desc .blog_profile b { color: #007DD4; font-size: 15px; margin-bottom: 6px; display: block; } .blog .blog_single .blog_desc .blog_profile p { font-size: 14px; color: #444545; } .blog .blog_single .blog_desc .post p { color: #2C3E50; font-size: 14px; margin-bottom: 35px; line-height: 27px; } .blog .blog_single .blog_desc .voice { background: url("../images/voice.png") center center no-repeat; width: 303px; height: 24px; margin-bottom: 30px; margin-left: auto; margin-right: auto; display: block; } @media only screen and (max-width: 567px) { .blog .blog_single .blog_desc .voice { background-size: 100% auto; width: 100%; } } .blog .blog_single .blog_desc .pdf { background: url("../images/pdf.png") center center no-repeat; width: 427px; height: 30px; margin-bottom: 30px; margin-left: auto; margin-right: auto; display: block; } @media only screen and (max-width: 567px) { .blog .blog_single .blog_desc .pdf { background-size: 100% auto; width: 100%; } } .blog .blog_single .blog_desc .player_article { margin-bottom: 40px; } .blog .blog_single .blog_desc .dl_article { height: 60px; line-height: 60px; -moz-border-radius: 60px; -webkit-border-radius: 60px; border-radius: 60px; margin-left: auto; margin-right: auto; display: block; width: 200px; padding: 0; float: none; } .blog .blog_single .blog_desc .share_article { margin-top: 65px; margin-bottom: 5px; overflow: hidden; } .blog .blog_single .blog_desc .share_article strong { float: right; color: #858A90; } @media only screen and (max-width: 567px) { .blog .blog_single .blog_desc .share_article strong { display: block; width: 100%; margin-bottom: 10px; } } .blog .blog_single .blog_desc .share_article ul { float: left; } .blog .blog_single .blog_desc .share_article ul li { float: left; margin-left: 15px; } @media only screen and (max-width: 480px) { .blog .blog_single .blog_desc .share_article ul li { margin-left: 10px; } } .blog .blog_single .blog_desc .share_article ul li a { display: block; position: relative; } @media only screen and (max-width: 480px) { .blog .blog_single .blog_desc .share_article ul li a { font-size: 0; width: 40px; height: 40px; } } .blog .blog_single .blog_desc .share_article ul li a:after { position: absolute; left: 0; top: 50%; } .blog .blog_single .blog_desc .share_article ul li.twitter a { color: #3FCCFD; padding-left: 25px; } .blog .blog_single .blog_desc .share_article ul li.twitter a:after { margin-top: -7px; } .blog .blog_single .blog_desc .share_article ul li.faccbook a { color: #3B5998; padding-left: 15px; } .blog .blog_single .blog_desc .share_article ul li.faccbook a:after { margin-top: -9px; } .blog .blog_single .blog_desc .share_article ul li.google_plus a { color: #DF4B38; padding-left: 27px; } .blog .blog_single .blog_desc .share_article ul li.google_plus a:after { margin-top: -7.5px; } .blog .blog_single .blog_desc .share_article ul li.telegram a { color: #2BA5E0; padding-left: 28px; } .blog .blog_single .blog_desc .share_article ul li.telegram a:after { margin-top: -10px; } .blog .blog_single .blog_telegram { border-top: 2px solid #F5F8FA; padding: 15px; } @media only screen and (max-width: 567px) { .blog .blog_single .blog_telegram { padding: 4px 3px 3px; } } .blog .blog_single .blog_keywords { background: #F5F8FA; padding: 20px 16px 15px; overflow: hidden; } .blog .blog_single .blog_keywords b { color: #2C3E50; font-size: 14px; float: right; margin-left: 5px; line-height: 40px; margin-bottom: 5px; } .blog .blog_single .blog_keywords a { margin-left: 5px; color: #007CD3; background: #fff; height: 40px; line-height: 40px; padding-left: 17px; padding-right: 17px; float: right; -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px; -moz-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1); box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1); margin-bottom: 5px; } .blog .blog_single .blog_keywords a:hover { background: #007CD3; -moz-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1); box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1); } .blog .blog_l { -moz-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1); box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.1); background: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; position: relative; overflow: hidden; padding: 20px; } .blog .blog_l .pagination_container { margin-bottom: 30px; } .blog .blog_l .item { overflow: hidden; position: relative; border-bottom: 2px solid #F5F6F7; margin-bottom: 20px; padding-bottom: 20px; } .blog .blog_l .item img { float: right; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin-left: 15px; } @media only screen and (max-width: 667px) { .blog .blog_l .item img { float: none; margin-left: auto; margin-right: auto; margin-bottom: 20px; display: block; } } .blog .blog_l .item .title { margin-bottom: 20px; color: #007CD3; font-size: 21px; display: block; line-height: 32px; width: 100%; } @media only screen and (max-width: 1199px) { .blog .blog_l .item .title { font-size: 18px; margin-bottom: 8px; line-height: 28px; } } @media only screen and (max-width: 414px) { .blog .blog_l .item .title { font-size: 15px; margin-bottom: 10px; line-height: 24px; } } .blog .blog_l .item .date { margin-left: 18px; padding-right: 21px; position: relative; margin-top: 5px; } .blog .blog_l .item .date:after { right: 1px; top: 50%; position: absolute; margin-top: -8.5px; } @media only screen and (max-width: 480px) { .blog .blog_l .item .date { margin-bottom: 10px; } } .blog .blog_l .item .keywords { padding-right: 28px; position: relative; } .blog .blog_l .item .keywords:after { right: 1px; top: 50%; position: absolute; margin-top: -8.5px; } .blog .blog_l .item .keywords a { color: #F35436; font-size: 12px; } @media only screen and (max-width: 480px) { .blog .blog_l .item .keywords { margin-bottom: 10px; } } .blog .blog_l .item p { color: #2C3E50; width: 100%; font-size: 14px; line-height: 27px; margin-top: 15px; } @media only screen and (max-width: 1199px) { .blog .blog_l .item p { margin-top: 10px; } } .pagination_container .pagination span.active { background: #464646; color: white; border-color: #464646; border-bottom-right-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } span.dots { border-bottom-right-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .pagination li a.prev { position: relative; padding-left: 16px; padding-right: 28px; width: auto; } .pagination li a.prev:after{ right: 15px; top: 50%; position: absolute; margin-top: -5.5px; content:""; display: block; } .icons-right, .pagination_container .pagination li a.prev:after { background-position: 0 -1987px; height: 11px; width: 7px; background-image: url(../images/icons-s174be52923.png); background-repeat: no-repeat; } .pagination li a.next { position: relative; padding-left: 28px; padding-right: 16px; width: auto; } .pagination li a.next:hover { background-color: #007DD4; border-color: #007DD4; color: #fff; } .pagination li a.prev:hover { background-color: #007DD4; border-color: #007DD4; color: #fff; } .pagination li a.next:after { left: 15px; top: 50%; position: absolute; margin-top: -5.5px; display: block; content: ""; } .icons-left, .pagination li a.next:after { background-image: url(../images/icons-s174be52923.png); background-position: 0 -1437px; height: 11px; width: 6px; background-repeat: no-repeat; } .comments .comment_form { padding-bottom: 80px; } li.next.comments { padding-right: 0px!important; margin-top: -24px; } li.prev.comments { padding-right: 0px!important; } .ajax_loading{ text-align: center; margin: 14px 0; font-family: Ham3D_Medium; padding-top: 100px; position: absolute; top: 0; left: 0; width: 100%; background-color: rgba(255, 255, 255, 0.9); z-index: 999; height: 100%; } h1, h2, h3, h4, h5, h6, .lalezar{ font-family: Lalezar,Georgia,"Times New Roman",Times,serif !important; } .post a{ color: #007ED5; } .is_helpful{ background: #F5F8FA; padding: 20px 16px 15px; margin: 0 -20px; min-height: 42px; } .is_helpful .form_btn{ float: none; } .is_helpful .form-btn span{ font-family: tahoma, serif; font-weight: 700; font-size: 14px; } .is_helpful_question{ font-family: 'Lalezar', cursive; font-size: 16px; color: #2C3E50; } .is_helpful_no_message{ font-size: 15px; text-align: center; line-height: 42px; } .post_share_buttons{ text-align: center; } .post_share_button{ transition: all 0.3s ease; } .post_share_button:hover{ opacity: 0.75; }