/*@font-face {font-family: "gess-bold";src: url('fonts/gess-bold/gessbold.eot');src: url('fonts/gess-bold/gessbold.eot#iefix') format('embedded-opentype'),url('fonts/gess-bold/gessbold.woff') format('woff'),url('fonts/gess-bold/gessbold.ttf') format('truetype'),url('fonts/gess-bold/gessbold.svg?1#gess-bold') format('svg');font-weight: bold;font-style: normal;font-display:swap}*/
@font-face {font-family: "gess-bold";  src: url('fonts/gess-light/gesslight.eot');  src: url('fonts/gess-light/gesslight.eot#iefix') format('embedded-opentype'), url('fonts/gess-light/gesslight.woff') format('woff'), url('fonts/gess-light/gesslight.ttf') format('truetype'),url('fonts/gess-light/gesslight.svg?1#gess-light') format('svg');font-style: normal;font-display:swap}
@font-face {font-family: "gess-light";  src: url('fonts/gess-light/gesslight.eot');  src: url('fonts/gess-light/gesslight.eot#iefix') format('embedded-opentype'), url('fonts/gess-light/gesslight.woff') format('woff'), url('fonts/gess-light/gesslight.ttf') format('truetype'),url('fonts/gess-light/gesslight.svg?1#gess-light') format('svg');font-style: normal;font-display:swap}
@font-face {font-family: "gess-medium";  src: url('fonts/gess-medium/gessmedium.eot');src: url('fonts/gess-medium/gessmedium.eot#iefix') format('embedded-opentype'),url('fonts/gess-medium/gessmedium.woff') format('woff'),url('fonts/gess-medium/gessmedium.ttf') format('truetype'),url('fonts/gess-medium/gessmedium.svg?1#gess-medium') format('svg');font-style: normal;font-display:swap}
html, body{margin: 0; padding: 0; height: 100%;box-sizing: border-box;vertical-align: top;direction: rtl}
body{position: relative;font-size: 0;box-sizing: border-box;direction: ltr;overflow: hidden}

