/*------------------------------------------------------------------ Theme Name: RICA - Responsive Restaurant Cafe Template Version: 1.0 Author: -------------------------------------------------------------------*/ /*------------------------------------------------------------------ [TABLE OF CONTENTS] 1. Global Styles 2. Header Styles 3. Common Styles 4. Gallery Styles 5. Footer Styles 6. Slider Styles 7. Reservation 8. Google Map 9. Contact 10. Receipes 11. Blog Styles 12. Team Styles 13. Comment Styles 14. Responsive Styles -------------------------------------------------------------------*/ @import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,400italic,700,700italic); @import url(https://fonts.googleapis.com/css?family=Lato:300,400,400italic,500,600,700,900); @import url(https://fonts.googleapis.com/css?family=Tangerine:400,700); /* 1. Global Styles */ body { font-family: 'Noto Sans', sans-serif; font-weight: 400; overflow-x: hidden; } p { font-family: 'Noto Sans', sans-serif; font-weight: 400; } h1,h2,h3,h4,h5,h6 { font-family: 'Noto Sans', sans-serif; font-weight: 700; } a { color: #DB1914; transition: .4s; } a:hover { color:#666; transition: .4s; } ul, li { margin: 0; padding: 0; list-style: none; } a, a:hover, a:focus, input, input:focus, button, button:focus, textarea, textarea:focus, select, select:focus { outline: 0; text-decoration: none; } .container { max-width: 1170px; width: 100%; } .container-fluid { padding: 0; width: 100%; } /* 2. Header Styles */ /* HEADER ^ -----------------------------------------------------------------------------------------------------------*/ .header { position: relative; background: #fafafa; } .fixed-header{left: 0;right: 0;top: 0;z-index:999999; position:fixed; background:#f8f8f8 !important;box-shadow:0 0 3px #ddd;} .is-sticky .header { position: relative; background: #fafafa; background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#fcfcfc), color-stop(100%,#f9f9f9)); background: -webkit-linear-gradient(top, #fcfcfc 2%,#f9f9f9 100%); background: linear-gradient(to bottom, #fcfcfc 2%,#f9f9f9 100%); } .header header{background: #fafafa; background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#fcfcfc), color-stop(100%,#f9f9f9)); background: -webkit-linear-gradient(top, #fcfcfc 2%,#f9f9f9 100%); background: linear-gradient(to bottom, #fcfcfc 2%,#f9f9f9 100%);} .header .layout { position: relative; padding: 0 15px; text-align: right; } .header-alt .mob-layout { float: none; width: 100%; } .header-alt .menu { float: right; } #header-transparent .sticky-wrapper , .header-transparent { background: transparent !important; position: fixed !important; top: 0; left: 0; right: 0; z-index: 999; transition: .4s; } .header-trans-act { background: #fff; transition: .4s; border-bottom: 2px solid #EAEAEA; background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#fcfcfc), color-stop(100%,#f9f9f9))!important; background: -webkit-linear-gradient(top, #fcfcfc 2%,#f9f9f9 100%)!important; background: linear-gradient(to bottom, #fcfcfc 2%,#f9f9f9 100%)!important; border-bottom: 2px solid #eaeaea; } .header { left: 0; right: 0; top: 0; z-index: 555; } .is-sticky .header { background: #FFF; border-bottom: 2px solid #EAEAEA; width: 100%; left: 0px; top: 0px; height: 79px; background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#fcfcfc), color-stop(100%,#f9f9f9)); background: -webkit-linear-gradient(top, #fcfcfc 2%,#f9f9f9 100%); background: linear-gradient(to bottom, #fcfcfc 2%,#f9f9f9 100%); border-bottom: 2px solid #eaeaea; } .content .header .layout { position: relative; padding: 40px 15px 0 !important; text-align: right; } .logo { display: inline-block; position: static; margin: 0; line-height: 79px; text-align: left; margin-top: 12px; margin-right:30px !important; } .logo img { vertical-align: middle; } .mob-layout { max-height: 80px; float: left; text-align: left; } .mob-layout.m-center .wrap-center { text-align: center; } .mob-layout.m-center .wrap-left { position: absolute; bottom: 0; left: 40px; } .mob-layout.m-center .wrap-left .slogan { margin-left: 0; } .mob-layout.m-center .wrap-right { position: absolute; bottom: 0; right: 40px; } /* top social ^ --------------------------------------------------------------*/ .header .b-social { display: inline-block; margin: 0 0 0 20px; } .header .b-social li { margin: 0 12px 0 0; } .header .b-social li:last-child { margin: 0; } .b-social.social-header a { display: block; width: 22px; height: 22px; text-align: center; line-height: 22px; font-size: 20px; color: #dbdfe0; text-shadow: 0 1px 0 white; background: none; border: none; cursor: pointer; -webkit-transition: color 0.2s ease, background-color 0.2s ease; transition: color 0.2s ease, background-color 0.2s ease; } .b-social.social-header a:hover { color: #e34735; box-shadow: none; } /* navigation ^ --------------------------------------------------------------*/ .wrap-left .menu { margin-left: 40px; } .btn-menu { display: none; } /*----------------------------------------------*/ .header .layout { height: 76px; line-height: 76px; } .m-alt-head .mob-layout { float: none; } .m-alt-head .b-social { float: right; vertical-align: middle; } .slogan { display: inline-block; margin: 0 0 0 30px; vertical-align: top; font-size: 12px; } /*-------------------------------------------------------*/ .navbar.m-dark { background: #2f3338; box-shadow: 0 1px 3px rgba(0,0,0,0.2); } .navbar.m-dark .menu > li { border-right: none; } .navbar.m-dark .menu > li:first-child { border-left: none; } .navbar.m-dark .menu a { border: none; color: #c4c4c4; } .navbar-default .navbar-nav li a{font-family:"Lato"; font-weight:500} .navbar.m-dark .menu li i { color: #575b61; text-shadow: none; } /* --------------- Sub Menu ----------------------------*/ .submenu { position: absolute; top: 100%; z-index: 1000; float: left; min-width: 180px; border-top: 2px solid #2eafbb!important; display: none; background: #2f3338; box-shadow: 0 1px 3px rgba(0,0,0,0.2); border-radius: 0 0 2px 2px; } .menu li:hover > .submenu { display: block; } .submenu li { position: relative; height: 35px; border-top: 1px solid #393c42!important; border-bottom: 1px solid #26292c!important; -webkit-transition: background-color 0.2s ease, border 0.2s ease, height 0.3s ease, color 0.2s ease, opacity 0.5s ease; transition: background-color 0.2s ease, border 0.2s ease, height 0.3s ease, color 0.2s ease, opacity 0.5s ease; } .submenu li:hover { background: #2eafbb; border-top: 1px solid #2eafbb; border-bottom: 1px solid #2eafbb; } li.dropdown-submenu > ul { border: none!important; left: 100%; top: -1px; } .submenu a { padding: 0 20px; display: block; line-height: 35px; font-size: 12px; color: #a8acaf; text-transform: none; font-family: 'OpenSansRegular'; letter-spacing: 0; white-space: nowrap; } .submenu li:hover > a { color: #fff; } .submenu li:last-child { border-bottom: 0px solid #262829; border-radius: 0 0 2px 2px; } /*---------------------------------------------------------- mobile menu */ .btn-menu { width: 26px; height: 22px; position: absolute; top: 30px; right: 0; cursor: pointer; font: 28px/23px 'FontAwesome'; color: #c5c5c5; } .btn-menu.active { color: #313538; } .btn-submenu { width: 70px; height: 44px; position: absolute; top: 0; right: 0; z-index: 12; text-align: center; font: 13px/42px 'FontAwesome'; cursor: pointer; } .btn-submenu.active { line-height: 39px; } .btn-submenu:before { content: "\f0d7"; color: #9a9a9a; } .btn-submenu.active:before { content: "\f0d8"; } .desk .mob-menu { display: none !important; } .mob-menu, .mob-submenu { position: relative; z-index: 50; margin: 56px 0 0; padding: 0; list-style: none; } .mob-menu { display: none; vertical-align: top; position: relative; margin: 0; background: #2f3338; white-space: nowrap; } .mob-menu li { position: relative; text-align: left; border-bottom: 1px solid #242629; border-top: 1px solid #3b3e44; } .mob-menu a { display: block; position: relative; padding-left: 30px; text-decoration: none; color: #8a9094; font: 14px 'OpenSansRegular'; -webkit-transition: none; transition: none; } .mob-menu a.active { color: #d0d5d8; } .mob-menu > li > div > a { padding: 0 40px; line-height: 42px; } .mob-menu div { width: 768px; position: relative; margin: 0 auto; } /*---------------------------------------------------------- submenu*/ .mob-menu > li > .mob-submenu { background: #1f2226; } .mob-submenu { display: none; min-width: 170px; position: relative; margin: 0; padding: 0; list-style: none; } .mob-submenu:before { content: ''; display: block; width: 100%; border-top: 1px solid rgba(0, 0, 0, 0.15); } .mob-submenu a { padding: 0 20px; font: 14px/42px 'OpenSansRegular'; color: #8a9094; text-transform: none; letter-spacing: 0; } .mob-submenu li { border-bottom: 1px solid #16191b; border-top: 1px solid #272a2f; } .mob-submenu li:last-child { border-bottom: 0px solid #262829; } .mob-submenu li i { margin-right: 7px; } .mob-submenu a { padding-left: 60px !important; } .mob-submenu .mob-submenu a { padding-left: 80px !important; } /*---------------------------------------------------------- search */ .b-search-form { float: right; margin: 0 0 0 -5px; z-index:9999; position:relative; width:40px; height:33px; right: -10px; cursor:pointer; } .b-search-form input { width: 20px; height: 33px; background: rgba(255,255,255,0.4); position:absolute; z-index:777; right:0; top:22px; cursor:pointer; } .b-search-form .input-wrap { margin-bottom: 0; position:relative; width:40px; cursor:pointer; } .b-search-form input { border: 1px solid transparent; box-shadow: none; background:transparent url(../img/search_hr.png) no-repeat center left; background-size:12px; background-position:10px 58%; padding-left:20px; } .b-search-form input:focus { width: 180px; border: 1px solid #e2e2e2; border-top: 1px solid #d4d4d4; box-shadow: none; background:#fff url(../img/search.png) no-repeat center left; background-size:12px; background-position:10px 53%; padding-left:35px; } .search-form { position: relative; letter-spacing: -.31em; word-spacing: -.43em; } .search-text-remove, .search-submit { display: none; } .search-text { width: 0; height: 29px; padding-left: 21px; opacity: 0.5; background: url(../img/search2.html) no-repeat 0 50%; border: 1px solid transparent; outline: none; cursor: pointer; font: 13px 'OpenSansSemiboldRegular'; color: #555; -webkit-transition: width 0.2s ease-in-out, opacity 0.2s ease-in-out; transition: width 0.2s ease-in-out, opacity 0.2s ease-in-out; } .search-text:hover { opacity: 1; } .search-text:focus { width: 127px; padding-left: 31px; opacity: 1; border: 1px solid #e2e2e2; background-color: #fff; box-shadow: 0 0 0 4px #f6f6f6, inset 0 1px 3px rgba(0,0,0,0.04); cursor: text; } /*----------------------------------------------------------------------------------*/ .btn-search { display: none; width: 24px; height: 24px; color: #c5c5c5; font: 24px/23px 'FontAwesome'; cursor: pointer; } .btn-search.active { color: #313538; } .tb-left { margin-top: 6px; } .tb-left li { color: #fff; margin-right: 50px; float: left; font-size: 11px; font-weight: 700; letter-spacing: 0.04em; } .tb-left li i { font-size: 14px; margin-right: 11px; position: relative; top: 2px; } .tb-right { } .tb-right li { color: #FFF; margin-right: 80px; float: left; } .tb-social a { float: left; background: #2e2e2e; border: 1px solid #2e2e2e; height: 29px; width: 29px; line-height: 27px; text-align: center; font-size: 12px; color: #fff; margin-left: 10px; } .tb-social a:hover { background: transparent; color: #fff; border: 1px solid #fff; } .tb-search { font-size: 13px; line-height: 26px; letter-spacing: 0.05em; } .tb-search i { margin-right: 4px; font-size: 14px; position: relative; top: -27px; } .header-cart { float: right; margin-left: 90px; } .header-cart li { float: left; margin-left: 40px; } .cart-table-head { font-size: 20px; color: #FFF; border: 1px solid #FFF; width: 53px; height: 41px; line-height: 0; text-align: center; padding-top: 11px; position: relative; cursor: pointer; } .reservation-btn:focus, .reservation-btn { line-height: 41px; background: #db1914; color: #fff; padding: 0 30px; display: table; font-size: 12px; text-transform: uppercase; font-weight: 700; letter-spacing: 0.10em; } .reservation-btn:hover { background: #333; color: #fff; } .cart-product-count { width: 16px; height: 16px; background: #db1914; border-radius: 50%; line-height: 16px; text-align: center; font-size: 10px; font-weight: 700; position: absolute; top: 5px; right: 9px; } /* 3. Common Styles */ .page_head { background: url(../../images/richa/head/1.jpg) no-repeat center top; background-size: cover; padding: 256px 0px 107px; } .page_head h3 { text-transform: uppercase; color: #fff; margin: 0; font-size: 50px; letter-spacing: 0.10em; } .bcrumbs { display: table; margin: 17px auto 0px; } .bcrumbs li { float: left; color: #fff; font-size: 13px; letter-spacing: 0.20em; margin: 0 10px; } .bcrumbs li a { color: #fff; } .row.no-padding { margin: 0; } .no-padding, .no-padding .col-md-2 , .no-padding .col-md-3 , .no-padding .col-md-4 , .no-padding .col-md-6 , .no-padding .col-md-8 { padding: 0; } /* 4. Gallery Styles */ .gallery-wrap { background: url(../../images/richa/bg/1.jpg) no-repeat center fixed; background-size: cover; padding: 100px 0; position: relative; } .gallery-wrap .container { position: relative; z-index: 55; } .overlay { background: #000; opacity: 0.45; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; } .gallery-item { position: relative; cursor: pointer; overflow: hidden; } .gallery-item img { transform: scale(1); transition: .3s; } .gallery-item:hover img { transform: scale(1.2); transition: .3s; } .gi-overlay { background: rgba(219,25,20,0.65); position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; transition: .4s; opacity: 0; visibility: hidden; } .gallery-item:hover .gi-overlay { transition: .4s; opacity: 1; visibility: visible; } .gi-overlay h4 { margin: 0 0 38px; font-size: 19px; font-weight: bold; text-transform: uppercase; color: #fff; letter-spacing: 0.04em; } .gi-overlay a { width: 48px; height: 48px; background: #212121; display: inline-block; line-height: 44px; text-align: center; border-radius: 50%; color: #fff; font-size: 16px; border: 2px solid transparent; transition: .4s; } .gi-overlay a:hover { border: 2px solid #fff; background: transparent; color: #fff; font-size: 16px; transition: .4s; } .v-align-center { display: flex; align-items: center; justify-content: center; flex-direction: row; } .gi-overlay-inner { position: relative; top: 50%; left: 50%; transform: translate(-50%,-50%); } /* 5. Footer Styles */ .footer-copyright { padding: 25px 0; background: #2d2d2d; } .footer-copyright p { margin: 0; color: #fff; font-size: 12px; letter-spacing: 0.20em; } .gallery-full { padding: 0; } .gallery-tile { background: #fff; } .git-overlay { background: rgba(46,46,46,0.85); position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; transition: .4s; opacity: 0; visibility: hidden; } .gallery-item img { width: 100%; } .gallery-item:hover .git-overlay { transition: .4s; opacity: 1; visibility: visible; } .gallery-tile .row { margin: 0 -3px; } .gallery-tile .col-md-4 { padding: 0 3px; margin-bottom: 6px; } .git-overlay i { color: #fff; height: 30px; width: 30px; line-height: 30px; text-align: center; position: absolute; top: 50%; left: 0; right: 0; margin: -15px auto 0; font-size: 20px; } .gallery-classic { background: url(../../images/richa/bg/2.jpg) no-repeat center fixed; background-size: cover; padding: 100px 0; position: relative; } .gallery-classic .overlay { background: #fff; opacity: 0.64; } .gallery-classic .gallery-item { margin-bottom: 30px; } /* 6. Slider Styles */ .slider { background: rgba(19,19,19,0.55); position: relative; max-height:inherit; height:auto; } .slider-img { position: absolute; top: 0; left: 0; right: 0; height: 100%; } .slider-caption { padding: 314px 0 174px; position: relative; z-index: 55; } .slider-caption h2 { font-size: 40px; color: #FFF; font-family: Lato; font-weight: 900; letter-spacing: 0.08em; margin: 35px 0 27px; } .slider-caption h3 { font-size: 60px; color: #db1914; font-family: Tangerine; font-weight: 400; letter-spacing: 0.08em; line-height: 72px; margin: 0px 0 15px; } .slider-caption h4 { font-size: 50px; line-height: 60px; color: #FFF; font-family: Lato; font-weight: 900; letter-spacing: 0.08em; margin: 0px 0 27px; } .slider-caption a { font-size: 18px; text-transform: uppercase; color: #db1914; font-weight: 700; letter-spacing: 0.30em; } .slider-caption2 { padding: 370px 0 275px; position: relative; z-index: 55; } #home-slider .owl-controls { margin: 55px 0 -59px; text-align: center; } #home-slider .owl-controls .owl-page span { display: block; width: 10px; height: 10px; margin: 0px 5px; opacity: 1 !important; background: #fff; } #home-slider .owl-controls .owl-page.active span { opacity: 1 !important; background: #fb383b; } .project-meta { font-size: 15px; line-height: 60px; color: #1A1A1A; background: #DDD; padding: 0px 70px; letter-spacing: 0.1em; display: table; text-transform: uppercase; font-weight: 700; margin-top: -60px; } .rs-info { background: #f9f9f9; padding: 80px 70px; margin: -1px 0; } .rs-info h4 { margin: 0 0 15px; text-transform: uppercase; font-size: 28px; font-weight: bold; color: #1a1a1a; } .rs-info p { font-size: 15px; color: #2a2a2a; line-height: 30px; letter-spacing: 0.10em; } .list { margin: 20px 0 20px 0; } .list li { font-size: 14px; font-weight: bold; color: #2a2a2a; font-family: Lato; line-height: 30px; text-transform: uppercase; letter-spacing: 0.20em; position: relative; padding-left: 30px; } .list li:after { content: ""; width: 12px; height: 12px; background: #5d5d5d; position: absolute; left: -4px; top: 50%; margin-top: -6px; border-radius: 50%; } .related-posts { background: #fff; padding: 120px 0 90px; } .rp-item { margin-bottom: 30px; position: relative; } .rp-overlay { background: rgba(219,25,20,0.89); position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; transition: .4s; opacity: 0; visibility: hidden; } .rp-item:hover .rp-overlay { transition: .4s; opacity: 1; visibility: visible; } .related-posts h2 { position: relative; margin: 0 0 84px; font-size: 38px; text-transform: uppercase; letter-spacing: 0.1em; color: #000; } .related-posts h2 span { display: block; font-size: 20px; letter-spacing: 0.40em; text-transform: none; font-weight: 400; } .related-posts h2:after { content: ""; width: 17px; height: 7px; background: #000; position: absolute; left: 0; bottom: -35px; } .rp-overlay h4 { line-height: 30px; font-size: 22px; color: #fff; text-transform: uppercase; font-weight: 700; margin: 0 0 15px; letter-spacing: 0.1em; } .rp-overlay p { line-height: 30px; font-size: 18px; color: #FFF; font-weight: 300; margin: 0 0 47px; letter-spacing: 0.2em; font-family: Lato; } .rp-inner { padding: 0px 20px; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; } .section-head h2 { font-size: 40px; text-transform: uppercase; color: #000; letter-spacing: 0.08em; margin: 0 0 60px; } .section-head h2 span { display: block; font-family: Tangerine; font-size: 45px; font-weight: bold; color: #db1914; letter-spacing: 0.05em; text-transform: none; } /* 7. Reservation */ .reservation-page { padding: 120px 0; } .reservation-form input { width: 100%; height: 56px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: rgba(211,203,203,0); border: solid 2px #db1914; padding: 0 50px 0 110px; margin-bottom: 22px; font-size: 12px; letter-spacing: 0.20em; font-weight: 600; color: #888; } .reservation-form i { color: #444; font-size: 16px; position: absolute; left: 67px; top: 20px; z-index: 55; } .reservation-form select { width: 100%; height: 56px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: rgba(211,203,203,0); border: solid 2px #db1914; padding: 0 50px 0 110px; margin-bottom: 22px; font-size: 12px; letter-spacing: 0.20em; font-weight: 600; color: #2a2a2a; } .reservation-form select option { color: #222; padding: 4px 10px; letter-spacing: 0.05em; } .reservation-form textarea { width: 100%; height: 225px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: rgba(211,203,203,0); border: solid 2px #db1914; padding: 25px 50px; font-size: 12px; letter-spacing: 0.20em; font-weight: 600; color: #2a2a2a; margin-bottom: 42px; } .reservation-form input:focus, .reservation-form textarea:focus { color: #000; } .reservation-form button[type="submit"] { background: #db1914; border: none; font-size: 15px; font-weight: bold; text-transform: uppercase; color: #fff; line-height: 43px; padding: 0 30px; margin: 0 auto; display: table; } .reservation-form button[type="submit"]:hover { background: #333; color: #fff; } /* 8. Google Map */ .gmap { padding: 0px; height: 642px; } .gmap div { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .map { position: relative; } .map:after { content: ""; width: 100%; height: 7px; background: #000; position: absolute; top: 0; left: 0; right: 0; opacity: 0.05; z-index: 555; } #map { display: block; width: 100%; height: 642px; margin: 0 auto; } #map.large { height: 642px; } #map img { max-width: none !important; height: auto; } /* 9. Contact */ .contact-info { padding: 107px 0; } .contact-info i { width: 90px; height: 90px; background: #db1914; text-align: center; line-height: 90px; border-radius: 50%; font-size: 25px; color: #fff; } .contact-info h5 { font-size: 22px; color: #313131; margin: 40px 0 19px; letter-spacing: 0.04em; } .contact-info p { font-size: 14px; line-height: 19px; color: #353333; margin: 0; letter-spacing: 0.04em; } .contact-info p.small { font-size: 14px; line-height: 19px; color: #696969; margin: 0; letter-spacing: 0.04em; } .home-receipes { padding: 72px 0; background: #fbf7ec; } .home-dishes img { border-radius: 3px; } .hr-info { padding: 37px 59px 37px 13px; } .hr-info h4 { margin: 0 0 21px; letter-spacing: 0.08em; font-size: 33px; text-transform: uppercase; color: #1c1b1b; } .hr-info h4 span { font-size: 22px; color: #db1914; display: block; text-transform: none; font-weight: 400; margin-bottom: 13px; } /* 10. Receipes */ #home-receipes p { font-size: 15px; color: #666666; line-height: 30px; letter-spacing: 0.10em; } .home-dishes { background: #fff; padding: 110px 0 102px; } .home-dishes h4 { margin: 46px 0px 25px; letter-spacing: 0.2em; font-size: 35px; text-transform: uppercase; color: #1C1B1B; font-family: Lato; font-weight: 900; } .home-dishes h4 span { display: block; text-transform: none; font-weight: 400; margin-bottom: -12px; font-family: Tangerine; font-size: 80px; color: #d80702; letter-spacing: 0.05em; } .home-dishes p { font-size: 15px; color: #666666; line-height: 30px; letter-spacing: 0.05em; } .home-dishes a { position: relative; display: table; margin: 62px auto 0; border: 1px solid #D80702; } .home-dishes a:hover { border: 1px solid #D80702; transition: .4s; } .home-dishes a:hover span { background: #D80702; color: #fff; transition: .4s; } .home-dishes a:hover:after { opacity: 0; transition: .4s; } .home-dishes a:after { content: ""; background: #fff; position: absolute; left: -1%; right: 0px; top: 15px; height: 14px; width: 102%; z-index: 9; transition: .4s; } .home-dishes a span { padding: 0px 20px; color: #D80702; text-transform: uppercase; line-height: 41px; font-size: 12px; letter-spacing: 0.1em; font-family: lato; font-weight: 700; display: table; position: relative; z-index: 55; transition: .4s; } .home-menu { background: url(../../images/richa/bg/3.jpg) no-repeat center; background-size: cover; padding: 110px 0; } .hm-info h4 { font-size: 17px; font-weight: bold; color: #141313; text-transform: uppercase; margin: 0 0 7px; letter-spacing: 0.08em; } .hm-info .col-md-4 { padding: 0 25px; } .menu-wrapper { position: relative; letter-spacing: 0.08em; margin-bottom: 28px; display: table; width: 100%; } .menu-wrapper p { text-align: left; margin: 5px 0px; float: left; padding-right: 3px; display: inline; background: #f7f3e8; color: #5d5d5d; font-size: 15px; font-family: Lato; position: relative; z-index: 11; } .menu-wrapper .price { float: right; padding-left: 10px; line-height: 19.8px; margin: 5px 0px; background: #f7f3e8; font-weight: 700; font-size: 15px; color: #d80702; font-family: Lato; position: relative; z-index: 11; } .menu-wrapper .dotted-bg { border-top: 2px dotted #848380; position: absolute; left: 0px; top: 19px; width: 100%; z-index: 0; } .hm-info { padding: 45px 45px 48px; background: #f8f4e9; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 0 13px rgba(0,0,0,.7); -moz-box-shadow: 0 0 13px rgba(0,0,0,.7); box-shadow: 0 0 13px rgba(0,0,0,.7); } .hm-info h3 { margin: 46px 0px 53px; letter-spacing: 0.12em; font-size: 28px; text-transform: uppercase; color: #1C1B1B; font-family: Lato; font-weight: 900; } .hm-info h3 span { display: block; text-transform: none; font-weight: 400; margin-bottom: 3px; font-family: Tangerine; font-size: 30px; color: #d80702; letter-spacing: 0.08em; } /* 11. Blog Styles */ .home-blog { padding: 109px 0px; background: #fff; } .home-blog .container { padding: 0px; } .blog-thumb { position: relative; } .blog-thumb img { border-radius: 3px; transition: .4s; } .blog-article { cursor: pointer; } .blog-article:hover .blog-thumb img { opacity: 0.7; transition: .4s; } .blog-article:hover .blog-meta { bottom: 15px; transition: .4s; } .blog-meta { background: #DB1914; padding: 0px 20px; font-size: 12px; line-height: 42px; text-transform: uppercase; font-weight: 600; letter-spacing: 0.2em; color: #FFF; display: table; width: 92%; margin: 0 4%; position: absolute; bottom: -21px; left: 0; right: 0; transition: .4s; } .blog-share a { color: #fff; margin-left: 10px; position: relative; transition: .4s; } .blog-share a::after { content: ""; background: #FF5753; position: absolute; top: 7px; left: 20px; height: 5px; width: 1px; } .blog-share a:last-child:after { display: none; } .blog-share a i { transform: scale(1); transition: .4s; } .blog-share a:hover i { transform: scale(1.1); transition: .4s; } .blog-article h4 { font-size: 21px; letter-spacing: 0.05em; margin: 54px 0px 18px; } .blog-article h4 a { color: #000; } .blog-article h4 a:hover { color: #d80702; } .blog-article p { font-size: 14px; line-height: 26px; letter-spacing: 0.1em; color: #656565; } /* 12. Team Styles */ .home-staff { position: relative; background: #fbf7ec; } .team-member { width: 41.6667%; background: url(../../images/richa/home/team/1.jpg) no-repeat center center; background-size: cover; position: absolute; height: 100%; left: 0px; } .home-staff h4 { margin: 0px 0px 21px; letter-spacing: 0.2em; font-size: 35px; text-transform: uppercase; color: #1C1B1B; font-family: Lato; font-weight: 900; } .home-staff h4 span { display: block; text-transform: none; font-weight: 400; margin-bottom: -12px; font-family: Tangerine; font-size: 80px; color: #d80702; letter-spacing: 0.05em; } .home-staff p { font-size: 15px; color: #666666; line-height: 30px; letter-spacing: 0.05em; } .home-staff .col-md-10 { padding: 120px 230px 120px 55px; } .home-staff cite { font-style: normal; letter-spacing: 0.30em; font-size: 14px; font-weight: bold; color: #db1914; text-transform: uppercase; display: table; margin: 0 auto 15px; } .home-specials { padding: 107px 0 95px; background: #fff; } .home-specials .col-md-3 { cursor: pointer; } .hs-thumb { position: relative; border-radius: 3px; overflow: hidden; background: #fff; transition: .4s; } .hs-thumb img { } .hs-thumb a { position: absolute; top: 50%; left:50%; transform:translate(-50%,-50%); background: #D13431; line-height: 39px; color: #FFF; font-size: 7px; letter-spacing: 0.08em; padding: 0px 23px; font-style: italic; font-weight: 700; margin: 0px auto; display: table; opacity: 0; visibility: hidden; transition: .4s; } .home-specials .col-md-3:hover .hs-thumb { background: #222222; transition: .4s; } .home-specials .col-md-3:hover .hs-thumb a { font-size: 13px; opacity: 1; visibility: visible; transition: .4s; } .home-specials .col-md-3:hover .hs-thumb a:hover { background: #292929; color: #fff; } .home-specials img { opacity: 1; transition: .4s; } .home-specials .col-md-3:hover .hs-thumb img { opacity: 0.33; transition: .4s; } .home-specials h4 { font-size: 18px; letter-spacing: 0.05em; color: #000; margin: 28px 0 17px; } .spls-price { color: #d13431; font-size: 15px; font-weight: 600; font-style: italic; } .home-specials hr { margin: 25px 0px 14px; border: medium none; background: #d13431; height: 1px; width: 50px; } .home-specials p { color: #9b9b9b; letter-spacing: 0.05em; } .home-events { background: #fbf7ec; padding: 125px 0 110px; } .he-item h4 { color: #000; font-size: 18px; margin: 0 0 25px; letter-spacing: 0.05em; } .he-item h4 a { color: #000; font-size: 18px; margin: 0; letter-spacing: 0.05em; } .event-meta { margin-bottom: 20px; } .event-meta span { display: block; color: #DB1914; font-size: 13px; letter-spacing: 0.05em; margin-bottom: 10px; } .event-meta span i { margin-right: 18px; } .he-item img { border-radius: 3px; margin-bottom: 19px; } .he-item a { font-size: 13px; line-height: 18px; letter-spacing: 0.10em; color: #DB1914; } .home-quotes { background: url(../../images/richa/bg/4.jpg) no-repeat center fixed; background-size: cover; padding: 100px 0; position: relative; } .quote-logo { margin-top: 0; display: block; } .quote-logo li { width: 16.66666%; float: left; padding: 0 10px; cursor: pointer; } .quote-logo li img { display: table; margin: 0 auto; opacity: 0.5; transition: .4s; } .quote-logo li img:hover, .quote-logo li.flex-active img { opacity: 1; transition: .4s; } .home-quote-info P { font-size: 16px; line-height: 34px; color: #FFF; margin: 20px 0 22px; padding: 0 20%; } .home-quote-info cite { color: #D80702; font-style: normal; font-size: 20px; line-height: 18px; } .home-quote-info cite span { font-size: 10px; text-transform: uppercase; display: block; font-weight: 400; } .home-info { padding: 130px 0 110px; background: #fff; } .home-info h4 { margin: 40px 0px 18px; letter-spacing: 0.05em; font-size: 26px; line-height: 36px; text-transform: uppercase; color: #212121; font-weight: 700; } .home-info h4 span { display: block; text-transform: none; font-weight: 400; margin-bottom: 2px; font-size: 15px; color: #939393; letter-spacing: 0.10em; } .home-info p { font-size: 15px; color: #666666; line-height: 30px; letter-spacing: 0.05em; } .home-info a { position: relative; display: table; margin: 35px 0 0; border: 1px solid #D80702; } .home-info a:hover { border: 1px solid #D80702; transition: .4s; } .home-info a:hover span { background: #D80702; color: #fff; transition: .4s; } .home-info a:hover:after { opacity: 0; transition: .4s; } .home-info a:after { content: ""; background: #fff; position: absolute; left: -1%; right: 0px; top: 15px; height: 14px; width: 102%; z-index: 9; transition: .4s; } .home-info a span { padding: 0px 20px; color: #D80702; text-transform: uppercase; line-height: 41px; font-size: 12px; letter-spacing: 0.1em; font-family: lato; font-weight: 700; display: table; position: relative; z-index: 55; transition: .4s; } .hm-info h4 { font-size: 17px; font-weight: bold; color: #141313; text-transform: uppercase; margin: 0 0 7px; letter-spacing: 0.08em; } .hm-info .col-md-4 { padding: 0 25px; } .home-dual-menu { position: relative; background: #fbf7ec; } .home-dual-menu-img { background: url(../../images/richa/home/menu.jpg) no-repeat center center; position: absolute; top: 0; left: 0; width: 50%; height: 100%; background-size: cover; } .dual-menu-info p { display: inline; color: #5d5d5d; font-size: 15px; font-family: Lato; position: relative; z-index: 11; letter-spacing: 0.08em; } .dual-menu-info h4 { font-size: 17px; font-weight: bold; color: #141313; margin: 0px 0px 13px; letter-spacing: 0.08em; } .dual-menu-info h4 span { line-height: 19.8px; font-weight: 700; font-size: 15px; color: #d80702; font-family: Lato; display: block; margin-bottom: 14px; } .dual-menu-info hr { border: none; background: none; margin: 10px 0 20px; display: table; } .home-dual-menu .col-md-10 { padding: 100px 40px 90px; } .home-subscribe { background: #fff; padding: 110px 0; } .home-subscribe p { font-size: 15px; line-height: 30px; letter-spacing: 0.1em; color: #666; margin: -36px 0px 20px; padding: 0 8%; } .hs-social { margin: 0 auto 60px; display: table; } .hs-social li { float: left; margin: 0 10px; } .hs-social li a { background: #e7e7e7; width: 59px; height: 59px; color: #202020; line-height: 59px; border-radius: 50%; font-size: 16px; display: table; } .home-subscribe form { position: relative; } .home-subscribe form input { height: 85px; background: #e7e7e7; width: 100%; border: none; padding: 0 230px 0 50px; font-size: 12px; letter-spacing: 0.08em; } .home-subscribe form button { background: #db1914; color: #fff; border: medium none; line-height: 60px; padding: 0px 40px; font-size: 14px; font-weight: 700; position: absolute; width: 178px; top: 12px; right: 13px; } .home-subscribe form button i { font-size: 13px; margin-left: 10px; } .home-booktable { background: url(../../images/richa/bg/5.jpg) no-repeat center; background-size: cover; padding: 115px 0 105px; } .home-booktable h2 { color: #fff; } .home-booktable input , .home-booktable select { border-color: transparent; background: #e0dfdf; margin-bottom: 26px; border-radius: 0px; color: #2a2a2a; } .home-booktable input::-webkit-input-placeholder { color: #2a2a2a; opacity: 1; } .home-booktable input:-moz-placeholder { color: #2a2a2a; opacity: 1; } .home-booktable input::-moz-placeholder { color: #2a2a2a; opacity: 1; } .home-booktable input:-ms-input-placeholder { color: #2a2a2a; opacity: 1; } .reservation-form input::-webkit-input-placeholder { color: #2a2a2a; opacity: 1; } .reservation-form input:-moz-placeholder { color: #2a2a2a; opacity: 1; } .reservation-form input::-moz-placeholder { color: #2a2a2a; opacity: 1; } .reservation-form input:-ms-input-placeholder { color: #2a2a2a; opacity: 1; } .reservation-form textarea::-webkit-input-placeholder { color: #2a2a2a; opacity: 1; } .reservation-form textarea:-moz-placeholder { color: #2a2a2a; opacity: 1; } .reservation-form textarea::-moz-placeholder { color: #2a2a2a; opacity: 1; } .reservation-form textarea:-ms-input-placeholder { color: #2a2a2a; opacity: 1; } .home-booktable button { margin-top: 46px !important; } .home-service { padding: 110px 0 20px; } .home-service img { background: #ebe4d5; width: 205px; height: 205px; border-radius: 50%; margin: 0 auto 40px; } .home-service h4 { text-transform: uppercase; margin: 0 0 20px; font-weight: 700; color: #353535; font-size: 25px; letter-spacing: 0.05em; } .home-service p { margin: 0; font-size: 15px; color: #666; line-height: 30px; letter-spacing: 0.10em; } .home-service2 { padding: 110px 0 90px; } .home-service2 img { background: #f7f3e8; padding: 5px; border-radius: 50%; margin: 0 auto 40px; } .home-service2 h4 { margin: 0 0 20px; font-weight: 700; color: #353535; font-size: 25px; letter-spacing: 0.05em; } .home-service2 p { margin: 0; font-size: 15px; color: #666; line-height: 30px; letter-spacing: 0.10em; } .chef-info { position: relative; overflow: hidden; cursor: pointer; } .chef-info img { transform: scale(1); transition: .3s; } .chef-info:hover img { transform: scale(1.2); transition: .3s; } .chef-info-overlay { position: absolute; background: rgba(219,25,20,0.83); padding: 110px 20px 85px; width: 90%; top: 150%; left: 5%; text-align: center; transform: translateY(-50%); transition: .4s; } .chef-info:hover .chef-info-overlay { top: 50%; transition: .4s; } .chef-info-overlay h4 { text-transform: uppercase; color: #fff; font-size: 29px; line-height: 40px; margin: -5px 0 10px; } .chef-info-overlay p { font-size: 20px; font-family: lato; font-weight: 200; color: #fff; margin: 0; } .chef-social { margin: 50px auto 0; display: table; } .chef-social li { float: left; margin: 0 10px; } .chef-social li a { background: #fff; width: 59px; height: 59px; color: #202020; line-height: 59px; border-radius: 50%; font-size: 20px; display: table; transform: scale(1); } .chef-social li a:hover { color:#d80702; transform: scale(0.8); } .bg-color2 { background: #f8f4e9; } .home-deal { background: #f8f4e9 url(../../images/richa/home/deal.png) no-repeat center; background-size: cover; padding: 110px 0; } .home-deal .row { position: relative; left: 75px; } .home-deal h4 { font-size: 50px; line-height: 50px; font-weight: bold; color: #000; letter-spacing: 0.08em; margin: 105px 0 25px; } .home-deal h4 span { display: block; font-family: Tangerine; font-size: 50px; font-weight: bold; color: #db1914; letter-spacing: 0.05em; text-transform: none; } .home-deal p { font-size: 18px; font-weight: 700; letter-spacing: 0.30em; text-transform: uppercase; margin: 0 0 55px; } .home-deal a { background: #d80702; color: #fff; text-transform: uppercase; font-size: 17px; font-weight: bold; letter-spacing: 0.08em; line-height: 59px; padding: 0 40px; border-radius: 3px; display: table; } .home-deal a:hover { background: #333; color: #fff; } .home-food { padding: 110px 0 80px; } .food-item { position: relative; padding-left: 239px; min-height: 237px; margin-bottom: 30px; } .food-item img { position: absolute; top: 0; left: 0; width: 239px; } .fi-text { background: #f8f3e8; padding: 70px 20px 45px; } .fi-text h4 { margin: -10px 0 8px; font-size: 18px; text-transform: uppercase; letter-spacing: 0.08em; color: #141313; } .fi-text p { margin: 0; font-size: 13px; letter-spacing: 0.10em; color: #666666; line-height: 26px; } .fi-price { background: url(../../images/richa/home/food/pattern.png); padding: 15px 18px; display: table; width: 100%; } .fi-price a { line-height: 40px; background: #d80702; border-radius: 3px; padding: 0 15px; font-size: 13px; text-transform: uppercase; letter-spacing: 0.10em; font-weight: 700; color: #fff; display: table; } .fi-price a:hover { background: #333; color: #fff; } .fi-price p { margin: 0; color: #fff; text-transform: uppercase; font-size: 18px; line-height: 40px; padding-left: 10px; font-weight: 700; } .no-margin { margin: 0; } .home-story { background: #f7f3e8; } .v-align-children { display: flex; align-items: center; justify-content: center; flex-direction: row; } .story-info { text-align: center; padding: 20px; } .story-info h4 { font-size: 25px; line-height: 32px; font-weight: bold; color: #000; letter-spacing: 0.08em; margin: 0px 0 15px; text-transform: uppercase; } .story-info h4 span { display: block; font-family: Tangerine; font-size: 32px; font-weight: bold; color: #db1914; letter-spacing: 0.05em; text-transform: none; } .story-info p { font-size: 12px; color: #666666; line-height: 22px; letter-spacing: 0.10em; margin: 0 0 25px; } .story-info a { background: #d80702; color: #fff; text-transform: uppercase; font-size: 14px; font-weight: bold; letter-spacing: 0.08em; line-height: 40px; padding: 0 18px; border-radius: 3px; display: table; margin: 0 auto; } .story-big { position: relative; } .story-info-big { background: rgba(43,42,39,0.91); padding: 0 70px 60px; width: 90%; position: absolute; top: 50%; left: 0; right: 0; max-width: 600px; margin: 25px auto 0; transform: translateY(-50%); } .story-info-big h4 { font-size: 28px; line-height: 36px; font-weight: bold; color: #fff; letter-spacing: 0.08em; margin: 0px 0 15px; text-transform: uppercase; } .story-info-big h4 span { display: block; font-family: Tangerine; font-size: 40px; font-weight: bold; color: #db1914; letter-spacing: 0.05em; text-transform: none; } .story-info-big p { font-size: 15px; color: #fff; line-height: 28px; letter-spacing: 0.10em; margin: 0 0 35px; } .story-info-big a { background: #d80702; color: #fff; text-transform: uppercase; font-size: 14px; font-weight: bold; letter-spacing: 0.08em; line-height: 40px; padding: 0 18px; border-radius: 3px; display: table; margin: 0 auto; } .story-info-big img { margin: -75px auto 20px; } .home-blog-recipe { padding-top: 110px; } .home-blog-recipe .story-info { text-align: center; padding: 20px; } .home-blog-recipe .story-info h4 { font-size: 19px; line-height: 29px; font-weight: bold; color: #000; letter-spacing: 0.08em; margin: 0px 0 13px; text-transform: uppercase; } .home-blog-recipe .story-info h4 span { display: block; font-family: Tangerine; font-size: 28px; font-weight: bold; color: #db1914; letter-spacing: 0.05em; text-transform: none; } .home-blog-recipe .story-info p { font-size: 12px; color: #666; line-height: 21px; letter-spacing: 0.1em; margin: 0px 0px 15px; } .home-blog-recipe .story-info a { background: #d80702; color: #fff; text-transform: uppercase; font-size: 13px; font-weight: bold; letter-spacing: 0.08em; line-height: 40px; padding: 0 18px; border-radius: 3px; display: table; margin: 0 auto; } .slider-caption4 { padding: 453px 0 240px; position: relative; z-index: 55; } .slider-caption4 h3 { font-size: 50px; color: #fff; font-weight: 700; letter-spacing: 0.20em; line-height: 70px; margin: 0px 0 0px; text-transform: uppercase; } .slider-caption4 p { font-size: 25px; color: #fff; letter-spacing: 0.20em; margin: 0px 0 15px; } .slider-caption4 h3 span { } .slider-caption4 a { background: #db1814; font-size: 40px; letter-spacing: 0.20em; font-family: Tangerine; color: #fff; border-radius: 5px; padding: 8px 40px; margin: 45px auto 0; display: table; } .home-info2 { background: url(../../images/richa/bg/6.jpg) no-repeat center right; background-size: cover; padding: 190px 0; background-position: 30% 50%; } .home-info2 h4 { margin: 46px 0px 25px; letter-spacing: 0.08em; font-size: 45px; line-height: 55px; color: #fff; font-family: Lato; font-weight: 900; } .home-info2 h4 span { display: block; text-transform: none; font-weight: 400; margin-bottom: 0; font-family: Tangerine; font-size: 50px; line-height: 72px; color: #d80702; letter-spacing: 0.05em; } .home-info2 h4 em { font-weight: 400; font-family: Tangerine; font-size: 50px; color: #d80702; letter-spacing: 0.05em; font-style: normal; padding-right: 15px; } .home-info2 p { font-size: 15px; color: #939292; line-height: 30px; letter-spacing: 0.05em; } .home-info2 a { position: relative; display: table; margin: 62px 0 0; overflow: hidden; border: 1px solid #D80702; } .home-info2 a:hover { border: 1px solid #D80702; transition: .4s; } .home-info2 a:hover span { background: #D80702; color: #fff; transition: .4s; } .home-info2 a:hover:after { opacity: 0; transition: .4s; } .home-info2 a:after { content: ""; background: #040205; position: absolute; left: 0px; right: 0px; top: 15px; height: 14px; width: 100%; z-index: 9; transition: .4s; } .home-info2 a span { padding: 0px 20px; color: #D80702; text-transform: uppercase; line-height: 41px; font-size: 12px; letter-spacing: 0.1em; font-family: lato; font-weight: 700; display: table; position: relative; z-index: 55; transition: .4s; } .home-subscribe-bg { background: url(../../images/richa/bg/7.jpg) no-repeat center fixed; background-size: cover; position: relative; } .home-subscribe-bg .section-head h2 { color: #fff; } .home-subscribe-bg p { color: #dbdbdb; } .home-parallax { background: #000; padding: 245px 0; text-align: center; overflow: hidden; } .parallax-bg1 { background: url(../../images/richa/parallax/1.jpg) no-repeat center fixed; background-size: cover; position: relative; } .parallax-bg2 { background: url(../../images/richa/parallax/2.jpg) no-repeat center fixed; background-size: cover; position: relative; } .parallax-bg3 { background: url(../../images/richa/parallax/3.jpg) no-repeat center fixed; background-size: cover; position: relative; } .parallax-bg4 { background: url(../../images/richa/parallax/4.jpg) no-repeat center fixed; background-size: cover; position: relative; } .home-parallax h4 { font-size: 60px; line-height: 66px; font-weight: 900; font-familt: lato; color: #fff; letter-spacing: 0.08em; margin: 0px 0 25px; text-transform: uppercase; } .home-parallax h4 span { display: block; font-family: Tangerine; font-size: 40px; line-height: 66px; font-weight: bold; color: #db1914; letter-spacing: 0.30em; text-transform: none; } .home-parallax p { font-size: 15px; color: #dbdbdb; line-height: 28px; letter-spacing: 0.10em; margin: 0 0 35px; } .home-parallax a { background: #d80702; color: #fff; text-transform: uppercase; font-size: 14px; font-weight: bold; letter-spacing: 0.08em; line-height: 40px; padding: 0 22px; border-radius: 3px; display: table; margin: 0 auto; } .no-padding-bottom { padding-bottom: 0px; } .home-shop { padding: 110px 0; } .shop-search { display: table; width: 100%; max-width: 755px; height: 70px; margin: -16px auto 40px; } .shop-search input { background: url(../../images/richa/search.png); height: 70px; border: 1px solid #e7e7e7; text-align: center; padding: 0 50px; font-size: 17px; width: 100%; letter-spacing: 0.30em; } .shop-thumb { border: 1px solid #e7e7e7; border-radius: 3px; } .product { border-bottom: 1px solid #d80702; margin-bottom: 50px; } .product a { background: #d80702; line-height: 53px; padding: 0 94px 0 29px; color: #fff; font-family: lato; font-size: 17px; display: table; position: relative; margin: -32px auto 0; } .product a span { background: #373636; line-height: 53px; width: 65px; color: #fff; text-align: center; font-size: 20px; position: absolute; top: 0; right: 0; } .product a:hover { background: #d80702; color: #fff; } .product a:hover span { background: #000; color: #fff; } .product h4 { font-size: 21px; line-height: 36px; letter-spacing: 0.05em; color: #000; font-weight: 700; text-align: center; margin: 20px 0; } .load-more { width: 108px; height: 108px; background: #000; border-radius: 50%; line-height: 30px; display: table; margin: 0px auto; color: #FFF; text-align: center; font-size: 15px; font-weight: 700; padding-top: 17px; } .load-more i { font-size: 15px; } .load-more:hover { background: #d80702; color: #fff; } #home-receipes .owl-controls { margin: 0px; text-align: center; padding: 0 50px; } #home-receipes .owl-controls .owl-page span { display: block; width: 112px; height: 112px; margin: 0px 5px; border-radius: 50%; opacity: 1 !important; background-color: transparent; border: 3px solid transparent; } #home-receipes .owl-controls .owl-page:first-child span { background: url(../../images/richa/nav/1.png) no-repeat center; background-size: cover; } #home-receipes .owl-controls .owl-page:nth-child(2) span { background: url(../../images/richa/nav/2.png) no-repeat center; background-size: cover; } #home-receipes .owl-controls .owl-page:nth-child(3) span { background: url(../../images/richa/nav/3.png) no-repeat center; background-size: cover; } #home-receipes .owl-controls .owl-page.active span { opacity: 1 !important; border-color: #fb383b; } #home-receipes .owl-prev { width: 37px; height: 37px; background: #37373e; line-height: 37px; position: absolute; border-radius: 0px; text-align: center; font-size: 0px; opacity: 1; left: 0; bottom: 32px; } #home-receipes .owl-next { width: 37px; height: 37px; background: #37373e; line-height: 37px; position: absolute; border-radius: 0px; text-align: center; font-size: 0px; opacity: 1; right: 0; bottom: 32px; } #home-receipes .owl-prev:after { content: "\e629"; font-family: "themify"; color: #fff; font-size: 15px; position: absolute; height: 100%; width: 100%; top: 0; left: 0; right: 0; } #home-receipes .owl-next:after { content: "\e628"; font-family: "themify"; color: #fff; font-size: 15px; position: absolute; height: 100%; width: 100%; top: 0; left: 0; right: 0; } #home-receipes .owl-prev:hover, #home-receipes .owl-next:hover { background: #db1914; } #home-receipes .owl-pagination { margin-top: 65px; } #home-team .owl-controls { margin: 0px; padding: 0 0px; position: absolute; right: -180px; top: 50%; transform: translateY(-50%); } #home-team .owl-controls .owl-page { display: block; } #home-team .owl-controls .owl-page span { display: block; width: 137px; height: 137px; margin: 20px 0; border-radius: 50%; opacity: 1 !important; background-color: transparent; transition: .4s; } #home-team .owl-controls .owl-page:first-child span { background: url(../../images/richa/nav/quote/1.png) no-repeat center; background-size: cover; } #home-team .owl-controls .owl-page:nth-child(2) span { background: url(../../images/richa/nav/quote/2.png) no-repeat center; background-size: cover; } #home-team .owl-controls .owl-page:nth-child(3) span { background: url(../../images/richa/nav/quote/3.png) no-repeat center; background-size: cover; } #home-team .owl-controls .owl-page.active span { opacity: 0.7 !important; transition: .4s; } .home-gallery { background: #fff; } .gallery-isotope .isotope-item , .gallery-isotopes .isotope-items { width: 25%; } .gallery-2col .isotope-item { width: 50%; padding: 0 15px; } .no-bg { background: none; } .gallery-filter { display: table; margin: -26px auto 45px; } .gallery-filter li a { border: 2px solid transparent; line-height: 30px; padding: 0 25px; text-transform: uppercase; font-family: Lato; font-weight: 800; display: table; font-size: 13px; letter-spacing: 0.20em; color: #636363; } .gallery-filter li a:hover, .gallery-filter li a.active { border: 2px solid #d13431; line-height: 30px; padding: 0 25px; text-transform: uppercase; font-family: Lato; font-weight: 800; display: table; font-size: 13px; letter-spacing: 0.20em; color: #d13431; } .isotope-items .gi-overlay h4 , .isotope-item .gi-overlay h4 { margin: 28px 0px 45px; font-size: 30px; font-weight: bold; text-transform: uppercase; color: #fff; letter-spacing: 0.04em; } .isotope-items .gi-overlay a , .isotope-item .gi-overlay a { width: auto; height: auto; background: transparent; display: inline-block; line-height: auto; text-align: center; border-radius: 0px; color: #fff; font-size: 16px; border: none; transition: .4s; } .isotope-items .gi-overlay a i , .isotope-item .gi-overlay a i { width: 52px; height: 52px; background: transparent; display: inline-block; line-height: 48px; text-align: center; border-radius: 50%; color: #fff; font-size: 16px; border: 2px solid #fff; transition: .4s; } .isotope-items .gi-overlay a span , .isotope-item .gi-overlay a span { line-height: 40px; font-size: 13px; font-weight: bold; font-style: italic; padding: 0 25px; background: #282828; display: table; } .isotope-items .gi-overlay a:hover , .isotope-item .gi-overlay a:hover { border: none; background: transparent; color: #fff; font-size: 16px; transition: .4s; } #home-quotes .slides img { width: auto; display: block; margin: 0 auto; } #home-quotes { margin-bottom: 0; padding-bottom: 55px; } .flex-prev { font-size: 20px; display: table; position: absolute; top: 50%; left: 50px; margin-top: -22px; width: 44px; height: 44px; line-height: 40px; color: #fff; text-align: center; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: solid 1px #fff; z-index: 555; } .flex-next { font-size: 20px; display: table; position: absolute; top: 50%; right: 50px; margin-top: -22px; width: 44px; height: 44px; line-height: 40px; color: #fff; text-align: center; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: solid 1px #fff; z-index: 555; } .flex-prev:hover, .flex-next:hover { background: #fff; color: #000; } .form-select { position: relative; } .form-select:after { content: "\f0d7"; font-family: "FontAwesome"; color: #2A2A2A; font-size: 14px; position: absolute; top: 18px; right: 40px; } .form-select select { position: relative; appearance: none; -moz-appearance: none; -webkit-appearance: none; } .form-select i { left:47px; } .parallax { position: relative; background-attachment: fixed; background-position: 50% 0; background-repeat: no-repeat; } footer { background: url(../../images/richa/footer.jpg) no-repeat center center; background-size: cover; padding: 85px 0 90px; } .footer-widget h4 { color: #fff; text-transform: uppercase; margin: 0 0 33px; font-size: 18px; letter-spacing: 0.04em; } .footer-widget h4 span { color: #db1914; } .open-timing { } .open-timing li { color: #CDCDCD; font-size: 13px; border-bottom: 1px solid #3A3A3A; display: table; width: 100%; padding-bottom: 17px; font-family: Lato; margin-bottom: 16px; } .open-timing li:last-child { padding-bottom: 0px; margin-bottom: 40px; border-bottom: none; } .open-timing li div { display: table-cell; vertical-align: middle; } .open-timing li span { background: transparent; height: 1px; width: 34%; display: table-cell; vertical-align: middle; margin: 0px 5%; border-bottom: 1px dotted #cdcdcd; position: relative; top: -8px; } .open-timing li:last-child span { position: relative; top: 8px; } .l-posts { } .l-posts li { border-bottom: 1px solid rgba(255,255,255,0.05); padding-bottom: 20px; margin-bottom: 20px; display: table; width: 100%; } .l-posts li:last-child { padding-bottom: 0px; margin-bottom: 0px; border: none; } .lpost-inner { margin-left: 106px; } .l-posts li h5 { margin: 12px 0 5px; font-size: 13px; line-height: 20px; letter-spacing: 0.04em; } .l-posts li h5 a { color: #fff; } .l-posts li h5 a:hover { color: #db1914; } .l-posts li p { color: #6b6b6b; font-size: 10px; } .l-posts li img { width: 91px; } .footer-gallery { margin-bottom: 16px; display: table; width: 100%; } .footer-gallery li { width: 50%; float: left; padding-right: 2px; padding-bottom: 2px; transition: .4s; } .footer-gallery li:hover { opacity: 0.7; transition: .4s; } .footer-contact p { line-height: 23px; color: #fff; letter-spacing: 0.10em; font-size: 13px; margin: 0 0 45px; } .footer-contact li { position: relative; padding-left: 33px; font-size: 13px; letter-spacing: 0.03em; color: #FFF; border-bottom: 1px solid rgba(255,255,255,0.05); padding-bottom: 15px; margin-bottom: 15px; } .footer-contact li:last-child { margin-bottom: 0px; } .footer-contact li i { position: absolute; color: #DB1914; left: 0px; font-size: 15px; top: 3px; } .btn.btn-small { background: #db1914; font-size: 10px; color: #fff; text-transform: uppercase; letter-spacing: 0.04em; font-weight: bold; border-radius: 2px; } .btn.btn-small:hover { background: #333; color: #fff; } .wrapper { background: #fff; } #home-story .owl-prev { width: 37px; height: 37px; background: #37373e; line-height: 37px; position: absolute; border-radius: 0px; text-align: center; font-size: 0px; opacity: 1; left: -162px; top: 50%; margin-top: -18px; } #home-story .owl-next { width: 37px; height: 37px; background: #37373e; line-height: 37px; position: absolute; border-radius: 0px; text-align: center; font-size: 0px; opacity: 1; right: -162px; top: 50%; margin-top: -18px; } #home-story .owl-prev:after { content: "\e629"; font-family: "themify"; color: #fff; font-size: 15px; position: absolute; height: 100%; width: 100%; top: 0; left: 0; right: 0; } #home-story .owl-next:after { content: "\e628"; font-family: "themify"; color: #fff; font-size: 15px; position: absolute; height: 100%; width: 100%; top: 0; left: 0; right: 0; } #home-story .owl-prev:hover, #home-story .owl-next:hover { background: #db1914; } .home-facts { padding: 150px 0; } .home-facts h4 { text-transform: uppercase; font-size: 19px; letter-spacing: 0.04em; margin: 26px 0 12px; } .fact-count { color: #db1914; font-size: 30px; font-weight: bold; letter-spacing: 0.04em; } .home-facts .col-md-3 p { font-size: 15px; letter-spacing: 0.1em; line-height: 28px; color: #666; margin-top: 7px; } .home-spl-words { background: url(../../images/richa/bg/8.jpg) no-repeat center; background-size: cover; padding: 0; } #home-spl-words { padding: 55px 150px 60px 60px; -webkit-border-radius: 44px; -moz-border-radius: 44px; border-radius: 44px; background-color: rgba(247,243,232,0); border: solid 2px rgba(255,255,255,.2); margin-top: 20px; } #home-spl-words h2 { font-family: Lato; font-weight: 900; font-size: 45px; text-transform: uppercase; color: #fff; letter-spacing: 0.10em; margin: 0 0 18px; } #home-spl-words h2 span { text-transform: none; font-family: Tangerine; font-size: 40px; line-height: 60px; font-weight: bold; color: #db1914; display: block; letter-spacing: 0.30em; } #home-spl-words p { font-size: 14px; line-height: 30px; color: #dbdbdb; letter-spacing: 0.10em; margin-bottom: 42px; padding-right:60px; } #home-spl-words a { line-height: 58px; background: #db1914; padding: 0 38px; color: #fff; font-size: 14px; letter-spacing: 0.04em; font-weight: bold; display: table; } #home-spl-words .owl-controls { margin: 0px; text-align: center; position: absolute; bottom: 0; bottom: -20px; right: 340px; } #home-spl-words .owl-controls .owl-page span { display: block; margin: 0px 5px; opacity: 1 !important; width: 29px; height: 29px; -webkit-border-radius: 14px 15px 15px 14px/14px 14px 15px 15px; -moz-border-radius: 14px 15px 15px 14px/14px 14px 15px 15px; border-radius: 14px 15px 15px 14px/14px 14px 15px 15px; background-color: #2a2a2d; border: solid 2px rgba(255,255,255,.2); } #home-spl-words .owl-controls .owl-page.active span { opacity: 1 !important; background: #db1914; border: solid 2px rgba(255,255,255,0); } .home-spl-words .col-md-10 { position: relative; left: 0px; } .home-spl-words .col-md-2 { position: relative; left: 185px; } .bg1 { background: #fff; } .bg2 { background: #f7f3e8; } .home-menu2 { background: url(../../images/richa/bg/9.jpg) no-repeat center; background-size: cover; padding: 110px 0; } .home-menu2 .hm-info { padding: 0px 45px 0px; background: transparent; border-radius: 2px; box-shadow: none; } .home-menu2 .section-head p { font-size: 14px; line-height: 30px; letter-spacing: 0.1em; color: #656565; padding: 0 8%; margin-top: -42px; } .home4-slider { background: url(../../images/richa/slider/4.jpg); } .home-delivery { background: url(../../images/richa/bg/10.jpg) no-repeat center center; background-size: cover; padding: 135px 0; } .home-delivery .section-head p { font-size: 14px; line-height: 30px; letter-spacing: 0.1em; color: #656565; padding: 0 15%; margin: -42px 0 32px; } .home-delivery a { background: url(../../images/richa/delivery.png) no-repeat center center; width: 286px; height: 106px; text-align: center; font-size: 26px; text-transform: uppercase; color: #fff; display: table; margin: 0 auto; font-weight: bold; letter-spacing: 0.20em; padding-top: 21px; } .home-delivery a span { text-transform: none; font-size: 16px; color: #db1914; display: block; margin-bottom: 4px; } .home-parallax-receipes { background: url(../../images/richa/bg/11.jpg) no-repeat center center; background-size: cover; padding: 215px 0 155px; } .home-parallax-receipes h4 { font-size: 60px; line-height: 66px; font-weight: 900; font-familt: lato; color: #fff; letter-spacing: 0.08em; margin: 0px 0 25px; text-transform: uppercase; } .home-parallax-receipes span { display: block; font-family: Tangerine; font-size: 40px; line-height: 66px; font-weight: bold; color: #db1914; letter-spacing: 0.30em; text-transform: none; } .home-parallax-receipes p { font-size: 15px; color: #dbdbdb; line-height: 28px; letter-spacing: 0.10em; margin: 0 0 35px; } .home-parallax-receipes a { background: #d80702; color: #fff; text-transform: uppercase; font-size: 14px; font-weight: bold; letter-spacing: 0.08em; line-height: 40px; padding: 0 22px; border-radius: 3px; display: table; margin: 0 auto; } #home-rp .owl-prev { width: 57px; height: 57px; background: #fff; line-height: 57px; position: absolute; border-radius: 0px; text-align: center; font-size: 0px; color: #181818; opacity: 1; left: -50px; top: 50%; margin-top: -57px; } #home-rp .owl-next { width: 57px; height: 57px; background: #fff; line-height: 57px; position: absolute; border-radius: 0px; text-align: center; font-size: 0px; opacity: 1; right: -50px; top: 50%; margin-top: -57px; color: #181818; } #home-rp .owl-prev:after { content: "\f104"; font-family: 'FontAwesome'; font-size: 20px; position: absolute; height: 100%; width: 100%; top: 0; left: 0; right: 0; } #home-rp .owl-next:after { content: "\f105"; font-family: 'FontAwesome'; font-size: 20px; position: absolute; height: 100%; width: 100%; top: 0; left: 0; right: 0; } #home-rp .owl-prev:hover, #home-rp .owl-next:hover { background: #db1914; color: #fff; } .home5-slider { background: url(../../images/richa/slider/5.jpg) no-repeat center center; background-size: cover; padding: 500px 0 185px; } .home5-slider .slider-caption { padding: 0; } .home5-slider .slider-caption h2 { margin: 0 0 23px; font-size: 70px; font-family: Noto Sans; letter-spacing: 0.08em; } .home5-slider .slider-caption h6 { margin: 0; font-size: 18px; font-family: Noto Sans; text-transform: uppercase; font-weight: bold; line-height: 30px; color: #fb383b; letter-spacing: 0.30em; } .index5 .footer-copyright { background: #222222; } .video_player { position: absolute; top: -25%; left: -25%; right: 0px; width: 150%; height: 150%; opacity: 0; transition: .4s; } .video_player.active { opacity: 1; transition: .4s; } #playVid { color: #f03639; width: 96px; height: 96px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: solid 3px #f03639; margin: 5px auto 50px; font-size: 30px; text-align: center; line-height: 90px; cursor: pointer; } .header2 .top-bar { background: none; height: 74px; padding: 22px 0px 0px; } .header2 .tb-social { margin: 0 auto; display: table; } .header2 .tb-social a { margin: 0 5px; } .header2 .navbar-default { background: rgba(30, 30, 30, 0.93); border-radius: 0px; border: medium none; padding: 24px 0px; margin: 0px; height: 95px; } .header2 .navbar-default .navbar-brand { padding: 0; margin: -24px auto 0; display: table; } .header2 .tb-left { position: relative; top: -2px; } .header2 .tb-left li { margin-bottom: 10px; } .header2 .header-cart { float: right; margin-left: 90px; margin-top: -54px; } .text-white { color: #fff !important; } #rs-slide .owl-prev { width: 48px; height: 48px; background: #000; line-height: 48px; position: absolute; border-radius: 0px; text-align: center; font-size: 0px; color: #fff; opacity: 1; left: 0px; top: 50%; margin-top: -24px; } #rs-slide .owl-next { width: 48px; height: 48px; background: #000; line-height: 48px; position: absolute; border-radius: 0px; text-align: center; font-size: 0px; color: #fff; opacity: 1; right: 0px; top: 50%; margin-top: -24px; } #rs-slide .owl-prev:after { content: "\f104"; font-family: 'FontAwesome'; font-size: 20px; position: absolute; height: 100%; width: 100%; top: 0; left: 0; right: 0; } #rs-slide .owl-next:after { content: "\f105"; font-family: 'FontAwesome'; font-size: 20px; position: absolute; height: 100%; width: 100%; top: 0; left: 0; right: 0; } #rs-slide .owl-prev:hover, #rs-slide .owl-next:hover { background: #db1914; color: #fff; } #rs-slide .owl-controls { width: 100%; max-width: 1140px; margin: 0px auto; position: absolute; top: 50%; left: 0px; right: 0px; height: 48px; margin-top: -24px; } .home-subscribe2 { background: #121212; padding: 110px 0; } .home-subscribe2 p { font-size: 15px; line-height: 30px; letter-spacing: 0.1em; color: #fff; margin: 35px 0px 40px; padding: 0px 8%; } .home-subscribe2 form { position: relative; } .home-subscribe2 form input { height: 60px; color: #fff; background: #202020; width: 100%; border: none; padding: 0 230px 0 50px; font-size: 12px; letter-spacing: 0.08em; } .home-subscribe2 form button { background: #db1914; color: #fff; border: medium none; line-height: 60px; padding: 0px 40px; font-size: 14px; font-weight: 700; position: absolute; width: 178px; top: 0px; right: 0px; } .home-subscribe2 form button i { font-size: 13px; margin-left: 10px; } .reservation-form-lite input::-webkit-input-placeholder { color: #d0cece; opacity: 1; } .reservation-form-lite input:-moz-placeholder { color: #d0cece; opacity: 1; } .reservation-form-lite input::-moz-placeholder { color: #d0cece; opacity: 1; } .reservation-form-lite input:-ms-input-placeholder { color: #d0cece; opacity: 1; } .reservation-form-lite textarea::-webkit-input-placeholder { color: #d0cece; opacity: 1; } .reservation-form-lite textarea:-moz-placeholder { color: #d0cece; opacity: 1; } .reservation-form-lite textarea::-moz-placeholder { color: #d0cece; opacity: 1; } .reservation-form-lite textarea:-ms-input-placeholder { color: #d0cece; opacity: 1; } .reservation-form-lite select { color: #d0cece; } .reservation-form-lite select:focus { color: #121212; } .home-staff2 { position: relative; background: #fbf7ec; overflow: hidden; } .home-staff2 .team-member { width: 50%; background: url(../../images/richa/4.jpg) no-repeat center center; background-size: cover; position: absolute; height: 100%; left: 0px; border: 20px solid #fff; } .home-staff2 h4 { margin: 0px 0px 21px; letter-spacing: 0.2em; font-size: 35px; text-transform: uppercase; color: #1C1B1B; font-family: Lato; font-weight: 900; } .home-staff2 h4 span { display: block; text-transform: none; font-weight: 400; margin-bottom: -12px; font-family: Tangerine; font-size: 80px; color: #d80702; letter-spacing: 0.05em; } .home-staff2 p { font-size: 15px; color: #666666; line-height: 30px; letter-spacing: 0.05em; } .home-staff2 .col-md-10 { padding: 110px 85px; } .home-staff2 cite { font-style: normal; letter-spacing: 0.3em; font-size: 14px; font-weight: bold; color: #000000; text-transform: uppercase; display: table; margin: 40px auto 0px; } .header2 .navbar-nav > li > .dropdown-menu { background: #222 url(../../images/richa/menu.jpg) no-repeat center center; background-size: cover; padding: 27px 30px; border-radius: 0px; border: none; width: 466px; padding-right: 265px; margin-top: 20px; left: 0; right: auto; } .header2 .navbar-nav li .dropdown-menu:after { content: ""; border: 1px solid #625d5a; position: absolute; top: 3%; right: 0; left: 3%; width: 94%; height: 94%; } .header2 .navbar-nav li .dropdown-menu:before { content: ""; position: absolute; top: -20px; right: 0; left: 0; width: 100%; height: 20px; } .header2 .navbar-nav > li > .dropdown-menu > li.menu-product { position: absolute; top: 0px; right: 26px; height: 100%; width: 220px; } .header2 .navbar-nav > li > .dropdown-menu > li.menu-product a { position: absolute; height: 100%; background: #f00; padding: 0; } .header2 .navbar-nav > li > .dropdown-menu > li.menu-product a img { height: 100%; } .qty { width: 40px; height: 25px; text-align: center; } input.qtyplus { width: 25px; height: 25px; } input.qtyminus { width: 25px; height: 25px; } .hc-item { background: #f5f5f5; display: table; width: 100%; } .home-cart-box { width: 450px; position: absolute; top: 150px; right: 0; opacity: 0; visibility: hidden; transition: .4s; z-index:1111; } .cart-head:hover .home-cart-box { top: 130px; opacity: 1; visibility: visible; transition: .4s; } .header2 .home-cart-box { width: 450px; position: absolute; top: 90px; right: 0; opacity: 0; visibility: hidden; transition: .4s; } .header2 .cart-head:hover .home-cart-box { top: 71px; opacity: 1; visibility: visible; transition: .4s; } .hc-item h4 { color: #000; font-size: 17px; line-height: 20px; margin: 0; letter-spacing: 0.05em; } .hc-price { color: #000; font-size: 14px; line-height: 30px; margin: 0; letter-spacing: 0.05em; font-weight: 700; padding: 5px 3px 10px; } .hc-item input { color: #000; font-size: 13px; margin: 0; letter-spacing: 0.05em; font-weight: 400; padding: 3px 3px; border: none; background: transparent; width: 37px; text-align: center; } input.qty { font-weight: 700; } .hc-item .col-md-6 { height: 223px; } .hc-item .col-md-6:nth-child(2) { border-left: 2px solid #e3e3e3; border-bottom: 2px solid #e3e3e3; padding: 46px 40px 0; position: relative; } .hc-close { font-size: 13px; font-weight: 700; position: absolute; top: 13px; right: 20px; cursor: pointer; } .hc-close:hover { color: #ddd; } .hc-item-total .col-md-6:nth-child(2) { background: #F5F5F5; border-left: 2px solid #E3E3E3; padding: 30px 30px 30px; position: relative; margin-top: -45px; } .hc-item-total p { font-size: 13px; font-weight: 700; letter-spacing: 0.10em; text-transform: uppercase; margin: 0; } .hc-item-total p span { background: #db1914; width: 21px; height: 21px; color: #fff; display: inline-block; text-align: center; border-radius: 50%; position: relative; top: -1px; } .hc-item-total a { line-height: 41px; background: #db1914; padding: 0 35px; color: #fff; font-size: 15px; font-weight: bold; display: table; margin-top: 25px; } .hc-item-total a:hover { background: #333; color: #fff; } .blog-single { padding: 155px 0 65px; } .blog-single p { font-size: 15px; line-height: 35px; color: #656565; letter-spacing: 0.10em; } .bs-meta { font-size: 13px; font-weight: 400; font-style: italic; text-transform: uppercase; color: #FB383B; letter-spacing: 0.3em; margin: 39px 0 28px -20px; } .bs-meta span { margin: 0 20px; } .blog-single h4 { margin: 80px 0 0; font-size: 33px; letter-spacing: 0.05em; color: #000000; } .bs-quote { font-size: 22px; line-height: 35px; font-style: italic; letter-spacing: 0.10em; padding: 115px 105px 90px 145px; position: relative; } .bs-quote-left { font-size: 55px; position: absolute; top: 88px; left: 44px; } .bs-quote-right { font-size: 55px; position: absolute; bottom: 97px; right: 140px; } .bs-quote cite { font-size: 15px; color: #b6b6b6; display: block; } .blog-single h5 { font-size: 23px; text-transform: uppercase; letter-spacing: 0.10em; color: #000000; font-weight: bold; margin: 60px 0 35px; } .bg-tag { margin-bottom: 140px; margin-top: 20px; } .bg-tag li a { color: #7E7E7E; font-size: 13px; padding: 10px 20px 10px 40px; border: 4px dotted #e2e2e2; display: table; border-radius: 13px; position: relative; } .bg-tag li a::after { content: ""; width: 9px; height: 9px; border-radius: 50%; background-color: #FFF; border: 2px solid #f1f1f1; position: absolute; top: 19px; left: 20px; } .author-info { border: 1px solid #f0f0f0; padding: 37px; } .author-info-inner { position: relative; background: url(../../images/richa/about.jpg) no-repeat center center; background-size: cover; position: relative; padding-left: 345px; height: 250px; } .author-img { position: absolute; top: 0; left: 0; height: 250px; width: 286px; } .author-info-inner { padding-top: 65px; } .author-info-inner h6 { color: #fff; font-weight: bold; font-size: 20px; margin: 0 0 15px; letter-spacing: 0.08em; } .author-info-inner p { color: #fff; font-size: 14px; line-height: 28px; letter-spacing: 0.04em; } .author-social li { margin-left: 10px; float: left; 3; } .author-social li a { width: 42px; height: 42px; background: #575757; color: #fff; font-size: 15px; text-align: center; line-height: 42px; border-radius: 5px; display: table; } .author-info-inner .col-md-6:nth-child(2) { padding-right: 105px; } .padding-no { padding: 0; } .blog-single .related-posts { padding: 200px 0px 150px; } .blog-single .rp-item h4 { color: #fff; margin: 0; text-transform: none; font-size: 20px; text-align: center; } /* 13. Comment Styles */ .blog-comments { margin-bottom: 175px; } .comment-head { padding: 27px 50px; text-align: center; background: #f0f0f0; font-size: 20px; letter-spacing: 0.10em; font-weight: bold; margin: 0 0 135px; } .comment-list { padding: 0 105px; } .comment-list ul li { margin-bottom: 100px; } .comment-list ul li img { float: left; } .comment-info { margin-left: 195px; } .comment-info h3 { margin: 0px 0px 0px; font-size: 18px; letter-spacing: 0.04em; padding-top: 6px; } .comment-date { display: block; font-size: 14px; color: #e23a3e; font-weight: normal; letter-spacing: 0.03em; margin-top: 16px; } .comment-info p { font-size: 13px; line-height: 28px; letter-spacing: 0.1em; margin: 17px 0 15px 0; } .reply { color: #e23a3e; font-size: 13px; letter-spacing: 0.04em; } .reply a { color: #222; } .comment-sub { padding-left: 195px; } .cart-table { font-size: 16px; } .cart-table thead tr th { background: #000; color: #fff; border: 1px solid #222; text-transform: uppercase; line-height: 40px; } .cart-table thead { border-top: 1px solid #000; } .cart-table tbody tr td a { color: #000; font-weight: 600; font-size: 15px; } .cart-table tbody tr td a:hover { color: #d80702; } .cart-table thead tr th , .cart-table tbody tr td { vertical-align: middle; text-align: center; line-height: 30px; font-size: 14px; letter-spacing: 0.08em; } .coupon { text-align: left; padding: 5px 0 10px; } .coupon input { border: 1px solid #e23a3e; height: 35px; padding: 0 15px; line-height: 33px; width: 70%; float: left; color: #000; font-size: 13px; } .coupon button { color: #fff; text-transform: uppercase; background: #e23a3e; height: 35px; padding: 0 15px; border: none; line-height: 35px; width: 30%; font-size: 10px; transition: .4s; } .coupon button:hover { background: #555; transition: .4s; color: #fff; } .cart-btn { float: right; margin-top: 17px; } .cart-btn button, .pay-btn { float: left; margin-left: 5px; background: #DB1914; font-size: 13px; color: #FFF; text-transform: uppercase; letter-spacing: 0.04em; font-weight: bold; border-radius: 2px; border: none; line-height: 50px; padding: 0 25px; } .coupon { width: 260px; } .table thead tr th { border-radius: 0px !important; border: none; } .cart_totals { font-size: 16px; } .billing-details select { height: 40px; border: 1px solid #e5e5e5; margin-bottom: 15px; font-size: 15px; } .logregform input, .billing-details input { width: 100%; height: 56px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: rgba(211,203,203,0); border: solid 1px #eee; padding: 0 30px; margin-bottom: 22px; font-size: 12px; letter-spacing: 0.20em; font-weight: 600; color: #888; } .logregform input:focus, .billing-details input:focus { box-shadow: none; outline: 0; border: 1px solid #aaa; } .logregform a { color: #DB1914; font-size: 12px; } .billing-details textarea { border: 1px solid #e5e5e5; margin-bottom: 15px; font-size: 15px; } .logregform label, .billing-details label { font-size: 14px; font-weight: 600; color: #666; letter-spacing: 0.10em; } .payment-method .col-md-4 span { display: inline-block; margin-left: 9px; position: relative; top: -1px; text-transform: uppercase; font-weight: 600; font-size: 16px; margin-bottom: 10px; } .payment-method form span { text-transform: none; font-size: 15px; margin-left: 9px; } .payment-method p { font-size: 14px; line-height: 25px; margin-bottom: 10px; letter-spacing: 0.08em; color: #999; } .table.extra-padding tbody tr th, .table.extra-padding tbody tr td { padding: 15px; } .logregform { border: 1px solid #e2e2e2; padding: 50px; } .logregform input[type="checkbox"] { height: 0px; float: left; width: auto; } .ma-address h3 { margin: 0 0 10px; } .ma-address { border: 1px solid #ddd; padding: 25px; } .ma-address h4 { text-transform: uppercase; margin: 30px 0 10px; text-align: left; } .ma-address h4 a { font-size: 14px; margin-left: 5px; } .ma-address p { font-size: 15px; letter-spacing: 0.10em; color: #636363; } .ma-address a { color: #DB1914; } .logregform button { background: #DB1914; font-size: 13px; color: #FFF; text-transform: uppercase; letter-spacing: 0.04em; font-weight: bold; border-radius: 2px; border: none; line-height: 50px; padding: 0 25px; } .shop-content { padding: 105px 0; } .shop-content h3 { text-transform: uppercase; color: #000; letter-spacing: 0.04em; } .shop-content aside h5 { font-weight: 800; } .shop-cat { padding: 0; } .shop-cat li { list-style: none; font-size: 13px; color: #0a0a0a; font-family: Josefin Sans; margin-bottom: 20px; position: relative; text-transform: uppercase; } .shop-cat li i { font-size: 13px; color: #0A0A0A; position: absolute; top: 5px; right: 0px; } .shop-cat li:last-child { margin-bottom: 0px; } .shop-cat li a { color: #0a0a0a; padding-right: 35px; position: relative; width: 100%; display: table; } .shop-cat li a:hover { color: #d80702; } .side-widget { margin-bottom: 70px; } .side-widget h5 { font-size: 20px; color: #4B4741; font-weight: 600; text-align: left; margin: 0 0 30px; text-transform: uppercase; } .recent-products { padding: 0; } .recent-products li { list-style: none; margin-bottom: 15px; border-bottom: 1px solid #dfdfdf; padding-bottom: 15px; clear: both; display: table; width: 100%; } .recent-products li:last-child { margin-bottom: 0px; border-bottom: none; padding-bottom: 0px; } .recent-products li img { width: 76px; float: left; } .rpp-info { margin-left: 100px; } .rpp-info a { font-size: 14px; color: #0A0A0A; padding: 9px 0px 5px; display: table; text-transform: uppercase; font-weight: 700; letter-spacing: 0.10em; } .rpp-info a:hover { color: #d80702; } .rpp-info span { color: #D80702; font-size: 15px; margin: 5px 0px 2px; font-weight: 600; } .recent-products .rc-ratings { margin: 0; } .recent-products .rc-ratings span { font-size: 12px; margin: 0 1px; color: #e5e5e5; font-weight: normal; } .rc-ratings span.active { color: #F6B61B; } .add-cart-btn { background: #DB1914; font-size: 15px; color: #FFF; text-transform: uppercase; letter-spacing: 0.10em; font-weight: bold; border-radius: 0px; border: none; line-height: 54px; padding: 0 25px; text-align: center; display: table; width: 100%; margin-top: 20px; } .shop-qty { height: 54px; background: #f5f5f5; } .shop-qty input { width: 33.333%; margin: 0 -4px 0 0; padding: 0; border: none; line-height: 54px; height: 54px; background: transparent; font-size: 25px; font-weight: bold; } .shop-qty .qty { font-size: 15px; font-weight: 400; } .shop-single h4 { color: #000; font-size: 22px; line-height: 20px; margin: 0; letter-spacing: 0.05em; } .ss-price { color: #000; font-size: 22px; line-height: 30px; margin: 0; letter-spacing: 0.05em; font-weight: 700; padding: 10px 0px 10px; } .shop-single p { font-size: 14px; letter-spacing: 0.1em; line-height: 30px; color: #636363; margin: 0 0 25px; } .ss-product-info p { font-size: 14px; letter-spacing: 0.1em; line-height: 30px; color: #636363; margin: 0 0 25px; } .list { padding-left: 77px; margin-bottom: 0px; } .list span { padding-left: 25px; position: relative; display: block; margin-bottom: 5px; } .list span i { color: #DB1914; position: absolute; left: 0; top: 8px; font-size: 14px; } .no-padding-top { padding-top: 0px; } .tb-search input { display: table; color: #FFF; width: 70px; border: none; background: transparent; padding-left: 20px; font-weight: 400; height: 30px; font-size: 13px; letter-spacing: 0.05em; } .tb-search input::-webkit-input-placeholder { color: #fff; opacity: 1; } .tb-search input:-moz-placeholder { color: #fff; opacity: 1; } .tb-search input::-moz-placeholder { color: #fff; opacity: 1; } .tb-search input:-ms-input-placeholder { color: #fff; opacity: 1; } .drop-medium { max-width: 160px; } .blog-main-wrap { padding:100px 0 100px; } .blog-main-wrap .blog-article { margin-bottom:50px; } .blog-main-wrap .blog-meta { background: transparent; color: #999; bottom: -45px !important; padding-left: 0px; padding-right: 0px; width: 100%; left: 0px; right: 0px; margin: 0px; font-size: 12px; letter-spacing: 0.08em; text-transform: none; font-weight: 400; } .blog-main-wrap .blog-share a { color: #bbb; border:none; } .blog-main-wrap .blog-share a:after { display:none; } .video { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; } .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:none; } .video-thumb img { opacity:0 !important; } .video-thumb { background:#000; position:relative; } .video-thumb .video { position: absolute; top: 0; left: 0; right: 0; height:100%; width:100%; } .quote-thumb img { opacity:0 !important; } .quote-thumb { background:#d80702; position:relative; } .quote-thumb p { color: #fff; padding: 40px; position: absolute; top: 50%; left: 0px; font-size: 30px; font-style: italic; line-height: 43px; font-family: Lato; transform: translateY(-50%); } .quote-thumb p span { display: block; font-size: 20px; font-weight: 700; margin-top: 14px; } .submitmessage { display: none; margin: auto; width: 100%; height: auto; left: 0px; right: 0px; top: 0px; background: #DB1914; margin: 0 auto 25px auto; color: #fff; } .submitmessage i { color:#fff; font-size:15px; margin-right:5px; } .submitmessage p { margin: 0; padding: 20px; color: #fff; font-size: 14px; letter-spacing: 0.08em; } #result { color: #DB1914 !important; font-size: 12px; padding: 10px 0 0; display: table; width: 100%; text-align: center; } .ketchup-error { display:none !important; } /* 14. Responsive Styles */ @media only screen and (max-width: 1050px) { } @media only screen and (min-width: 768px) and (max-width: 1050px) { .home-shop aside.col-md-3 { width: 40%; } .home-shop .col-md-9 { width: 60%; } .home-shop .col-md-4 { width: 100%; } .reservation-form .col-md-3 { width:50%; } .home-shop .col-md-3 { width:50%; } #home-rp .owl-next { right: 0; } #home-rp .owl-prev { left: 0; } .home-chef .col-md-3 { width:50%; } .slider-caption h4 { font-size: 37px; line-height: 56px; } footer .col-md-3 { width: 50%; min-height: 360px; } .gallery-full .col-md-2 { width:33.3333%; } .home-receipes .col-md-6 { width:100%; } .home-receipes img { width:100%; } .menu-wrapper .price { float: left; padding-left: 0px; } .dotted-bg { display:none; } .footer-gallery li { width: 25%; } footer { padding: 85px 0px 0px; } .home-spl-words .col-md-10 { position: relative; left: 0px; } #home-spl-words h2 { font-size: 44px; } #home-spl-words p { padding-right: 212px; font-size: 12px; line-height: 27px; } #home-spl-words .owl-controls { right: 65%; } #home-spl-words { padding: 35px 53px 40px; } .home-blog-recipe { display: none; } .food-item img { width: 150px; } .food-item { padding-left: 150px; } } @media only screen and (min-width: 768px) and (max-width: 1150px) { .remember-box label { font-size: 10px; line-height: 20px; } .home-parallax-receipes { background: transparent url("../images/bg/11.jpg") no-repeat scroll center center / cover; background-size: 400%; } .home-story .col-md-5 { display:none; } .home-story .col-md-7 { width:100%; } .story-info-big { background: rgba(43, 42, 39, 0.91) none repeat scroll 0% 0%; padding: 0px 60px 60px; width: 72%; } #home-story .owl-next { right: -125px; } #home-story .owl-prev { left: -125px; } .home-deal .row { position: relative; left: 0; } .home-deal h4 { margin: 0px 0px 25px; } .blog-meta span { display:none; } .home-food .gallery-isotope .isotope-item { width: 100%; } .gallery-classic .col-md-4 { width: 50%; } .footer-gallery li img { width:100%; } .container { padding: 0 15px !important; } .tb-right li { margin-right: 0; } .tb-left li { margin-right: 20px; font-size: 9px; } .tb-right li { margin-right: 0; } .tb-right { float: none !important; margin: 0px auto; display: table; } .header-cart { float: right; margin-left: 0px; margin-right: 75px; margin-top: -44px; } .home-staff .col-md-7 { width: 100%; } .home-staff .col-md-10 { padding: 120px 170px 120px 55px; } .home-staff .team-member { display:none; } .gallery-isotope .isotope-item, .gallery-isotopes .isotope-items { width: 50%; } .navbar-toggle { background: none !important; border: none !important; border-radius: 0; } .navbar-default .navbar-toggle .icon-bar { background-color: #DB1914; } .home-cart-box { width: 100%; max-width:450px; } .home-dishes h4 { margin: 6px 0px 25px; } .home-dishes p { font-size: 13px; line-height: 27px; } .home-staff2 .col-md-10 { padding: 50px 5px; } .home-staff2 p { font-size: 13px; line-height: 27px; } .home-facts h4 { font-size: 16px; } .home-facts .col-md-3 p { font-size: 13px; line-height: 23px; } .navbar-header { float: none; } .navbar-left,.navbar-right { float: none !important; } .navbar-toggle { display: block; } .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-collapse.collapse { display: none!important; } .navbar-nav { float: none!important; margin-top: 7.5px; } .navbar-nav>li { float: none; } .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; } .collapse.in{ display:block !important; } .header2 .col-md-5 , .header2 .col-md-2 { width:33.3333%; float:left; } .home-parallax { padding: 145px 0px; background-size: 600% !important; } .header2 .tb-left { position: relative; top: -2px; display: none; } .header2 .header-cart ul li:first-child { display: block; } .header2 .header-cart { float: right; margin-left: 0px; margin-top: 1px; margin-right: 0; } .header2 .navbar-default .navbar-brand { padding: 0px; margin: -24px auto 0px; display: table; position: absolute; left: -31px; right: 0px; width: 138px; } .header2 .navbar-brand > img { display: block; width: 100%; } .billing-details .col-md-4 { width: 100%; } .rp-overlay h4 { line-height: 22px; font-size: 16px; } .rp-overlay p { line-height: 30px; font-size: 13px; margin: 0px 0px 18px; } .author-info-inner { padding-left: 262px; } .author-social li { margin: 5px; float: left; } .author-info-inner { padding: 50px 0 70px 265px; } .author-info-inner p { color: #FFF; font-size: 11px; line-height: 23px; letter-spacing: 0.04em; } .author-img { position: absolute; top: 50%; left: 0px; height: 188px; width: 216px; margin-top: -96px; } } @media only screen and (min-width: 260px) and (max-width: 767px) { .comment-list { padding: 0px 20px; } .comment-list ul li img { float: left; width: 100px; } .comment-info { margin-left: 115px; } .comment-head { margin: 0px 0px 50px; } .comment-sub { padding-left: 0; } .author-img { position: absolute; top: 0px; left: 0px; height: 228px; width: 228px; margin: 20px auto; right: 0; } .author-info-inner .pull-right { float:none !important; } .author-social li a { width: 30px; height: 30px; font-size: 11px; line-height: 30px; display: table; } .author-social li { margin-left: 0; float: left; margin-right: 5px; } .author-info-inner { padding-top: 65px; height: auto; padding: 217px 20px 20px; padding-top: 217px; } .bs-quote { font-size: 22px; line-height: 35px; font-style: italic; letter-spacing: 0.1em; padding: 115px 25px 90px 25px; position: relative; } .bs-quote-left { font-size: 55px; position: absolute; top: 44px; left: 28px; } .bs-quote-right { font-size: 55px; position: absolute; bottom: 40px; right: 0px; } .author-info { border: 1px solid #F0F0F0; padding: 20px; } .author-info-inner { height: auto; padding: 250px 45px 20px; } #rs-slide img { height: 300px; width: auto; max-width: none !important; } .project-meta { font-size: 15px; padding: 0px 20px; } .rs-info { padding: 70px 20px; } .rp-overlay h4 { line-height: 22px; font-size: 16px; } .rp-overlay p { line-height: 30px; font-size: 13px; margin: 0px 0px 18px; } .home-shop .v-align-center { display:block; } .shop-single h4 { margin: 40px 0 0; } .list { padding-left: 0; } .rp-overlay h4 { line-height: 22px; font-size: 16px; } .rp-overlay p { line-height: 30px; font-size: 13px; margin: 0px 0px 18px; } .cart-btn button { width: 151px; margin: 5px; float: right; } .payment-method p { margin-bottom: 40px; } .cart-table-wrap { overflow: scroll; } .logregform button { width: 100%; } .logregform { border: 1px solid #E2E2E2; padding: 30px; } .logregform label, .billing-details label { font-size: 13px; } .home5-slider .slider-caption h2 { font-size: 46px; } .video_player { position: absolute; left: -150%; right: 0; width: 400%; opacity: 0; transition: all 0.4s ease 0s; top: 0px; height: 100%; } .home-parallax h4 span { font-size: 30px; letter-spacing: 0.1em; } .home-parallax h4 { font-size: 37px; line-height: 42px; } .header2 .col-md-5 , .header2 .col-md-2 { width:33.3333%; float:left; } .home-parallax { padding: 145px 0px; background-size: 600% !important; } .header2 .header-cart ul li:first-child { display: block; } .header2 .header-cart { float: right; margin-left: 0px; margin-top: 1px; margin-right: 0; } .header2 .navbar-default .navbar-brand { padding: 0px; margin: -24px auto 0px; display: table; position: absolute; left: -31px; right: 0px; width: 138px; } .header2 .navbar-brand > img { display: block; width: 100%; } .header2 .home-cart-box { width: 278px; } .home-parallax-receipes span { font-size: 23px; line-height: 58px; letter-spacing: 0.1em; } .home-parallax-receipes h4 { font-size: 33px; line-height: 47px; } .home-parallax-receipes p { font-size: 13px; line-height: 23px; } #home-rp .owl-next { right: 0; } #home-rp .owl-prev { left: 0; } .home-info2 { background-size: 500% !important; padding: 110px 0px 140px; } .home-info2 h4 { font-size: 36px; line-height: 45px; } .slider-caption4 h3 { font-size: 33px; line-height: 60px; } .slider-caption4 a { font-size: 23px; letter-spacing: 0.1em; padding: 7px 15px; margin: 45px auto 0px; } .story-big { background: url(../../images/richa/home/story/3.jpg) no-repeat center; background-size:cover; padding: 90px 40px 40px; } #home-story .owl-prev { left: -48px; } .home-spl-words .col-md-2 { position: relative; left: 185px; display: none; } .home-spl-words .col-md-10 { position: relative; left: 0px; width: 100%; } #home-story .owl-next { right: -48px; } #home-spl-words { padding: 35px 30px 35px; border-radius: 15px; margin:40px 0; } #home-spl-words h2 { font-size: 39px; } .story-big img.img-responsive { display:none; } .home-blog-recipe .v-align-children { display: table; } .home-blog-recipe img { width:100%; } .home-blog-recipe .story-info { text-align: center; padding: 50px 20px; } .story-info-big img.img-responsive { display:block; } .story-info-big img { margin: 0px auto -45px; position: relative; top: -75px; } .story-info-big { padding: 0px 25px 60px; width: 100%; position: relative; top: 0px; left: 0px; right: 0px; max-width: 745px; margin: 25px auto 0px; transform: translateY(0%); } .home-story .col-md-5 { display:none; } .home-service2 { padding: 110px 15px 90px; } .home-service2 p { margin: 0 0 40px; } .home-service { padding: 110px 15px 20px; } .home-service p { margin: 0 0 40px; } .chef-info-overlay { padding: 40px 20px 40px; } .home-deal .row { position: relative; left: 0; } .food-item img { position: relative; top: 0px; left: 0px; width: 239px; } .food-item { position: relative; padding-left: 0; min-height: 237px; margin-bottom: 30px; } .hs-social li a { width: 36px; height: 36px; line-height: 36px; } .hs-social li { float: left; margin: 0px 5px; } .home-subscribe form button { padding: 0px 15px; width: 125px; } .home-subscribe form input { padding: 0px 135px 0px 20px; } .home-booktable { background: transparent url("../images/bg/5.jpg") no-repeat scroll center center / cover; background-size:750% !important; } .home-specials img { width:100%; } .home-info .col-md-4 { margin-bottom:15px; } .home-dual-menu-img { background: transparent url("../images/home/menu.jpg") no-repeat scroll center center / cover; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .home-dual-menu .col-md-10 { background: rgba(255, 255, 255, 0.6); } .home-menu { background: transparent url("../images/bg/3.jpg") no-repeat scroll center center / cover; background-size:1000% !important; } .he-item { margin-bottom:40px; } .home-events { padding: 125px 0px 70px; } #home-receipes .owl-controls .owl-page span { width: 38px; height: 38px; margin: 0px 5px; } #home-receipes .owl-prev , #home-receipes .owl-next { bottom: 0px; } .home-dishes img { border-radius: 3px; margin-top: 40px; } .menu-wrapper .dotted-bg { display:none; } .menu-wrapper .price { float: left; padding-left: 0px; } .hm-info { padding: 35px 30px 30px; } .blog-article p { margin-bottom: 30px; } .home-staff .team-member { display:none; } .home-staff .col-md-10 { padding: 90px 25px 90px 25px; } #home-team .owl-controls { margin: 0px; padding: 0px; position: relative; right: 0; top: 0; transform: translateY(0%); } #home-team .owl-controls .owl-page span { display: block; width: 45px; height: 137px; margin: 20px 0px; border-radius: 50%; opacity: 1 !important; background-color: transparent; transition: all 0.4s ease 0s; } #home-team .owl-controls .owl-page { display: inline-block; } #home-team .owl-controls .owl-page span { display: block; width: 65px; height: 65px; margin: 20px 8px; } .list-inline > li { display: block; padding-right: 5px; padding-left: 5px; margin-bottom: 10px; } .gallery-isotope .isotope-item, .gallery-isotopes .isotope-items { width: 100%; } .home-subscribe2 form input { padding: 0px 140px 0px 20px; font-size: 12px; } .home-subscribe2 form button { padding: 0px 14px; width: 126px; } .container { padding: 0 15px !important; max-width:500px; } .tb-right li { margin-right: 0; } .tb-right { float: none !important; margin: 0px auto; display: table; } .header-cart ul li:first-child { display:none; } .header-cart { float: right; margin-left: 0px; margin-right: 58px; margin-top: -44px; } .navbar-toggle { background: none !important; border: none !important; border-radius: 0; } .navbar-default .navbar-toggle .icon-bar { background-color: #363636; } .home-cart-box { width: 100%; max-width:450px; } .hc-item .col-md-6 { height: auto; width:50%; float:left; } .hc-item input { width: 22px; } .hc-item .col-md-6:nth-child(2) { border-left: 2px solid #E3E3E3; border-bottom: 2px solid #E3E3E3; padding: 30px 24px; position: relative; } .hc-item h4 { font-size: 13px; } .hc-close { font-size: 11px; top: 9px; right: 12px; } .page_head h3 { font-size: 33px; } .home-dishes { padding: 50px 0px 60px; } .home-dishes p { font-size: 13px; line-height: 28px; margin: 0 0 40px; } .home-staff2 .team-member { width: 100%; border: 20px solid #FFF; height: 200px; border-right-width: 35px; border-left-width: 35px; position:relative; } .home-staff2 .col-md-10 { padding: 30px 15px; } .home-staff2 p { font-size: 13px; line-height: 27px; } .home-quote-info P { font-size: 14px; line-height: 27px; margin: 20px 0px 22px; padding: 0px 15px; } .flex-prev , .flex-next { display:none; } footer { padding: 85px 0px 30px; } .footer-widget { margin-bottom:60px; } .footer-gallery li { width: 25%; } .home-menu2 { background:url(../../images/richa/bg/9.jpg) no-repeat left center; background-size:cover; background-size: 1500% auto !important; } .menu-wrapper .price , .menu-wrapper p { background: transparent; } .section-head h2 { font-size: 31px; } .reservation-form i { left: 47px; } .reservation-form .form-select i { left: 27px; } .reservation-form input { padding: 0px 50px 0px 69px; } .actions .col-md-6 { width:50%; float:left; } }