*{ margin:0; padding:0; } html{ height:100%; } body{ font-family:Tahoma,Arial; width:100%; height:100%; color:#333; } a{ color:#1D4EEA; outline:none; text-decoration:none; cursor:pointer; } a:hover{ color:dimgray; text-decoration:none; } a div{ padding:10px; } iframe{ width:100%; height:100%; } p{ margin:0 0 10px; } ul{ margin:0; padding:0; } ul li{ margin:0 0 0 35px; } ul li div,ul li a div{ padding:10px; } @media screen and(min-width:0\0),@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none){ ul li{ margin:0 0 0 35px; list-style:none; } } ol{ margin:0 0 0 20px; } table,tr,td{ font-size:inherit; } img{ width:100%; } h1,h2,h3,h4,h5,h6{ padding:5px 0; margin:0 0 5px; } input{ width:100%; box-sizing:border-box; padding:7px 10px; border:1px solid #e1e8f4; font-family:inherit; font-size:12px; } input[type="password"],select,textarea{ width:100%; box-sizing:border-box; padding:5px 10px; border:1px solid #e1e8f4; overflow:auto; font-family:inherit; } input[type="submit"]{ width:100%; box-sizing:border-box; padding:10px; overflow:auto; font-family:inherit; cursor:pointer; } input[type="checkbox"]{ width:25px; height:25px; margin:5px 5px 5px 0; vertical-align:middle; cursor:pointer; } fieldset{ border:none; } ::-webkit-input-placeholder{color:rgba(237,85,115,1);font-style:italic;font-size:12px;} ::-moz-placeholder{color:rgba(237,85,115,1);font-style:italic;font-size:12px;}:-moz-placeholder{color:rgba(237,85,115,1);font-style:italic;font-size:12px;}:-ms-input-placeholder{color:rgba(237,85,115,1);font-style:italic;font-size:12px;} input::-webkit-input-placeholder{line-height:18px;transition:line-height 0.5s ease;} input::-moz-placeholder{line-height:18px;transition:line-height 0.5s ease;} input:-moz-placeholder{line-height:18px;transition:line-height 0.5s ease;} input:-ms-input-placeholder{line-height:18px;transition:line-height 0.5s ease;} input:focus::-webkit-input-placeholder{line-height:100px;transition:line-height 0.5s ease;} input:focus::-moz-placeholder{line-height:100px;transition:line-height 0.5s ease;} input:focus:-moz-placeholder{line-height:100px;transition:line-height 0.5s ease;} input:focus:-ms-input-placeholder{line-height:100px;transition:line-height 0.5s ease;} .box_20{ width:20%; display:inline-block; } .box_25{ width:25%; display:inline-block; } .box_33{ width:33.33%; display:inline-block; float:left; } .box_50{ width:50%; display:inline-block; } .box_66{ width:66.66%; display:inline-block; float:left; } .four{ width:25%; } .left{ float:left; } .right{ float:right; } .button{ background:#ED1B24; color:white; width:auto; display:inline-block; border-radius:5px; } .center{ text-align:center; } .clear{ clear:both; padding:0; margin:0; width:100%; } .closed{ display:none; } .content-right{ float:right; } .icon{ width:35px; vertical-align:middle; } .map{ width:100%; height:450px; } .phone_icon{ width:32px; vertical-align:middle; } .separator{ clear:both; padding:0; margin:0; } .hidden{ display:none; } .box{ width:100%; margin:0 0 10px; position:relative; } .button_back{ padding:5px; font-style:italic; display:inline-block; cursor:pointer; font-style:italic; } .review{ padding:10px 15px; width:75%; } .two{ width:50%; display:inline-block; } .three{ width:33.33%; display:inline-block; } .ul_vertical{ display:table; list-style:none; margin:0 auto; } .ul_vertical li{ display:inline-block; margin:0 auto; } #phones{ list-style:none; display:inline-table; padding:7px 10px; text-align:center; } #phones li{ padding:5px; display:inline-block; font-weight:bold; margin:0; vertical-align:middle; } #wrapper{ width:100%; margin:0 auto; height:auto!important; height:100%; position:relative; overflow:hidden; } .container{ margin:0 auto; max-width:1200px; } #right{ float:right; } .right{ float:right; } #left{ float:left; width:100%; } .left{ float:left; } header{ width:100%; top:0; } #topheader{ top:0; z-index:99; width:100%; } #header_box{ position:relative; } #header-img{ position:absolute; z-index:5; top:100px; left:50%; width:8px; height:400px; } #header-info{ margin:0; } ul#soc-link{ display:inline-flex; float:right; list-style:none; } ul#soc-link li{ margin:0; } .soc-icon{ width:20px; vertical-align:middle; padding:0 5px; } .soc-line{ position:fixed; bottom:0; width:100%; z-index:99; text-align:center; background:rgba(255,255,255,0.75); box-shadow:0 0 5px; } #name{ margin:0; padding:0; font-size:21px; font-weight:bold; } #menu-action{ display:inline-flex; list-style:none; } #menu-action a{ color:red; } #menu-action a:hover{ text-shadow:0 0 0px; } ul#lang{ list-style-type:none; display:inline-flex; margin:15px; float:right; } ul#lang li{ margin:0; padding:0; font-weight:bold; } ul#lang li a div{ margin:0; color:#333; float:left; padding:10px; text-transform:uppercase; } #lang li a div.active{ margin:0; color:white; float:left; padding:10px; text-transform:uppercase; } #lang li a div:hover{ color:white; } #google_translate_element img{ width:auto; } #include-box{ background:white; } #mini-menu{ width:30px; padding:10px; display:none; } #topinfo-line{ background:whitesmoke; } #logo-box{ width:310px; text-align:center; padding:10px 0; float:left; } #search-box{ min-width:50%; padding:15px 10px; margin:0 0 0 320px; } #search-box ul{ display:inline-table; list-style:none; width:100%; } #search-box input{ max-width:500px; } nav{ width:100%; } #topmenu{ display:inline-flex; list-style:none; margin:0 10px; } #topmenu li{ margin:0; position:relative; } #topmenu li a div{ margin:0; padding:15px; } #topmenu li a div.active{ background-color:white; } #topmenu li a div:hover{ background-color:white; } #topmenu li a div.active:hover{ background-color:white; } #top_menu{ position:absolute; z-index:9999; display:none; width:50%; min-height:350px; background-color:white; box-shadow:0 0 5px; list-style:none; } ul#minitopmenu{ display:none; position:absolute; background:white; width:100%; text-align:center; list-style:none; margin:0; padding:0 0 15px; left:0; font-size:16px; box-shadow:0 0 10px; z-index:2; } ul#minitopmenu li{ border-bottom:1px solid; margin:0; } ul#minitopmenu li a div{ padding:15px; border-bottom:1px solid; } ul#minitopmenu li a div:hover{ background-color:#330000; color:white; } #cart{ display:none; width:100%; margin:0 0 15px; } #items_cart_table{ } #items_cart_form{ } #cart-button{ width:200px; font-size:15px; text-align:center; } #cart-button span{ vertical-align:super; } .cart-icon{ width:30px; margin:0 5px; } #linebox{ width:100%; } #linemenu{ list-style:none; text-transform:uppercase; margin:0; float:left; width:100%; text-align:center; } #linemenu li{ width:20%; margin:0; float:left; display:table; height:62px; display:table; } .linemenu{ padding:10px; display:table-cell; vertical-align:middle; color:whitesmoke; background:#1D4EEA; font-size:18px; } .linemenu:hover{ color:white; } .activelinemenu{ padding:10px; display:table-cell; vertical-align:middle; color:#1D4EEA; font-weight:bold; } .pidmenu{ list-style:none; display:none; position:absolute; text-transform:capitalize; left:0; right:0; background:white; box-shadow:0 0 2px; z-index:22; } li.menu,li.activemenu{ margin:0; padding:10px 25px; text-align:center; } li.menu a div{ -webkit-transition:color 1s ease; color:wheat; } li.menu a div:hover{ color:goldenrod; } li.activemenu a div{ color:goldenrod; -webkit-transition:color 1s ease; } li.activemenu a div:hover{ color:goldenrod; } .topmenu{ color:wheat; text-decoration:none; padding:10px 20px; font-size:16px; font-weight:bold; } li.pidmenu a div{ text-align:left; padding:10px; color:wheat; background:url(/images/bg-b50.png); } ul#bottommenu{ } ul#bottommenu li{ list-style:none; -webkit-transition:color 1s ease; display:inline-flex; margin:0; } ul#bottommenu li a div{ padding:15px; color:#333; } #slider{ display:block; width:100%; z-index:9; margin:0 0 15px; } #slider img{ width:100%; } #search-box{ text-align:center; } #search-box ul{ text-align:center; } #search-box ul li{ margin:0; display:table-cell; } content{ width:100%; box-shadow:0 0 5px; } .content-left{ float:left; width:310px; background:white; border-top-left-radius:15px; border-top-right-radius:15px; } #main_content{ margin:0 0 0 320px; } #category_box{ float:left; width:310px; z-index:999; } #category{ width:100%; } #filter{ border-bottom:3px solid whitesmoke; float:left; width:100%; } .left-filters{ font-size:15px; } .title{ color:goldenrod; font-size:15px; text-transform:uppercase; margin:0 0 5px; } #text img{ border:none; width:100%; } .reviews-mini-box{ display:none; right:10; position:absolute; top:10; } .post{ width:100%; float:left; padding:5px; border-bottom:1px solid; } #items_group,#items_category{ width:100%; list-style:none; background:rgba(135,206,250,0.50); } #items_group_top{ display:inline-table; list-style:none; margin:0 -5px; text-align:center; } #items_group_top li{ display:inline-block; margin:0; width:150px; vertical-align:top; } #items_group_top li a div{ background:white; margin:5px; text-align:center; padding:10px; border-radius:10px; min-height:40px; } #items_group_top li a div:hover{ padding:5px; font-weight:bold; position:relative; z-index:9; } ul.top_block_item{ display:inline-flex; list-style:none; } ul#order-step{ display:inline-flex; } .food{ width:100%; float:left; margin:0; } ul.food li{ float:left; width:20%; margin:0; min-width:150px; max-width:200px; } ul.food li a div{ margin:0 10px 15px; padding:0 5px; min-height:220px; } ul.food li a div:hover{ } ul.block_items{ display:table; width:100%; } ul.block_items li.show_id{ width:100%; float:left; text-align:center; margin:0; min-width:200px; } ul.block_items li.show_id div.item_name{ font-size:16px; cursor:pointer; } div.item_close{ font-size:25px; padding:0 10px 5px;border-radius:40px;background:silver;position:absolute;top:5px;right:5px; z-index:99; margin:5px; cursor:pointer; display:none; } div.item_intro{ text-align:left; font-size:13px; position:relative; overflow:hidden; margin:0; padding:0; } ul.block_items li.show_id div.item_intro{ position:relative; display:block; color:dimgray; padding:15px 0; background-color:white; overflow:hidden; bottom:15px; width:100%; text-transform:lowercase; font-size:13px; min-height:40px; } ul.block_items li.show_id div.item_name{ font-size:16px; } ul.block_items li.show_id div.item_price{ float:none; } ul.block_items li{ width:20%; min-width:20%; text-align:center; margin:0; display:inline-table; vertical-align:top; display:-moz-groupbox; float:left; } ul.block_items li.item div.item_box,ul.block_items li.show_id div.item_box{ padding:5px; margin:5px 5px 10px; background:white; border-right:1px solid #999; border-bottom:1px solid #999; overflow:hidden; position:relative; } .category-box{ position:relative; height:250px; overflow:hidden; background:white; } .category-button{ width:310px; } ul.block_items li.item div.item_box:hover,ul.block_items li.show_id div.item_box:hover{ box-shadow:0 0 10px #1D4EEA; z-index:2; } .item_name{ height:60px; position:relative; overflow:hidden; } .show_all_cat_box{ position:absolute; bottom:0; width:100%; text-align:center; background:white; padding:10px 0; } footer{ width:100%; } #footer{ margin:0 0 50px; width:100%; } #gallery{ width:100%; text-align:center; } .gallery{ width:100%; position:relative; display:table; margin:0; list-style:none; } .gallery li{ margin:0; } div.gallery div.first{ width:75%; float:right; } #reviews_form{ max-width:350px; margin:0 auto 50px; display:none; } #reviews_form p{ margin:0 0 5px; } #reviews_form div{ margin:0 0 10px; } #feedback-form{ width:100%; max-width:350px; margin:0 auto; text-align:left; } #feedback-form div{ padding:0 0 10px; } #items-content-box{ padding:0 15px 15px; min-height:600px; float:left; } div.add_button{ background-color:silver; color:white; border-radius:5px; padding:5px 0; font-weight:bold; min-width:30px; text-align:center; } div.add_button:hover{ background-color:#1D4EEA; } .mask{ position:fixed; background-color:#000; opacity:0.7; display:none; left:0; bottom:0; right:0; top:0; z-index:9998; } .mask-cart,.mask-callback{ background-color:#fff; position:fixed; z-index:9999; display:none; box-shadow:0 0 15px #000; margin:0 auto; left:1%; right:1%; top:10%; bottom:10%; max-width:600px; } .maskclose{ padding:5px 8px;background:white;float:right;width:10px;margin:-5px 0 0;cursor:pointer;color:black;text-align:center;border-radius:3px; }