.hidden{display: none!important}
.desktop{display: block!important}
.mobile{display: none!important}
ul{padding:0}
a{text-decoration: none}
h1,h2,h3,h4,h5,h6{margin:auto}
div.page::-webkit-scrollbar{display: none}
div.inline-page::-webkit-scrollbar{display: none}
div.page{display: inline-block;width: 550px;font-size: 0;background-color: white;overflow: auto;z-index: 1;vertical-align: top;direction: rtl;position: relative}
div.my_body{display: inline-block;width: calc(100% - 550px);vertical-align: top;position: relative}
div.page div.header{display: block;width: calc(100% - 40px);padding: 10px 20px;background-color: white;height: auto}
div.page div.header img.logo{display: inline-block;border-radius: 100%;background-color: #80808021}
div.page div.header img.country{position: absolute;top: 45px;right: 50px;border-radius: 100%}
div.page div.header h1{display: inline-block;margin:auto 10px auto auto;font-size: 14px;font-family: gess-light, Helvetica, Arial, sans-serif;vertical-align: top;position: relative;top:15px}
div.page div.header div.actions{display: inline-block;float: left;vertical-align: top;position: relative;top: 15px;left: 5px}
div.page div.header div.actions a{display: inline-block;width: 30px;height: 30px;color:#2C2C2C;font-size: 15px;text-align: center;background-color: #F8F8FA;margin:auto auto auto 10px;line-height: 30px;border-radius: 50px;cursor: pointer}
div.page div.header div.actions a.language{font-family: lato_bold, Helvetica, Arial, sans-serif}
div.page div.header div.actions a:last-of-type{margin:auto}
div.page div.categories-listing{display: block;width: 100%;padding: 10px 0;border-radius: 0 0 40px 40px;background-color: white}
div.page div.categories-listing div.categories.carousel{display: block;width: 100%;vertical-align: top;margin:auto auto auto 0}
div.page div.categories-listing div.categories.carousel a{float: right;padding: 0 0 0 10px;text-align: center;outline:none;transition: 0.35s}
div.page div.categories-listing div.categories.carousel a.active{opacity: 0.3}
div.page div.categories-listing div.categories.carousel a figure{width: 70px;height: 70px;border-radius: 50%;margin:auto;border:solid 3px white}
div.page div.categories-listing div.categories.carousel a.active h2{color:#347AF7;font-family: gess-medium, Helvetica, Arial, sans-serif}
div.page div.categories-listing div.categories.carousel a.active figure{border: solid 3px #347AF7}
div.page div.categories-listing div.categories.carousel a h2{color:black;font-size: 13px;font-family: gess-light, Helvetica, Arial, sans-serif;padding:10px 0 0 0}
div.page div.category_listing{display: block;width: calc(100% - 20px);margin:20px auto 20px 0}
div.page div.category_listing div.item{display: block;width: 100%;margin:auto auto 40px auto}
div.page div.category_listing div.item:last-of-type{margin:auto}
div.page div.category_listing div.item img{display: inline-block;border-radius: 100%}
div.page div.category_listing div.item h3{display: inline-block;margin: auto 10px auto auto;font-size: 16px;font-family: gess-medium, Helvetica, Arial, sans-serif;vertical-align: top;position: relative;top: 10px;}
div.page div.category_listing div.item div.categories.carousel{display: block;width: 100%;vertical-align: top;margin:20px auto}
div.page div.category_listing div.item div.categories.carousel a{float:right;padding:30px 20px;text-align: center;outline:none;background-color: white;margin:auto auto auto 15px;border-radius: 20px;position: relative}
div.page div.category_listing div.item div.categories.carousel a span.wishlist{position: absolute;right: 10px;top: 10px;background-color: #F8F8FA;color: #2C2C2C;font-size: 15px;z-index: 9;width: 32px;height: 32px;text-align: center;line-height: 35px;border-radius: 100%;cursor: pointer}
div.page div.category_listing div.item div.categories.carousel a span.wishlist.active{background-color: #347AF7;color:white}
div.page div.category_listing div.item div.categories.carousel a span.show_product{position: absolute;left: 10px;top: 10px;background-color: #F8F8FA;color: #2C2C2C;font-size: 15px;z-index: 9;width: 32px;height: 32px;text-align: center;line-height: 35px;border-radius: 100%;cursor: pointer}
div.page div.category_listing div.item div.categories.carousel a figure{width: 80px;height: 80px;border-radius: 50%;margin: auto}
div.page div.category_listing div.item div.categories.carousel a h2{color:black;font-size: 15px;font-family: gess-light, Helvetica, Arial, sans-serif;padding:10px 0}
div.page div.category_listing div.item div.categories.carousel a h3{color:#347AF7;font-size: 16px;font-family: lato_bold, Helvetica, Arial, sans-serif}
div.page div.category_listing div.item div.categories.carousel a button.show_product{display: block;width: 100%;background: #F8F8FA;color: #2C2C2C;font-size: 15px;margin: 20px auto auto auto;border-radius: 20px;padding: 5px;font-family: gess-light, Helvetica, Arial, sans-serif;position: relative;top: 10px;border: none;cursor: pointer;outline: none}
div.page div.category_listing div.item div.categories.carousel a button.show_product i{font-size: 10px}
input.required{border:solid 1px red!important}
div.shadow{display: block;width: 550px;position: fixed;top: 0;left: 0;background-color: rgba(0, 0, 0, 0.45);height: 100%;z-index: 8}
div.shadow.closed{display: none}
div.login{background-color: white}
div.login div.top{display: block;width: calc(100% - 40px);background-color: white;padding: 20px 0;border-radius: 0 0 50px 50px;margin: auto;padding:20px;}
div.login div.header{display: block;width: 100%;padding: 0;text-align: center;position: relative;margin: auto;background-color: transparent;height:50px}
div.login div.header h2{display: block;width: 100%;font-size: 14px;color:gray;font-family: gess-light, Helvetica, Arial, sans-serif}
div.login div.header h3{position: absolute;left: 0;top: -5px;color: black;font-size: 15px;font-family: gess-light, Helvetica, Arial, sans-serif;background-color: #80808017;padding: 6px 10px;border-radius: 20px}
div.login div.header img.logo{position: absolute;right:0;top:-10px;border-radius: 100%;background-color: #80808021}
div.login div.header img.country{position: absolute;right: 30px;top: 25px;border-radius: 100%}
div.login div.header a.back_to_home{width: 30px;height: 30px;color: #2C2C2C;font-size: 15px;text-align: center;background-color: #F8F8FA;margin: auto;line-height: 30px;border-radius: 50px;cursor: pointer;display: inline-block;float: left;position: absolute;left: 0;top: 0}
div.login div.steps{display: block;width: 100%;padding: 0;height: 100%;background: aliceblue;transition: 0.35s}
div.login div.steps.hidden{display: none}
div.login div.steps div.page-choices{display: block;width: 100%;height: 60px;background-color: #80808021;border-radius: 30px;text-align: center;margin:20px auto 30px auto}
div.login div.steps div.page-choices button{display: inline-block;width: calc(47% - 5px);border: none;background: transparent;height: 40px;text-align: center;border-radius: 20px;position: relative;top: 10px;padding: 0;font-family: gess-bold, Helvetica, Arial, sans-serif;cursor: pointer;outline:none;font-size: 20px}
div.login div.steps div.page-choices button.active{background-color: white}
div.login div.steps div.page-choices button:first-of-type{margin:auto auto 5px auto}
div.login div.steps div.page-choices button:last-of-type{margin:auto 5px auto auto}
div.login div.steps h1{display: block;margin:auto;font-size: 22px;font-family: gess-light, Helvetica, Arial, sans-serif;text-align: center}
div.login div.steps h2{display: block;margin:auto;font-size: 15px;font-family: gess-light, Helvetica, Arial, sans-serif;text-align: center;padding:10px 0 0 0}
div.login div.steps h2 span{display:block;color:#2ea3ff;direction: ltr;font-family: lato_bold,Helvetica, Arial, sans-serif;padding:10px 0 0 0}
div.login div.steps form{display: block;width: 100%;margin:30px auto;direction: ltr;font-size: 0}
div.login div.steps form div.input{display: block;width: 100%;height: 50px;border-radius: 20px;border: solid 1px #00000026;padding: 0;outline: none;text-align: right;vertical-align: top;position: relative;margin: auto auto 10px auto}
div.login div.steps form a.open_forgot_password{font-size: 13px;text-align: right;color: gray;font-family: gess-light, Helvetica, Arial, sans-serif;border: none;border-radius: 0;background: none;display: inline-block;width: auto;height: auto;padding: 0;margin: auto}
div.login div.steps form div.input input{display: block;width: calc(100% - 100px);height: 100%;text-align: right;margin: auto 0 auto 0;font-family: gess-light, Helvetica, Arial, sans-serif;outline: none;font-size: 16px;border-radius: 20px;padding: 0 50px;border:none;direction: ltr}
div.login div.steps form div.input i{position: absolute;top: 15px;right: 15px;font-size: 20px;padding: 0 0 0 10px;display: inline-block}
div.login div.steps form input.phone{display: inline-block;width: calc(100% - 222px);margin: auto 8px auto auto;height: 50px;border-radius: 20px;border: solid 1px #00000026;font-size: 16px;padding: 0 20px;font-family: lato_bold, Helvetica, Arial, sans-serif;outline: none;text-align: right;vertical-align: top}
div.login div.steps form input.phone::-webkit-input-placeholder{font-family: gess-light, Helvetica, Arial, sans-serif}
div.login div.steps form input.phone_code{display: inline-block;width: 50px;margin: auto 8px auto auto;height: 50px;border-radius: 20px;border: solid 1px #00000026;font-size: 16px;padding: 0 20px;font-family: lato_bold, Helvetica, Arial, sans-serif;outline: none;text-align: right;vertical-align: top}
div.login div.steps form input.phone_code::-webkit-input-placeholder{font-family: gess-light, Helvetica, Arial, sans-serif}
div.login div.steps form div.country_code_flag{display: inline-block;width: 50px;margin: auto;height: 50px;border-radius: 20px;border: solid 1px #00000026;font-size: 16px;padding: 0 10px;font-family: gess-light, Helvetica, Arial, sans-serif;outline: none;text-align: right;vertical-align: top;cursor: pointer}
div.login div.steps form div.country_code_flag img{border-radius: 50%;position: relative;top:12px}
div.login div.steps form div.country_code_flag i{position: relative;top:15px;display: inline-block;float: left}
div.login div.steps form button.next{display: block;width: 300px;background-color: #2ea3ff;color: white;text-align: center;height: 50px;font-size: 20px;margin:20px auto;border: solid 1px #2ea3ff;transition: 0.35s;cursor: pointer;font-family: gess-light, Helvetica, Arial, sans-serif;outline: none;border-radius: 30px}
div.login div.steps form button.next:hover{color:#2ea3ff;background-color: white}
div.login div.steps form button.previous{display: block;width: auto;color: gray;text-align: center;height: 50px;font-size: 20px;margin:20px auto;transition: 0.35s;cursor: pointer;font-family: gess-light, Helvetica, Arial, sans-serif;outline: none;border:none;background-color: transparent}
div.login div.steps form input.code_confirmation{display: inline-block;width: 50px;height:50px;border: solid 1px #00000026;border-radius: 100%;margin:auto auto auto 10px;outline:none;text-align: center;padding:10px;font-size: 18px;vertical-align: top}
div.login div.steps form a{display: inline-block;width: 50px;height: 50px;border: solid 1px #2ea3ff;border-radius: 100%;margin: auto auto auto 10px;outline: none;text-align: center;padding: 10px;font-size: 14px;vertical-align: top;font-family: gess-light, Helvetica, Arial, sans-serif;background-color: #2ea3ff;color: white;cursor: pointer;transition: 0.35s;font-size: 18px;line-height: 50px}
div.login div.steps form a.mobile_confirmation_counter{display: inline-block;width: 50px;height: 50px;border: solid 1px #2ea3ff;border-radius: 100%;margin: auto auto auto 10px;outline: none;text-align: center;padding: 10px;font-size: 14px;vertical-align: top;font-family: gess-light, Helvetica, Arial, sans-serif;background-color: #2ea3ff;color: white;cursor: pointer;transition: 0.35s}
div.login div.steps form a.disabled{font-size: 30px;font-family: lato_bold, Helvetica, Arial, sans-serif;line-height: 50px}
div.login div.steps form a:hover{background-color: white;color:#2ea3ff}
div.login div.steps form a.disabled:hover{background-color: #2ea3ff;color:white;cursor: initial}
div.login div.steps form input.code_confirmation:first-of-type{margin:auto}
div.login div.steps form span.error_message{display: block;width: 100%;text-align: center;margin:auto;color:red;font-size: 12px;padding:0;font-family: gess-light, Helvetica, Arial, sans-serif}
div.login div.steps form span.error_message.hidden{display: none}
div.login div.steps.step_2{background-color: white}
div.login div.bottom{display: block;width: calc(100% - 100px);padding: 20px 50px;margin: auto}
div.login div.bottom h4{display: block;width: 100%;font-size: 20px;color: black;font-family: gess-light, Helvetica, Arial, sans-serif;text-align: center}
div.login div.bottom span{display: block;margin: auto;font-size: 14px;font-family: gess-light, Helvetica, Arial, sans-serif;text-align: center;padding: 5px 0 0 0;color: gray}
div.login div.bottom div.social_btns{display: block;width: 100%;margin:30px auto auto auto}
div.login div.bottom div.social_btns a.social{display: block;width: 300px;background-color: #2ea3ff;color: white;text-align: center;height: 50px;font-size: 20px;margin: 20px auto;border: solid 1px #2ea3ff;transition: 0.35s;cursor: pointer;font-family: gess-light, Helvetica, Arial, sans-serif;outline: none;border-radius: 30px;line-height: 45px}
div.login div.bottom div.social_btns a.social.google{background-color: #4285F4;color:white;border:solid 1px white}
div.login div.bottom div.social_btns a.social.google i{color:#DB4437;padding:0 0 0 10px;position: relative;top:4px}
div.login div.bottom div.social_btns a.social.facebook{background-color: #3b5998;color:white;border:solid 1px #3b5998}
div.login div.bottom div.social_btns a.social.facebook i{padding:0 0 0 10px;position: relative;top:3px}
div.page a.go-to-cart{display: block;width: calc(500px - 80px);position: fixed;bottom: 20px;left: 40px;height: 50px;padding: 0 20px;text-align: center;background: #347AF7;border-radius: 50px}
div.page a.new_order{display: block;width: calc(500px - 80px);position: fixed;bottom: 20px;left: 40px;height: 50px;padding: 0 20px;text-align: center;background: #347AF7;border-radius: 50px;color: white;font-size: 20px;font-family: gess-light, Helvetica, Arial, sans-serif;line-height: 50px}
div.page a.go-to-cart label{display: inline-block;color: white;font-size: 20px;font-family: gess-light, Helvetica, Arial, sans-serif;line-height: 50px;cursor: pointer}
div.page a.go-to-cart span.price{display: inline-block;color: #F7D563;font-size: 18px;line-height: 50px;float:left;font-family: lato_bold, Helvetica, Arial, sans-serif}
div.page a.go-to-cart i{display: inline-block;float: right;color: white;font-size: 20px;position: relative;top: 15px;right:10px}
div.page a.go-to-cart i span{position: absolute;top: -10px;right: -14px;color: black;font-size: 12px;width: 20px;height: 20px;background: #F7D563;border-radius: 50%;text-align: center;display: block;line-height: 20px;font-family: lato_bold, Helvetica, Arial, sans-serif}
div.product_page div.images{display: block;width: 100%;height: auto;position: relative}
div.product_page div.images a.back{position: absolute;left: 20px;top: 20px;background-color: gray;color: white;font-size: 15px;z-index: 9;width: 32px;height: 32px;text-align: center;line-height: 35px;border-radius: 10px;cursor: pointer}
div.product_page div.images a.wishlist{position: absolute;right: 20px;top: 20px;background-color: gray;color: white;font-size: 15px;z-index: 9;width: 32px;height: 32px;text-align: center;line-height: 35px;border-radius: 10px;cursor: pointer}
div.product_page div.images div.info{position: absolute;top: 200px;right: 0;display: block;width: calc(100% - 40px);z-index: 9;padding: 0 20px}
div.product_page div.images div.info h3{display: block;width: 100%;color:white;font-size: 30px;font-family: gess-bold, Helvetica, Arial, sans-serif}
div.product_page div.images div.info h4{display: block;width: 100%;color: #F7D563;font-size: 25px;font-family: lato_bold, Helvetica, Arial, sans-serif;padding: 5px 0 0 0}
div.product_page div.images div.info h2{display: block;width: 100%;color: #F7D563;font-size: 25px;font-family: lato_bold, Helvetica, Arial, sans-serif;padding: 5px 0 0 0}
div.product_page div.images div.info h2.price_not_applicable{font-size: 18px!important}
div.product_page div.carousel{display: block;width: 100%;margin:auto}
div.product_page div.carousel div.item{display: block;outline:none;position: relative}
div.product_page div.carousel div.item:after{content:'';display: block;width: 100%;height:100%;position: absolute;top:0;right:0;background-color: #0000004d;border-radius: 0 0 30px 30px}
div.product_page div.carousel div.item figure{display: block;height: 350px;width: 100%;margin:auto;border-radius: 0 0 30px 30px}
div.product_page div.description{display: block;width: 100%;margin:20px auto}
div.product_page div.description{display: block;width: calc(100% - 40px);margin:20px auto}
div.product_page div.description label{display: block;width: 100%;color:black;font-size: 18px;padding:0 0 15px 0;font-family: gess-bold, Helvetica, Arial, sans-serif}
div.product_page div.description p{display: block;width: 100%;color:gray;font-size: 15px;margin:auto;font-family: gess-light, Helvetica, Arial, sans-serif}
div.product_page div.variants{display: block;width: calc(100% - 40px);margin:20px auto}
div.product_page div.variants div.variant{display: block;width: 100%;margin:auto auto 30px auto}
div.product_page div.variants div.variant:last-of-type{margin:auto}
div.product_page div.variants div.variant label{display: block;width: 100%;color:black;font-size: 16px;font-family: gess-bold, Helvetica, Arial, sans-serif;font-weight: 900}
div.product_page div.variants div.variant label > span{    display: inline-block;font-size: 11px;background-color: #F3EDD8;border: solid 1px #F7D567;text-align: center;color: #CCAF52;border-radius: 20px;padding: 1px 10px;margin: auto 10px auto auto}
div.product_page div.variants div.variant div.options{display: block;width: 100%;margin:10px auto;font-size: 0}
div.product_page div.variants div.variant div.options div.option{display: block;width: 100%;margin:auto auto 10px auto}
div.product_page div.variants div.variant div.options div.option:last-of-type{margin:auto}
div.product_page div.variants div.variant div.options div.option p{display: inline-block;border: solid 1px #80808026;font-size: 15px;font-family: gess-light, Helvetica, Arial, sans-serif;width: calc(100% - 102px);vertical-align: top;margin: auto;padding: 15px;border-radius: 50px}
div.product_page div.variants div.variant div.options div.option.selected p{border: solid 1px #347af740;background-color: #347af712}
div.product_page div.variants div.variant div.options div.option p span{display: inline-block;float: left;color: gray;font-size: 13px;font-family: lato_bold, Helvetica, Arial, sans-serif;position: relative;top: 3px}
div.product_page div.variants div.variant div.options div.option.selected p span{color:#347AF7}
div.product_page div.variants div.variant div.options div.option a.add{display: inline-block;float: left;width: 40px;height: 40px;background-color: #F8F8FA;color: black;text-align: center;vertical-align: top;border-radius: 100%;font-size: 13px;line-height: 40px;margin:auto 30px auto auto;position: relative;top:5px;cursor: pointer;color:#2C2C2C}
div.product_page div.variants div.variant div.options div.option.selected a.add{background-color: #347AF7;color:white}
div.product_page ul.slick-dots{display: block;position: absolute;bottom: 10px;left: 20px;background-color: #80808059;border-radius: 20px;padding:5px}
div.product_page ul.slick-dots li{display: inline-block;margin:auto auto auto 5px}
div.product_page ul.slick-dots li.slick-active button{background-color:white}
div.product_page ul.slick-dots li button{border:none;background-color: transparent;font-size: 0;outline: none;width: 10px;height: 12px;background-color: gray;border-radius: 50%;cursor: pointer}
div.page div.wrapper{display: block;width: 100%;margin:auto;border-radius: 0 0 50px 50px;padding: 0 0 20px 0}
div.page div.product_page div.wrapper{background-color: white}
.cart-actions{display: block;width: 460px;position: fixed;bottom: 20px;left: 0;height: auto;padding: 0 20px;text-align: center}
/*.cart-actions a{display: inline-block;width: auto;height: 50px;text-align: center;background-color: #347AF7;line-height: 50px;border-radius: 50px;padding: 0 20px;cursor: pointer}*/
.cart-actions a{display: block;width: calc(500px - 80px);position: fixed;bottom: 20px;left: 40px;height: 50px;padding: 0 20px;text-align: center;background: #347AF7;border-radius: 50px}
/*.cart-actions span.add_to_cart_label{display: inline-block;color:white;font-size: 15px;font-family: gess-light, Helvetica, Arial, sans-serif;padding:0 20px 0 0}*/
.cart-actions span.add_to_cart_label{display: inline-block;color: white;font-size: 20px;font-family: gess-light, Helvetica, Arial, sans-serif;line-height: 50px;cursor: pointer}
.cart-actions span.add_to_cart_label span.price{display: inline-block;color: #F7D563;font-size: 18px;line-height: 50px;float: left;font-family: lato_bold, Helvetica, Arial, sans-serif;padding:0 15px 0 0}
.cart-actions i{display: inline-block;color: white;font-size: 20px;float: right;position: relative;top: 18px;right: 5px}
.cart-actions i > span{ position: absolute;top: -10px;right: -14px;color: black;font-size: 12px;width: 20px;height: 20px;background: #F7D563;border-radius: 50%;text-align: center;display: block;line-height: 20px;font-family: lato_bold, Helvetica, Arial, sans-serif}
.cart-actions div.counter{display: inline-block;width: auto;height: 50px;text-align: center;background-color: white;line-height: 50px;border-radius: 50px;padding: 0 20px;cursor: pointer;vertical-align: top;margin: auto 10px auto auto;border:solid 1px #2ea3ff26;outline:none}
.cart-actions div.counter i{display: inline-block;font-size: 12px;color: black;float: none;vertical-align: top;top: 20px;outline: none}
.cart-actions div.counter label{display: inline-block;font-size: 16px;color:black;font-family: lato_bold, Helvetica, Arial, sans-serif;padding:0 20px;vertical-align: top;font-weight: bold;outline:none}
div.modal.countries::-webkit-scrollbar{display: none}
div.modal.countries{display: block;width: 550px;position: fixed;bottom: -500px;left: 0;height: 318px;background: white;border-radius: 50px 50px 0 0;font-size: 0;overflow: auto;transition: 0.35s;z-index: 9}
div.modal.countries.active{bottom:0}
div.modal.countries a.close{display: block;width: 30px;height: 30px;background: #80808036;color: white;position: relative;text-align: center;font-size: 16px;margin: 0;border-radius: 50%;line-height: 30px;top: 20px;left: 20px}
div.modal.countries div.search_country{display: block;width: 80%;height: 35px;margin:30px auto;position: relative}
div.modal.countries div.search_country i{position:absolute;right:15px;top:10px;color:black;font-size: 16px}
div.modal.countries div.search_country input{display: block;width: calc(100% - 60px);margin: auto;height: 100%;border-radius: 20px;border: solid 1px #8080804d;outline: none;padding:0 40px 0 20px;background-color: #8080800f;font-family: gess-light, Helvetica, Arial, sans-serif;direction: rtl}
div.modal.countries ul{display: block;width: 80%;margin:20px auto;direction: rtl}
div.modal.countries ul li{display: block;width: 100%;margin:auto auto 10px auto;border-bottom:solid 1px #80808024;padding:0 0 10px 0;cursor: pointer}
div.modal.countries ul li:last-of-type{margin:auto;border-bottom:none}
div.modal.countries ul li a{display: inline-block;vertical-align: top;color:black;font-family: gess-light, Helvetica, Arial, sans-serif;font-size: 15px;padding:0 20px 0 0}
div.modal.countries ul li img{width: 25px;height: 25px;border-radius: 50%}
ul.main_menu{display: block;width: 100%;text-align: center;font-size: 0;box-sizing: border-box;padding: 20px 0 0 0;z-index: 1;margin: auto;direction: rtl}
ul.main_menu li{display: inline-block;margin:auto 20px;outline:none}
ul.main_menu li a{color:white;font-size: 20px;font-family: gess-light, Helvetica, Arial, sans-serif;outline: none;position: relative}
ul.main_menu li a:after{content:'';width: 0;height: 2px;background-color: white;position:absolute;bottom:-5px;right:0;transition: 0.35s}
ul.main_menu li:hover a:after{width: 100%}


div.locations-page div.header{display: block;width: 100%;padding: 0;text-align: center;position: relative;margin: auto;background-color: transparent;height: 50px}
div.locations-page div.header img.logo{position: absolute;right: 0;top: -10px;border-radius: 100%;background-color: #80808021}
div.locations-page div.header img.country{position: absolute;right: 30px;top: 25px;border-radius: 100%}
div.locations-page div.header img.country a.back_to_home{width: 30px;height: 30px;color: #2C2C2C;font-size: 15px;text-align: center;background-color: #F8F8FA;margin: auto;line-height: 30px;border-radius: 50px;cursor: pointer;display: inline-block;float: left;position: absolute;left: 0;top: 0}
div.locations-page div.top{    display: block;width: calc(100% - 40px);background-color: white;border-radius: 0 0 50px 50px;margin: auto;padding: 20px}
div.locations-page.saved-location div.top{background-color: transparent}
div.locations-page.saved-location div.steps div.page-choice div.region label{background-color: white;cursor:initial}
div.locations-page.saved-location div.steps div.page-choice{margin:auto}
div.locations-page.saved-location div.steps div.page-choice div.region{margin:auto auto 50px auto}
div.locations-page div.header{display: block;width: 100%;padding: 0;text-align: center;position: relative;margin: auto;background-color: transparent}
div.locations-page div.header h2{display: block;width: 100%;font-size: 14px;color:gray;font-family: gess-light, Helvetica, Arial, sans-serif}
div.locations-page div.header h3{position: absolute;left: 0;top: -5px;color: black;font-size: 15px;font-family: gess-light, Helvetica, Arial, sans-serif;background-color: #80808017;padding: 6px 10px;border-radius: 20px}
div.locations-page div.header img.logo{position: absolute;right:0;top:-10px;border-radius: 100%}
div.locations-page div.steps{display: block;width: 100%;padding: 0;height: 100%;transition: 0.35s}
div.locations-page div.steps a.back_to_home{width: 30px;height: 30px;color: #2C2C2C;font-size: 15px;text-align: center;background-color: #F8F8FA;margin: auto;line-height: 30px;border-radius: 50px;cursor: pointer;float: left;top: 5px;position: relative;left: 0}
div.locations-page div.steps.hidden{display: none}
div.locations-page div.steps div.page-choices{display: block;width: 100%;height: 60px;background-color: #80808021;border-radius: 30px;text-align: center;margin: 20px auto 30px auto}
div.locations-page div.steps div.page-choices button{display: inline-block;width: calc(47% - 5px);border: none;background: transparent;height: 40px;text-align: center;border-radius: 20px;position: relative;top: 10px;padding: 0;font-family: gess-bold, Helvetica, Arial, sans-serif;cursor: pointer;outline:none;font-size: 20px}
div.locations-page div.steps div.page-choices button.active{background-color: white}
div.locations-page div.steps div.page-choices button:first-of-type{margin:auto auto 5px auto}
div.locations-page div.steps div.page-choices button:last-of-type{margin:auto 5px auto auto}
div.locations-page div.steps div.page-choice{display: block;width: 100%;margin:30px auto}
div.locations-page div.steps div.page-choice div.region{display: block;width: 100%;margin: auto auto 20px auto}
div.locations-page div.steps div.page-choice div.region:last-of-type{margin:auto}
div.locations-page div.steps div.page-choice div.region label{display: block;width: calc(100% - 20px);font-size: 18px;color: black;font-family: gess-light, Helvetica, Arial, sans-serif;cursor: pointer;font-weight: bold;padding: 10px;background: #80808021;border-radius: 20px}
div.locations-page div.steps div.page-choice div.region label i{float:left}
div.locations-page div.steps div.page-choice div.region.active ul{display: block}
div.locations-page div.steps div.page-choice div.region ul{display: none;width: calc(100% - 20px);margin:20px auto}
div.locations-page div.steps div.page-choice div.region ul.hidden{display: none}
div.locations-page div.steps div.page-choice div.region ul li{display: block;width: 100%;color: black;font-size: 18px;font-family: gess-light, Helvetica, Arial, sans-serif;margin: auto auto 10px auto;cursor: pointer;border-bottom: solid 1px #80808021;padding: 0 0 10px 0}
div.locations-page.saved-location div.steps div.page-choice div.region ul li{cursor: initial}
div.locations-page div.steps div.page-choice div.region ul li i{color:#347AF7;font-size: 15px}
div.locations-page div.steps div.page-choice div.region ul li i.fa-pencil{float: left;width: 25px;height: 25px;color: #2C2C2C;font-size: 12px;text-align: center;background-color: white;margin: auto auto auto 10px;line-height: 25px;border-radius: 50px;cursor: pointer}
div.locations-page div.steps div.page-choice div.region ul li span{padding:0 10px 0 2px}
div.locations-page div.steps div.page-choice div.region ul li:last-of-type{margin:auto;padding:0;border-bottom:none}

div.locations-page h1.title{display: block;width: calc(100% - 40px);color: black;font-size: 20px;text-align: center;font-family: gess-medium, Helvetica, Arial, sans-serif;margin: auto auto 20px auto;padding: 30px 20px;background-color: white;border-radius: 0 0 50px 50px}
div.locations-page h1.title a{width: 30px;height: 30px;color: #2C2C2C;font-size: 15px;text-align: center;background-color: #F8F8FA;margin: auto;line-height: 30px;border-radius: 50px;cursor: pointer;display: inline-block;float: left;position: absolute;left: 30px;top: 30px}


div.locations-page div.steps div.page-choice div.store_location{display: block;width: 100%;margin:auto auto 50px auto;font-size: 0}
div.locations-page div.steps div.page-choice div.store_location:last-of-type{margin:auto}
div.locations-page div.steps div.page-choice div.store_location figure{display: inline-block;width: 150px;height: 150px;margin: auto;vertical-align: top;position: relative;border-radius: 20px}
div.locations-page div.steps div.page-choice div.store_location figure a{position: absolute;top: 0;right: 0;font-size: 13px;padding: 5px;background: #347AF7;color: white;font-family: gess-light, Helvetica, Arial, sans-serif;display: block;width: calc(100% - 10px);text-align: center;border-radius: 20px 20px 0 0}
div.locations-page div.steps div.page-choice div.store_location figure a i{padding:0 0 0 10px}
div.locations-page div.steps div.page-choice div.store_location div.info{display: inline-block;width: calc(100% - 180px);margin:auto 30px auto auto;vertical-align: top}
div.locations-page div.steps div.page-choice div.store_location div.info button{display: block;width: 100%;background: #80808021;color: black;font-size: 15px;margin: 20px auto auto auto;border-radius: 20px;padding: 5px;font-family: gess-light, Helvetica, Arial, sans-serif;position: relative;top: 10px;border: none;cursor: pointer;outline: none;transition: 0.35s}
div.locations-page div.steps div.page-choice div.store_location div.info button:hover{background-color: #347AF7;color:white}
div.locations-page div.steps div.page-choice div.store_location div.info h4{display: inline-block;padding: 5px 10px;font-size: 10px;background-color: red;color: white;margin:10px auto auto 10px;font-family: gess-medium, Helvetica, Arial, sans-serif;border-radius: 20px}
div.locations-page div.steps div.page-choice div.store_location div.info h4:last-of-type{margin:auto}
div.locations-page div.steps div.page-choice div.store_location div.info h4.active{background-color: green}
div.locations-page div.steps div.page-choice div.store_location div.info h4 i{padding:0 5px 0 0}
div.locations-page div.steps div.page-choice div.store_location div.info h2{display: block;vertical-align: top;color: black;font-family: gess-medium, Helvetica, Arial, sans-serif;font-size: 15px;padding: 10px 0 0 0}
div.locations-page div.steps div.page-choice div.store_location div.info h3{display: block;vertical-align: top;color: black;font-family: gess-light, Helvetica, Arial, sans-serif;font-size: 15px;padding: 20px 0 0 0}
div.locations-page div.steps div.page-choice div.store_location div.info h3 span{font-family: lato_bold, Helvetica, Arial, sans-serif}
div.locations-page div.steps div.page-choice div.store_location div.info a.call{display: block;vertical-align: top;color: black;font-family: lato_bold, Helvetica, Arial, sans-serif;font-size: 14px;padding: 10px 0}
div.locations-page div.steps div.page-choice div.store_location div.info a.call i{padding:0 0 0 10px;font-size: 18px;position: relative;top:2px}
div.pickup_deliver_component{display: block;width: calc(100% - 40px);margin: 20px auto auto auto;background-color: #F8F8FA;padding: 10px 20px;border-radius: 20px;text-align: right}
div.pickup_deliver_component label{display: inline-block;color:black;font-size: 15px;font-family: gess-medium, Helvetica, Arial, sans-serif}
div.pickup_deliver_component label span{font-family: gess-medium, Helvetica, Arial, sans-serif;font-weight: bold}
div.pickup_deliver_component label:last-of-type i{cursor: pointer;font-size: 12px;padding: 0 5px 0 0;position: relative;top:2px}
div.pickup_deliver_component label:first-of-type i{padding: 0 0 0 5px}
div.pickup_deliver_component label:last-of-type{font-size: 13px;cursor: pointer;float:left}
div.search_foods{display: block;width: 100%;height: 40px;position: relative;margin:20px auto auto auto}
div.search_foods i{position: absolute;right: 15px;top: 12px;font-size: 16px}
div.search_foods input{display: block;width: calc(100% - 60px);margin: auto;height: 100%;border-radius: 20px;border: solid 1px #80808014;outline: none;padding: 0 40px 0 20px;background-color: #F8F8FA;font-family: gess-light, Helvetica, Arial, sans-serif;font-size: 16px}
div.search_menu_results{display: block;width: 100%;margin:20px auto;font-size: 0;box-sizing: border-box}
div.search_menu_results a{display: inline-block;width: 50%;margin:auto auto 20px auto}
div.search_menu_results a figure{display: inline-block;width: 50px;height: 50px;vertical-align: top;border-radius: 100%;margin:auto}
div.search_menu_results a div.info{display: inline-block;width: calc(100% - 70px);margin:auto 20px auto auto}
div.search_menu_results a div.info h2{display:block;width:100%;color: black;font-size: 15px;font-family: gess-light, Helvetica, Arial, sans-serif;padding: 10px 0 0 0}
div.search_menu_results a div.info h3{display:block;width:100%;color: #F7D563;font-size: 14px;font-family: lato_bold, Helvetica, Arial, sans-serif;padding:10px 0 0 0}
div.cart_page a.checkout{display: block;width: calc(500px - 80px);position: fixed;bottom: 20px;left: 40px;height: 50px;padding: 0 20px;text-align: center;background: #347AF7;border-radius: 50px;color: white;font-size: 20px;font-family: gess-light, Helvetica, Arial, sans-serif;line-height: 50px;border: solid 1px #347AF7;transition: 0.35s}
div.cart_page a.checkout span{font-family: lato_bold, Helvetica, Arial, sans-serif;color:#F7D563;padding:0 10px}
div.cart_page a.checkout.none:hover{background-color: #347af7;color:white;cursor: initial}
div.cart_page a.checkout:hover{background-color: white;color:#347AF7}
div.cart_page div.wrapper h1.title{display: block;width: calc(100% - 40px);color: black;font-size: 20px;text-align: center;font-family: gess-medium, Helvetica, Arial, sans-serif;margin: auto auto 20px auto;padding: 30px 20px;background-color: white;border-radius: 0 0 50px 50px}
div.cart_page div.wrapper h1.title span{color:#347AF7}
div.cart_page div.wrapper h1.title a{width: 30px;height: 30px;color: #2C2C2C;font-size: 15px;text-align: center;background-color: #F8F8FA;margin: auto;line-height: 30px;border-radius: 50px;cursor: pointer; /* float: left; */display: inline-block;float: left;position: absolute;left: 30px;top: 30px}
div.cart_page div.wrapper h1.title a i{position: relative;top:1px}

div.items_of_cart{display: block;width: calc(100% - 20px);margin:auto;font-size: 0;box-sizing: border-box}
div.items_of_cart div.item{display: block;width: calc(100% - 40px);margin: auto auto 20px auto;padding: 20px;box-shadow: 0.5rem 0.5rem 1rem rgba(0,0,0,.15);border-radius: 30px;position: relative;background-color: white}
div.items_of_cart div.item a.remove_from_cart{display: block;width: 30px;height: 30px;background-color: #F8F8FA;color:red;font-size: 12px;line-height: 30px;border-radius: 100%;text-align: center;cursor: pointer;position: absolute;left:20px;top:10px}
div.items_of_cart div.item a.remove_from_wishlist{display: block;width: 30px;height: 30px;background-color: #F8F8FA;color: red;font-size: 12px;line-height: 30px;border-radius: 100%;text-align: center;cursor: pointer;position: absolute;right: 10px;top: 10px}
div.items_of_cart div.item:last-of-type{margin:auto}
div.items_of_cart div.item figure{display: inline-block;width: 100px;height: 100px;border-radius: 100%;vertical-align: top;margin:auto}
div.items_of_cart div.item div.info{display: inline-block;width: calc(100% - 130px);margin:auto 30px auto auto;vertical-align: top}
div.items_of_cart div.item div.info a{display: block;width: 100%;color:black;font-size: 16px;font-family: gess-medium, Helvetica, Arial, sans-serif;padding:10px 0}
div.items_of_cart div.item div.info h3{display: block;width: 100%;color:#347AF7;font-size: 15px;font-family: lato_bold, Helvetica, Arial, sans-serif;margin:10px auto auto auto}
div.items_of_cart div.item div.info h3 span{float:left;display: inline-block;color:black}
div.cart_page div.wrapper div.info_for_kitchen{display: block;width: calc(100% - 20px);margin: 20px auto;font-size: 0;box-sizing: border-box;border: none}
div.cart_page div.wrapper div.info_for_kitchen textarea{display: block;width: calc(100% - 42px);height: 100px;min-height: 100px;max-width: calc(100% - 40px);min-width: calc(100% - 40px);border: none;font-family: gess-light, Helvetica, Arial, sans-serif;padding: 20px;outline: none;border: solid 2px #F8F8FA;border-radius: 30px}
div.cart_page div.total_cart{display: block;width: calc(100% - 80px);margin: 50px 20px auto 20px;border-radius: 30px 30px 30px 30px;padding:20px;box-shadow: 0.5rem 0.5rem 1rem rgba(0,0,0,.15);background-color: white}
div.cart_page div.total_cart label{display: block;width: 100%;color:black;font-size: 16px;font-family: gess-medium, Helvetica, Arial, sans-serif;margin:auto auto 10px auto}
/*div.cart_page div.total_cart label:nth-child(2){border-bottom: dotted 3px #F8F8FA;padding:0 0 15px 0}*/
div.cart_page div.total_cart label:last-of-type{margin:auto}
div.cart_page div.total_cart label span{float:left;font-family: lato_bold, Helvetica, Arial, sans-serif}
div.items_of_cart div.item div.info div.counter{display: inline-block;margin: 10px auto;float: left;position: relative;top: 20px}
div.items_of_cart div.item div.info div.counter a{display: block;width: 30px;height: 30px;background-color: #F8F8FA;color:#2C2C2C;font-size: 12px;line-height: 30px;border-radius: 100%;text-align: center;cursor: pointer;padding:0}
div.items_of_cart div.item div.info div.counter label{display: block;color:#2C2C2C;font-size: 15px;line-height: 15px;padding:10px 0;font-family: lato_bold, Helvetica, Arial, sans-serif;text-align: center}
div.items_of_cart div.item div.info div.variants{display: block;width: 100%;margin: 10px auto}
div.items_of_cart div.item div.info div.variants label{color:#F7D563;font-size: 12px;font-family: gess-medium, Helvetica, Arial, sans-serif;display: block}
div.items_of_cart div.item div.info div.variants ul{display: block;width: 100%;margin:10px auto;list-style: none}
div.items_of_cart div.item div.info div.variants ul li{color:black;font-size: 12px;font-family: gess-light, Helvetica, Arial, sans-serif;display:block}
div.items_of_cart div.item div.info div.variants ul li span{color:#347AF7;padding:0 5px 0 0;font-family: lato_bold, Helvetica, Arial, sans-serif}
div.search_page div.wrapper div.input{display: block;width: calc(100% - 60px);height: 50px;border-radius: 30px;outline: none;text-align: right;vertical-align: top;position: relative;margin: auto auto 10px auto;padding: 0;background-color: white}
div.search_page div.wrapper div.input input{display: block;width: calc(100% - 100px);height: 100%;text-align: right;margin: auto 0 auto 0;font-family: gess-light, Helvetica, Arial, sans-serif;outline: none;font-size: 16px;border-radius: 20px;padding: 0 50px;border: none;background-color: transparent}
div.search_page div.wrapper div.input i{position: absolute;top: 15px;right: 15px;font-size: 17px;padding: 0 0 0 10px;display: inline-block;color: #2C2C2C}
div.search_page div.wrapper div.latest_search{display: block;width: calc(100% - 60px);margin:50px auto auto auto}
div.search_page div.wrapper div.latest_search h2{display: block;width: 100%;padding:0 0 20px 0;font-size: 16px;font-family: gess-medium, Helvetica, Arial, sans-serif}
div.search_page div.wrapper div.latest_search div.search_action_btn{display: inline-block;padding:10px 15px;background-color: white;color:#2C2C2C;font-size: 14px;margin:auto 10px;border-radius: 30px;font-family: gess-light, Helvetica, Arial, sans-serif;cursor: pointer;border:solid 1px white;transition:0.35s;}
div.search_page div.wrapper div.latest_search div.search_action_btn:hover{background-color:#347AF7;border-color:#347AF7;color:white}
div.tracking_order_page div.wrapper div.form{display: block;width: calc(100% - 40px);margin: auto}
div.tracking_order_page div.wrapper div.form h2{display: block;font-size: 18px;font-family: gess-light, Helvetica, Arial, sans-serif;text-align: center;padding: 0;margin: 10px auto 20px auto;}
div.tracking_order_page div.wrapper div.form div.input{display: block;width: 300px;height: 50px;border-radius: 30px;border: solid 1px #00000026;outline: none;text-align: right;vertical-align: top;position: relative;margin: auto auto 10px auto;padding: 0}
div.tracking_order_page div.wrapper div.form button{display: block;width: 300px;background-color: #2ea3ff;color: white;text-align: center;height: 50px;font-size: 20px;margin: 20px auto;border: solid 1px #2ea3ff;transition: 0.35s;cursor: pointer;font-family: gess-light, Helvetica, Arial, sans-serif;outline: none;border-radius: 30px}
div.tracking_order_page div.wrapper div.form span.error{display: block;width: 100%;text-align: center;font-size: 12px;color: red;font-family: gess-light, Helvetica, Arial, sans-serif}
div.tracking_order_page div.wrapper div.form span.error.hidden{display: block;width: 100%;text-align: center;font-size: 12px;color: red}
div.tracking_order_page div.wrapper div.form div.input.required{border-color:red}
div.tracking_order_page div.wrapper div.form button:hover{color:#2ea3ff;background-color: white}
div.tracking_order_page div.wrapper div.form div.input i{position: absolute;top: 15px;right: 15px;font-size: 17px;padding: 0 0 0 10px;display: inline-block;color: #2C2C2C}
div.tracking_order_page div.wrapper div.form div.input input{display: block;width: calc(100% - 100px);height: 100%;text-align: right;margin: auto 0 auto 0;font-family: lato_bold, Helvetica, Arial, sans-serif;outline: none;font-size: 16px;border-radius: 20px;padding: 0 50px;border: none;background-color: transparent;direction: ltr}
div.tracking_order_page div.wrapper div.form div.input input::-webkit-input-placeholder{font-family: gess-light, Helvetica, Arial, sans-serif}
div.wishlist div.items_of_cart div.item{display: inline-block;width: calc(50% - 50px);border-radius: 20px;padding: 30px 20px;position: relative;vertical-align: top}
div.wishlist div.items_of_cart div.item span.wishlist{position: absolute;right: 10px;top: 10px;background-color: #F8F8FA;color: #2C2C2C;font-size: 15px;z-index: 9;width: 32px;height: 32px;text-align: center;line-height: 35px;border-radius: 100%;cursor: pointer}
div.wishlist div.items_of_cart div.item span.wishlist.active{background-color: #347AF7;color: white}
div.wishlist div.items_of_cart div.item span.show_product{position: absolute;left: 10px;top: 10px;background-color: #F8F8FA;color: #2C2C2C;font-size: 15px;z-index: 9;width: 32px;height: 32px;text-align: center;line-height: 35px;border-radius: 100%;cursor: pointer}
div.wishlist div.items_of_cart div.item:nth-child(n){margin:auto auto 20px 10px}
div.wishlist div.items_of_cart div.item:nth-child(n+1){margin:auto 10px 20px auto}
div.wishlist div.items_of_cart div.item figure{display: block;width: 80px;height: 80px;border-radius: 50%;margin: auto auto 10px auto}
div.wishlist div.items_of_cart div.item div.info{display: block;position: initial;top:0;text-align: center;width: 100%;margin:auto}
div.wishlist div.items_of_cart div.item div.info h3{margin:auto;padding:5px 0 0 0}
div.wishlist div.items_of_cart div.item div.info button{display: block;width: 100%;background: #F8F8FA;color: #2C2C2C;font-size: 15px;margin: 20px auto auto auto;border-radius: 20px;padding: 5px;font-family: gess-light, Helvetica, Arial, sans-serif;position: relative;top: 10px;border: none;cursor: pointer;outline: none}
div.wishlist div.items_of_cart div.item div.info button i{font-size: 10px}

div.search_page div.items_of_cart div.item{display: inline-block;width: calc(50% - 50px);border-radius: 20px;padding: 30px 20px;position: relative;vertical-align: top}
div.search_page div.items_of_cart div.item span.wishlist{position: absolute;right: 10px;top: 10px;background-color: #F8F8FA;color: #2C2C2C;font-size: 15px;z-index: 9;width: 32px;height: 32px;text-align: center;line-height: 35px;border-radius: 100%;cursor: pointer}
div.search_page div.items_of_cart div.item span.wishlist.active{background-color: #347AF7;color: white}
div.search_page div.items_of_cart div.item span.show_product{position: absolute;left: 10px;top: 10px;background-color: #F8F8FA;color: #2C2C2C;font-size: 15px;z-index: 9;width: 32px;height: 32px;text-align: center;line-height: 35px;border-radius: 100%;cursor: pointer}
div.search_page div.items_of_cart div.item:nth-child(n){margin:auto auto 20px 10px}
div.search_page div.items_of_cart div.item:nth-child(n+1){margin:auto 10px 20px auto}
div.search_page div.items_of_cart div.item figure{display: block;width: 80px;height: 80px;border-radius: 50%;margin: auto auto 10px auto}
div.search_page div.items_of_cart div.item div.info{display: block;position: initial;top:0;text-align: center;width: 100%;margin:auto}
div.search_page div.items_of_cart div.item div.info h3{margin:auto;padding:5px 0 0 0}
div.search_page div.items_of_cart div.item div.info button{display: block;width: 100%;background: #F8F8FA;color: #2C2C2C;font-size: 15px;margin: 20px auto auto auto;border-radius: 20px;padding: 5px;font-family: gess-light, Helvetica, Arial, sans-serif;position: relative;top: 10px;border: none;cursor: pointer;outline: none}
div.search_page div.items_of_cart div.item div.info button i{font-size: 10px}

div.page div.primary-page div.wrapper{background-color: #F8F8FA}
div.primary-page.opacity{opacity: 0;height: 0;margin: 0!important;overflow: hidden;z-index:-99999999999999999999}
div.primary-page.opacity a.go-to-cart{display: none}
div.page a.go-to-cart i.shake{animation: shake 0.5s}
div.page div.primary-page{margin:0 0 100px 0}
div.page div.inline-page{padding:0 0 10px 0;margin:0 0 100px 0}
@keyframes shake {
	0% { transform: translate(1px, 1px) rotate(0deg); }
	10% { transform: translate(-1px, -2px) rotate(-1deg); }
	20% { transform: translate(-3px, 0px) rotate(1deg); }
	30% { transform: translate(3px, 2px) rotate(0deg); }
	40% { transform: translate(1px, -1px) rotate(1deg); }
	50% { transform: translate(-1px, 2px) rotate(-1deg); }
	60% { transform: translate(-3px, 1px) rotate(0deg); }
	70% { transform: translate(3px, 1px) rotate(-1deg); }
	80% { transform: translate(-1px, -1px) rotate(1deg); }
	90% { transform: translate(1px, 2px) rotate(0deg); }
	100% { transform: translate(1px, -2px) rotate(-1deg); }
}
div.sub_menu{display: block;position: absolute;width: 300px;height: 100%;background: white;left: 250px;z-index: 9;border-radius: 50px 0 0 50px;box-shadow: 0.5rem 0.5rem 1rem rgba(0,0,0,.15);transition: 3s}
div.sub_menu.hidden{left:0}
div.sub_menu div.header{display: block;width: calc(100% - 50px);height: 100px;background-color: #F8F8FA;border-radius: 50px 0 0 0;padding:5px 25px 5px 25px}
div.sub_menu div.header a{display: inline-block;width: 30px;height: 30px;color: #2C2C2C;font-size: 15px;text-align: center;background-color: white;margin: auto;line-height: 30px;border-radius: 50px;float: left;position: absolute;top: 10px;left: 20px;cursor: pointer}
div.sub_menu div.header a i{color:#2C2C2C}
div.sub_menu div.header div.info{display: block;width: 100%;position: relative;top: 50%;transform: translateY(-50%);font-size: 0}
div.sub_menu div.header div.info img.country{position: absolute;bottom: -10px;right: 31px;width: 22px;height: 22px;border-radius: 100%}
div.sub_menu div.header div.info img.profile{border-radius: 100%;display: inline-block;width: 50px;margin:auto auto auto 15px;vertical-align: top;background-color: white}
div.sub_menu div.header div.info div.profile_info{display: inline-block;width: calc(100% - 80px);vertical-align: top;position: relative;top:5px}
div.sub_menu div.header div.info div.profile_info h2{font-size: 16px;color:black;font-family: gess-light, Helvetica, Arial, sans-serif}
div.sub_menu div.header div.info div.profile_info h3{font-size: 14px;color:gray;font-family: gess-light, Helvetica, Arial, sans-serif}
div.sub_menu ul{display: block;width: calc(100% - 50px);padding:25px;position: relative;top:20px}
div.sub_menu ul li{display: block;width: 100%;margin:auto auto 25px auto}
div.sub_menu ul li:last-of-type{margin:auto}
div.sub_menu ul li a{font-size: 20px;color:black;font-family: gess-light, Helvetica, Arial, sans-serif}
div.sub_menu ul li a i{display: inline-block;width: 30px;height: 32px;color: #2C2C2C;font-size: 15px;text-align: center;background-color: #F8F8FA;margin: auto auto auto 10px;line-height: 30px;border-radius: 50px;cursor: pointer}
div.inline-page{display: block;width:100%;transition: 1s;z-index: 99;margin: 0 0 100px 0;padding: 0;border-radius: 0 0 50px 50px;background-color: #F8F8FA}
div.inline-page.hidden{height: 0}
div.empty_list{display: block;width: 80%;margin:30px auto 10px auto;text-align: center}
div.empty_list h2{color:#347AF7;font-size: 20px;font-family: gess-light, Helvetica, Arial, sans-serif}
div.new_item_added_modal{display: block;width: 100%;height: 50px;background: #347af7;position: absolute;top: 0;left: 0;z-index: 9;margin: auto;text-align: center;line-height: 50px;transition: 0.35s;border-radius: 0 0 30px 30px}
div.new_item_added_modal.hidden{top:-200px}
div.new_item_added_modal h2{color:white;font-size: 18px;font-family: gess-light, Helvetica, Arial, sans-serif}
div.new_item_added_modal i{display: inline-block;width: 30px;height: 30px;border-radius: 100%;background-color: #F7D563;color:white;line-height: 30px;margin:auto 10px auto auto;font-size: 15px}

div.store_logo{display: block;width: 100%;margin: auto;text-align: center;position: absolute;top: 50%;transform: translateY(-50%)}
div.store_logo h1{color:white;font-size: 30px;font-family: gess-medium, Helvetica, Arial, sans-serif}


div.cart_page div.wrapper div.fieldset{display: block;width: 100%;margin:auto auto 50px auto}
div.cart_page div.wrapper div.fieldset h5{display: block;width: calc(100% - 60px);color: white;margin: 20px auto;font-size: 18px;font-family: gess-light, Helvetica, Arial, sans-serif;background: #347AF7;padding: 10px 20px;border-radius: 20px}
div.cart_page div.wrapper div.fieldset h5 span{padding: 0 10px 0 0;font-size: 12px;color: red}
div.cart_page div.wrapper div.fieldset h3.empty{display: block;width: calc(100% - 60px);margin: auto;font-size: 16px;height: 40px;text-align: right;border-radius: 20px;line-height: 40px;background-color: white;padding: 0 20px;font-family: gess-light, Helvetica, Arial, sans-serif;font-weight: normal}
div.cart_page div.wrapper div.fieldset h5 button{display: inline-block;float: left;background: #F8F8FA;border: none;color: #347AF7;padding: 0;outline: none;border-radius: 100%;width: 25px;height: 25px;text-align: center;cursor: pointer}
div.cart_page div.wrapper div.fieldset div.time_wrapper{display: block;width: calc(100% - 20px);margin:auto auto 20px auto;font-size: 0}
div.cart_page div.wrapper div.fieldset div.time_wrapper:last-of-type{margin:auto}
div.cart_page div.wrapper div.fieldset div.time_wrapper div.time_slot{display: inline-block;width: calc(100% - 80px);margin: auto auto auto 10px;font-size: 12px;height: auto;text-align: right;border-radius: 20px;line-height: 40px;background-color: white;padding: 0 20px 0 10px}
div.cart_page div.wrapper div.fieldset div.time_wrapper div.time_slot h3{display: inline-block;font-size: 16px;font-family: gess-light, Helvetica, Arial, sans-serif;font-weight: normal}
div.cart_page div.wrapper div.fieldset div.time_wrapper div.time_slot i{font-size: 15px;padding:0 0 0 10px}
div.cart_page div.wrapper div.fieldset div.time_wrapper div.time_slot h3 span.time{padding:0 10px 0 0}
div.cart_page div.wrapper div.fieldset div.time_wrapper div.time_slot h3 span.lato{font-family: lato_bold, Helvetica, Arial, sans-serif}
div.cart_page div.wrapper div.fieldset div.time_wrapper button{display: inline-block;width: 40px;height: 40px;background-color: #F7D563;color: white;font-size: 13px;text-align: center;vertical-align: top;font-family: gess-light, Helvetica, Arial, sans-serif;border: none;cursor: pointer;border-radius: 50px;outline: none;transition: 0.35s}
div.cart_page div.wrapper div.fieldset div.time_wrapper button:hover{background-color: #347AF7;color:white}

div.cart_page div.wrapper div.fieldset div.coupon_code{display: block;width: calc(100% - 20px);margin: auto;height: auto;font-size: 0;box-sizing: border-box}
div.cart_page div.wrapper div.fieldset div.coupon_code div.input{display: inline-block;height: 40px;border-radius: 20px;padding: 0;outline: none;text-align: right;vertical-align: top;position: relative;width: 100%;margin: auto;}
div.cart_page div.wrapper div.fieldset div.coupon_code div.input input{display: block;width: calc(100% - 60px);height: 100%;text-align: right;margin: auto 0 auto 0;font-family: gess-light, Helvetica, Arial, sans-serif;outline: none;font-size: 16px;border-radius: 20px;padding: 0 50px 0 10px;border: none;direction: ltr}
div.cart_page div.wrapper div.fieldset div.coupon_code div.input i.fa-gift{position: absolute;top: 10px;right: 15px;font-size: 18px;padding: 0 0 0 10px;display: inline-block}
div.cart_page div.wrapper div.fieldset div.coupon_code button.add_coupon_code{display: inline-block;width: 30px;height: 30px;background-color: #F7D563;color: white;font-size: 12px;vertical-align: top;font-family: gess-light, Helvetica, Arial, sans-serif;border: none;cursor: pointer;border-radius: 50px;outline: none;transition: 0.35s;line-height: 12px;text-align: center;position: absolute;left: 10px;top: 5px}
div.cart_page div.wrapper div.fieldset div.coupon_code span.error_message{display: block;width: 100%;text-align: center;font-size: 12px;margin: 20px auto auto auto;color: red;font-family: gess-light, Helvetica, Arial, sans-serif}


div.cart_page div.wrapper div.fieldset div.payment_methods{display: block;width: calc(100% - 20px);margin:auto;height: auto}
div.cart_page div.wrapper div.fieldset div.payment_methods div.method{display: block;width: 100%;margin:auto auto 20px auto}
div.cart_page div.wrapper div.fieldset div.payment_methods div.method:last-of-type{marign:auto}
div.cart_page div.wrapper div.fieldset div.payment_methods div.method label{display: inline-block;width: calc(100% - 92px);margin: auto auto auto 50px;font-size: 16px;height: 40px;text-align: center;border-radius: 20px;line-height: 40px;background-color: white;font-family: gess-light, Helvetica, Arial, sans-serif}
div.cart_page div.wrapper div.fieldset div.payment_methods div.method.active label{border: solid 1px #347af740;background-color: #347af712}
div.cart_page div.wrapper div.fieldset div.payment_methods div.method.active button{background-color: #347AF7;color:white}
div.cart_page div.wrapper div.fieldset div.payment_methods div.method label i{padding: 0 0 0 10px}
div.cart_page div.wrapper div.fieldset div.payment_methods div.method button{display: inline-block;width: 40px;height: 40px;background-color: white;color: black;font-size: 13px;text-align: center;vertical-align: top;font-family: gess-light, Helvetica, Arial, sans-serif;border: none;cursor: pointer;border-radius: 50px;outline: none;transition: 0.35s}
div.cart_page div.wrapper div.fieldset div.payment_methods div.method button:hover{background-color: #347AF7;color:white}

div.cart_page div.wrapper div.fieldset div.addresses{display: block;width: calc(100% - 20px);margin:auto;height: auto}
div.cart_page div.wrapper div.fieldset div.addresses div.address{display: block;width: 100%;margin:auto auto 20px auto}
div.cart_page div.wrapper div.fieldset div.addresses div.address:last-of-type{margin:auto}
div.cart_page div.wrapper div.fieldset div.addresses div.address label{border: solid 1px white;display: inline-block;width: calc(100% - 132px);margin: auto auto auto 50px;font-size: 18px;height: 40px;text-align: right;border-radius: 20px;line-height: 40px;background-color: white;font-family: gess-light, Helvetica, Arial, sans-serif;padding: 0 20px}
div.cart_page div.wrapper div.fieldset div.addresses div.address.active label{border: solid 1px #347af740;background-color: #347af712}
div.cart_page div.wrapper div.fieldset div.addresses div.address.active button{background-color: #347AF7;color:white}
div.cart_page div.wrapper div.fieldset div.addresses div.address label i{padding: 0 0 0 10px}
div.cart_page div.wrapper div.fieldset div.addresses div.address button{display: inline-block;width: 40px;height: 40px;background-color: white;color: black;font-size: 13px;text-align: center;vertical-align: top;font-family: gess-light, Helvetica, Arial, sans-serif;border: none;cursor: pointer;border-radius: 50px;outline: none;transition: 0.35s}
div.cart_page div.wrapper div.fieldset div.addresses div.address button:hover{background-color: #347AF7;color:white}



div.order_page div.wrapper div.order-info{display: block;width: 100%;padding: 20px 0;text-align: center}
div.order_page div.wrapper div.order-info i{width: 100px;height: 100px;background-color: white;color:green;font-size: 50px;text-align: center;border-radius: 100%;line-height: 100px}
div.order_page div.wrapper div.order-info i.fa-close{color:red}
div.order_page div.wrapper div.order-info h2{color:black;font-size: 16px;font-family: gess-medium, Helvetica, Arial, sans-serif;margin:20px auto 10px auto}
div.order_page div.wrapper div.order-info h3{color:black;font-size: 14px;font-family: gess-light, Helvetica, Arial, sans-serif}

div.order_page div.wrapper div.order-info-2{display: block;width: calc(100% - 90px);margin: 20px auto;text-align: right;background: white;padding: 10px 20px;border-radius: 30px}
div.order_page div.wrapper div.order-info-2 h2{color: #80808059;font-size: 14px;font-family: gess-light, Helvetica, Arial, sans-serif;margin: auto}
div.order_page div.wrapper div.order-info-2 h2 i{color:#347AF7;padding: 0 0 0 10px}
div.order_page div.wrapper div.order-info-2 h2 span{font-family: gess-light, Helvetica, Arial, sans-serif;color:black}
div.order_page div.wrapper div.order-info-2 h2 span.lato{font-family: lato_bold, Helvetica, Arial, sans-serif}
div.order_page div.wrapper div.order-info-2 h2 a i{padding:0 0 0 5px}
div.order_page div.wrapper div.order-info-2 h2 a{float:left;color:#347AF7;font-size: 13px}

div.cart_page div.total_cart .coupon_value_code{display:inline-block;font-size:18px;font-family: lato_bold, Helvetica, Arial, sans-serif;color:#347af7}
div.cart_page div.total_cart div.coupon_available{margin:auto auto 10px auto}
div.cart_page div.total_cart label.total_amount{border-top: dotted 3px #F8F8FA;padding:10px 0 0 0;font-size: 18px}
div.cart_page div.total_cart div.coupon_available label{color:#347af7}

div.order_page div.wrapper div.delivery_status{display: block;width: calc(100% - 90px);margin: 20px auto;text-align: right;background: white;padding: 10px 20px;border-radius: 30px}
div.order_page div.wrapper div.delivery_status h4{display: inline-block;font-size: 14px;color:black;font-family: gess-light, Helvetica, Arial, sans-serif}
div.order_page div.wrapper div.delivery_status span{display: inline-block;font-size: 14px;color:black;font-family: lato_bold, Helvetica, Arial, sans-serif;float:left;color:#80808059}

div.order_page div.wrapper div.delivery_status div.real_status{display: block;width: 100%;margin: 30px auto 10px auto}
div.order_page div.wrapper div.delivery_status div.real_status div.status{display: inline-block;width: calc(100% / 5);vertical-align: top;text-align: center}
div.order_page div.wrapper div.delivery_status div.real_status div.status span{display: block;width: 100%;text-align: center;position: relative;padding:0 0 20px 0}
div.order_page div.wrapper div.delivery_status div.real_status div.status i{display: block;font-size: 13px;color: #347AF7;padding: 0 0 10px 0;text-align: left}
div.order_page div.wrapper div.delivery_status div.real_status div.status:last-of-type i{color:mediumseagreen}
div.order_page div.wrapper div.delivery_status div.real_status div.status span:after{content: '';position: absolute;display: block;width: 7px;height: 7px;top: 0;border-radius: 100%;left:0}
div.order_page div.wrapper div.delivery_status div.real_status div.status.done span:after{background-color: #347AF7;border: solid 2px #347AF7}
div.order_page div.wrapper div.delivery_status div.real_status div.status.current span:after{border:solid 2px #347AF7}
div.order_page div.wrapper div.delivery_status div.real_status div.status.offline span:after{border:solid 2px gray;opacity: 0.3}
div.order_page div.wrapper div.delivery_status div.real_status div.status h5{display: block;padding:0;font-size: 13px;color:black;font-family: gess-light, Helvetica, Arial, sans-serif;text-align: left}


div.order_page div.wrapper div.delivery_status div.real_status div.status span:before{content: '';position: absolute;display: block;width: calc(100% - 11px);height: 3.5px;top: 3px;right: 0}
div.order_page div.wrapper div.delivery_status div.real_status div.status.done span:before{background-color:#347AF7}
div.order_page div.wrapper div.delivery_status div.real_status div.status.current span:before{background-color:#347AF7}
div.order_page div.wrapper div.delivery_status div.real_status div.status.offline span:before{opacity: 0.2;border-bottom:dashed 3px gray;top:0}


form#change_password_visitor_form{display: block;width: 100%;margin: 30px auto;text-align: center;direction: ltr;font-size: 0}
form#change_password_visitor_form h2{display: block;width: calc(100% - 20px);margin: 20px auto;font-size: 18px;text-align: right;background: white;padding: 10px;border-radius: 20px;font-family: gess-light, Helvetica, Arial, sans-serif}
form#change_password_visitor_form div.input{display: block;width: 100%;height: 50px;border-radius: 20px;border: solid 1px #00000026;padding: 0;outline: none;text-align: right;vertical-align: top;position: relative;margin: auto auto 10px auto}
form#change_password_visitor_form div.input input{display: block;width: calc(100% - 100px);height: 100%;text-align: right;margin: auto 0 auto 0;font-family: gess-light, Helvetica, Arial, sans-serif;outline: none;font-size: 16px;border-radius: 20px;padding: 0 50px;border: none;direction: ltr}
form#change_password_visitor_form div.input i{position: absolute;top: 15px;right: 15px;font-size: 15px;padding: 0 0 0 10px;display: inline-block}
form#change_password_visitor_form button{display: block;width: 300px;background-color: #2ea3ff;color: white;text-align: center;height: 50px;font-size: 20px;margin: 20px auto;border: solid 1px #2ea3ff;transition: 0.35s;cursor: pointer;font-family: gess-light, Helvetica, Arial, sans-serif;outline: none;border-radius: 30px}
form#change_password_visitor_form button:hover{background-color: white;color:#2ea3ff}
form#change_password_visitor_form .error_message{display: block;width: 100%;text-align: center;margin: auto;color: red;font-size: 12px;padding: 0;font-family: gess-light, Helvetica, Arial, sans-serif}

div.modal.addresses::-webkit-scrollbar{display: none}
div.modal.addresses{display: block;width: 510px;position: fixed;bottom: -500px;left: 0;height: auto;background: white;border-radius: 50px 50px 0 0;font-size: 0;overflow: auto;transition: 0.35s;z-index: 9;padding: 20px;direction: rtl;box-shadow: 0.5rem 0.5rem 1rem rgba(0,0,0,.15)}
div.modal.addresses a.close{position: absolute;top: 10px;left: 30px;font-size: 15px;width: 30px;height: 30px;background: #F8F8FA;text-align: center;color: black;border-radius: 100%;line-height: 29px}
div.modal.addresses.active{bottom:0}

div.modal.addresses h2{display: block;width: 100%;text-align: center;font-size: 20px;font-family: gess-medium, Helvetica, Arial, sans-serif}
div.modal.addresses input[type="text"]{display: block;	width: calc(100% - 20px);height: 50px;margin: 20px auto;border-radius: 20px;border: none;color: black;font-size: 16px;padding: 0 10px;text-align: right;outline: none;font-family: gess-light, Helvetica, Arial, sans-serif;background-color: #F8F8FA}
div.modal.addresses input[type="text"].required{border:solid 1px red}
div.modal.addresses h3{display: block;width: 100%;color: black;font-size: 20px;font-family: gess-light, Helvetica, Arial, sans-serif;margin:30px auto}
div.modal.addresses ul{display: block;width: 100%;font-size: 0;text-align: center}
div.modal.addresses ul li{display: inline-block;width: calc((100% / 3) - 10px);height: 50px;background-color: #F8F8FA;color:black;font-size: 15px;font-family: gess-light, Helvetica, Arial, sans-serif;line-height: 50px;border-radius: 30px;cursor: pointer}
div.modal.addresses ul li.active{background-color: #347AF7;color:white}
div.modal.addresses ul li:nth-child(2){margin:0 10px}
div.modal.addresses ul li i{padding:0 0 0 10px}
div.modal.addresses button{display: block;width: calc(500px - 80px);height: 50px;padding: 0 20px;text-align: center;background: #347AF7;border-radius: 50px;color: white;font-size: 20px;font-family: gess-light, Helvetica, Arial, sans-serif;line-height: 50px;margin: 50px auto 10px auto;border: none;outline: none;transition: 0.35s;cursor: pointer}
div.modal.addresses button:last-of-type{margin:20px auto;background-color: red}
div.modal.addresses span.error{display: block;width: 100%;text-align: center;font-size: 13px;color: red;font-family: gess-light, Helvetica, Arial, sans-serif}
div.modal.addresses span.error.hidden{display: none}


div.modal.delivery_pickup_time::-webkit-scrollbar{display: none}
div.modal.delivery_pickup_time{display: block;width: 550px;position: fixed;bottom: -2000px;left: 0;height: 400px;overflow:auto;background: white;border-radius: 50px 50px 0 0;font-size: 0;overflow: auto;transition: 0.35s;z-index: 9;padding: 20px 0;direction: rtl;box-shadow: 0.5rem 0.5rem 1rem rgba(0,0,0,.15)}
div.modal.delivery_pickup_time a.close{position: absolute;top: 10px;left: 30px;font-size: 15px;width: 30px;height: 30px;background: #F8F8FA;text-align: center;color: black;border-radius: 100%;line-height: 29px}
div.modal.delivery_pickup_time.active{bottom:0}
div.modal.delivery_pickup_time h2{display: block;width: 100%;text-align: center;font-size: 20px;font-family: gess-light, Helvetica, Arial, sans-serif}
div.modal.delivery_pickup_time h3{display: block;width: 100%;color: black;font-size: 20px;font-family: gess-light, Helvetica, Arial, sans-serif;margin:30px auto}
div.modal.delivery_pickup_time ul.times{display: block;width: 100%;font-size: 0;text-align: center;direction: ltr}
div.modal.delivery_pickup_time ul.times li{display: inline-block;width: calc(100% / 5);background-color: white;color: #347AF7;font-size: 13px;font-family: lato_bold, Helvetica, Arial, sans-serif;direction: ltr;margin: 10px;padding: 10px 0;border-radius: 20px;cursor: pointer;border: solid 1px #347AF7;transition: 0.35s}
div.modal.delivery_pickup_time ul.times li:hover{background-color: #347AF7;color:white}
div.modal.delivery_pickup_time ul.times li.selected{background-color: #347AF7;color:white}
div.modal.delivery_pickup_time ul.days{display: block;width: calc(100% - 30px);margin: 40px 30px 40px 0px;overflow: auto;white-space: nowrap}
div.modal.delivery_pickup_time ul.days li{display: inline-block;padding: 5px 10px;background-color: #F8F8FA;margin: auto auto auto 5px;transition: 0.35s;cursor: pointer;text-align: center;width: auto}
div.modal.delivery_pickup_time ul.days li.selected{background-color: #F7D563}
div.modal.delivery_pickup_time ul.days li.selected a{color:white}
div.modal.delivery_pickup_time ul.days li a{font-size: 15px;font-family: gess-light, Helvetica, Arial, sans-serif;color:black;display: block;width: 100%}
div.modal.delivery_pickup_time ul.days li a label{display: block}
div.modal.delivery_pickup_time ul.days li:hover{background-color: #F7D563}
div.modal.delivery_pickup_time ul.days li:hover a{color:white}
div.modal.delivery_pickup_time button{display: block;width: calc(500px - 80px);height: 50px;padding: 0 20px;text-align: center;background: #347AF7;border-radius: 50px;color: white;font-size: 20px;font-family: gess-light, Helvetica, Arial, sans-serif;line-height: 50px;margin: 50px auto 10px auto;border: none;outline: none;transition: 0.35s;cursor: pointer}

div.loading-spinner{display: block;width: 550px;position: fixed;top: 0;left: 0;height: 100%;background: #0000006b;text-align: center}
div.loading-spinner.hidden{display: none}
div.loading-spinner i{font-size: 40px;color: #347AF7;position: relative;top: 50%}


div.list_of_all_orders{display: block;width: 100%}
div.list_of_all_orders div.order{display: block;width: calc(100% - 150px);margin: auto auto 20px auto;padding: 20px;box-shadow: 0.5rem 0.5rem 1rem rgba(0,0,0,.15);border-radius: 30px;position: relative;background-color: white}
div.list_of_all_orders div.order div.info{display: inline-block;vertical-align: top}
div.list_of_all_orders div.order div.info h2{display: block;width: 100%;color:black;font-size: 15px;font-family: gess-light, Helvetica, Arial, sans-serif}
div.list_of_all_orders div.order div.info h3{display: block;width: 100%;color:gray;font-size: 15px;font-family: lato_bold, Helvetica, Arial, sans-serif;margin:15px auto auto auto}
div.list_of_all_orders div.order div.price{display: inline-block;vertical-align: top;float: left;position: relative;top: 30px}
div.list_of_all_orders div.order div.price h2{display: block;width: 100%;color:black;font-size: 15px;font-family: lato_bold, Helvetica, Arial, sans-serif}
div.list_of_all_orders div.order button{display: block;margin: 30px auto auto auto;width: auto;height: 30px;padding: 0 20px;text-align: center;background: #347AF7;border-radius: 50px;outline: none;border: solid 1px #347AF7;color: white;font-family: gess-light, Helvetica, Arial, sans-serif;cursor: pointer;transition: 0.35s}
div.list_of_all_orders div.order button:hover{background-color: white;color:#347AF7}

div.profile div.head{display: block;width: 100%;text-align: center;margin:auto;width: 150px;position: relative}
div.profile div.head div.camera{width: 40px;height: 40px;background: #347AF7;border-radius: 100%;font-size: 18px;line-height: 40px;display: block;margin: auto;position: absolute;top: 100px;cursor: pointer;color: white}
.hiddenfile {width: 0px;height: 0px;overflow: hidden}
div.profile div.head img{display: block;margin:auto;border-radius: 100%;background-color: white}
div.profile div.head h2{display: block;margin:20px auto auto auto;font-size: 20px;color:black;font-family: gess-light, Helvetica, Arial, sans-serif}
div.profile div.head span{display: block;margin:auto;font-size: 20px;color:gray;font-family: gess-light, Helvetica, Arial, sans-serif}
div.profile div.body{display: block;width: calc(100% - 20px);vertical-align: top;margin:auto;margin:20px auto}
div.profile div.body div.paid_unpaid{display: block;width: 100%}
div.profile div.body div.paid_unpaid a{display: inline-block;vertical-align: top;width: calc(50% - 10px);background-color: #347AF7;border-radius: 50px;text-align: center;padding:10px 0}
div.profile div.body div.paid_unpaid a:first-of-type{margin:auto auto auto 10px}
div.profile div.body div.paid_unpaid a:last-of-type{margin:auto 10px auto auto}
div.profile div.body div.paid_unpaid a i{display: inline-block;vertical-align: top;font-size: 20px;color:white}
div.profile div.body div.paid_unpaid a div.info{display: inline-block;vertical-align: top;padding:0 10px 0 0}
div.profile div.body div.paid_unpaid a div.info span{color:white;font-size: 15px;font-family: gess-light, Helvetica, Arial, sans-serif}
div.profile div.body div.paid_unpaid a div.info span:last-of-type{font-family: lato_bold, Helvetica, Arial, sans-serif;padding:0 10px 0 0}

ul.settings_menu{display: block;width: calc(100% - 40px);padding: 20px;position: relative;top: 20px}
ul.settings_menu li{display: block;width: 100%;margin: auto auto 25px auto;border-bottom: solid 2px white;padding: 0 0 25px 0}
ul.settings_menu li:last-of-type{border-bottom:none}
ul.settings_menu li a{font-size: 18px;color: black;font-family: gess-light, Helvetica, Arial, sans-serif}
ul.settings_menu li a i{display: inline-block;width: 30px;height: 32px;color: #2C2C2C;font-size: 15px;text-align: center;background-color: white;margin: auto auto auto 10px;line-height: 30px;border-radius: 50px;cursor: pointer}


form#contact_us{display: block;width: calc(100% - 20px);margin:50px auto auto auto}
form#contact_us input{display: block;width: calc(100% - 40px);height: 50px;border-radius: 20px;border: solid 1px #00000026;padding: 0;outline: none;text-align: right;vertical-align: top;position: relative;margin: auto auto 10px auto;font-family: gess-light, Helvetica, Arial, sans-serif;padding:0 20px}
form#contact_us input.required{border-color:red}
form#contact_us textarea{display: block;width: calc(100% - 40px);min-width: calc(100% - 40px);max-width: calc(100% - 40px);height: 100px;min-height:100px;max-height:100px;border-radius: 20px;border: solid 1px #00000026;padding: 0;outline: none;text-align: right;vertical-align: top;position: relative;margin: auto auto 10px auto;font-family: gess-light, Helvetica, Arial, sans-serif;padding:20px}
form#contact_us textarea.required{border-color:red}
form#contact_us button{display: block;width: 300px;background-color: #2ea3ff;color: white;text-align: center;height: 50px;font-size: 20px;margin: 20px auto;border: solid 1px #2ea3ff;transition: 0.35s;cursor: pointer;font-family: gess-light, Helvetica, Arial, sans-serif;outline: none;border-radius: 30px}
form#contact_us button:hover{color: #2ea3ff;background-color: white}
form#contact_us span.error_message{display: block;width: 100%;margin:10px auto;color:red;font-family: gess-light, Helvetica, Arial, sans-serif;font-size: 13px;text-align: center}
form#contact_us span.error_message.hidden{display: none}

div.terms-text{display: block;width: calc(100% - 60px);margin:20px auto}
div.terms-text p{display: block;width: 100%;color:black;font-size: 16px;font-family: gess-light, Helvetica, Arial, sans-serif}

.price_not_applicable{color:gray!important;font-size:13px!important;text-decoration: line-through}
.offer_price_applicable{color: #347AF7;font-size: 16px;font-family: lato_bold, Helvetica, Arial, sans-serif}


@media only screen and (max-width: 1100px) {
	input,textarea,select{font-size: 16px!important}
	div.page{display: block;width: 100%}
	div.my_body{display: none!important}
	div.shadow{display: block;width: 100%}
	div.sub_menu{right:0;width: 250px}
	div.product_page div.carousel div.item figure{height:250px}
	div.product_page div.images div.info{top:120px}
	div.product_page div.images div.info h3{font-size: 25px}
	div.product_page div.images div.info h4{font-size: 22px}
	div.product_page div.variants,div.product_page div.description{width: calc(100% - 20px)}
	.cart-actions{width: 100%}
	div.cart_page a.checkout{width: calc(100% - 80px);left: 20px;font-size: 13px}
	div.page a.go-to-cart{width: calc(100% - 80px);left: 20px}
	div.locations-page div.top{display: block;width: calc(100% - 20px);background-color: white;padding: 20px 10px;border-radius: 0 0 50px 50px;margin: auto}
	div.locations-page div.steps div.page-choice div.store_location figure{display: block;margin:auto}
	div.locations-page div.steps div.page-choice div.store_location div.info{display: block;width: 100%;margin:auto;text-align: center}
	div.login div.bottom div.social_btns a.social{width: 100%}
	div.modal.countries{display: block;width: 100%}
	div.modal.countries a.close{display: inline-block;right: 0;left: 20px;top: 18px}
	div.order_page div.wrapper div.order-info-2{width: calc(100% - 60px)}
	div.order_page div.wrapper div.order-info i{width: 80px;height: 80px;background-color: white;color: green;font-size: 30px;text-align: center;border-radius: 100%;line-height: 80px}
	div.page a.new_order{width: calc(100% - 80px);left: 20px}
	div.loading-spinner{width: 100%}
	div.page div.categories-listing div.categories.carousel a figure{width: 50px;height: 50px}
	div.order_page div.wrapper div.delivery_status div.real_status div.status h5{font-size: 10px}
	div.cart_page div.wrapper h1.title{font-size: 16px;padding:20px}
	div.cart_page div.wrapper h1.title a{top:15px}
	div.items_of_cart div.item figure{width: 70px;height: 70px}
	div.items_of_cart div.item div.info{width: calc(100% - 80px);margin: auto 10px auto auto}
	div.list_of_all_orders div.order{width: calc(100% - 60px);padding: 10px 20px}
	div.order_page div.wrapper div.delivery_status{width: calc(100% - 60px)}
	.cart-actions a{width: calc(100% - 80px);left: 20px}
	div.page div.header{width: calc(100% - 20px);padding: 10px}
	div.pickup_deliver_component{width: calc(100% - 20px);padding: 10px}
	div.pickup_deliver_component label{font-size: 12px}
	div.pickup_deliver_component label:last-of-type{font-size: 11px}
	div.locations-page div.steps div.page-choices{margin:auto auto 30px auto}
	div.locations-page div.steps div.page-choices button{font-size: 16px}
	div.locations-page div.steps div.page-choice div.region label{font-size: 15px}
	div.locations-page div.steps div.page-choice div.region ul li{font-size: 14px}
	div.locations-page div.header img.logo{top:0}
	div.modal.addresses{width: calc(100% - 40px)}
	div.modal.addresses button{width: calc(100% - 80px);left: 20px;height: 40px;line-height: 40px;font-size: 18px}
	div.cart_page div.wrapper div.fieldset div.addresses div.address label{font-size: 15px;width: calc(100% - 87px);margin: auto auto auto 5px}
	div.cart_page div.wrapper div.fieldset div.payment_methods div.method label{font-size: 15px;width: calc(100% - 47px);margin: auto auto auto 5px}
	div.cart_page div.wrapper div.fieldset h5{font-size: 15px}
	div.cart_page div.wrapper div.fieldset div.time_wrapper div.time_slot{width: calc(100% - 65px);margin: auto auto auto 5px;padding: 0 10px}
	div.cart_page div.wrapper div.fieldset h5 button{position: relative;bottom:3px}
	div.empty_list h2{font-size: 16px}
	div.profile div.body div.paid_unpaid a{display: block;width: 100%}
	div.profile div.body div.paid_unpaid a:last-of-type{margin:15px auto auto auto}
	form#change_password_visitor_form h2{font-size: 16px}
	div.modal.addresses h2{font-size: 16px}
	div.modal.addresses h3{font-size: 16px}
	div.modal.addresses ul li{height: 40px;font-size: 14px;line-height: 40px}
	div.login div.steps div.page-choices button{font-size: 14px}
	div.login div.steps h1{font-size: 16px}
	div.login div.steps form button.next{width: calc(100% - 20px)}
	div.login div.bottom h4{font-size: 16px}
	div.login div.bottom div.social_btns a.social{width: 100%;font-size: 16px}
	div.login div.steps form button.next{font-size: 16px}
	div.login div.steps form input.code_confirmation{width: 25px;height: 25px}
	div.login div.steps form a{width: 25px;height: 25px;line-height: 25px}
	div.login div.steps form a.disabled{width:25px;height: 25px;font-size: 16px;line-height: 25px}
	div.sub_menu ul li a{font-size: 16px}
	ul.settings_menu li a{font-size: 16px}
	ul.settings_menu li{margin:auto auto 15px auto;padding:0 0 15px 0}
	div.locations-page h1.title{font-size: 16px;padding: 20px}
	div.locations-page h1.title a{top:15px}
	div.list_of_all_orders div.order div.info h2{font-size: 13px}
	div.list_of_all_orders div.order div.info h3{font-size: 14px}
	div.tracking_order_page div.wrapper div.form h2{font-size: 16px}
	div.tracking_order_page div.wrapper div.form button{font-size: 16px;width: calc(100% - 20px)}
	form#change_password_visitor_form button{font-size: 16px}
	form#contact_us button{font-size: 16px}
	div.modal.delivery_pickup_time{width: 100%}
	div.modal.delivery_pickup_time ul.times li{width: calc(100% / 4)}
	div.modal.delivery_pickup_time button{width: calc(100% - 80px);left: 20px;height: 40px;line-height: 40px;font-size: 18px}
	div.modal.delivery_pickup_time ul.days li a{font-size: 14px}
	div.modal.delivery_pickup_time h2{font-size: 16px}
	div.product_page div.images div.info h2{font-size: 20px}
	div.product_page div.images div.info h4{font-size: 20px}
	.cart-actions span.add_to_cart_label{font-size: 16px}
	div.page a.go-to-cart label{font-size: 16px}
	.cart-actions span.add_to_cart_label span.price{font-size: 16px}
	div.page a.go-to-cart span.price{font-size: 16px}
}