#checkout .summary* { transition-duration: 0.5s; } body { font-family: 'Source Sans Pro', sans-serif; font-weight: 300; font-size: 18px; position: relative; } a { color:#055B7D; text-decoration:none; } a:hover { color:#055B7D; } .button { display: flex; justify-content: center; align-items: center; color:#fff; background:#055B7D; padding: 14px 20px; font-size: 18px; font-weight: 400; } .button i { margin-left: 15px; } .button:hover { background: #0776a2; color:#fff; } .outline { border: #055B7D solid 1px; color: #055B7D;padding: 8px 20px; display: inline-block; } .outline:hover { background: #055B7D; color: #fff; } .section { padding: 60px 0; } .row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .mm-slideout { z-index:auto!important;} .modal-padding { padding: 40px; } h2 { color: #055B7D; font-size: 28px; font-weight: 800; } #mobile_header { background:#E9ECEE; padding: 5px 0; position: fixed; width: 100%; z-index: 1; } #mobile_header .logo { height: 50px; } #mobile_header .col2 { text-align: center; } #mobile_header .col1 { display: flex; align-items: center; } #mobile_header .col1 ion-icon { font-size: 28px; color:#3a7086; } #mobile_header .col3 { position: relative; text-align: right; padding-top: 10px; } #mobile_header .col3 ion-icon { font-size: 28px; color:#3a7086 } #mobile_header .col3 .cart_badge { position: absolute; top: 50%; right: 5px; transform: translate(0px,-24px); background: #D00000; color: #fff; border-radius: 30px; font-size: 12px; width: 20px; height: 20px; text-align: center; display: flex; justify-content: center; align-items: center; line-height: 1;} .mobile_space { height: 60px; } #desktop_header { position: absolute; top:0px; left: 0; right:0; background:#E9ECEE; display: none; } #desktop_header .logo { height: 70px; margin: 20px 0 20px 40px; } #desktop_header ul { list-style: none; margin: 0; padding: 0; } #desktop_header ul li { display: inline-block; } #desktop_header ul li a { color: #000; margin: 0 20px; font-weight: 400; padding: 4px 0; display: inline-block; border-bottom: #E9ECEE solid 2px; } #desktop_header ul li a:hover { border-bottom:#000 solid 2px; } #desktop_header ul li a.selected { border-bottom:#055B7D solid 2px; color:#055B7D; font-weight: 600; } #desktop_header .col-center { display: flex; justify-content: center; align-items: center; } #desktop_header .col-right { display: flex; justify-content: flex-end; } #desktop_header .cart { background: #055B7D; display: flex; justify-content: center; align-items: center; flex-direction: column; width: 110px; height: 110px;} #desktop_header .cart ion-icon { color: #fff; font-size: 30px; } #desktop_header .cart .cart_badge { position: absolute; transform: translate(20px,-24px); background: #D00000; color: #fff; border-radius: 30px; font-size: 15px; width: 24px; height: 24px; text-align: center; display: flex; justify-content: center; align-items: center; line-height: 1; } #desktop_header .cart p { color: #fff; font-size: 14px; display: block; margin: 5px 0 0 0; } #desktop_header .search_icon { height: 110px; padding: 0 40px; display: flex; flex-direction: column; align-items: center; justify-content: center; } #search { padding: 10px 0; background: ;} #home #banner { position: relative; overflow: hidden; background: #E9ECEE;} #home #banner .slider { height: 200px; overflow: hidden; } #home #banner .slider img { height:200px; width: 100%; } #home #banner .slider .slick-slide { background-size: cover!important; } #home #banner .text_block { text-align: center; padding: 30px 0; } #home #banner .text_block h1 { font-size: 46px; color:#055B7D; font-weight: 400; margin-bottom: 30px; line-height: 1.1; letter-spacing: -1px; } #home #banner .button { display: block;} #home .instafeed { padding-top: 40px;} #product_banner { position: relative; overflow: hidden; background: #E9ECEE;} #product_banner .bg { height: 100px; } #product_banner .text_block { position: absolute; bottom: 20px; width: 100%; text-align: center; } #product_banner .text_block h1 { display: inline-block; font-size: 46px; color:#055B7D; font-weight: 400; margin-bottom: 0px; line-height: 1; letter-spacing: -1px; padding: 10px; } #product_banner .text_block.right { left:50%; } #general_banner { position: relative; overflow: hidden; background: #E9ECEE;} #general_banner .bg { height: 350px; background-size: cover; } #general_banner .text_block { position: absolute; bottom: 20px; width: 100%; } #general_banner .text_block h1 { background: #E9ECEE; display: inline-block; font-size: 46px; color:#000; font-weight: 400; margin-bottom: 0px; line-height: 1; letter-spacing: -1px; padding: 10px; } #home #intro { position: relative; } #home #intro .col1 { height: 400px; background-size: cover!important; } #home #intro .col2 { } #home #intro .desktop_text { font-size: 18px; padding: 30px 30px 30px 30px; font-family: 'PT Serif'; } #home #intro .text_block { width: 100%; display: none; } #home #intro .text_block .desc { margin-top: -180px; background: #fff; font-size: 18px; padding: 30px 30px 30px 30px; font-family: 'PT Serif'; } #home #favourite { background: #FAF9F5; } #home #favourite h2 { text-align: center; margin-bottom: 40px; } /* .tab { text-align: center; margin-bottom: 40px; } .tab .tab_container { background: #fff; display: inline-block; padding: 2px; } .tab a { display: inline-block; padding: 6px 18px; background: #fff; color: #8E8E8E; font-size: 18px; } .tab a:hover { background: #f1f1f1; } .tab a.selected { background: #E9ECEE; color: #055B7D; font-weight: 600; } */ .tab { text-align: center; margin-bottom: 30px; overflow: hidden; display: none; } .tab::-webkit-scrollbar { display: none;} .tab .tab_container { background: #fff; display: inline-block; padding: 2px; width: 492px; } .tab a { display: inline-block; padding: 6px 18px; background: #fff; color: #8E8E8E; font-size: 18px; } .tab a:hover { background: #f1f1f1; } .tab a.selected { background: #E9ECEE; color: #055B7D; } .dropdown { margin-bottom: 30px; padding-left: 30px; padding-right: 30px; } .dropdown select { width: 100%; border:#ddd solid 1px; padding: 10px; } .menuSearch { padding: 10px 10px 10px 20px; position: relative; } .menuSearch input { padding: 4px 0 4px 8px; width: 100%; margin-right: 10px; outline: none; border:#ccc solid 1px; border:none; } .menuSearch input:focus { outline: none; } .menuSearch .btn { position: absolute; right:10px; top:1px; } .filter { margin-bottom: 50px; padding-left: 15px; padding-right: 15px;; } .filter .switch { center; display: flex; flex-direction: row; justify-content: center;} .filter .switch span { margin-right: 10px;} .filter .desktop { margin-top: 20px; ;} .filter .desktop label { width: 48%; margin-top: 5px; display: block; background: #fff; padding: 2px 8px; border:#ddd solid 1px; border-radius: 10px; } .filter .desktop label:nth-child(even) { margin-left: 1%; float: right; } .filter .desktop label:nth-child(odd) { margin-right: 1%; } .filter .desktop label input { margin-right: 5px; } .filter .btn { margin-top: 22px; background: #f1f1f1; display: block; padding: 4px 12px; border:#ddd solid 1px; border-radius: 10px; margin-bottom: 4px; } .filter .mobile { flex-direction:row ; display: flex; justify-content: center; } .filter .button { padding-top: 5px; padding-bottom: 5px; display: inline-block; } .searchHeading h1 { text-align: center; margin-bottom: 40px;;} .searchHeading h1 span { color: #055B7D; } .searchHeading .desc { text-align: center; margin-bottom: 50px;} .product_grid .panel .boxContainer { } .product_grid .panel .box { } .product_grid .panel .box .imgContainer { position: relative;} .product_grid .panel .box .img { width: 100%; } .product_grid .panel .box .block { background: #fff; padding: 20px; } .product_grid .panel .box .block h3 { text-align: center; font-size: 20px; } .product_grid .panel .box .block .info { width: 100%; margin-bottom: 10px; display: flex; flex-direction: column; justify-content: center; align-items: center; } .product_grid .panel .box .block .info .serve { color:#838383; font-size: 20px; margin-bottom: 20px; } .product_grid .panel .box .block .info .price { color: #055B7D; font-weight: 600; font-size: 20px; } .product_grid .panel .box .block .info .sprice { color: #cc0000; font-weight: 600; margin-right: 5px; } .product_grid .panel .box .block .info .oldprice { color: #999; text-decoration: line-through; } .product_grid .panel .box .block .button { text-align: center; padding-top: 6px; padding-bottom: 6px; width:100%; display: block; } .product_grid .tag { position: absolute; left: 0; right: 0; bottom: 10px; margin: 0; display: block; text-align: center; } .product_grid .tag span { display: inline-block; background: #FAF9F5; padding: 1px 4px; border-radius: 2px; font-size: 12px; margin: 2px; display: inline-block; } .product_grid .more { border-bottom: #FAF9F5 solid 30px;flex-flow: column; background: #fff; display: flex; justify-content: center; align-items: center; flex-direction: column; } .product_grid .more .circle { border-radius: 50px; border:#000 solid 2px; display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; margin-bottom: 10px; } .product_grid .more .circle i { color: #000; } .product_grid .more p { color: #838383; margin: 0; font-weight: 400; } #searchPanel { background:#E9ECEE ; padding: 15px; text-align: center; display: none; box-shadow: inset 0 4px 20px #ddd;} #searchPanel .panel { display: flex; flex-direction: row; justify-content: center; align-items: center; } #searchPanel input { border:none; padding: 6px 12px; outline: none; } #searchPanel button { background: #055B7D; color:#fff; } #news { padding-bottom: 60px; } #news .circle { transform: rotate(-20deg); font-weight: 600; font-size: 28px; display: flex; justify-content: center; align-items: center; background: #E9ECEE; border-radius: 120px; width: 60px; height: 60px; color: #055B7D; line-height: 1; } #news h2 { margin-top: 20px; } #news .desc { font-family: 'PT Serif'; margin-bottom: 30px; } #news .button { display: inline-block;} #home #location { background-size: cover; padding: 15px 0 0 0; } #home #location .box { padding: 20px 20px; background: url('../img/transparent-white-90.png'); text-align: center; color: #055B7D; margin-bottom: 20px; } #home #location .box .logo { width: 120px; } #home #location .box h4 { letter-spacing: 4px; font-weight: 300; font-size: 18px; margin-bottom: 20px; } #home #location .box .outline { margin-top: 10px; } #newsletter h5 { color:#055B7D; font-size: 28px; text-align: center; font-weight: 400; margin-bottom: 20px; } #newsletter p { font-family: 'PT Serif'; text-align: center; } #newsletter .box .textbox { text-align: center; padding: 6px 0; width: 100%; margin-bottom: 6px; border: none; background: #F5F5F5; } #newsletter .box button { background: #055B7D; color: #fff; font-size: 16px; border:none; width: 100px; display: block; width:100%; padding: 8px 0; } #newsletter #newsletter_msg { margin-top: 15px; max-width: 500px; margin: 15px auto 0 auto; } #product_list #list { background: #FAF9F5; } #product_list .section { padding: 30px 0;} #product_list .tab { display: none;} #product_list .shipping_note { margin-bottom: 60px; display: flex; justify-content: center; align-items: center; flex-direction: row; } #product_list .shipping_note .box { width: 70px; } #product_list .shipping_note .circle { background: #055B7D; width: 50px; height: 50px; margin-right: 20px; center; border-radius: 80px; line-height: 1; display: flex; justify-content: center; align-items: center; } #product_list .shipping_note .circle i { color:#fff; } #product_list .shipping_note p { margin: 0; color: #055B7D; font-size: 20px; } #general_page .desc { color: #3E3D3C; font-size: 17px; margin-top: 40px; margin-bottom: 40px; padding: 0 15px; } #product_detail { } #product_detail .product_header { text-align: center; padding: 30px 0; } #product_detail .pdetail { margin-bottom: 30px; } #product_detail .tags span { display: inline-block; background: #FAF9F5; color: #055B7D; padding: 1px 5px; border-radius: 2px; font-size: 13px; margin: 4px; display: inline-block;} #product_detail .pic { width: 100%; } #product_detail .desc { font-size: 16px; margin: 15px 0; } #product_detail h3 { font-size: 16px; font-weight: 400; } #product_detail .options { margin-bottom: 30px; } #product_detail .options .item { border:#e9ecee solid 1px; margin-bottom: 10px; display: flex; flex-direction: row; justify-content: space-between; padding: 10px; } #product_detail .options .item:hover { background: #E9ECEE; } #product_detail .options .item input { margin-right: 15px; } #product_detail .options .item .title { font-size: 16px; } #product_detail .options .item .price { font-weight: 400; font-size: 16px; } #product_detail .qtybox { position: relative; height: 48px; padding: 2px; border:#e9ecee solid 1px; width: 100%; } #product_detail .qtybox a { position:absolute; width: 42px; height: 42px; background: #E9ECEE; display: flex; align-items: center; justify-content: center; } #product_detail .qtybox .countdown { left:2px; top:2px; } #product_detail .qtybox .countup { right:2px; top:2px; } #product_detail .qtybox a i { font-size: 16px; color: #000; } #product_detail .qtybox input { width: 100%; text-align: center; font-size: 20px; border:none; height: 42px; } #product_detail .button { text-align: center; font-weight: 400; width: 100%; height: 48px; padding-top: 10px; padding-bottom: 10px;} #product_detail .button ion-icon { margin-right: 5px; } #product_detail .button.loading { background-color: #445f69;} /* #product_detail .button.success { background-color: #41ad00; } */ #product_detail .button.success { background-color: #E9ECEE; color:#055B7D; } #product_detail .button i { margin-right: 10px; margin-left: 0; } #product_detail .infobox { margin: 20px 0 40px 0; } #product_detail .infobox h4 { font-size: 18px; } #product_detail .infobox h4 i { margin-right: 10px; } #product_detail .mb30 { margin-bottom: 30px; } #product_detail .pdetail { padding-left: 10px; padding-right: 10px; } #buyModal img { width: 100%; margin-bottom: 15px; } #buyModal h6 { font-size: 22px; font-weight: 400; } #buyModal .price { font-size: 20px; font-weight: 400; } #buyModal .price #cart_sprice { text-decoration: line-through; color: #999; margin-left: 6px;} #buyModal .price .special { color: #cc0000; font-weight: 600; } #buyModal .desc { font-size: 17px; line-height: 1.3; color: #6E6E6E; margin-bottom: 15px; } #buyModal label { font-size: 18px; } #buyModal .qtybox { display: flex; flex-direction: row; justify-content: flex-start; height: 48px; padding: 2px; border:#e9ecee solid 1px; width: 204px; } #buyModal .qtybox a { width: 42px; height: 42px; background: #E9ECEE; display: flex; align-items: center; justify-content: center; } #buyModal .qtybox a i { font-size: 16px; color: #000; } #buyModal .qtybox input { width: 120px; text-align: center; font-size: 20px; border:#e9ecee solid 1px; } #buyModal .button { display: block; margin-top: 20px; text-align: center; font-weight: 400; padding-top: 10px; padding-bottom: 10px;} #buyModal .step2 { text-align: center; } #buyModal .step2 i { font-size: 50px; color: #9BD500; margin: 30px 0; } #buyModal .step2 .msg { font-size: 22px; font-weight: 400; } #updateModal img { width: 100%; margin-bottom: 15px; } #updateModal h6 { font-size: 22px; font-weight: 400; } #updateModal .price { font-size: 20px; font-weight: 400; } #updateModal .price #cart_sprice { text-decoration: line-through; color: #999; margin-left: 6px; } #updateModal .price .special { color: #cc0000; font-weight: 600; } #updateModal .desc { font-size: 17px; line-height: 1.3; color: #6E6E6E; margin-bottom: 15px; } #updateModal label { font-size: 18px; } #updateModal .qtybox { display: flex; flex-direction: row; justify-content: flex-start; height: 48px; padding: 2px; border:#e9ecee solid 1px; width: 204px; } #updateModal .qtybox a { width: 42px; height: 42px; background: #E9ECEE; display: flex; align-items: center; justify-content: center; } #updateModal .qtybox a i { font-size: 16px; color: #000; } #updateModal .qtybox input { width: 120px; text-align: center; font-size: 20px; border:#e9ecee solid 1px; } #updateModal .button { display: block; margin-top: 30px; text-align: center; font-weight: 400; padding-top: 10px; padding-bottom: 10px; } #updateModal .outlineButton { background: #fff; border:#ef3535 solid 1px; color: #ef3535; text-align: center; display: block; margin-top: 30px; padding-top: 8px; padding-bottom: 8px;} #checkoutModal { font-size: 16px;} #checkoutModal .step2 { display: none; } #checkoutModal h5 { margin-bottom: 15px; } #checkoutModal .textbox { display: block; padding: 6px; width: 100%; margin: 4px 0 10px 0; } #checkoutModal .note { color: #8E8E8E; } #checkoutModal .button { display: block; text-align: center; } #checkoutModal .sms { flex-direction: row; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 20px; } #checkoutModal .sms i { font-size: 40px; color:#9BD500; margin-right: 20px; } #checkoutModal .sms p { font-size: 15px; margin-bottom: 0; } #checkoutModal .code { display: flex; flex-direction: row; justify-content: space-around; margin-bottom: 30px; padding:0 30px; } #checkoutModal .code .codebox { font-size: 40px; width: 60px; text-align: center; } #checkoutModal .again { text-align: center; color: #8E8E8E; margin-top: 20px; } .checkout { background: #E9ECEE; } #checkout { font-size: 18px; margin-bottom: 50px; } #checkout .heading { padding-top: 30px; padding-bottom:30px; text-align: center; } #checkout .heading .logo { height: 60px; } #checkout .login .outline { display: block; text-align: center; margin-top: 20px; } #checkout h4 { font-size: 20px; background: url('../img/line.png') repeat-x center center; margin-bottom: 25px; } #checkout h4 span { display: inline-block; padding-right: 20px; background: #E9ECEE; } #checkout .space { height: 60px; } #checkout #pickup_form, #checkout #delivery_form { display: none; } #checkout label { display: block; font-size: 16px; text-transform: uppercase; margin-bottom: 5px; } #checkout .textbox { border:#CECECE solid 1px; width: 100%; padding: 10px; } #checkout .listbox { width: 100%; background: #fff; border:#CECECE solid 1px; padding: 10px; appearance: menulist; } #checkout .textarea { width: 100%; background: #fff; border:#CECECE solid 1px; padding: 10px; height: 150px; } #checkout .bp20 { padding-bottom: 20px; } #checkout .item { position: relative; color: #000; display: flex; flex-direction: row; padding-bottom: 20px; margin-bottom: 20px; border-bottom:#D6D6D6 solid 1px; align-items:flex-start; } #checkout .item .edit { position: absolute; right:0; top: 0; color: #055B7D; font-size: 16px; text-decoration: underline; } #checkout .item .info { flex-grow: 1; } #checkout .item img { width: 80px; border:#fff solid 5px; margin-right: 20px; } #checkout .item h6 { font-size: 18px; height: 40px; color: #000; } #checkout .item h6 span { font-size: 15px; display: block; color:#666 } #checkout .item .price1 { margin: 0; } #checkout .item .price2 { color: #055B7D; font-weight: 400; margin: 0; } #checkout .item .pricebox { display: flex; flex-direction: row; justify-content: space-between; } #checkout .promocode { padding: 0px 0 30px 0; margin-bottom: 30px; border-bottom:#D6D6D6 solid 1px; } #checkout .promocode p { margin: 0 0 5px 0; font-size: 18x; } #checkout .promocode .textbox { margin-bottom: 0; } #checkout .promocode .promobox { display: flex; justify-content: flex-start; flex-direction: row; } #checkout .promocode #message { margin-top: 10px; } #checkout .summary { margin-bottom: 30px; } #checkout .summary .line { display: flex; flex-direction: row; justify-content: space-between; } #checkout .summary .line .number { font-weight: 400; } #checkout .button1 { display: block; text-align: center; margin-bottom: 40px; margin-top: 30px; } #checkout .button2 { display: block; text-align: center; margin-bottom: 40px; display: none; } #checkout .emptycart { text-align: center; } #checkout .emptycart .button { display: inline-block; margin-top: 30px;} #checkout #loading { display: flex; justify-content: center; align-items: center; padding: 20px 0;} .checkout_success { background: #E9ECEE; padding-bottom: 40px; } .checkout_success .heading { padding-top: 30px; padding-bottom:30px; text-align: center; } .checkout_success .heading .logo { height: 60px; } .checkout_success .success { text-align: center; } .checkout_success .success h1 { color: #055B7D; font-size: 24px; margin-bottom: 30px; } .checkout_success .success ion-icon { font-size: 50px; color:#6acd00;} .checkout_success .success .button { display: inline-block; margin-top: 30px;} .checkout_success .success .resultbox { background: #fff; padding: 20px; border-radius: 10px; margin-bottom: 20px; text-align: left;} .checkout_success .success .resultbox p { margin-bottom: 5px; display: flex; flex-direction: row;} .checkout_success .success .resultbox p span { min-width: 120px; } .checkout_success .success .resultbox p span.content { width: auto!important; flex-grow:1 ; } .checkout_success .success .button1 { color: #055B7D; border:#055B7D solid 1px; display: block; padding:10px; margin: 0; } .checkout_success .success .button2 { color: #fff; background-color: #055B7D; border:#055B7D solid 1px; display: block; padding:10px; margin: 0; } #location .buttons { margin: 20px 0 10px 0; } #location .buttons .location_button { border:#E9ECEE solid 10px; padding: 10px 20px; text-align: center; margin-bottom: 10px; display: flex; flex-direction: row; justify-content: space-between; } #location .buttons .location_button:hover { background: #f5f5f5; } #location .buttons .location_button img { height: 30px; } #location .buttons .location_button span { color: #055B7D; } #location .buttons .location_button.selected { background:#055B7D; border-color: #055B7D; } #location .buttons .location_button.selected span { color: #fff; } #location .map_container { margin-bottom: 50px; } #location .map_container .col1 img { width: 100%; } #location .map_container .map_canvas { width: 100%; height: 300px; margin-bottom: 20px; } #location .map_container .col2 { padding-top: 20px; padding-bottom: 20px; } #location .map_container .col2 h2 { font-size: 24px; font-weight: 400; margin-bottom: 30px; } #location .map_container .col2 h3 { font-size: 16px; color: #055B7D; margin-bottom: 4px; } #location .map_container .col2 p { color: #055B7D; } #location #location2, #location #location3 { display: none; } #location .desktop_map { display: none;} #location .mobile_map { margin-top: 20px; } #catering .item { padding: 30px 0; border-bottom: #E9ECEE solid 1px; } #catering .item:last-child { border-bottom: none; } #catering .item .pic { width: 100%; border:#fff solid 4px; margin-bottom: 20px; } #catering .item h2 { font-size:30px; font-weight: 400; margin-bottom: 10px; } #catering .item .price_info { margin-bottom: 20px; font-size: 24px; } #catering .item .price_info .sprice { color: #cc0000; font-weight: 600; } #catering .item .price_info .oldprice { text-decoration: line-through; color: #999; margin-left: 15px; } #catering .item .price_info .unit { margin-left: 10px; font-size: 20px; } #catering .item h3 { font-size: 20px; margin-top: 30px ; } #catering .item .cartbox { margin-top: 40px; display: flex; flex-direction: row; } #catering .item .cartbox .qtybox { position: relative; text-align: center; height: 48px; padding: 2px; border:#e9ecee solid 1px; } #catering .item .cartbox .qtybox a { position: absolute; width: 42px; height: 42px; background: #E9ECEE; display: flex; align-items: center; justify-content: center; padding: 0 14px; } #catering .item .cartbox .qtybox a i { font-size: 16px; color: #000; } #catering .item .cartbox .qtybox input { width:100%; height: 42px; text-align: center; font-size: 20px; border:none; } #catering .item .cartbox .qtybox input:focus { outline: none; } #catering .item .cartbox .button { width:100%; display: flex; width: 100%; text-align: center; font-size: 20px; padding-top: 9px; padding-bottom: 9px;; } #catering .item .cartbox .button ion-icon { margin-right: 5px;} #catering .qtybox .countdown { left:2px; top:2px; } #catering .qtybox .countup { right:2px; top:2px; } #catering .button.loading { background-color: #445f69;} /*#catering .button.success { background-color: #41ad00; }*/ #catering .button.success { background-color: #E9ECEE; color:#055B7D; height: 47px; } #catering h4 { font-size: 18px; margin: 30px 0 5px 0;} #catering .options { margin-bottom: 30px; } #catering .options .item { border:#e9ecee solid 1px; margin-bottom: 10px; display: flex; flex-direction: row; justify-content: space-between; padding: 10px; } #catering .options .item:hover { background: #E9ECEE; } #catering .options .item input { margin-right: 15px; } #catering .options .item .title { font-size: 16px; } #catering .options .item .price { font-weight: 400; font-size: 16px; } #contactForm { display: none; position: fixed; top:0; bottom: 0; left: 0; right: 0; background: url(../img/transparent-blue-95.png); z-index: 101; } #contactForm .close { position: absolute; right: 30px; top: 30px; color: #fff; font-size: 30px; } #contactForm a { color: #fff; } #contactForm .scroller { position: relative; color: #fff; padding: 30px 10px; overflow-y:scroll; height: 100vh; } #contactForm h5 { font-size: 36px; color: #fff; margin-bottom: 25px; font-weight: 600; } #contactForm .desc { font-size: 18px; margin-bottom: 40px; } #contactForm label { display: block; font-weight: 400; font-size: 17px; } #contactForm .textbox { color: #fff; font-size: 20px; background: none; border: none; border-bottom: #fff solid 1px; padding: 10px; width: 100%; margin-bottom: 40px; } #contactForm .textbox:focus { background: #397d98; outline: none;} #contactForm .textarea { color: #fff; resize: none; font-size: 20px; background: none; border: none; border-bottom: #fff solid 1px; padding: 10px; width: 100%; margin-bottom: 20px; height: 150px;} #contactForm .textarea:focus { background: #397d98; outline: none;} #contactForm .right { text-align: right; } #contactForm .btn { background: #00425D; color: #fff; font-size: 20px; border-radius: 0; padding: 10px 20px; width: 100%; margin-bottom: 20px; } #contactForm .req { border-bottom: #ffff00 solid 2px!important; } #contactForm .responsebox { display: none; } footer { background: #FAF9F5; } footer .logo { width: 50%; margin-bottom: 20px; } footer .col1 { text-align: center; } footer h6 { font-weight: 400; font-size: 18px; } footer ul { list-style: none; padding: 0; margin: 0 0 30px 0; } footer ul li { margin: 0; } footer ul li a { color: #000; font-size: 16px; line-height: 1; } footer .copyright { color:#B9B9B9; font-size: 15px; text-align: center; padding-bottom: 20px; } footer .social { text-align: center; } footer .social a { color: #888888; display: inline-block; font-size: 26px; margin: 0 6px; } /*Small devices (landscape phones, 576px and up)*/ @media (min-width: 576px) { .product_grid .panel .box .block h3 { text-align: center; height: 50px; font-size: 20px; } } /* Medium devices (tablets, 768px and up)*/ @media (min-width: 768px) { #product_list #list { padding: 80px 0;} #catering .item .cartbox .qtybox input { width: 120px; } #catering .item .cartbox .col-12 { display: flex; flex-direction: row; } #catering .item .cartbox .button { margin-top: 0; margin-left: 15px; padding-top: 8px; padding-bottom: 8px; } .filter .desktop { display: flex; justify-content: center; } .filter .desktop label { width: auto; } .filter .desktop label:nth-child(even) { margin: 0 5px; } .filter .desktop label:nth-child(odd) { margin: 0 5px; } } /* Large devices (desktops, 992px and up)*/ @media (min-width: 992px) { .section { padding: 80px 0; } #mobile_header { display: none; } .mobile_space { display: none; } #desktop_header { display: block; } #home #banner .overlay { display: none; } #home #banner .slider { height: 100vh; } #home #banner .slider img { height:100vh; } #home #banner .text_block { position: absolute; text-align: left;; top: 56%; left: 50px; bottom: auto; transform: translateY(-50%); } #home #banner .text_block h1 { font-size: 90px; color:#055B7D; width: 70%; font-weight: 400; line-height: 0.9; margin-bottom: 90px; } #home #banner .text_block .button { font-size: 24px; display: inline-block; } #product_banner .bg { height: 300px; } #product_banner .text_block { bottom: 40px; left: 20px; text-align: left; } #product_banner .text_block h1 { font-size: 90px; font-weight: 400; line-height: 0.9; margin-bottom: 0px; } #general_banner .bg { height: 450px; } #general_banner .text_block { bottom: 40px; left: 20px; text-align: left; } #general_banner .text_block h1 { font-size: 70px; color:#000; width: 40%; font-weight: 400; line-height: 0.9; margin-bottom: 0px; } #general_banner .text_block.right { left:50%; } #no_banner { height: 100px; } #home #intro .col1 { height: 500px; } #home #intro .text_block { position: absolute; left: 30%; bottom: 40px; width: auto; display: block; } #home #intro .text_block .desc { margin-top: 0; font-size: 24px; } #home #intro .desktop_text { display: none; } #home #favourite h2 { font-size: 50px; } .tab a { font-size: 22px; } #home #news { padding-bottom: 120px; } #home #news .circle { font-size: 36px; width: 80px; height: 80px; } #home #news h2 { font-size: 50px; margin-right: 30px; } #home #news .desc { font-family: 'PT Sans'; margin-bottom: 50px; margin-top: 102px; font-size: 22px; } #home #location { padding: 60px 0; } #home #location .box { padding: 30px 40px; } #home #location .box .logo { width: 180px; } #home #location .box h4 { margin-bottom: 40px; } .tab { display: inline-block;} .dropdown { display: none;} #product_list .tab { display: inline-block; } #newslette { } #newsletter h5 { font-size: 36px; } #newsletter .box { display: flex; flex-direction: row; justify-content: flex-start; width: 500px; margin: 60px auto 0 auto; } #newsletter .box .textbox { text-align: left; padding: 8px 12px; margin-bottom: 0; } #newsletter .box button { width: 150px; } #general_page .desc { font-size: 22px; margin-top: 60px; margin-bottom: 60px; } #checkout .login .outline { margin-top: 00px; } #checkout .col1 { padding-right: 40px; } footer .col1 { text-align: left; } footer .copyright { padding-top: 60px ;padding-bottom: 0px; text-align: left; } footer .social { text-align: right; padding-top: 60px; } #checkout .heading { padding-bottom:60px; text-align: left; } #checkout .heading .logo { height: 60px; } #checkout .button1 { display: none; } #checkout .button2 { display: block; } .product_grid .panel .box .block .info .serve { margin-bottom: 0px; } .product_grid .panel .box .block .info { width: 100%; margin-bottom: 10px; } /*.filter .desktop { display: flex; } .filter .mobile { display: none; }*/ #location .buttons { margin-top: 40px; } #location .buttons .location_button { padding: 20px 20px ;flex-direction: column; justify-content: center; align-items: center; } #location .buttons .location_button img { height: 60px; } #location .buttons .location_button span { letter-spacing: 4px; font-weight: 400; } #location .map_container .map_canvas { margin-top: 30px; height: 350px; margin-bottom: 30px; } #location .map_container .col1 { } #location .map_container .col1 img { width: 80%; margin: -90px 0 0 40px; z-index: 100; position: relative; } #location .desktop_map { display: block;} #location .mobile_map { display: none;} #catering .item { padding: 70px 0; } #catering .item .cartbox .col-12 { display: flex; flex-direction: row; } #catering .item .cartbox .button { width: 100%; margin-top: 0; margin-left: 0px; padding-top: 8px; padding-bottom: 8px; } #contactForm { display: none; justify-content: center; align-items: center; overflow:hidden; } #contactForm .scroller { display: flex; justify-content: center; align-items: center; overflow-y:hidden; overflow: hidden;} #contactForm h5 { font-size: 50px; color: #fff; margin-bottom: 25px; font-weight: 600; } #contactForm .desc { font-size: 22px; margin-bottom: 40px; } #contactForm label { display: block; font-weight: 400; font-size: 17px; } #contactForm .textbox { color: #fff; font-size: 20px; background: none; border: none; border-bottom: #fff solid 1px; padding: 10px; width: 90%; margin-bottom: 40px; } #contactForm .textbox:focus { background: #397d98; outline: none;} #contactForm .textarea { color: #fff; resize: none; font-size: 20px; background: none; border: none; border-bottom: #fff solid 1px; padding: 10px; width: 95%; margin-bottom: 40px; height: 200px;} #contactForm .textarea:focus { background: #397d98; outline: none;} #contactForm .right { text-align: right; } #contactForm .btn { background: #00425D; color: #fff; font-size: 20px; border-radius: 0; padding: 10px 20px; margin-right: 5%; } #product_detail .product_header { padding: 60px 0; margin-bottom: 0px; } #product_detail .pic { width: 90%; } #product_detail .desc { font-size: 18px; margin: 0 0 30px 0; } #product_detail .options .item .title { font-size: 18px; } #product_detail .options .item .price { font-size: 18px; } #product_detail .cartbox { margin-bottom: 40px; } #product_detail .button { margin-top: 0; font-size: 20px; } } /* X-Large devices (large desktops, 1200px and up)*/ @media (min-width: 1200px) { #home #banner .text_block h1 { font-size: 120px; } } /* XX-Large devices (larger desktops, 1400px and up) */ @media (min-width: 1400px) { }