/************ TABLE OF CONTENTS *************** 1. Fonts 2. Reset 3. Global 4. Main Header / Header Style One / Header Style Two 5. Main Slider 6. Story Section 7. Menu Section / Style Two 8. Call To Action 9. Resere Form Section 10. Testimonial Section 11. Main Footer / Footer Style Two / Style Three 12. Favorites Section 13. Blog Section 14. Page Title 15. Team Section 16. Chef Section 17. Events Section 18. Events Blog Section 19. Location Section 20. Reserve Form Section 21. Error Pahe 22. Comming Soon Page 23. Gallery Section 24. Shop Page 26. Shop Single 27. Blog Deatil 28. Contact Form 29. Contact Map **********************************************/ @import url('https://fonts.googleapis.com/css?family=Italianno|Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Mr+De+Haviland|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i'); /*font-family: 'Montserrat', sans-serif; font-family: 'Passenger Sans'; letter-spacing: .3px; font-family: 'Mr De Haviland', cursive; font-family: 'Italianno', cursive;*/ @import url('font-awesome.css'); @import url('animate.css'); @import url('jquery-ui.css'); @import url('owl.css'); @import url('ionicons.css'); @import url('elegend-icons-style.css'); @import url('jquery.fancybox.css'); @import url('../fonts/NunitoSans/stylesheet.css'); @import url('../fonts/TradeGothicLTCom-Bold/stylesheet.css'); /*Font*/ .textured-border:before { background-image: url(../images/border.png); background-position: bottom; background-repeat: repeat-x; background-size: cover; content: ""; height: 107px; position: absolute; top: -1px; width: 100%; z-index: 2; left: 0px; } .textured-border:after { background-image: url(../images/border-bottom.png); background-position: top; background-repeat: repeat-x; background-size: contain; bottom: -42px; content: ""; height: 123px; position: absolute; width: 100%; z-index: 2; left: 0px; } .textured-border-001:before { background-image: url(../images/border-textured-001.png); background-position: bottom; background-repeat: repeat-x; background-size: contain; content: ""; height: 107px; height: 123px; position: absolute; top: -1px; width: 100%; z-index: 2; left: 0px; } .textured-border-001:after { background-image: url(../images/border-bottom-textured-001.png); background-position: top; background-repeat: repeat-x; background-size: contain; bottom: -1px; content: ""; height: 107px; height: 123px; position: absolute; width: 100%; z-index: 2; left: 0px; } .text-bor-none:before { background: transparent; } .textured-border-02:before { /*background-image: url(../images/border-textured-001.png);*/ background-position: top; background-repeat: repeat-x; background-size: contain; top: -1px; content: ""; height: 123px; position: absolute; width: 100%; z-index: 2; } .textured-border-02:after { background-image: url(../images/border-top-textured.png); background-image: url(../images/border-bottom-textured-001.png); background-position: top; background-repeat: repeat-x; background-size: contain; bottom: -1px; content: ""; height: 123px; position: absolute; width: 100%; z-index: 2; } @font-face { font-family: 'Conv_georgia'; src:url('../fonts/georgia.ttf'); src: local('☺'), url('../fonts/georgia.woff') format('woff'), url('../fonts/georgia.ttf') format('truetype'), url('../fonts/georgia.svg') format('svg'); font-weight: normal; font-style: normal; } /*** ==================================================================== Reset ==================================================================== ***/ html ,body{ overflow-x: hidden; } * { margin:0px; padding:0px; border:none; /*outline:none;*/ } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /*** ==================================================================== Global Settings ==================================================================== ***/ body { font-size:18px; /*color:#666666;*/ line-height:1.3em; font-weight:400; background:#ffffff; /*background-size:cover; background-repeat:no-repeat;*/ background-repeat: repeat; background-position:center top; -webkit-font-smoothing: antialiased; /*font-family: 'Montserrat', sans-serif;*/ font-family: 'Passenger Sans'; background-image: url(../images/natural_paper.jpg); } a{ text-decoration:none; cursor:pointer; color: #D4272E; } .extras-and-sides { float:none;margin: 0 auto; } a:hover,a:focus,a:visited{ text-decoration:none; /*outline:none;*/ } .text-center{ text-align:center !important; } h1,h2,h3,h4,h5,h6 { position:relative; font-weight:normal; margin:0px; background:none; line-height:1.1em; font-weight: 100; text-transform: uppercase; } .no-padding{ padding:0px !important; } input,button,select,textarea{ } p, .text { position:relative; font-family: 'Passenger Sans'; letter-spacing: .3px; font-size: 17px; } .strike-through{ text-decoration:line-through; } .auto-container{ position:static; max-width:1200px; padding:0px 15px; margin:0 auto; } .small-container{ max-width:780px; margin:0 auto; } .page-wrapper{ position:relative; margin:0 auto; width:100%; min-width:300px; } ul,li{ list-style:none; padding:0px; margin:0px; } .theme-btn{ display:inline-block; text-align:center; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .grey-bg{ background-color:#f5f5f5; } .light-bg{ background-color:#f2f2f2; } .centered{ text-align:center; } /*Sec Title*/ .sec-title{ position:relative; margin-bottom:13px; } .sec-title .title{ position:relative; color:#d3282f; font-size:25px; margin-bottom:12px; font-family: 'Italianno', cursive; } .sec-title h2{ position:relative; color:#000000; font-size:78px; font-weight:normal; line-height:1.2em; padding-bottom:35px; letter-spacing:1px; text-transform:uppercase; } .sec-title h1,.taco-life h2{ position:relative; color:#000000; font-size:78px; font-weight:normal; line-height:1.2em; padding-bottom:5px; letter-spacing:1px; text-transform:uppercase; font-family: 'Alfa Slab One'; } .cat-text-container h3 { font-family: 'Passenger Sans'; font-size: 33px; } .cat_new_menu_title { font-family: 'Passenger Sans'; font-size: 33px; } .sec-title h2:after{ position:absolute; content:''; left:0px; bottom:0px; width:35px; height:1px; /*background-color:#d3282f;*/ } .sec-title h1:after{ position:absolute; content:''; left:0px; bottom:0px; width:35px; height:1px; background-color:#d3282f; } .sec-title.centered{ text-align:center; } .sec-title.centered h2:after{ /*left:50%; left: 17px; margin-left:-17px;*/ } .sec-title.centered h1:after{ left:50%; margin-left:-17px; } .sec-title.centered h2:after{ position: relative; content: ''; left: auto; right: auto; bottom: 0px; width: 35px; height: 1px; /*background-color: #d3282f;*/ display: block; margin: 0 auto; margin-top: 20px; } .menu-new-layout .sec-title.centered h2:after {margin: 0;} .menu-new-layout .menu-block{ float: none; display: inline-block; vertical-align: top; width: 32%; } .menu-new-layout .menu-block:last-child{margin-bottom: 0;} .sec-title.light h2{color:#ffffff;} /*Btn Style One*/ .btn-style-one{ position:relative; padding:12px 51px; line-height:24px; color:#ffffff; text-align:center; font-size:15px; font-weight:800; background:#d3282f; letter-spacing:1px; border:2px solid #d3282f; text-transform:uppercase; } .btn-style-one:hover{ color:#d3282f; background:none; border-color:#d3282f; } /*Btn Style Two*/ .btn-style-two{ position:relative; padding:13px 43px; line-height:24px; color:#ffffff; text-align:center; font-size:12px; font-weight:normal; background:#d3282f; letter-spacing:2px; cursor:pointer; text-transform:uppercase; background-image: url(../images/red-texture.jpg); z-index: 100; font-family: 'Passenger Sans'; font-size: 17px; } .btn-style-two:hover{ color:#d3282f; background:#951013; border-color:#d3282f; color: #ffffff; } /*Btn Style Three*/ .btn-style-three{ position:relative; padding:13px 24px; line-height:24px; color:#ffffff; text-align:center; font-size:12px; font-weight:normal; background:none; border:2px solid #ffffff; text-transform:uppercase; letter-spacing:1px !important; } .btn-style-three:hover{ color:#ffffff; background:#d3282f; border-color:#d3282f; } /*Btn Style Four*/ .btn-style-four{ position:relative; padding:13px 36px; line-height:24px; color:#000000; text-align:center; font-size:12px; font-weight:normal; letter-spacing:2px; border:2px solid #dddddd; text-transform:uppercase; } .btn-style-four:hover{ color:#d3282f; background:none; border-color:#d3282f; } .theme_color{ color:#d3282f; } /*Social Icon One*/ .social-icon-one{ position:relative; } .social-icon-one li{ position:relative; margin-left:12px; display:inline-block; } .social-icon-one li a{ position:relative; color:#ffffff; font-size:17px; display:inline-block; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .social-icon-one li a:hover{ color:#d3282f; } /*Social Icon Two*/ .social-icon-two{ position:relative; } .social-icon-two li{ position:relative; margin:0px 6px; display:inline-block; } .social-icon-two li a{ position:relative; color:#000000; font-size:17px; display:inline-block; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .social-icon-two li a:hover{ color:#d3282f; } /*Social Icon Three*/ .social-icon-three{ position:relative; } .social-icon-three li{ position:relative; margin-right:6px; display:inline-block; } .social-icon-three li a{ position:relative; width:40px; height:40px; color:#d3282f; font-size:17px; text-align:center; line-height:36px; border-radius:50%; display:inline-block; border:2px solid #d3282f; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .social-icon-three li a:hover{ color:#ffffff; background-color:#d3282f; } /*Social Icon Four*/ .social-icon-four{ position:relative; } .social-icon-four li{ position:relative; margin-right:6px; display:inline-block; } .social-icon-four li a{ position:relative; width:40px; height:40px; color:#ffffff; font-size:17px; text-align:center; line-height:36px; border-radius:50%; display:inline-block; border:2px solid #ffffff; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .social-icon-four li a:hover{ color:#d3282f; background-color:#ffffff; } .sticky-header .social-icon-one li a{ color: #000000; } img{ display:inline-block; max-width:100%; } .preloader{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:999999999999; overflow:hidden; background-color:#ffffff; background-position:center center; background-repeat:no-repeat; /*background-image:url(../images/icons/preloader.svg); */ background-image:url(../images/icons/ct-logo.gif); background-size:4%; } /*** ==================================================================== Scroll To Top style ==================================================================== ***/ .scroll-to-top{ position:fixed; bottom:15px; right:15px; width:40px; height:40px; color:#ffffff; font-size:20px; text-transform:uppercase; line-height:38px; text-align:center; z-index:100; cursor:pointer; border-radius:50%; background:#1c1c1c; display:none; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .scroll-to-top:hover{ color:#ffffff; background:#d3282f; } /*** ==================================================================== Main Header style ==================================================================== ***/ .main-header{ position:absolute; position: relative; left:0px; top:0px; z-index:999; width:100%; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; box-shadow: 0 0 25px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.6); -ms-box-shadow: 0 0 25px rgba(0, 0, 0, 0.6); } .sticky-header{ position:fixed; opacity:0; visibility:hidden; left:0px; top:0px; width:100%; padding:0px 0px; background:#ffffff; z-index:0; border-bottom:1px solid #cccccc; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .sticky-header .logo{ padding:7px 0px 0px; /*width:60px;*/ max-width: 109px; max-width: 212px; } .sticky-header .right-col{ margin-top: 7px; display: flex; } .fixed-header .sticky-header{ z-index:999; opacity:1; visibility:visible; -ms-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -op-animation-name: fadeInDown; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -ms-animation-duration: 500ms; -moz-animation-duration: 500ms; -op-animation-duration: 500ms; -webkit-animation-duration: 500ms; animation-duration: 500ms; -ms-animation-timing-function: linear; -moz-animation-timing-function: linear; -op-animation-timing-function: linear; -webkit-animation-timing-function: linear; animation-timing-function: linear; -ms-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -op-animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .main-header .header-upper{ position:relative; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; z-index:5; background-color: #fff; } /*Responsive Menu Btn Code*/ .main-header .navbar-header{ float:left; } .main-header .navbar-header .navbar-toggle{ position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; display:none; cursor:pointer; } .main-header .navbar-header .navbar-toggle .icon-bar{ display: block; width: 22px; height: 2px; border-radius: 1px; } .open>.dropdown-menu{ display:block; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); } .carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img { display: block; max-width: 100%; height: auto; } .main-header .logo-outer{ position:relative; float:left; z-index:25; padding:25px 0px; } .main-header .logo-outer .logo img{ position:relative; display:inline-block; max-width:100%; } .main-header .header-upper .upper-right{ position:relative; float:right; } .main-header .header-upper .nav-outer{ position:relative; float:right; margin-top: 30px; clear: both; } .main-header .nav-outer .more-options, .sticky-header .right-col .more-options{ position:relative; float:right; margin:14px 0px 10px; margin-left:35px; } .main-header .nav-outer .more-options.alternate{ margin-top:30px; } .main-header .nav-outer .more-options .book-btn{ padding:13px 20px; } .fixed-header .main-menu{ padding-top:0px; } .main-menu{ position:relative; /* float:left;*/ } .main-menu .navbar-collapse{ padding:0px; } .main-menu .navigation{ position:relative; margin:0px; } .main-menu .navigation > li{ position:relative; float:left; margin-right:25px; padding:5px 0px 15px; } .sticky-header .main-menu .navigation > li{ margin-right: 25px; padding: 15px 0px 15px; } .main-menu .navigation > li:last-child, .sticky-header .main-menu .navigation > lili:last-child{ margin-right:0px; } .main-menu .navigation > li > a{ position:relative; display:block; font-size:16px; color:#ffffff; color: #000001; line-height:30px; font-weight:normal; opacity:1; letter-spacing:1px; text-transform:uppercase; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; /* margin:25px 0px; font-size:11px;*/ } .main-menu .navigation li:hover > ul, .main-menu .navigation li:focus > ul, .main-menu .navigation li:focus-within > ul, .main-menu .navigation li > ul:hover, .main-menu .navigation li > ul:focus{ visibility: visible; opacity: 1; display: block; } .menu-transition{ -webkit-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); -moz-transform: scaleY(1); transform: scaleY(1); transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .sticky-header .main-menu .navigation > li > a{ /*margin:5px 15px !important;*/ color:#333333; } .sticky-header .main-menu .navigation > li.dropdown > a:before{ display:none; } .header-upper .main-menu .navigation > li:hover > a, .header-upper .main-menu .navigation > li.current > a, .header-upper .main-menu .navigation > li.current-menu-item > a{ color:#d3282f; opacity:1; } .sticky-header .main-menu .navigation > li:hover > a, .sticky-header .main-menu .navigation > li.current > a, .sticky-header .main-menu .navigation > li.current-menu-item > a{ color:#d3282f !important; } .main-menu .navigation > li:hover > a:after{ opacity:1; } .main-menu .navigation > li > ul{ position:absolute; left:0px; top:120%; width:240px; z-index:100; display:none; padding:0px 0px; background:#101010; border-top:2px solid #d3282f; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; -webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); } .main-menu .navigation > li > ul.from-right{ left:auto; right:0px; } .main-menu .navigation > li > ul > li{ position:relative; width:100%; border-bottom:1px solid rgba(255,255,255,0.10); } .main-menu .navigation > li > ul > li:last-child{ border-bottom:none; } .main-menu .navigation > li > ul > li > a{ position:relative; display:block; padding:12px 20px; line-height:22px; font-weight:500; font-size:14px; color:#e0e0e0; text-align:left; letter-spacing:1px; text-transform:capitalize; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .main-menu .navigation > li > ul > li:hover > a{ color:#ffffff; background-color:#d3282f; } .main-menu .navigation > li > ul > li.dropdown > a:after{ font-family: 'FontAwesome'; /*content: "\f105";*/ position:absolute; right:10px; top:12px; width:10px; height:20px; display:block; line-height:21px; font-size:16px; font-weight:normal; text-align:center; z-index:5; } .main-menu .navigation > li > ul > li.dropdown:hover > a:after{ color:#ffffff; } .main-menu .navigation > li > ul > li > ul{ position:absolute; left:100%; top:20px; width:240px; z-index:100; display:none; background:#101010; border-top:2px solid #d3282f; -webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); } .main-menu .navigation > li > ul > li > ul > li{ position:relative; width:100%; border-bottom:1px solid rgba(255,255,255,0.10); } .main-menu .navigation > li > ul > li > ul > li:last-child{ border-bottom:none; } .main-menu .navigation > li > ul > li > ul > li > a{ position:relative; display:block; padding:12px 20px; line-height:22px; font-weight:500; font-size:14px; color:#e0e0e0; text-align:left; letter-spacing:1px; text-transform:capitalize; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .main-menu .navigation > li > ul > li > ul > li > a:hover{ color:#ffffff; background-color:#d3282f; } .main-menu .navigation > li.dropdown:hover > ul{ visibility:visible; opacity:1; top:100%; } .main-menu .navigation li > ul > li.dropdown:hover > ul{ visibility:visible; opacity:1; top:0px; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .main-menu .navigation li.dropdown .dropdown-btn{ position:absolute; right:10px; top:6px; width:34px; height:30px; border:1px solid #ffffff; border:1px solid #d32530; text-align:center; font-size:16px; line-height:26px; color:#ffffff; color:#d32530; cursor:pointer; z-index:5; display:none; } .header-style-two .main-menu{ width:100%; } .header-style-two .header-upper .nav-outer{ width:100%; max-width:900px; margin:0 auto; float:none; } .header-style-two .logo-outer{ position: absolute; top:0px; left: 50%; margin-left: -70px; width: 180px; padding: 12px 0px; z-index: 12; background: none; text-align: center; } .header-style-two .main-menu .navigation.left-nav{ float: left; } .header-style-two .main-menu .navigation.right-nav{ float: right; } /*Header Style Three*/ .header-style-three .nav-outer .more-options .nav-toggler{ position:absolute; right:160px; top:50%; margin-top:-20px; height:40px; line-height:40px; color:#ffffff; font-size:24px; cursor:pointer; } .header-style-three .header-upper .inner-container{ padding:0px 30px; } .header-style-three .nav-outer .more-options{ margin-left:80px; } .header-style-four{ position:relative; } .header-style-four .main-menu .navigation > li > a{ position:relative; color:#1d1d1d; } .header-style-four .social-icon-one li a{ color:#1d1d1d; } .header-style-five{ position:relative; border-bottom:1px solid #e5e5e5; } .main-header .logo-outer{ padding:22px 0px; padding: 5px 0px; max-width: 135px; position: absolute; } .header-style-five .main-menu .navigation > li > a{ color:#1d1d1d; } .header-style-five .social-icon-one li a{ color:#1d1d1d; } .navbar-top{ text-align: left; clear: both; margin-top: 13px; margin: 0; margin-bottom: 10px; background-color: #d4243b; float: right; padding: 0 10px;padding: 0 0px 0 0px;} .navbar-top ul li{ display: inline-block; vertical-align: middle; margin: 10px 10px; line-height: 1; margin: 0; float: left; padding: 10px; /*border-right: 1px solid #e88491;*/ padding-left: 16px;padding-right: 16px;} .navbar-top ul li:first-child{ /*margin-left: 0;*/ } .navbar-top ul li a{ color: #ffffff !important; font-size: 17px; text-transform: uppercase; font-weight: normal; line-height: 1; display: inline-block;} .navbar-top ul li a img{ /*max-width:110px;*/ } .navbar-top ul.social-icon-one li:last-child {border: 0;} .sticky-header .navbar-top ul li a{ color: #000000; } .sticky-header .main-menu .navigation > li > a{ /*font-size: 18px;*/ } /*** ==================================================================== Main Slider One ==================================================================== ***/ .main-slider{ position:relative; z-index:10; overflow:hidden; clear: both; width: 100%; } .main-slider .tp-caption{ z-index:5; } .main-slider .text{ font-weight:300; line-height:1.8em; color:#ffffff; font-size:16px; letter-spacing:4px !important; text-transform:uppercase; font-family: 'Montserrat', sans-serif; } .main-slider h2{ font-size:96px; color:#ffffff; font-weight:normal; line-height:1.3em; letter-spacing:1px; text-transform:uppercase; font-family: 'Oswald'; } .main-slider .location{ position:relative; font-size:14px; font-style:italic; text-align:center; color:#ffffff; letter-spacing:1px !important; font-family: 'Oswald'; font-size: 26px; } .main-slider h3{ font-size:97px; color:#ffffff; font-weight:400; line-height:1em; text-transform:uppercase; } .main-slider .styled-heading{ position:relative; color:#ffffff; font-size:125px; line-height:1em; margin-bottom:30px; font-style:italic; font-weight:400; padding-right:40px; text-transform:capitalize; font-family: 'Italianno', cursive; } .main-slider .styled-heading:after{ position:absolute; content:''; left:50%; bottom:0px; width:65px; height:1px; margin-left:-32px; background-color:#ffffff; } .main-slider .lower-text{ position:relative; color:#ffffff; font-size:15px; } .main-slider .styled-text{ position:relative; color:#ffffff; font-size:37px; font-weight:400; letter-spacing:1px; line-height:1.4em; font-family: 'Italianno', cursive; } .main-slider .mouse-btn-down{ position:absolute; left:50%; margin-left:-20px; bottom:40px; width:40px; height:40px; cursor:pointer; display:block; z-index:20; font-size:34px; color:#ffffff; opacity:0.80; text-align:center; } /*** ==================================================================== Fancy Box ==================================================================== ***/ .fancybox-next span, .fancybox-prev span{ background-image:none !important; width:44px !important; height:44px !important; line-height:44px !important; text-align:center; } .fancybox-next span:before{ content:''; position:absolute; font-family: 'FontAwesome'; left:100px; top:0px; font-size:45px; width:44px !important; height:44px !important; line-height:44px !important; color:#ffffff; visibility:visible; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; } .fancybox-title-float-wrap .child{ font-size:14px; font-weight:normal; letter-spacing:1px; background:none; font-family: 'Montserrat', sans-serif; text-transform:uppercase; } .fancybox-prev span:before{ content:''; position:absolute; font-family: 'FontAwesome'; right:100px; top:0px; font-size:45px; width:44px !important; height:44px !important; line-height:44px !important; color:#ffffff; visibility:visible; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; } .fancybox-next span:before{ content:'\f3d3'; font-family: "Ionicons"; } .fancybox-prev span:before{ content:'\f3d2'; font-family: "Ionicons"; } .fancybox-next:hover span:before, .fancybox-prev:hover span:before{ color:#d3282f; } .fancybox-type-image .fancybox-close{ right: -15px; top: -50px; width:45px; height:45px; background:url(../images/icons/icon-cross.png) center center no-repeat; } .fancybox-type-image .fancybox-close:hover{ color:#d3282f !important; } .fancybox-type-image .fancybox-skin{ padding:0px !important; } /*** ==================================================================== Title Section ==================================================================== ***/ .title-section{ position:relative; padding: 85px 0px 64px; } .title-section .content{ position:relative; max-width:100%; margin:0 auto; text-align:center; } .title-section .content .text{ position:relative; color:#000000; /*line-height:1.8em;*/ margin-bottom:40px; font-size: 20px; line-height: 1.4em; } .title-section .content .signature{ position:relative; color:#000000; font-size:48px; line-height:1em; font-family: 'Mr De Haviland', cursive; } /*** ==================================================================== Gallery Section ==================================================================== ***/ .gallery-section{ position:relative; } .gallery-section .row,.catering-home-frame .row { margin:0px 5px; } .gallery-section .column, .catering-home-frame .column{ padding:0px 5px; } .gallery-block{ position:relative; margin-bottom:10px; } .gallery-block .inner-box{ position:relative; overflow:hidden; } .gallery-block .inner-box .image .overlay-layer{ position:absolute; content:''; left:0px; top:0px; width:100%; height:100%; display:block; z-index:1; opacity:0; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; /*background-color:rgba(0,0,0,0.80);*/ } .gallery-block .inner-box:hover .image .overlay-layer{ opacity:1; } .gallery-block .inner-box:hover .image img{ /*transform: scale(1.5, 1.5) rotate(15deg); -webkit-transform: scale(1.5, 1.5) rotate(10deg); -moz-transform: scale(1.5, 1.5) rotate(10deg); -o-transform: scale(1.5, 1.5) rotate(10deg);*/ } .gallery-block .inner-box .image{ position:relative; } .gallery-block .inner-box .image img{ position:relative; width:100%; display:block; -webkit-transition:all 800ms ease; -ms-transition:all 800ms ease; -o-transition:all 800ms ease; -moz-transition:all 800ms ease; transition:all 800ms ease; } .gallery-block .inner-box .image .content{ position:absolute; left:25px; top:25px; z-index:2; } .gallery-block .inner-box .image .content .text{ position:relative; font-size:11px; font-weight:normal; letter-spacing:1px; font-family: 'Montserrat', sans-serif; } .gallery-block .inner-box .image .content .text a{ color:#ffffff; } /*** ==================================================================== Menu Section ==================================================================== ***/ .menu-section{ position:relative; padding:0px 0px 50px; } .menu-section .sec-title{ margin-bottom: 40px } .menu-section .sec-title .title{ font-family: 'Passenger Sans'; letter-spacing: .3px; line-height:1em; font-size: 20px; } .menu-section.style-two{ background-size:cover; background-repeat:no-repeat; } .menu-section .sec-title h2{ padding-bottom: 10px; margin-bottom: 25px; } .menu-section.style-two:before{ position:absolute; content:''; left:0px; top:0px; width:100%; height:100%; display:block; background-color:rgba(0,0,0,0.55); } .menu-section.style-two .sec-title .title{ color: #ffffff; } .menu-block{ position:relative; margin-bottom:50px; } .menu-block .inner-box{ position:relative; } .menu-block .inner-box .info{ position:relative; margin-bottom:19px; } .menu-block .inner-box .info:before{ position:absolute; content:''; left:0px; top:100%; /*top:28px;*/ width:100%; /*border-bottom: 4px solid #d3282f;*/ background-image: url('http://cp1.inkrefuge.com/admin/asset/uploads/224/media/g-line-gray.png'); padding: 2px 0; margin: 0 0 10px 0; } .menu-block.style-two .inner-box .info:before { border-bottom: 1px dotted #ffffff; } .menu-block .inner-box .info h3,.menu-block .inner-box .info h2{ position:relative; color:#000000; font-size:27.6px; padding-right:10px; letter-spacing:0px; /*font-weight:600;*/ text-transform: uppercase; } .menu-block .inner-box .info h3 a,.menu-block .inner-box .info h2 a{ position:relative; color:#000000; transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .menu-block .inner-box .info .price{ position:relative; color:#000000; font-size:16px; padding-left:10px; } .menu-block .inner-box .text{ position:relative; color:#000000; font-size:17px; font-family: 'Passenger Sans'; letter-spacing: .3px; font-weight: 900; /*height: 60px;*/ } .menu-block .inner-box ul{ margin: 10px 0; } .menu-block .inner-box ul,.menu-block .inner-box ul ol{ padding-left: 15px; } .menu-block .inner-box ul li,.menu-block .inner-box ul ol li{ list-style-position: inside; } .menu-block .inner-box ul li{ list-style-type: disc; } .menu-block .inner-box ul ol li{ list-style-type: circle; } .menu-block.style-two .inner-box .info h3{ color:#ffffff; } .menu-block.style-two .inner-box .info h3 a{ color:#ffffff; } .menu-block.style-two .inner-box .info .price{ color:#ffffff; left:2px; } .menu-block.style-two .inner-box .text{ color:#d1d1d1; } .t-edit-helper{ color: #ffffff; font-size: 17px; margin: 15px 0; } /*** ==================================================================== Call To Action Section ==================================================================== ***/ .call-to-action{ position:relative; padding:270px 0px 240px; background-attachment:fixed; background-repeat:no-repeat; background-size:cover; text-align:center; background-position:center center; } .call-to-action:before{ position:absolute; content:''; left:0px; top:0px; width:100%; height:100%; background-color:rgba(0,0,0,0.55); } .call-to-action h2{ position:relative; color:#ffffff; font-size:95px; font-weight:normal; letter-spacing:1px; line-height:1.2em; text-transform:uppercase; display:inline-block; } .call-to-action h2:before{ position:absolute; content:''; right:104%; top:40px; width:50px; height:1px; background-color:#ffffff; } .call-to-action h2:after{ position:absolute; content:''; left:104%; top:40px; width:50px; height:1px; background-color:#ffffff; } /*** ==================================================================== Reservation Section ==================================================================== ***/ .reservation-section{ position:relative; padding:100px 0px; } /*Reserve Form*/ .reserve-form{ position:relative; max-width:750px; margin:0 auto; } .reserve-form .form-group{ position:relative; margin-bottom:30px; padding-left:40px; } .reserve-form .form-group label{ position:absolute; left:0px; top:12px; color:#000000; font-size:25px; } .reserve-form .form-group select{ display:block; width:100%; height:44px; font-size:15px; color:#848484; line-height:22px; padding:10px 15px; font-weight:400; background-color:#ffffff; border:1px solid #e2e2e2; transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .reserve-form .column button{ border-radius:0px; font-size:12px; letter-spacing:2px; padding:13px 43px; margin-top:10px; cursor:pointer; } .reserve-form .text{ position:relative; color:#ababab; font-size:14px; line-height:1.8em; text-align:center; margin-top:70px; } /*Custom Select*/ .form-group .ui-selectmenu-button.ui-button{ width:100%; font-size:14px; font-style:normal; height:50px; padding:10px 20px; line-height:30px; color:#333333; border-radius:0px; border:1px solid #e5e5e5; background-color:#ffffff; } .form-group .ui-button .ui-icon{ background:none; position:relative; top:3px; text-indent:0px; color:#333333; } .form-group .ui-button .ui-icon:before{ font-family: 'FontAwesome'; content: "\f107"; position:absolute; right:0px; top:2px !important; top:13px; width:10px; height:20px; display:block; color:#e2e2e2; line-height:20px; font-size:16px; font-weight:normal; text-align:center; z-index:5; } .ui-widget.ui-widget-content{ border:1px solid #e0e0e0; } .ui-menu .ui-menu-item{ font-size:14px; border-bottom:1px solid #e0e0e0; } .ui-menu .ui-menu-item:last-child{ border:none; } .ui-state-active, .ui-widget-content .ui-state-active{ background-color:#d3282f; } .ui-menu .ui-menu-item-wrapper{ position:relative; display:block; padding:8px 20px ; font-size:14px; line-height:24px; } .ui-menu-item:hover{ background-color:#d3282f; } /*** ==================================================================== Testimonial Section ==================================================================== ***/ .testimonial-section{ position:relative; text-align:center; background-size:cover; padding:180px 0px 130px; background-attachment:fixed; background-repeat:no-repeat; background-position:center top; } .testimonial-section:before{ position:absolute; content:''; left:0px; top:0px; width:100%; height:100%; display:block; background-color:rgba(0,0,0,0.55); } .testimonial-section .owl-dots{ display:none; } .testimonial-section .owl-nav{ position:absolute; left:0px; top:-50px; width:100%; text-align:center; } .testimonial-section .owl-nav .owl-prev, .testimonial-section .owl-nav .owl-next{ display:inline-block; margin:0px 15px; font-size:32px; color:rgba(255,255,255,0.25); transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .testimonial-section .owl-nav .owl-prev:hover, .testimonial-section .owl-nav .owl-next:hover{ color:rgba(255,255,255,0.50); } .testimonial-block{ position:relative; } .testimonial-block .inner-box{ position:relative; max-width:720px; margin:0 auto; } .testimonial-block .inner-box .text{ position:relative; color:#ffffff; font-size:26px; font-weight:400; line-height:1.6em; /*font-family: 'Conv_georgia';*/ font-family: 'Bebas Neue Book'; letter-spacing: 1px; } .testimonial-block .inner-box .author{ position:relative; color:#d1d1d1; font-size: 20px; font-style:italic; letter-spacing:1px; margin-top:30px; text-transform:capitalize; font-family: 'Oswald'; } /*** ==================================================================== Information Section ==================================================================== ***/ .information-section{ position:relative; padding:100px 0px; } .information-section .info-column{ position:relative; margin-bottom: 20px; } .information-section .info-column h2{ position:relative; color:#000000; font-size:24px; font-weight:normal; margin-bottom:40px; letter-spacing:1px; text-transform:uppercase; font-size: 27.6px; } .information-section .info-column h3{ position:relative; color:#000000; font-size:20px; font-weight:normal; margin-bottom:10px; text-transform: uppercase; } .information-section .info-column .text{ position:relative; color:#000000; font-size:17px; margin-bottom:48px; font-family: 'Passenger Sans'; letter-spacing: .3px; } .information-section .map-column{ position:relative; margin: 20px 0; margin-top: 0; } .information-section .map-column .map-canvas{ position:relative; height:400px; } /*** ==================================================================== Map Section Style ==================================================================== ***/ .map-data{ text-align:center; font-size:14px; font-weight:400; line-height:1.8em; } .map-data h6{ font-size:16px; font-weight:normal; text-align:center; margin-bottom:5px; color:#121212; } .map-canvas{ height:500px; } /*** ==================================================================== Order Section ==================================================================== ***/ .order-section{ position:relative; text-align:center; padding:115px 0px 120px; background-color:#171717; } .order-section .title{ position:relative; color:#ffffff; font-size:16px; font-weight:300; letter-spacing:2px; margin-bottom:10px; text-transform:uppercase; } .order-section h2{ position:relative; color:#ffffff; font-size:75px; font-weight:normal; line-height:1em; letter-spacing:2px; margin-bottom:22px; text-transform:uppercase; } .order-section .text{ position:relative; font-style:italic; font-size:13px; color:#d1d1d1; line-height:1.8em; margin-bottom:30px; } /*** ==================================================================== Footer Section ==================================================================== ***/ .main-footer{ position:relative; padding:100px 0px; } .main-footer .column{ position:relative; margin-bottom:30px; text-align:center; min-height:120px; } .main-footer .column h3{ position:relative; color:#000000; font-size:11px; margin-bottom:20px; letter-spacing:1px; font-weight:normal; text-transform:uppercase; } .main-footer .column .text{ position:relative; color:#000000; font-size:14px; line-height:2em; } .main-footer .column .logo-box{ position:relative; margin-bottom:20px; } .main-footer .column .copyright{ position:relative; color:#afafaf; font-size:12px; font-weight:400; } /*Footer Style Two*/ .footer-style-two{ position:relative; background-color:#171717; } .footer-style-two .widgets-section{ position:relative; padding:75px 0px 10px; } .footer-style-two .footer-widget{ position:relative; margin-bottom:30px; font-family: 'Passenger Sans', sans-serif; } .footer-style-two .footer-widget h2, .footer-style-two .footer-widget h4 { position:relative; color:#ffffff; font-size:20px; font-weight:normal; letter-spacing:2px; text-transform:uppercase; margin-bottom:20px; font-family: 'Passenger Sans'; } .footer-style-two .logo-widget .logo{ position:relative; margin: auto; margin-bottom:20px; /*max-width: 218px;*/ max-width: 176px; } .footer-style-two .logo-widget .text{ position:relative; color:#bcbcbc; font-size:14px; line-height:2em; } .footer-style-two .footer-widget ul:not(.social-icon-three) li { line-height: 1.2; margin-bottom: 7px; } .footer-style-two .footer-widget ul:not(.social-icon-three) li a { color: #666666; font-size: 20px; line-height: 1; } /*Footer Style Three*/ .footer-style-three{ position:relative; } .footer-style-three .footer-upper{ position:relative; padding:45px 0px; text-align:center; background-color:#000000; } .footer-style-three .footer-lower{ position:relative; text-align:center; padding:70px 0px 35px; background-color:#171717; } .footer-style-three .footer-lower .text{ position:relative; color:#bcbcbc; font-size:14px; margin-bottom:50px; } .footer-style-three .footer-lower .copyright{ position:relative; color:#545454; font-size:12px; } .footer-style-three.style-two .footer-upper{ background-color:#210a0a; } .footer-style-three.style-two .footer-lower{ background-color:#160707; } /*** ==================================================================== Gallery Widget ==================================================================== ***/ .footer-style-two .instagram-widget .image{ position:relative; float:left; width:33.333%; padding:0px 8px 8px 0px; } .footer-style-two .instagram-widget .image img{ position:relative; display:block; width:100%; } /*NewsLetter Widget*/ .newsletter-widget form{ position:relative; } .newsletter-widget .form-group{ position: relative; display: block; margin-bottom:30px; } .newsletter-widget .form-group input[type="text"], .newsletter-widget .form-group input[type="email"]{ position: relative; display: block; width: 100%; height: 45px; font-size: 14px; max-width:450px; line-height: 25px; background: #ffffff; padding: 10px 16px 10px 20px; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; } .newsletter-widget .form-group input[type="submit"], .newsletter-widget .form-group .subscribe-btn { position: absolute; top: 0; right: 0; width:108px; height:45px; margin: 0; color:#ffffff; font-size:12px; font-weight:normal; text-align:center; background:#d3282f; cursor:pointer; letter-spacing:1px; text-transform:uppercase; } .footer-style-two .copyright{ position:relative; color:#545454; font-size:12px; text-align:center; padding:20px 0px; margin-top:10px; border-top:1px solid #363636; } .address-widget a { color: #666666; } /*** ==================================================================== Fullwidth Section ==================================================================== ***/ .fullwidth-section{ position:relative; padding:100px 0px 150px; } .testimonial-block-two{ position:relative; margin-bottom:105px; padding-left:15px; padding-right:15px; } .testimonial-block-two .inner-box{ position:relative; max-width:560px; margin:0 auto; text-align:center; } .testimonial-block-two .inner-box .text{ position:relative; color:#000000; font-size:20px; line-height:1.8em; margin-bottom:30px; font-family: 'Conv_georgia'; } .testimonial-block-two .inner-box .text:before{ position:absolute; content:''; left:-70px; top:55px; width:50px; height:1px; background-color:#505050; } .testimonial-block-two .inner-box .text:after{ position:absolute; content:''; right:-70px; top:55px; width:50px; height:1px; background-color:#505050; } .testimonial-block-two .inner-box .author{ position:relative; color:#494949; font-size:12px; font-style:italic; letter-spacing:1px; font-family: 'Conv_georgia'; } .fullwidth-section .owl-dots, .fullwidth-section .owl-nav{ display:none; } /*Fullwidth Services*/ .fullwidth-services{ position:relative; padding-bottom:70px; } .fullwidth-services .outer-box{ position:relative; } .fullwidth-services .outer-box .content-column{ position: relative; width: 50%; float:left; z-index:1; } .fullwidth-services .outer-box .content-column .content-inner{ position:relative; max-width:585px; float:right; width:100%; padding:70px 70px 50px; margin-top:70px; margin-bottom:70px; background-color:#ffffff; } .fullwidth-services .outer-box .content-column .content-inner h2{ position:relative; color:#000000; font-size:24px; font-weight:normal; margin-bottom:25px; text-transform:uppercase; } .fullwidth-services .outer-box .content-column .content-inner .text{ position:relative; color:#000000; font-size:15px; line-height:1.8em; margin-bottom:25px; } .fullwidth-services .outer-box .content-column .content-inner .signature-text{ position:relative; color:#000000; font-size:48px; line-height:1em; margin-bottom:30px; font-family: 'Mr De Haviland', cursive; } .fullwidth-services .outer-box .image-column{ position: absolute; right: 0px; top: 0px; width: 58%; height: 100%; display: block; float: left; background-size: cover; } .fullwidth-services .outer-box .image-column .hidden-image{ position:relative; display: none; } /*Fullwidth Services*/ .fullwidth-services{ position:relative; padding-bottom:70px; } .fullwidth-services-two .outer-box{ position:relative; } .fullwidth-services-two .outer-box .content-column{ position: relative; width: 50%; float:right; z-index:1; } .fullwidth-services-two .outer-box .content-column .content-inner{ position:relative; max-width:585px; float:left; width:100%; padding:70px 70px 70px; margin-top:70px; margin-bottom:70px; background-color:#ffffff; } .fullwidth-services-two .outer-box .content-column .content-inner h2{ position:relative; color:#000000; font-size:24px; font-weight:normal; margin-bottom:25px; text-transform:uppercase; } .fullwidth-services-two .outer-box .content-column .content-inner .text{ position:relative; color:#000000; font-size:15px; line-height:1.8em; margin-bottom:25px; } .fullwidth-services-two .outer-box .content-column .content-inner .service-link{ position:relative; color:#d3282f; font-size:12px; letter-spacing:2px; font-weight:normal; padding-bottom:4px; text-transform:uppercase; border-bottom:2px solid #d3282f; } .fullwidth-services-two .outer-box .image-column{ position: absolute; left: 0px; top: 0px; width: 58%; height: 100%; display: block; float: left; background-size: cover; } .fullwidth-services-two .outer-box .image-column .hidden-image{ position:relative; display: none; } /*** ==================================================================== Favorite Section ==================================================================== ***/ .favorite-section{ position:relative; padding:95px 0px 90px; } .favorite-block{ position:relative; margin-bottom:30px; } .favorite-block .inner-box{ position:relative; overflow:hidden; } .favorite-block .inner-box .image{ position:relative; } .favorite-block .inner-box .image img{ position:relative; width:100%; display:block; } .favorite-block .inner-box .image .overlay-box{ position:absolute; left:0px; top:0px; width:100%; height:100%; display:block; text-align:center; opacity:0; background-color:rgba(0,0,0,0.35); -webkit-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; transition: all 700ms ease; -webkit-transform: translate(-100%,0%); -ms-transform: translate(-100%,0%); -o-transform: translate(-100%,0%); -moz-transform: translate(-100%,0%); transform: translate(-100%,0%); } .favorite-block .inner-box:hover .image .overlay-box{ opacity: 1; -webkit-transform: translate(0%); -ms-transform: translate(0%); -o-transform: translate(0%); -moz-transform: translate(0%); transform: translate(0%); } .favorite-block .inner-box .image .overlay-box .overlay-inner{ position:relative; display: table; width: 100%; height: 100%; vertical-align: middle; padding: 10px 30px; } .favorite-block .inner-box .image .overlay-box .overlay-inner .content{ position:relative; display: table-cell; vertical-align: middle; } .favorite-block .inner-box .image .overlay-box .overlay-inner .content h3{ position:relative; font-weight:normal; color:#ffffff; letter-spacing:2px; padding-bottom:12px; margin-bottom:20px; text-transform:uppercase; } .favorite-block .inner-box .image .overlay-box .overlay-inner .content h3:after{ position:absolute; content:''; left:50%; bottom:0px; width:35px; height:1px; margin-left:-17px; background-color:#ffffff; } .favorite-block .inner-box .image .overlay-box .overlay-inner .content h3 a{ color:#ffffff; } .favorite-block .inner-box .image .overlay-box .overlay-inner .content .text{ position:relative; color:#d1d1d1; font-size:12px; font-style:italic; letter-spacing:1px; font-family: 'Conv_georgia'; } /*** ==================================================================== Call To Action Two Section ==================================================================== ***/ .call-to-action-two{ position:relative; padding:200px 0px; background-attachment:fixed; background-repeat:no-repeat; background-size:cover; text-align:center; background-position:center center; } .call-to-action-two:before{ position:absolute; content:''; left:0px; top:0px; width:100%; height:100%; display:block; background-color:rgba(0,0,0,0.55); } .call-to-action-two h2{ position:relative; color:#ffffff; font-weight:normal; font-size:65px; letter-spacing:2px; line-height:1em; text-transform:uppercase; } .call-to-action-two .text{ position:relative; color:#ffffff; font-size:20px; line-height:1.6em; margin-top:20px; font-weight:400; margin-bottom:30px; font-family: 'Conv_georgia'; } /*** ==================================================================== News Section ==================================================================== ***/ .news-section{ position:relative; padding:100px 0px 90px; } .news-block{ position:relative; margin-bottom:30px; } .news-block .inner-box{ position:relative; } .news-block .inner-box .image{ position:relative; } .news-block .inner-box .image img{ position:relative; width:100%; display:block; } .news-block .inner-box .lower-box{ position:relative; text-align:center; padding-top:30px; } .news-block .inner-box .lower-box h3{ position:relative; font-size:16px; font-weight:normal; letter-spacing:2px; margin-bottom:5px; text-transform:uppercase; } .news-block .inner-box .lower-box h3 a{ color:#000000; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .news-block .inner-box .lower-box h3 a:hover{ color:#d3282f; } .news-block .inner-box .lower-box .post-date{ position:relative; color:#a7a7a7; font-size:12px; font-style:italic; font-weight:300; font-family: 'Conv_georgia'; } .news-block .inner-box .lower-box .text{ position:relative; color:#000000; font-size:14px; line-height:1.8em; margin-top:15px; margin-bottom:20px; } .news-block .inner-box .lower-box .read-more{ position:relative; color:#d3282f; font-size:12px; letter-spacing:1px; } .news-block .inner-box .lower-box .read-more .arrow{ position:relative; top:3px; font-size:18px; margin-left:3px; } /*** ==================================================================== Fish Menu Section ==================================================================== ***/ .fish-menu-section{ position:relative; padding:110px 0px 0px; } .fish-menu-section .fish-title{ position:relative; text-align:center; } .fish-menu-section .fish-title .fish-icon{ position:relative; margin-bottom:30px; } .fish-menu-section .fish-title .text{ position:relative; color:#000000; font-size:14px; line-height:1.8em; max-width:610px; margin:0 auto; padding-bottom:25px; margin-bottom:75px; } .fish-menu-section .fish-title .text:after{ position:absolute; content:''; left:50%; width:36px; height:1px; bottom:0px; margin-left:-18px; background-color:#d3282f; } /*** ==================================================================== Call To Action Three Section ==================================================================== ***/ .call-to-action-three{ position:relative; padding:250px 0px 240px; background-attachment:fixed; background-repeat:no-repeat; background-size:cover; text-align:center; background-position:center center; } .call-to-action-three:before{ position:absolute; content:''; left:0px; top:0px; width:100%; height:100%; background-color:rgba(0,0,0,0.55); } .call-to-action-three h2{ position:relative; color:#ffffff; font-size:95px; font-weight:400; line-height:1.2em; letter-spacing:1px; display:inline-block; text-transform:capitalize; font-family: 'Italianno', cursive; } /*** ==================================================================== Stories Section ==================================================================== ***/ .stories-section{ position:relative; } .stories-section .inner-container{ position:relative; background-color:#ffffff; } .stories-section .inner-container .section-title{ position:relative; padding:100px 0px; } .stories-section .inner-container .section-title .signature{ position:relative; color:#000000; font-size:48px; text-align:center; font-family: 'Mr De Haviland', cursive; } .stories-section .inner-container .stories-blocks{ position:relative; padding:80px 80px; background-color:#210a0a; } /*Story Block*/ .story-block{ position:relative; margin-bottom:50px; } .story-block:last-child{ margin-bottom:0px; } .story-block .inner-box{ position:relative; background-color:#ffffff; } .story-block .inner-box .content-column{ position:relative; padding:0px; } .story-block .inner-box .content-column .inner-content{ position:relative; text-align:center; padding:110px 70px 110px; } .story-block .inner-box .content-column .inner-content h3{ position:relative; font-size:24px; font-weight:normal; letter-spacing:1px; margin-bottom:20px; text-transform:uppercase; } .story-block .inner-box .content-column .inner-content h3 a{ position:relative; color:#000000; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .story-block .inner-box .content-column .inner-content h3 a:hover{ color:#d3282f; } .story-block .inner-box .content-column .inner-content .text{ position:relative; color:#000000; font-size:15px; line-height:1.7em; margin-bottom:25px; font-family: 'Passenger Sans'; letter-spacing: .3px; } .story-block .inner-box .content-column .inner-content .order{ position:relative; color:#d3282f; font-size:12px; font-weight:normal; letter-spacing:1px; padding-bottom:4px; text-transform:uppercase; border-bottom:2px solid #d3282f; } .story-block .inner-box .image-column{ position:relative; padding:0px; } .story-block .inner-box .image-column .image{ position:relative; } .story-block .inner-box .image-column .image img{ position:relative; width:100%; display:block; } /*Testimonial Section Two*/ .testimonial-section-two{ position:relative; padding:120px 0px; } .testimonial-section-two .owl-dots, .testimonial-section-two .owl-nav{ display:none; } .testimonial-section-two .testimonial-block-two{ margin-bottom:0px; } .fullwidth-page{ position:relative; padding:35px; background-color:#e8e8e8; } .fullwidth-page .page-wrapper{ position:relative; padding:0px 50px; background-color:#ffffff; } .our-info-detail{ position:relative; } .our-info-detail .content-column{ position:relative; margin-bottom:40px; } .our-info-detail .content-column .inner-content{ position:relative; } .our-info-detail .content-column .inner-content h3{ position:relative; color:#000000; font-size:21px; font-weight:400; margin-bottom:15px; margin-top:40px; } .our-info-detail .content-column .inner-content .text{ position:relative; color:#000000; font-size:14px; margin-bottom:55px; } .our-info-detail .content-column .inner-content h4{ position:relative; color:#000000; font-size:11px; font-weight:300; letter-spacing:1px; margin-bottom:25px; text-transform:uppercase; font-family: 'Passenger Sans'; letter-spacing: .3px; } .our-info-detail .slider-column{ position:relative; } .our-info-detail .slider-column .owl-nav{ display:none; } .our-info-detail .slider-column .owl-dots{ position:relative; text-align:center; } .our-info-detail .slider-column .owl-dots .owl-dot{ position:relative; display:inline-block; margin:20px 4px; } .our-info-detail .slider-column .owl-dots .owl-dot span{ position:relative; display:block; width:7px; height:7px; border-radius:50%; background-color:#e8e8e8; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .our-info-detail .slider-column .owl-dots .owl-dot.active span, .our-info-detail .slider-column .owl-dots .owl-dot:hover span{ background:#262626; } /*** ==================================================================== Page Title Section ==================================================================== ***/ /* .page-title{ position:relative; text-align:center; height: 275px; padding: 0; background-size:cover; background-attachment:fixed; background-repeat:no-repeat; background-position:center top; background-size: 100% auto;*/ /*padding:300px 0px 200px; padding: 212px 0px 60px;*/ /*}*/ .page-title{ position:relative; text-align:left; /*height: 315px;*/ height: 410px; padding: 0; background-size:cover; background-repeat:no-repeat; background-position:center top; background-size: 100% auto; } .page-title:before{ position:absolute; content:''; left:0px; top:0px; width:100%; height:100%; display:block; /*background-color:rgba(0,0,0,0.2);*/ position: absolute; bottom: 0; left: 0; width: 100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(13, 8, 3, 0.7)); z-index: 2; } .page-title .title{ position:relative; color:#ffffff; font-size:16px; font-weight:300; letter-spacing:1px; margin-bottom:10px; text-transform:uppercase; } .page-title h2{ position:relative; color:#ffffff; font-size:75px; font-weight:normal; letter-spacing:4px; line-height:1em; display:inline-block; text-transform:uppercase; } .page-title h2:before{ position:absolute; content:''; right:106%; top:35px; width:50px; height:1px; background-color:#ffffff; } .page-title h2:after{ position:absolute; content:''; left:106%; top:35px; width:50px; height:1px; background-color:#ffffff; } .page-title h1{ position:relative; color:#ffffff; /*font-size:75px; font-size:60px;*/ font-size: 75px; font-weight:normal; letter-spacing:2px; line-height:1em; display:inline-block; text-transform:uppercase; z-index:3; bottom: -10px; } .catering-page-title h1 { font-size: 90px; text-shadow: 0px 0px 19px #000; } .catering-page-title { text-align: center; } /* .page-title h1:before{ position:absolute; content:''; right:106%; top:35px; width:50px; height:1px; background-color:#ffffff; } .page-title h1:after{ position:absolute; content:''; left:106%; top:35px; width:50px; height:1px; background-color:#ffffff; } */ /*** ==================================================================== Table Section ==================================================================== ***/ .table-section{ position:relative; padding:145px 0px 80px; } .table-section .image-column{ position:relative; margin-bottom:40px; } .table-section .image-column .image img{ position:relative; width:100%; display:block; } .table-section .content-column{ position:relative; } .table-section .content-column .text{ position:relative; color:#000000; font-size:14px; text-align:center; margin-bottom:36px; } /*** ==================================================================== Carousel Section ==================================================================== ***/ .carousel-section{ position:relative; } .carousel-section .slide img{ width:100%; display:block; } .carousel-section .owl-dots{ display:none; } .carousel-section .owl-nav{ position:absolute; left:0px; top:42%; width:100%; z-index:10; } .carousel-section .owl-nav .owl-prev, .carousel-section .owl-nav .owl-next{ display:inline-block; margin:0px 0px; font-size:115px; color:#d3282f; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .carousel-section .owl-nav .owl-prev{ position:relative; left:-35px; } .carousel-section .owl-nav .owl-next{ position:relative; right:-35px; float:right; } /*** ==================================================================== Carousel Section ==================================================================== ***/ .unique-section{ position:relative; padding:90px 0px 100px; } .unique-section h2{ position:relative; color:#d3282f; font-size:42px; font-weight:normal; letter-spacing:1px; line-height:1em; margin-bottom:30px; text-transform:uppercase; } .unique-section .text{ position:relative; color:#343434; font-size:17px; margin-bottom:25px; line-height:1.7em; } .unique-section h3{ position:relative; color:#000000; font-size:11px; font-weight:normal; text-align:center; letter-spacing:1px; margin-bottom:25px; text-transform:uppercase; } .unique-section .fact-text{ position:relative; font-size:14px; color:#000000; text-align:center; } /*** ==================================================================== Place Section ==================================================================== ***/ .place-section{ position:relative; padding:120px 0px; background-size:cover; background-attachment:fixed; background-repeat:no-repeat; background-position:center center; } .place-section .content-column{ position:relative; } .place-section .content-column .content-inner{ position:relative; padding:78px 85px; outline-offset: -15px; background-color:#01031e; outline: 1px solid rgba(255,255,255,0.30); } .place-section .content-column .content-inner h2{ position:relative; font-size:24px; font-weight:normal; color:#ffffff; letter-spacing:1px; margin-bottom:30px; text-transform:uppercase; } .place-section .content-column .content-inner .text{ position:relative; color:#d1d1d1; font-size:15px; } /*** ==================================================================== Team Section ==================================================================== ***/ .team-section{ position:relative; padding:100px 0px 80px; } .team-block{ position:relative; margin-bottom:40px; } .team-block .inner-box{ position:relative; } .team-block .inner-box .image{ position:relative; } .team-block .inner-box .image img{ position:relative; width:100%; display:block; } .team-block .inner-box .lower-content{ position:relative; padding-top:22px; text-align:center; padding-left:15px; padding-right:15px; } .team-block .inner-box .lower-content h3{ position:relative; font-size:18px; font-weight:normal; letter-spacing:1px; text-transform:uppercase; } .team-block .inner-box .lower-content h3 a{ position:relative; color:#d3282f; } .team-block .inner-box .lower-content .designation{ position:relative; color:#000000; font-size:14px; } .team-block .inner-box .lower-content .text{ position:relative; color:#000000; font-size:14px; font-style:italic; margin-top:15px; font-family: 'Conv_georgia'; } /*** ==================================================================== Team Single Section ==================================================================== ***/ .team-single-section{ position:relative; background-color:#f5f5f5; border:10px solid #ffffff; } .team-single-section .outer-container{ position:relative; overflow:hidden; } .team-single-section .outer-container .content-column{ position:relative; float:left; width:50%; } .team-single-section .outer-container .content-column .content-inner{ position:relative; max-width:580px; margin:0 auto; text-align:center; z-index:11; padding:170px 15px 170px 15px; } .team-single-section .outer-container .content-column .content-inner:after{ position: absolute; content: ''; right: -62px; top: -100px; width: 200px; height: 200%; z-index: 10; background-color: #f5f5f5; transform: rotate(10deg); } .team-single-section .outer-container .content-column .content-inner h2{ position:relative; color:#000000; font-size:32px; font-weight:normal; letter-spacing:1px; margin-bottom:5px; z-index:11; text-transform:uppercase; } .team-single-section .outer-container .content-column .content-inner .designation{ position:relative; color:#000000; font-size:16px; font-weight:400; margin-bottom:35px; z-index:11; text-transform:capitalize; } .team-single-section .outer-container .content-column .content-inner .text{ position:relative; color:#000000; font-size:15px; line-height:1.7em; margin-bottom:40px; z-index:11; } .team-single-section .outer-container .content-column .content-inner .tag{ position:relative; color:#d3282f; font-size:12px; font-weight:normal; letter-spacing:1px; padding-bottom:1px; z-index:11; } .team-single-section .outer-container .content-column .content-inner .tag a{ position:relative; color:#d3282f; font-size:12px; font-weight:normal; letter-spacing:1px; padding-bottom:1px; display:inline-block; z-index:11; text-transform:uppercase; border-bottom:2px solid #d3282f; } .team-single-section .outer-container .image-column{ position:absolute; float:left; right:0px; top:0px; width:50%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; } .team-single-section .outer-container .image-column .image{ position:relative; display:none; } .team-single-section .outer-container .image-column .image img{ position:relative; display:block; width:100%; } /*** ==================================================================== Chefs Section ==================================================================== ***/ .chefs-section{ position:relative; } .chefs-section .inner-chef-container{ position:relative; padding:80px 75px; background-color:#f5f5f5; } .chef-block{ position:relative; margin-bottom:50px; } .chef-block:last-child{ margin-bottom:0px; } .chef-block .inner-box{ position:relative; background-color:#ffffff; } .chef-block .inner-box .image-column{ position:relative; padding:0px; } .chef-block .inner-box .image-column .image{ position:relative; } .chef-block .inner-box .image-column .image img{ position:relative; width:100%; display:block; } .chef-block .inner-box .content-column{ position:relative; padding:0px; } .chef-block .inner-box .content-column .content-inner{ position:relative; padding:150px 70px; text-align:center; } .chef-block .inner-box .content-column .content-inner h3{ position:relative; font-size:18px; font-weight:normal; text-transform:uppercase; } .chef-block .inner-box .content-column .content-inner h3 a{ color:#d3282f; } .chef-block .inner-box .content-column .content-inner .designation{ position:relative; color:#000000; font-size:14px; margin-bottom:20px; text-transform:capitalize; } .chef-block .inner-box .content-column .content-inner .text{ position:relative; color:#000000; font-size:14px; font-style:italic; line-height:1.8em; font-family: 'Conv_georgia'; } /*** ==================================================================== FullWidth Section ==================================================================== ***/ .fullwidth-gallery{ position:relative; padding-top:5px; padding-bottom:5px; } .fullwidth-gallery .row{ position:relative; margin:0px 5px; } .fullwidth-gallery .gallery-item{ padding:0px 0px; } /*Gallery Item*/ .gallery-item{ position:relative; } .gallery-item .inner-box{ position:relative; border:5px solid #ffffff; } .gallery-item .inner-box .image{ position:relative; } .gallery-item .inner-box .image img{ position:relative; width:100%; display:block; } .gallery-item .inner-box .image .overlay-box{ position:absolute; left:0px; top:0px; width:100%; height:100%; opacity:0; text-align:center; transition:all 0.6s ease; -moz-transition:all 0.6s ease; -webkit-transition:all 0.6s ease; -ms-transition:all 0.6s ease; -o-transition:all 0.6s ease; background-color:rgba(139,117,90,0.80); -webkit-transform: perspective(400px) rotateX(-90deg); -moz-transform: perspective(400px) rotateX(-90deg); -ms-transform: perspective(400px) rotateX(-90deg); -o-transform: perspective(400px) rotateX(-90deg); transform: perspective(400px) rotateX(-90deg); -webkit-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; -o-transform-origin: top; transform-origin: top; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .gallery-item .inner-box .image .overlay-box .content{ position:relative; width:100%; height:100%; } .gallery-item .inner-box .image .overlay-box .content a{ position:relative; top:45%; display:inline-block; } .gallery-item .inner-box .image .overlay-box .content a .icon{ position:relative; width:40px; height:40px; color:#8d8d8d; font-size:15px; border-radius:50%; line-height:40px; margin:0px 4px; display:inline-block; background-color:#ffffff; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .gallery-item .inner-box .image .overlay-box .content .icon:hover{ color:#ffffff; background-color:#d3282f; } .gallery-item .inner-box:hover .overlay-box{ opacity: 1; -webkit-transform: perspective(400px) rotateX(0deg); -moz-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); -o-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); } /*Story Block Two*/ .story-block-two{ position:relative; } .story-block-two .inner-box{ position:relative; } .story-block-two .inner-box .content-section{ position:relative; padding:110px 0px 100px; } .story-block-two .inner-box h2{ position:relative; color:#000000; font-size:42px; font-weight:normal; line-height:1em; margin-bottom:15px; text-transform:uppercase; } .story-block-two .inner-box .text{ position:relative; color:#343434; font-size:17px; line-height:1.7em; } .story-block-two .inner-box .image{ position:relative; } .story-block-two .inner-box .image img{ position:relative; width:100%; display:block; } /*** ==================================================================== Blog Page Section ==================================================================== ***/ .blog-page-section{ position:relative; padding:105px 0px 120px; } .blog-page-section .news-block{ margin-bottom:70px; } /*** ==================================================================== Styled Pagination ==================================================================== ***/ .styled-pagination{ position:relative; } .styled-pagination ul{ position:relative; display:inline-block; } .styled-pagination li{ position:relative; display:block; float:left; margin:0px 5px 10px 0px; } .styled-pagination li a{ position:relative; display:inline-block; line-height:40px; height:44px; font-size:10px; text-transform:capitalize; min-width:40px; background:none; color:#000000; font-weight:400; text-align:center; border:2px solid transparent; transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; -moz-transition:all 500ms ease; } .styled-pagination li a:hover, .styled-pagination li a.active{ color:#000000; background:none; border-color:#000000; } .styled-pagination .pages{ position:relative; color:#000000; font-size:10px; float:right; font-weight:600; letter-spacing:1px; margin-top:15px; text-transform:uppercase; font-family: 'Montserrat', sans-serif; } /*** ==================================================================== Sidebar Page Container ==================================================================== ***/ .sidebar-page-container{ position:relative; padding:105px 0px 120px; } .news-block-two{ position:relative; margin-bottom:50px; } .news-block-two .inner-box{ position:relative; } .news-block-two .inner-box .image{ position:relative; } .news-block-two .inner-box .image img{ position:relative; width:100%; display:block; } .news-block-two .inner-box .lower-box{ position:relative; padding:28px 0px 50px; border-bottom:1px solid #e5e5e5; } .news-block-two .inner-box .lower-box .post-info{ position:relative; color:#a7a7a7; font-size:12px; font-style:italic; margin-bottom:2px; font-family: 'Conv_georgia'; } .news-block-two .inner-box .lower-box h3{ position:relative; color:#000000; font-size:28px; font-weight:normal; margin-bottom:20px; text-transform:uppercase; } .news-block-two .inner-box .lower-box h3 a{ color:#000000; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .news-block-two .inner-box .lower-box h3 a:hover{ color:#d3282f; } .news-block-two .inner-box .lower-box .text{ position:relative; color:#000000; font-size:14px; line-height:2em; margin-bottom:30px; } .news-block-two .inner-box .lower-box .read-more{ position: relative; color: #d3282f; font-size: 12px; letter-spacing: 1px; } .news-block-two .inner-box .lower-box .read-more .arrow{ position: relative; top: 3px; font-size: 18px; margin-left: 3px; } /*Sidebar Widget*/ .sidebar-widget{ position: relative; margin-bottom: 50px; } .sidebar-widget h2{ position:relative; color:#000000; font-size:11px; font-weight:normal; letter-spacing:1px; margin-bottom:22px; text-transform:uppercase; } .sidebar-widget .content{ position:relative; } .sidebar-widget .content .text{ position:relative; color:#000000; font-size:14px; line-height:1.8em; margin-bottom:28px; } .sidebar-widget .content .signature{ position:relative; color:#000000; font-size:32px; font-weight:400; line-height:1em; font-family: 'Mr De Haviland', cursive; } /*Master Widget*/ .master-widget{ position:relative; } .master-widget .inner-box{ position:relative; text-align:center; padding:65px 0px 60px; background-color:#01031e; outline-offset:-12px; outline: 1px solid rgba(255,255,255,0.30); } .master-widget .inner-box h3{ position:relative; color:#ffffff; font-weight:normal; font-size:20px; line-height:1em; margin-bottom:6px; text-transform:uppercase; } .master-widget .inner-box .text{ position:relative; color:#a3a3a3; font-size:12px; letter-spacing:1px; font-style:italic; margin-bottom:15px; font-family: 'Conv_georgia'; } .master-widget .inner-box .start-btn{ position:relative; color:#ffffff; font-size:10px; font-weight:400; padding:10px 38px; letter-spacing:1px; display:inline-block; background-color:#635449; text-transform:uppercase; } /*Blog Category*/ .blog-cat{ position:relative; } .blog-cat li{ position:relative; margin-bottom:12px; padding-left:20px; border-bottom:1px dotted #d5d5d5; } .blog-cat li:before{ position:absolute; content:''; left:0px; top:10px; width:5px; height:5px; border-radius:50%; background-color:#000000; } .blog-cat li a{ position:relative; font-size:14px; font-weight:400; display:block; padding-bottom:12px; color:#000000; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .blog-cat li a span{ margin-left:5px; color:#afafaf; } .blog-cat li a:hover{ color:#d3282f; } /*Popular Tags*/ .sidebar .popular-tags a{ position:relative; display:inline-block; line-height:24px; padding:2px 14px 2px; margin:0px 4px 8px 0px; color:#8a8a8a; text-align:center; font-size:10px; letter-spacing:1px; text-transform:uppercase; background:#f5f5f5; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; } .sidebar .popular-tags a:hover{ background-color:#d3282f; color:#ffffff; } /*** ==================================================================== Events Section ==================================================================== ***/ .events-section{ position:relative; padding:100px 0px 80px; } .event-block{ position:relative; margin-bottom:60px; } .event-block .inner-box{ position:relative; } .event-block .inner-box .image{ position:relative; } .event-block .inner-box .image img{ position:relative; width:100%; display:block; } .event-block .inner-box .lower-content{ position:relative; padding-top:25px; } .event-block .inner-box .lower-content .inner{ position:relative; padding-left:100px; } .event-block .inner-box .lower-content .inner .event-date{ position:absolute; left:0px; top:0px; height:77px; min-width:77px; font-size:44px; color:#ffffff; font-weight:normal; text-align:center; padding:18px 0px; letter-spacing:1px; background-color:#01031e; } .event-block .inner-box .lower-content .inner .event-date span{ color:#d1d1d1; font-size:9px; font-weight:400; display:block; letter-spacing:1px; margin-top:4px; text-transform:uppercase; } .event-block .inner-box .lower-content .inner h3{ position:relative; color:#000000; font-size:16px; font-weight:normal; line-height:1em; margin-bottom:15px; text-transform:capitalize; } .event-block .inner-box .lower-content .inner h3 a{ color:#000000; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .event-block .inner-box .lower-content .inner h3 a:hover{ color:#d3282f; } .event-block .inner-box .lower-content .inner .text{ font-size:13px; color:#000000; } /*Event Block Two*/ .event-block-two{ position:relative; margin-bottom:90px; } .event-block-two .inner-box{ position:relative; } .event-block-two .inner-box .image{ position:relative; } .event-block-two .inner-box .image img{ position:relative; width:100%; } .event-block-two .inner-box .content-box{ position:relative; } .event-block-two .inner-box .content-box .inner{ position:relative; padding:70px 0px 90px; padding-left:45px; } .event-block-two .inner-box .content-box .inner h3{ position:relative; font-weight:normal; font-size:24px; letter-spacing:1px; margin-bottom:2px; text-transform:uppercase; } .event-block-two .inner-box .content-box .inner h3 a{ position:relative; color:#d3282f; } .event-block-two .inner-box .content-box .inner .post-info{ position:relative; color:#a7a7a7; font-size:12px; font-weight:400; font-style:italic; font-family: 'Conv_georgia'; } .event-block-two .inner-box .content-box .inner .text{ position:relative; max-width:420px; color:#000000; font-size:14px; margin-top:20px; margin-bottom:25px; line-height:1.8em; } /*** ==================================================================== Countdown style ==================================================================== ***/ .time-counter .time-countdown{ position:relative; } .time-countdown .counter-column{ position:relative; min-width:70px; display:block; display:inline-block; padding:0px 6px 12px 4px; color:#d1d1d1; font-size:9px; line-height:1em; text-align:center !important; font-weight:400; letter-spacing:1px; margin-bottom:4px; text-transform:uppercase; background-color:#01031e; } .time-countdown .counter-column .counter-inner{ position:relative; } .time-countdown .counter-column .count{ position:relative; display:block; font-size:28px; line-height:1.4em; padding:0px 0px; color:#ffffff; font-weight:normal; letter-spacing:3px; padding-left:12px; padding-top:5px; padding-bottom:0px; padding-right:4px; background-color:#01031e; margin-bottom:0px; border-radius:0px; text-align:center; font-family: 'Montserrat', sans-serif; } .time-counter.style-two{ margin-bottom:50px; } .time-counter.style-two .time-countdown .counter-column .count{ font-size:44px; font-weight:400; } .time-counter.style-two .time-countdown .counter-column{ font-size:9px; } .time-counter.style-two .time-countdown .counter-column .count, .time-counter.style-two .time-countdown .counter-column{ background:none; } /*** ==================================================================== Special Section ==================================================================== ***/ .special-section{ position:relative; padding:110px 0px 90px; } .special-block{ position:relative; } .special-block .inner-box{ position:relative; margin-bottom:40px; } .special-block .inner-box .image{ position:relative; } .special-block .inner-box .image img{ position:relative; width:100%; display:block; } .special-block .inner-box .lower-box{ position:relative; padding-top:25px; } .special-block .inner-box .lower-box .info{ position:relative; margin-bottom:8px; } .special-block .inner-box .lower-box .info:before{ position:absolute; content:''; left:0px; top:10px; width:100%; border:1px dashed #c8c8c8; } .special-block .inner-box .lower-box .info h3{ position:relative; color:#000000; font-size:16px; font-weight:600; padding-right:10px; background-color:#ffffff; } .special-block .inner-box .lower-box .info h3 a{ position:relative; color:#000000; } .special-block .inner-box .lower-box .info .price{ position:relative; color:#000000; font-size:16px; padding-left:10px; font-weight:300; background-color:#ffffff; } .special-block .inner-box .lower-box .text{ position:relative; color:#000000; font-size:14px; font-family: 'Passenger Sans'; letter-spacing: .3px; } /*** ==================================================================== Phone Reservation Section ==================================================================== ***/ .phone-reservation-section{ position:relative; padding-top:90px; } .phone-reservation-section:before{ position:absolute; content:''; left:0px; top:0px; right:0px; bottom:80px; z-index:-1; background-color:#f5f5f5; } .phone-reservation-section h2{ position:relative; color:#000000; font-size:24px; font-weight:normal; text-align:center; margin-bottom:10px; } .phone-reservation-section h3{ position:relative; color:#585858; font-size:18px; font-weight:400; text-align:center; padding-bottom:70px; } .phone-reservation-section .reserve{ position:relative; } .phone-reservation-section .reserve .image{ position:relative; } .phone-reservation-section .reserve .image:before{ position:absolute; content:''; left:0px; top:0px; width:100%; height:100%; z-index:1; background-color:rgba(0,0,0,0.40); } .phone-reservation-section .reserve .image img{ position:relative; width:100%; display:block; } .phone-reservation-section .reserve .content{ position:absolute; left:80px; bottom:80px; } .phone-reservation-section .reserve .content .text{ position:relative; max-width:520px; color:#ffffff; font-size:17px; line-height:1.8em; z-index:2; margin-bottom:40px; } .phone-reservation-section .reserve .content ul{ position:relative; } .phone-reservation-section .reserve .content ul li{ position:relative; color:#f5f5f5; font-size:12px; font-style:italic; margin-right:30px; display:inline-block; z-index:2; margin-bottom:10px; font-family: 'Conv_georgia'; } /*** ==================================================================== Reservation Form Section ==================================================================== ***/ .reserve-form-section{ position:relative; padding:115px 0px 110px; } .reserve-form-section h3{ position:relative; color:#000000; font-size:12px; font-weight:normal; margin-bottom:10px; letter-spacing:1px; text-transform:uppercase; } .reserve-form-section .text{ position:relative; color:#000000; font-size:14px; line-height:1.8em; margin-bottom:30px; } .reserve-form-section .form-column{ position:relative; } /*** ==================================================================== Contact Form ==================================================================== ***/ .contact-form, .franchise-form{ position:relative; } .contact-form .row, .franchise-form .row{ margin:0px -8px; } .contact-form .form-group,.franchise-form .form-group{ position:relative; margin-bottom:25px; padding:0px 8px; } .franchise-form .form-group{ padding: 0; } .contact-form .form-group .inner-column, .franchise-form .form-group .inner-column{ padding:0px 10px; } .contact-form .form-group label, .franchise-form .form-group label{ position:relative; color:#000000; font-size:15px; margin-bottom:6px; display:inline-block; font-family: 'Passenger Sans'; letter-spacing: .3px; } .contact-form .form-group input[type="text"], .contact-form .form-group input[type="password"], .contact-form .form-group input[type="tel"], .contact-form .form-group input[type="email"], .contact-form .form-group select, .franchise-form .form-group input[type="text"], .franchise-form .form-group input[type="password"], .franchise-form .form-group input[type="tel"], .franchise-form .form-group input[type="email"], .franchise-form .form-group select{ position:relative; display:block; width:100%; line-height:20px; padding:10px 15px; margin:0; color:#222222; height:42px; background:#ffffff; border:1px solid #e2e2e2; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; font-size: 14px; } .contact-form .form-group input[type="text"]:focus, .contact-form .form-group input[type="password"]:focus, .contact-form .form-group input[type="tel"]:focus, .contact-form .form-group input[type="email"]:focus, .contact-form .form-group select:focus, .contact-form .form-group textarea:focus, .franchise-form .form-group input[type="text"]:focus, .franchise-form .form-group input[type="password"]:focus, .franchise-form .form-group input[type="tel"]:focus, .franchise-form .form-group input[type="email"]:focus, .franchise-form .form-group select:focus, .franchise-form .form-group textarea:focus{ border-color:#d3282f; } .contact-form .form-group textarea, .franchise-form .form-group textarea { position:relative; display:block; width:100%; line-height:24px; padding:10px 15px; color:#222222; border:1px solid #e5e5e5; height:150px; background:#ffffff; resize:none; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .contact-form button,.franchise-form button{ position:relative; margin-top:10px; cursor:pointer; } .contact-form input.error, .contact-form select.error, .contact-form textarea.error, .franchise-form input.error, .franchise-form select.error, .franchise-form textarea.error{ border-color:#ff0000 !important; } .contact-form label.error, .franchise-form label.error{ line-height:24px; padding:5px 0px 0px; margin:0px; text-transform:uppercase; font-size:11px; color:#ff0000; font-weight:500; } .contact-form.alternate .form-group, .franchise-form.alternate .form-group{ margin-bottom:15px; } .contact-form.alternate .form-group textarea, .franchise-form.alternate .form-group textarea{ height:110px; } .contact-form .form-group.checkbox-label { position: relative; padding-left: 28px; } .contact-form .form-group.checkbox-label input[type=checkbox] { position: absolute; left: 7px; top: 2px; } /*** ==================================================================== Location Section ==================================================================== ***/ .location-section{ position:relative; padding:115px 0px 90px; } .location-section .map-image{ position:relative; text-align:center; margin-bottom:60px; } .map-info{ position:relative; margin-bottom:30px; } .map-info .inner-box{ position:relative; text-align:center; } .map-info .inner-box h3{ position:relative; color:#000000; font-size:42px; font-weight:normal; letter-spacing:1px; margin-bottom:20px; text-transform:uppercase; } .map-info .inner-box .text{ position:relative; color:#000000; font-size:14px; line-height:1.9em; margin-bottom:25px; } .map-info .inner-box .time{ position:relative; color:#000000; font-size:14px; line-height:1.9em; margin-bottom:25px; font-weight:normal; } .map-info .inner-box .theme-btn{ font-size:10px; padding:8px 23px; } .map-block{ position:relative; } .map-block .inner-box{ position:relative; } .map-block .inner-box .content-column{ position:relative; margin-bottom:40px; } .map-block .inner-box .content-column .content-inner{ position:relative; } .map-block .inner-box .content-column .content-inner .logo{ position:relative; margin-bottom:30px; display:inline-block; } .map-block .inner-box .content-column .content-inner .location{ position:relative; color:#b3b3b3; font-size:18px; font-weight:normal; margin-left:25px; display:inline-block; text-transform:uppercase; } .map-block .inner-box .content-column .content-inner .text{ position:relative; color:#000000; font-size:15px; line-height:1.8em; margin-bottom:28px; } .map-block .inner-box .content-column .content-inner .theme-btn{ font-size:10px; padding:8px 28px; } .map-block .inner-box .image-column{ position:relative; } .map-block .inner-box .image-column .image{ position:relative; margin-bottom:30px; } .map-block .inner-box .image-column .image img{ position:relative; width:100%; display:block; } .location-section .map-locations{ position:relative; padding-top:70px; margin-top:40px; border-top:1px solid #e3e3e2; } .location-section .map-locations .map-info-two{ position:relative; margin-bottom:30px; } .location-section .map-locations .map-info-two .inner-box{ position:relative; text-align:center; } .location-section .map-locations .map-info-two .inner-box h3{ position:relative; color:#000000; font-size:11px; font-weight:normal; margin-bottom:15px; text-transform:uppercase; } .location-section .map-locations .map-info-two .inner-box .text{ position:relative; color:#000000; font-size:14px; line-height:1.8em; } /*** ==================================================================== Order Page Section ==================================================================== ***/ .order-page-section{ position:relative; padding:115px 0px 60px; } .product-block{ position:relative; margin-bottom:60px; } .product-block .inner-box{ position:relative; } .product-block .inner-box .image{ position:relative; overflow:hidden; } .product-block .inner-box .image img{ position:relative; width:100%; display:block; } .product-block .inner-box .image .overlay-box{ position:absolute; left:0px; top:0px; width:100%; height:100%; display:block; text-align:center; opacity:0; background-color:rgba(0,0,0,0.55); transition:all 0.6s ease; -moz-transition:all 0.6s ease; -webkit-transition:all 0.6s ease; -ms-transition:all 0.6s ease; -o-transition:all 0.6s ease; } .product-block .inner-box:hover .image .overlay-box{ opacity:1; } .product-block .inner-box .image .overlay-box .theme-btn{ top:100%; transition:all 0.6s ease; -moz-transition:all 0.6s ease; -webkit-transition:all 0.6s ease; -ms-transition:all 0.6s ease; -o-transition:all 0.6s ease; } .product-block .inner-box:hover .image .overlay-box .theme-btn{ top:75%; } .product-block .inner-box .lower-box{ position:relative; padding-top:30px; text-align:center; } .product-block .inner-box .lower-box h3{ position:relative; font-size:16px; font-weight:normal; letter-spacing:1px; margin-bottom:10px; text-transform:uppercase; } .product-block .inner-box .lower-box h3 a{ position:relative; color:#8c8c8c; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .product-block .inner-box .lower-box h3 a:hover{ color:#d3282f; } .product-block .inner-box .lower-box .price{ position:relative; color:#000000; font-size:16px; font-weight:300; } /*** ==================================================================== Shop Single Section ==================================================================== ***/ .shop-single-section{ position:relative; padding:80px 0px; } .shop-single-section .page-tag{ position:relative; color:#b6b6b6; font-size:14px; margin-bottom:30px; font-family: 'Passenger Sans'; letter-spacing: .3px; } .shop-single-section .page-tag span{ font-size:16px; } .product-details .basic-details{ position:relative; margin-bottom:50px; } .product-details .image-column, .product-details .info-column{ margin-bottom:20px; } .product-details .image-column .image-box{ background:#ededed; } .product-details .info-column{ position:relative; } .product-details .info-column .add-to-cart{ font-family: 'Montserrat', sans-serif; } .product-details .image-column .image-box img{ position:relative; display:block; width:100%; } .product-details .basic-details .details-header{ position:relative; margin-bottom:12px; } .product-details .basic-details .details-header h4{ font-size:28px; font-weight:normal; margin:0px 0px; line-height:1.4em; color:#000000; margin-bottom:5px; } .product-details .basic-details .details-header h4 a{ color:#333333; } .product-details .basic-details .details-header .item-price{ font-size:20px; font-weight:400; color:#000000; line-height:24px; letter-spacing:1px; } .product-details .basic-details .text{ margin-bottom:30px; line-height:2em; font-size:14px; color:#000000; margin-top:30px; } .product-details .basic-details .text p{ margin-bottom:15px; } .product-details .basic-details .item-categories{ margin:5px 0px 0px; font-size:11px; font-weight:600; color:#000000; letter-spacing:1px; text-transform:uppercase; font-family: 'Montserrat', sans-serif; } .product-details .basic-details .item-categories span{ font-weight:400; color:#000000; margin-left:5px; text-transform:capitalize; } .quantity-spinner{ position:relative; display:block; width:90px; } .product-details .quantity-spinner{ margin-bottom:20px; float:left; margin-right:20px; } .quantity-spinner input{ position:relative; display:block; width:52px; line-height:24px; padding:9px 0px; margin:0px 19px; font-weight:normal; height:55px; font-size:12px; color:#000000; border:1px solid #e0e0e0; text-align:center; border-radius:2px; font-family: 'Montserrat', sans-serif; } .quantity-spinner .minus{ position:absolute; left:0px; top:0px; width:20px; height:55px; line-height:36px; padding:10px 0px; text-align:center; background:#ffffff; font-weight:normal; color:#000000; font-size:12px; border:1px solid #e5e5e5; z-index:1; cursor:pointer; font-family: 'Montserrat', sans-serif; } .quantity-spinner .plus{ position:absolute; right:0px; top:0px; width:20px; height:55px; line-height:22px; padding:10px 0px; text-align:center; font-weight:normal; background:#ffffff; color:#000000; font-size:12px; border:1px solid #e5e5e5; z-index:1; font-family: 'Montserrat', sans-serif; cursor:pointer; } /*** ==================================================================== Product Tabs Style ==================================================================== ***/ .product-info-tabs{ position:relative; margin-bottom:0px; border-bottom:1px solid #e5e5e5; } .prod-tabs{ position:relative; } .prod-tabs .tab-btns{ position:relative; z-index:1; } .prod-tabs .tab-btns .tab-btn{ position:relative; float:left; font-size:15px; color:#b6b6b6; cursor:pointer; font-weight:normal; padding:0px 0px; line-height:24px; letter-spacing:1px; margin-right:35px; text-transform:uppercase; border-bottom:2px solid transparent; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; } .prod-tabs .tab-btns .tab-btn:hover, .prod-tabs .tab-btns .tab-btn.active-btn{ color:#d3282f; border-color:#d3282f; } .prod-tabs .tabs-container{ position:relative; } .prod-tabs .tabs-container .tab{ position:relative; padding:30px 0px; display:none; } .prod-tabs .tabs-container .tab.active-tab{ display:block; } .prod-tabs .tabs-container .tab p{ color:#000000; font-size:14px; } .prod-tabs .tabs-container .tab p, .prod-tabs .tabs-container .tab h2, .prod-tabs .tabs-container .tab h3, .prod-tabs .tabs-container .tab h4, .prod-tabs .tabs-container .tab h5, .prod-tabs .tabs-container .tab h6{ margin-bottom:15px; } .prod-tabs .tabs-container .tab h3{ font-size:16px; font-weight:500; text-transform:uppercase; color:#222222; margin-bottom:15px; } .prod-tabs .tabs-container .tab h4{ font-size:14px; font-weight:500; text-transform:uppercase; color:#222222; margin-bottom:15px; } .prod-tabs .reviews-container{ position:relative; } .prod-tabs .reviews-container .review-box{ position:relative; margin-bottom:30px; padding-left:100px; min-height:100px; } .prod-tabs .reviews-container .rev-thumb{ position:absolute; left:0px; top:0px; width:82px; height:82px; margin-bottom:20px; border:1px solid #e0e0e0; background:#ffffff; border-radius:3px; } .prod-tabs .reviews-container .rev-thumb img{ display:block; width:80px; height:80px; border-radius:3px; } .prod-tabs .reviews-container .rev-content{ position:relative; padding:15px; border:1px solid #e0e0e0; background:#ffffff; } .prod-tabs .reviews-container .rating{ color:#d3282f; font-size:13px; } .prod-tabs .reviews-container .rating .fa{ margin-right:1px; } .prod-tabs .reviews-container .rev-info{ font-size:12px; letter-spacing:1px; margin-bottom:10px; } .prod-tabs .reviews-container .rev-text{ font-size:14px; } .prod-tabs .add-review{ position:relative; margin:30px 0px 20px; font-size:14px; } .prod-tabs .add-review .rating{ position:relative; padding-top:8px; } .prod-tabs .add-review .rating .rate-box{ position:relative; display:inline-block; margin-right:10px; font-size:14px; color:#555555; } .prod-tabs .add-review .rating .rate-box:hover, .prod-tabs .add-review .rating .rate-box:focus, .prod-tabs .add-review .rating .rate-box:active{ color:#d3282f; } .prod-tabs .add-review label{ position:relative; display:block; font-size:14px; margin-bottom:5px; font-weight:400; color:#303030; } .prod-tabs .add-review h3{ margin-bottom:20px; } .prod-tabs .add-review .form-group{ position:relative; margin-bottom:20px; } .prod-tabs .add-review .form-group input[type="text"], .prod-tabs .add-review .form-group input[type="password"], .prod-tabs .add-review .form-group input[type="tel"], .prod-tabs .add-review .form-group input[type="email"], .prod-tabs .add-review .form-group select{ position:relative; display:block; width:100%; line-height:22px; padding:9px 15px; color:#222222; border:1px solid #e0e0e0; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; } .prod-tabs .add-review .form-group textarea{ position:relative; display:block; width:100%; line-height:22px; padding:8px 15px; color:#222222; border:1px solid #e0e0e0; height:150px; resize:none; transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; } .prod-tabs .add-review button{ padding:8px 35px; } .shop-single-section .related-posts{ position:relative; padding-top:90px; } .shop-single-section .related-posts h2{ position:relative; color:#000000; font-size:15px; font-weight:normal; margin-bottom:40px; text-align:center; letter-spacing:1px; text-transform:uppercase; } /*** ==================================================================== Contact Page Section ==================================================================== ***/ .contact-page-section{ position:relative; padding:125px 0px 90px; background-color:#f5f5f5; } .contact-page-section .outer-container{ position:relative; padding:0px 125px; } .contact-page-section .outer-container .map-column{ position:relative; width:60%; left:0px; top:0px; float:left; } .contact-page-section .outer-container .map-column .map-canvas{ height:700px; } .contact-page-section .outer-container .form-column{ position:relative; width:40%; float:left; } .contact-page-section .outer-container .form-column .inner-column{ position:relative; padding:65px 75px; margin-left:-60px; margin-top:45px; background-color:#ffffff; } .contact-page-section .outer-container .form-column .inner-column h2{ position:relative; color:#000000; font-size:24px; font-weight:normal; margin-bottom:30px; text-transform:uppercase; } /*** ==================================================================== Telephone Reserve Section ==================================================================== ***/ .telephone-reserve{ position:relative; padding:115px 0px; text-align:center; } .telephone-reserve h3{ position:relative; color:#000000; font-size:24px; font-weight:normal; margin-bottom:10px; text-transform:capitalize; } .telephone-reserve .text{ position:relative; } /*** ==================================================================== Error Section ==================================================================== ***/ .error-section{ position:relative; padding:420px 0px 350px; background-size:cover; background-repeat:no-repeat; } .error-section:before{ position:absolute; content:''; left:0px; top:0px; width:100%; height:100%; display:block; background-color:rgba(0,0,0,0.50); } .error-section .inner-box{ position:relative; text-align:center; } .error-section .inner-box h2{ position: relative; color: #ffffff; font-size: 105px; font-weight: 700; letter-spacing: 4px; line-height: 1em; margin-bottom:20px; display: inline-block; text-transform: uppercase; } .error-section .inner-box h2:before{ position: absolute; content: ''; right: 110%; top: 55px; width: 50px; height: 1px; background-color: #ffffff; } .error-section .inner-box h2:after{ position: absolute; content: ''; left: 110%; top: 55px; width: 50px; height: 1px; background-color: #ffffff; } .error-section .inner-box .text{ position:relative; color:#d1d1d1; font-size:13px; line-height:1.8em; } .error-section .inner-box .text a{ font-weight:normal; color:#ffffff; } /*** ==================================================================== Coming Soon Section ==================================================================== ***/ .coming-soon-section{ position:relative; padding:420px 0px 350px; background-size:cover; background-repeat:no-repeat; } .coming-soon-section:before{ position:absolute; content:''; left:0px; top:0px; width:100%; height:100%; display:block; background-color:rgba(0,0,0,0.50); } .coming-soon-section .inner-box{ position:relative; text-align:center; } .coming-soon-section .inner-box h2{ position: relative; color: #ffffff; font-size: 75px; font-weight: 700; letter-spacing: 4px; line-height: 1em; margin-bottom:20px; display: inline-block; text-transform: uppercase; } .coming-soon-section .inner-box h2:before{ position: absolute; content: ''; right: 105%; top: 35px; width: 50px; height: 1px; background-color: #ffffff; } .coming-soon-section .inner-box h2:after{ position: absolute; content: ''; left: 105%; top: 35px; width: 50px; height: 1px; background-color: #ffffff; } .coming-soon-section .inner-box .text{ position:relative; color:#d1d1d1; font-size:13px; line-height:1.8em; margin-bottom:30px; } .coming-soon-section .inner-box .text a{ font-weight:normal; color:#ffffff; } /*NewsLetter Widget*/ .coming-soon-section form{ position:relative; } .coming-soon-section .form-group{ position: relative; display: block; margin-bottom:30px; max-width:580px; margin:0 auto; width:100%; } .coming-soon-section .form-group input[type="text"], .coming-soon-section .form-group input[type="email"]{ position: relative; display: block; width: 100%; height: 45px; font-size: 14px; max-width:440px; line-height: 25px; background: #ffffff; padding: 10px 16px 10px 20px; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; } .coming-soon-section .form-group input[type="submit"], .coming-soon-section .form-group .subscribe-btn { position: absolute; top: 0; right: 0; width:128px; height:45px; color:#ffffff; font-size:12px; font-weight:normal; text-align:center; background:#d3282f; cursor:pointer; letter-spacing:1px; text-transform:uppercase; font-family: 'Montserrat', sans-serif; } .section-title { text-align: center; } .section-title h3 { color: #262626; font-size: 59px; font-weight: normal; line-height: 27px; margin: 0; text-transform: uppercase; margin-bottom: 3px; } .section-title p { font-size: 24px; } .section-title p::after { background: rgba(0, 0, 0, 0) url("images/title_dark1.png") no-repeat scroll 0 0; content: ""; display: block; height: 60px; margin-left: -150px; background-position: center; position: relative; top: 9px; width: 300px; margin: 0 auto; left: 0; right: 0; } .subscribe { text-align: center; margin-top: 20px; } .subscribe form { margin-bottom: 40px; } .subscribe form input { background: none; border-color: #404040; border-image: none; border-style: none none solid; border-width: 0 0 2px; padding: 0 0 23px; text-align: center; width: 70%; height: auto; /*outline: none;*/ } .gulten-free:after, .vegetarian:after, .veg-glutenfree:after,.spanis:after { content: ''; display: inline-block; vertical-align: middle; } .gulten-free:after, .spanis:after { width: 25px; height:25px; background: url(../images/gluten-free.png) no-repeat right; background-size: contain; } .vegetarian:after{ width: 25px; height:25px; background: url(../images/vegetarian.png) no-repeat right; background-size: contain; } .veg-glutenfree:after{ width:50px; height: 25px; /*background: url(../images/veg-gluten.png) no-repeat right;*/ background-size: contain; bottom: 2px; position: relative; } .newsletter-frame .section-title h1,.newsletter-frame .section-title h3{ line-height: normal; font-size: 45px;color: #262626;font-weight: normal; margin: 0;text-transform: uppercase;margin-bottom: 3px; } .list-btns { margin-bottom: 15px; } .list-btns li { display: inline-block; margin: 0 10px;} .list-btns li .btn { min-width: 0; padding-top: 0;} .location-gallery-frame .owl-theme .owl-nav .owl-prev { background: url("../img/arrow-black-left.png") no-repeat center center; float: left; height: 50px; left: -120px; left: -80px; width: 50px; top: 45%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); text-indent: -10000px; position: absolute; } .location-gallery-frame .owl-theme .owl-nav .owl-prev:hover { background: url("../img/arrow-left-active.png") no-repeat center center; } .location-gallery-frame .owl-theme .owl-nav .owl-next { background: url("../img/arrow-black-right.png") no-repeat center center; float: left; height: 50px; right: -120px; right: -80px; width: 50px; top: 45%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); text-indent: -10000px; position: absolute; } .location-gallery-frame .owl-theme .owl-nav .owl-next:hover { background: url("../img/arrow-right-active.png") no-repeat center center; } /*=============== Mulberry Carousel ===================*/ .mulberry-post { float: left; width: 100%; margin-bottom: 100px; } .mulberry-blog { float: left; width: 100%; margin-bottom: -100px; } .mulberry-post .post-title, .post-title{ float: left; font-size: 26px; letter-spacing:2px; margin-top:0; line-height: 37px; font-family:open sans; margin-bottom: 15px; padding-bottom: 20px; position: relative; text-transform: uppercase; width: 100%; float: none; font-family: 'Passenger Sans'; font-size: 33px; } .post-title a { color: #000; } .post-title:before{ background:#000000; bottom: 0; content: ""; height: 1px; left: 0; position: absolute; width: 53px; } ul.meta, .mulberry-post ul.meta { float: left; margin-bottom:25px; padding: 0; width: 100%; } ul.meta > li, .mulberry-post ul.meta > li { color: #949494; float: left; font-family: open sans; font-size: 11px; font-weight: 500; letter-spacing: 1px; line-height: 12px !important; margin: 0 15px 0 0; padding-right: 15px; position: relative; text-transform: uppercase; } ul.meta > li, .mulberry-post ul.meta > li:last-child{ margin-right: 0; } ul.meta.dark > li{color:#656565} .meta > li:before{ border: 1px solid #949494; content: ""; height: 5px; width: 5px; position: absolute; right: -3px; top: 3px; } .meta > li:last-child:before{display:none} .mulberry-post-img { float: left; margin-bottom: 30px; position: relative; width: 100%; } .mulberry-post .mulberry-post-img img { float: left; margin: 0; } .pin{ border: 5px solid #ffffff; color: #ffffff; font-family: open sans; font-size: 11px; left:60px; opacity:0; letter-spacing: 1px; padding: 13px 25px; position: absolute; text-transform: uppercase; top: 30px; -webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */ -webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.320, 1.275); -moz-transition: all 600ms cubic-bezier(0.175, 0.885, 0.320, 1.275); -ms-transition: all 600ms cubic-bezier(0.175, 0.885, 0.320, 1.275); -o-transition: all 600ms cubic-bezier(0.175, 0.885, 0.320, 1.275); transition: all 600ms cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */ -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */ -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */ } .pin:hover{color:#FFF} .mulberry-post-img:hover .pin{ left:30px; opacity:1; } .mulberry-post p { margin-bottom:30px; } blockquote { border-bottom: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; display: inline-block; font-family: open sans; font-size: 20px; font-weight: 500; line-height: 32px; margin:10px 0 20px; padding: 30px 0; position: relative; text-transform: uppercase; width: 100%; } blockquote:before{ background:#fff url("../images/quote.png") no-repeat scroll center left; content: ""; position: absolute; left: 0; top: -20px; width: 40px; height: 40px; } .post-bottom{ border-bottom: 3px double #e6e6e6; float: left; margin-top: 30px; padding-bottom:17px; width: 100%; } .post-bottom ul.meta{ margin-bottom: 0; width: auto; } .share{float:right} .share > span { color: #2a2a2a; float: left; font-size: 11px; letter-spacing: 1px; margin-right: 5px; padding-top: 1px; text-transform: uppercase; line-height: normal; } .share > a { float: left; font-size: 13px; line-height: 0; margin-left: 5px; text-align: center; width: 22px; } .mulberry-post img.alignleft { float: left; margin-right: 30px; } .mulberry-post img.alignright{ float:right; margin-left: 30px; } .mulberry-post h1,.mulberry-post h2, .mulberry-post h3,.mulberry-post h4, .mulberry-post h5,.mulberry-post h6{ font-family: lora; line-height: 1.8; margin:35px 0 10px; } .mulberry-post h1{font-size:32px} .mulberry-post h2{font-size:24px} .mulberry-post h3{font-size:21px} .mulberry-post h4{font-size:18px} .mulberry-post h5{font-size:15px} .mulberry-post h6{font-size:14px} .mulberry-post ol, .mulberry-post ul { color: #121212; font-size: 14px; line-height: 28px; list-style:decimal; margin:0 0 30px; padding-left: 30px; } .mulberry-post ol li, .mulberry-post ul li{margin-bottom:15px} .mulberry-post ul{list-style:none} ul.meta.style2 > li, .mulberry-post ul.meta.style2 > li{ color:#121212; font-family:lora; font-size:12px; } .mulberry-post-img iframe{min-height:370px} .mulberry-btn{ border: 1px solid #efefef; color: #ffffff; display: inline-block; font-size: 11px; letter-spacing: 1px; margin: 0 auto; padding:19px 30px; position: relative; text-transform: uppercase; z-index: 1; background-color: #d3282f; line-height: normal; font-size: 17px; letter-spacing: 0; } .mulberry-btn:hover{color:#FFF} .mulberry-btn:before { -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -ms-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; } .mulberry-btn:before{ background: #000000 none repeat scroll 0 0 padding-box content-box; content: ""; height: 100%; width: 100%; display: table-cell; vertical-align: middle; /*z-index: -1; padding: 5px; position: absolute; left: 0; top: 0;*/ } .mulberry-btn:before{ background-color: #c57f5e; } .mulberry-btn:hover:before{background-color:#2a2a2a} /*=============== Loadmore Posts ===================*/ .loadmore { float: left; margin-top: 80px; text-align: center; width: 100%; } .loadmore > a { border: 1px solid #e8e8e8; border-radius: 50%; display: inline-block; height: 70px; line-height: 70px; width: 70px; } .loadmore > span { color: #2a2a2a; float: left; font-family: open sans; font-size: 14px; letter-spacing: 1px; margin-top: 15px; text-transform: uppercase; width: 100%; } /*=============== Single Post ===================*/ .mulberry-post img { float: none; margin: 0 0 10px; max-width: 100%; } .tags { float: left; font-size: 11px; letter-spacing: 1px; margin-bottom: 20px; text-transform: uppercase; width: 100%; } .tags strong { color: #949494; font-weight: 600; } .author { border-bottom: 1px solid #e6e6e6; display: table; float: left; padding: 50px 0 70px; width: 100%; } .author > img { display: table-cell; margin: 0; max-width: none; } .author-detail { display: table-cell; padding-left: 30px; vertical-align: top; } .author-detail > strong { float: left; font-size: 14px; font-weight: 600; letter-spacing: 1px; margin-bottom: 15px; text-transform: uppercase; width: 100%; } .author-detail > p { float: left; margin-bottom: 20px; width: 100%; } .author .share { float: left; margin-left: -10px; } .posts-pagination{ border-bottom: 1px solid #e6e6e6; float:left; padding:10px 0; width:100%; } .other-post { display: table; float: left; max-width: 50%; padding: 0 20px; position: relative; } .col-md-12 .other-post{max-width:30%} .other-post > img{ display:table-cell; max-width:none; vertical-align:middle; margin:0; } .other-post-title{ display:table-cell; padding:0 15px; vertical-align:middle; } .other-post-title h5 { display: table; font-family: open sans; font-size: 13px; font-weight: 600; line-height: 20px; margin: 0 0 5px; width: 100%; } .other-post:last-child .other-post-title{text-align:right} .other-post:last-child{float:right} .other-post:before{ color:#a8a8a8; content:"\f104"; font-family:fontawesome; font-size:16px; position:absolute; left:0; top:50%; width:20px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); } .other-post:last-child:before{ content:"\f105"; left:auto; right:0; text-align:right; } .mulberry-comments { float: left; margin-top: 90px; width: 100%; } .mulberry-comments .widget-title > h5 { font-family: open sans; font-size: 14px; letter-spacing: 1px; line-height: unset; margin: 0; padding-right: 10px; } .mulberry-comments .widget-title:before{top:4px} .mulberry-comments .widget-title:after{top:7px} .mulberry-comments > ul { float: left; margin: 0 0 -50px; padding: 0; width: 100%; } .mulberry-comments > ul li { float: left; margin: 0; width: 100%; } .comment { border-bottom: 1px solid #e6e6e6; display: table; float: left; padding-bottom: 40px; width: 100%; } .comment > img { display: table-cell; margin: 0; max-width: none; vertical-align: middle; } .comment-detail { display: table-cell; padding-left: 30px; vertical-align: middle; } .comment-detail > strong { float: left; font-family: open sans; font-size: 14px; } .reply { color: #949494; float: right; font-family: open sans; font-size: 11px; letter-spacing: 0.5px; text-transform: uppercase; } .comment-detail > p { float: left; margin: 0; width: 100%; } .mulberry-comments ul ul { float: left; padding-left: 70px; padding-top: 40px; width: 100%; border-bottom: 1px solid #e6e6e6; } .mulberry-comments > ul li:last-child .comment{border-bottom:0} .comment-form { float: left; margin-top: 100px; width: 100%; } .comment-form > h4 { color: #949494; float: left; font-family: open sans; font-size: 11px; font-weight: 600; letter-spacing: 1px; line-height: unset; margin: 0 0 40px; text-transform: uppercase; width: 100%; } .comment-form > form { float: left; width: 100%; } .comment-form form input, .comment-form form textarea { border: 1px solid #e7e7e7; color: #989898; float: left; font-family: lora; font-size: 14px; height: 40px; margin-bottom: 30px; padding: 10px 20px; width: 100%; } .comment-form form textarea { height: auto; max-width: 100%; min-height: 200px; padding: 20px; } .comment-form form button { background: #272727; border: 0 none; color: #ffffff; float: left; font-size: 11px; font-weight: 500; letter-spacing: 0.5px; padding: 15px 35px; text-transform: uppercase; } .bar-title { border-top: 2px solid #303030; float: left; margin-bottom: 30px; padding-top: 20px; width: 100%; } .bar-title h3 { color: #111111; float: left; font-size: 15px; letter-spacing: 1px; text-transform: uppercase; width: 100%; } .related { float: left; margin-bottom: -30px; width: 100%; } .related-post { float: left; margin-bottom: 30px; width: 100%; } .related-post .mulberry-post-img{margin-bottom20px} .related-post > h4 { float: left; font-size: 14px; letter-spacing: 1px; text-transform: uppercase; width: 100%; } .related-post .meta{margin-bottom:15px} .related-post img{width:100%} /*=============== Single Post Style 2 ===================*/ .post-name-full .mulberry-post-img{margin-bottom:50px} .post-name-full.center-align{text-align:center} .mulberry-post-img img{max-width:100%} .center-align .post-title:before{ left: 50%; margin-left: -26.5px; } .center-align .meta { display: table; float: none; margin: 0 auto 25px; width: auto; } .center-align .meta li { margin: 0 10px; padding: 0 10px; } .center-align .meta li:before{right:-13px} .center-align .post-title{font-size:32px} .author > img, .comment > img { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .block.remove-gap { padding:0 0 100px 0; } /**************************** Merchandise page ********************************/ .shopHomePage ul, .shop-products ul { padding-left: 0; list-style: none; margin-bottom: 0; } .shopHomePage ul li, .shop-products ul li{ position: relative; overflow: hidden; z-index: 1; /*padding-left: 0; padding-right: 0;*/ } .shopHomePage ul li figure figcaption img, .shop-products ul li figure figcaption img { width: 100%; } .shopHomePage ul li figure .content, .shop-products ul li figure .content { position: absolute; top: 0; width: 100%; height: 100%; z-index: 2; left: 0; background: rgba(255, 255, 255, 0.97); visibility: hidden; opacity: 0; text-align: center; -webkit-transition-delay: 0; transition-delay: 0; -webkit-transition-property: all; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease-in-out; transition-property: all; transition-duration: 0.4s; transition-timing-function: ease-in-out; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .shopHomePage ul li figure .content .shopHover, .shop-products ul li figure .content .shopHover { position: relative; top: 45%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -o-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); } .shopHomePage ul li:hover figure .content, .shop-products ul li:hover figure .content { opacity: 1; visibility: visible; } .shopHomePage .icon-button, .shop-products .icon-button { background-color: #fff; border-radius: 3rem; border: 1px solid #f4f4f4; cursor: pointer; display: inline-block; font-size: 1.2rem; height: 3rem; line-height: 3rem; margin: 0 5px; position: relative; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 3rem; } .shopHomePage .icon-button i, .shop-products .icon-button i { background: none; color: #000; height: 3rem; left: -1px; line-height: 3rem; position: absolute; top: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; width: 3rem; z-index: 10; } .shopHomePage .icon-button span, .shop-products .icon-button span { border-radius: 0; display: block; height: 0; left: 50%; margin: 0; position: absolute; top: 50%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; width: 0; } .shopHomePage .icon-button:hover span, .shop-products .icon-button:hover span { width: 3.2rem; height: 3.2rem; border-radius: 3.2rem; margin: -15.8px; } .shopHomePage .icon-button:hover i, .shop-products .icon-button:hover i { color: #fff; } .shopHomePage .shopIcon span, .shop-products .shopIcon span { background-color: #bb9b69; } .shopHomePage .price, .shop-products .price, .footer .price { font-size: 25px; display: inline-block; font-weight: 700; color: #333; padding-bottom: 3.5rem; } .shopHomePage .price:before, .shop-products .price:before { content: ''; width: 1.9rem; height: 0.1rem; position: absolute; background-color: #000; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); left: 50%; top: 4rem; } .shopHomePage .proTitle a, .shop-products .proTitle a { display: block; font-size: 18px; text-transform: uppercase; color: #5f5e5e; font-weight: 600; margin-bottom: 0.5rem; text-decoration: none; } .shopHomePage .proTitle a:hover, .shop-products .proTitle a:hover { color: #bb9b69; } .shopHomePage .shopIcon, .shop-products .shopIcon { margin-top: 1rem; } .shopHomePage .product, .shop-products .product { color: #adacac; font-family: 'Karla', sans-serif; font-size: 1.1rem; font-weight: 600; } /***********************************************************************************************/ /* START SINGLE SHOP SECTION */ /***********************************************************************************************/ .productDetails nav a { text-decoration: none; font-weight: 600; font-size: 13px; color: #919191; text-transform: uppercase; } .productDetails nav a:hover { color: #bb9b69; } .productDetails nav i { padding: 0 0.5rem; } .productDetails h1 { padding: 5px 0; font-size: 30px; text-transform: uppercase; letter-spacing: 0; font-weight: 300; color: #262526; } .productDetails .review { text-decoration: none; color: #000; font-size: 16px; font-weight: 700; } .productDetails .price { padding: 5px 0; font-size: 30px; color: #fa5264; } .productDetails .starRate { float: left; } .productDetails .starRate a { padding-right: 1.2rem; } .productDetails .starRate i { color: #FAB400; } .c-shop-item__details h3 { display: none; } .c-shop-item__description { display: none; } .o-content { top: -6.3rem; float: left; position: relative; left: 7.5rem; } .variations tbody tr:nth-child(2) td.value { border-bottom: 1px solid #ddd; } .variations tbody tr:nth-child(2) td.label { border-bottom: 1px solid #ddd; } .variations tbody tr:nth-child(1) td.label { border-top: none; } .variations tbody tr:nth-child(1) td.value { border-top: none; } .variations tbody tr .label, .variations tbody tr .value { width: 65%; vertical-align: middle; } .variations tbody tr .label label, .variations tbody tr .value label { margin-bottom: 0; } .variations tbody tr td { padding-bottom: 1rem; } .variations tbody tr td label { color: #262526; font-weight: 400; font-size: 1.6rem; letter-spacing: -1px; } .variations tbody tr .value select { padding: 12px 100px 12px 5px; border: none; font-size: 1.6rem; } .variations tbody tr .value .attached .enabled { font-weight: 400; font-weight: 400; color: #515150; font-size: 1.6rem; } .skuWrapper .sku { font-weight: 400; color: #515150; font-size: 1.6rem; } .meta-list { padding: 1.3rem 0; } .meta-list .metaListHead { font-weight: 400; color: #262526; font-size: 1.6rem; } .meta-list a { font-weight: 400; color: #919191; text-decoration: none; font-size: 1.6rem; } .metaList .metaListSpan { font-weight: 400; color: #262526; font-size: 1.6rem; } .metaList a { font-weight: 400; color: #919191; font-size: 1.6rem; text-decoration: none; } .quantity { float: left; margin-right: 0.4rem; } .quantity input { text-align: center; width: 70px; height: 40px; font-weight: 300; font-size: 16px; padding: 0; border: none; background: #262526; color: white; -webkit-box-shadow: none; box-shadow: none; border-radius: 5px; } .buttonTT { padding: 12px 30px; display: inline-block; margin: 5px 0; line-height: 1; text-transform: uppercase; letter-spacing: .2em; border: 0; font-weight: 300; font-size: 16px; -webkit-box-shadow: none; box-shadow: none; border-radius: 5px; background-color: #262526; color: white; -webkit-transition-delay: 0; transition-delay: 0; -webkit-transition-property: all; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease-in-out; transition-property: all; transition-duration: 0.2s; transition-timing-function: ease-in-out; } .buttonTT:hover { background-color: #bb9b69; } .product-quantity { padding-bottom: 6.5rem; } .clothing .products { padding-top: 10rem; } .clothing .products a { padding-right: 4rem; } .clothing .products a:last-child { padding-right: 0; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { background-color: #000!important; color: #fff!important; } .shopTab ul { padding-left: 3rem; } .shopTab ul .firstTab a { padding: 6px 15px; font-weight: 400; font-size: 1.5remshi; color: #000; margin-right: 0; border: 1px solid #dddcdc; border-top-left-radius: 7px; } .shopTab ul .firstTab a:hover { background-color: transparent; } .shopTab ul .firstTab a:focus { background-color: #000!important; } .shopTab ul .reviews { padding: 6px 15px; font-weight: 400; font-size: 1.5remshi; color: #000; margin-right: 0; border: 1px solid #dddcdc; border-top-left-radius: 0px; border-top-right-radius: 7px; } .shopTab ul .reviews:hover { background-color: transparent; } .shopTab .singleBlogForm .starRate { top: -6.3rem; float: left; position: relative; left: 20rem; } .shopTab .singleBlogForm .starRate i { color: #FAB400; } .tab-content .tab-pane { padding: 5rem 0; font-size: 1.5rem; line-height: 2.5rem; color: #000000; font-weight: 400; } .tab-content h4 {font-size: 1.8rem;color: #000;font-weight: 700;} .tab-content .singleBlogForm {padding-top: 2rem;} .top-slider{ text-align: center; } .top-slider img{ margin: 0 auto; } .shopSection { padding: 50px 0; } .shop-slider{ padding: 0 50px; } .btn-add{ padding-top: 15px;} input, button, select, textarea{ margin-top: 16px;} .paypal .form-control { margin-bottom: 0.4rem;margin-top: 5px;position: relative;display: block;width: 100%;line-height: 20px;padding: 10px 15px; color: #222222;height: 42px;background: #ffffff;border: 1px solid #e2e2e2; -webkit-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;-moz-transition: all 300ms ease;transition: all 300ms ease; } .paypal-btn{ margin-top: 30px;} .album-frame{ padding:50px 0; } .album-frame .list-albums{ float: none;width: 100%;text-align: center; } .album-frame .list-albums .list-feature{ float: none; padding: 0; } .album-frame .list-albums .list-feature li{ text-align: center; } .album-frame .name h2, .album-frame .name h3{ font-size: 20px; } .album-frame .name p{ font-size: 15px; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .modal-open { overflow: hidden; } .modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; /*outline: 0;*/ } .modal.fade .modal-dialog { -moz-transform: translate(0, -25%); -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .modal.in .modal-dialog { -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; /*outline: 0;*/ } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } .modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=50); } .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; min-height: 16.42857143px; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.42857143; } .modal-body { position: relative; padding: 15px; } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } .location-wrapper p { margin-bottom: 0; } div.menu-tab-logo { position: absolute; top: 20px; left: 0; width: 85% !important; } ul.nav.nav-tabs.tabs-left { padding-top: 70px; } .page-title-frame h1.page-title-head:empty { display: none; } .hidden-label { opacity: 0; } .top-content .list-btns li { display: inline-block; vertical-align: middle; } ul.list-btns li img { padding-top: 5px; } .reward-img img { width: 100%; margin: 0 auto; } .menu-list-wrapper .row {width: 100%;overflow: hidden;margin: 0 auto;} .status-msg p { color: #ff3b0c; margin-bottom: 20px; } @media (max-width: 1200px) { ul.nav.nav-tabs.tabs-left { padding: 70px 5px 20px; } div.menu-tab-logo {width: 84% !important;} .page-title h1, div#get-started h4.modal-title {font-size: 62px;bottom: 0;} } @media (min-width: 800px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .modal-sm { width: 300px; } } @media (min-width: 1030px) { .modal-lg { width: 900px; } } #inquires-popup.modal{ top:20%; } #inquires-popup .modal-header{ padding: 0; border: 0; position: relative; } #inquires-popup .modal-header .close{color: #fff;opacity: 1;font-size: 30px;} #inquires-popup .modal-body{ padding: 20px 15px 30px 15px; } #inquires-popup .modal-content{ background-repeat: no-repeat; background-size: cover; background-position: center; text-align: center; color: #fff; border-radius: 0; padding:10px; border: solid 1px #fff; } #inquires-popup .modal-content:before{ content: ''; position: absolute; width: 100%; height:100%; top:0; left:0; background-color: rgba(0, 0, 0, 0.6); } #inquires-popup .modal-content h2.modal-title{ text-transform: uppercase; font-family: 'War is Over'; line-height: normal;font-size: 40px; margin-bottom: 10px; } #inquires-popup .modal-content h2.modal-title span{ display: block; font-size: 25px; line-height: normal;} #inquires-popup .modal-content h3, #inquires-popup .modal-content h4{ margin-bottom: 10px; } #inquires-popup .modal-content .btn{border: solid 2px #fff; background: transparent; color: #fff;} #inquires-popup .inquires-btn{ margin: 20px 0; } /************************* MERCHADISE PAGE **************************/ .filters-button-group{ text-align: center; padding-top: 5rem; padding-bottom: 1rem; } .button-group ul, .button-group li{padding:0;text-transform:none;font-size:14px;letter-spacing:0.1rem;} .button-group li{padding:0.8rem 0.5rem; display: inline-block;} /*.grid-filter-menu.list-vertical li{display:block;padding:0.8rem 0;} .grid-filter-menu:not(.center):not(.right) li:first-child{padding-left:0;} .grid-filter-menu.right li:last-child{padding-right:0;}*/ .button-group a{padding:10px 10px 8px;font-weight:400;line-height:1.1rem;color:#999;border-radius:0;position:relative;border:0;font-size: 14px;text-transform:uppercase;} .button-group a:hover{background-color:#333;border:0;color:#fff;} .button-group a.active{background-color:#333;border:0;color:#fff;} .grid-container{position:relative} .grid-container .grid{max-width:100%;min-height:30rem;margin-bottom:-3rem;visibility:hidden;z-index:1;padding-left:0;padding-right:0;margin-left:0;margin-right:0} .masonry.fade-in-progressively .grid-item, .masonry.fade-in-progressively .masonry-stamp{opacity:0} .masonry .filtering{-webkit-transition-property:height;transition-property:height;-webkit-transition-duration:.8s;transition-duration:.8s} .masonry .tm-loader{top:6rem} .grid-container>.row>.column{padding-left:0;padding-right:0} .grid-container .grid .grid-item{padding-left:1.5rem;padding-right:1.5rem} .grid-container .thumbnail{margin-bottom:0;float:none} .grid-container.small-margins>.row>.column{padding-left:1rem;padding-right:1rem} .grid-container.small-margins.full-width>.row>.column{padding-left:.5rem;padding-right:.5rem} body.boxed .grid-container.small-margins.full-width>.row>.column{padding-left:1rem;padding-right:1rem} .grid-container.small-margins.no-margins.full-width>.row>.column{padding-left:0;padding-right:0} .grid-container.small-margins .grid{margin-top:-.5rem;margin-bottom:-.5rem} .grid-container.small-margins .grid .grid-item{margin-bottom:0;padding:.5rem;position:relative} .grid-container.no-margins>.row>.column{padding-left:1.5rem;padding-right:1.5rem} .grid-container.no-margins .grid{margin-bottom:0} .grid-container.no-margins .grid, .grid-container.no-margins .grid .grid-item{padding:0!important;margin:0!important} .grid-container.full-width .grid{margin-left:1.5rem;margin-right:1.5rem} .grid-container.full-width>.row>.column{padding-left:0;padding-right:0} .grid-container.full-width.no-margins{padding:0!important} .grid-container.full-width.no-padding-bottom .grid{margin-bottom:0} .masonry-set-dimensions.full-width.no-padding-bottom{padding-bottom:1.5rem!important} .masonry-set-dimensions.full-width.small-margins.no-padding-bottom{padding-bottom:.5rem!important} .masonry-set-dimensions{padding-top:7rem;padding-bottom:6rem} .masonry-set-dimensions.full-width .grid{padding-left:0;padding-right:0;margin-left:0;margin-right:0} .masonry-set-dimensions.full-width>.row>.column{padding-left:1.5rem;padding-right:1.5rem} .masonry-set-dimensions.small-margins.full-width>.row>.column{padding-left:.5rem;padding-right:.5rem} .masonry-set-dimensions.no-margins .grid, .masonry-set-dimensions.no-margins .grid .grid-item{padding:0!important;margin:0!important;} .masonry-set-dimensions.no-margins .grid .grid-item .thumbnail{border:solid 1px #ffffff;} .masonry-set-dimensions .grid, .masonry-set-dimensions>.row>.column, .masonry>.row>.column{padding-left:0;padding-right:0} .masonry-set-dimensions.full-width.no-margins{padding:0} .masonry-set-dimensions .grid{margin-top:-1.5rem;margin-left:0;margin-right:0;margin-bottom:-1.5rem} .masonry-set-dimensions .grid .grid-item{margin-bottom:0;padding:1.5rem;position:relative} .masonry-set-dimensions.small-margins>.row>.column{padding-left:1rem;padding-right:1rem} .masonry-set-dimensions.small-margins .grid{margin-top:-.5rem;margin-bottom:-.5rem} .masonry-set-dimensions.small-margins .grid .grid-item{padding:.5rem} .masonry-set-dimensions.no-margins>.row>.column{padding-left:1.5rem;padding-right:1.5rem} .masonry-set-dimensions.no-margins.full-width>.row>.column{padding-left:0;padding-right:0} .masonry-set-dimensions .thumbnail{height:100%;overflow:hidden;margin-bottom:0} .masonry-set-dimensions .grid-item img{width:100%} .masonry-set-dimensions .content-outer{width:100%;height:100%;display:table;position:relative;bottom:0} .masonry-set-dimensions .thumbnail+.content-outer{position:absolute} .masonry-set-dimensions .content-inner{width:100%;height:100%;padding:3rem;display:table-cell;vertical-align:middle} .masonry-set-dimensions .content-inner>:first-child{margin-top:0} .masonry-set-dimensions .content-inner>:last-child{margin-bottom:0} .masonry-set-dimensions .content-slider, .masonry-set-dimensions iframe, .masonry-set-dimensions video{width:100%!important;height:100%!important} .masonry-set-dimensions .content-slider img{width:auto} .masonry-set-dimensions .mejs-container{width:20rem;height:3rem;margin-left:-10rem;margin-top:-1.5rem;position:absolute;left:50%;top:50%} .masonry-stamp{padding:1.5rem} .small-margins .masonry-stamp{padding:.5rem} .no-margins .masonry-stamp{padding:0} .grid-filter-menu{padding-top:3.5rem;padding-bottom:0;text-align:center} .grid-filter-menu.left{text-align:left} .grid-filter-menu.left li:first-child a{padding-left:0;margin-left:0} .grid-filter-menu.right{text-align:right} .grid-filter-menu.right li:last-child a{padding-right:0;margin-right:0} .grid-filter-menu ul{width:100%;padding-top:3.5rem;padding-bottom:0;margin-bottom:0} .grid-filter-menu li{padding:0 2rem;display:inline-block;font-size:1.2rem;line-height:1;text-transform:uppercase} .grid-filter-menu a{padding:1rem .8rem;-webkit-transition-property:background, border-color, color, opacity;transition-property:background, border-color, color, opacity;-webkit-transition-duration:.5s;transition-duration:.5s} .grid-filter-menu a:hover{color:#333} .grid-filter-menu a.active{color:#333;border-bottom:1px solid #333} .grid .project-description, .grid .project-title{display:block} .grid .project-title+.project-description{margin-top:.5rem} .grid .item-description{width:100%;margin-top:2rem} .grid .item-description .project-title{margin-top:0;margin-bottom:.5rem} .grid .item-description:last-child{margin-bottom:0} .thumbnail.pull-left, img.pull-left{margin:0 1.5rem 1rem 0} .thumbnail.pull-right, img.pull-right{margin:0 0 1.5rem 1rem} .thumbnail{margin-bottom:3rem;position:relative;overflow:hidden} .thumbnail.overlay-img-scale-in{margin-bottom:0;} .thumbnail.rounded, img.rounded{border-radius:50%} .thumbnail video{width:100%;position:relative;z-index:1} .thumbnail video+img{position:absolute;top:0;z-index:0} .thumbnail:hover{transform:none!important;transition:none!important} .caption-below{width:100%;padding:1rem 1.5rem;font-size:1.2rem;font-style:italic;border:1px solid #eee;float:left} .overlay-info, .thumbnail>a, .thumbnail>span{border:none;left:0;width:100%;height:100%;top:0} .thumbnail .caption-over-outer{width:100%;height:100%;padding:2rem;display:table;opacity:0;position:absolute;bottom:0;z-index:2} .thumbnail .caption-over-inner{width:100%;height:100%;display:table-cell;vertical-align:middle} .thumbnail .caption-over-inner:first-child{margin-top:0} .thumbnail .caption-over-inner:last-child{margin-bottom:0} .thumbnail>a, .thumbnail>span{float:left;display:block;overflow:hidden;position:relative} .overlay-info{padding:0;margin:0;color:#fff;background:#000;background:rgba(0, 0, 0, .5);text-align:center;opacity:0;position:absolute;z-index:1} a.overlay-info:hover{color:#fff} .overlay-info>div, .overlay-info>span{width:100%;height:100%;padding:1.5rem;font-size:1.2rem;font-style:normal;display:table} .overlay-info>div>div, .overlay-info>span>span{display:table-cell;text-align:center;vertical-align:middle} .fill-background{background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;background-size:cover} .overlay-info.left>span>span{text-align:left} .overlay-info.right>span>span{text-align:right} .overlay-info.v-align-top>div>div, .overlay-info.v-align-top>span>span, .thumbnail .caption-over-inner.v-align-top{vertical-align:top} .overlay-info.v-align-bottom>div>div, .overlay-info.v-align-bottom>span>span, .thumbnail .caption-over-inner.v-align-bottom{vertical-align:bottom} .thumbnail .overlay-info{width:100.1%;line-height:1;opacity:0;-webkit-transform:translateZ(0);transform:translateZ(0);margin:0;} .thumbnail .overlay-info span{margin:0;} .overlay-fade-img-scale-in .overlay-info, .overlay-fade-img-scale-out .overlay-info, .overlay-fade-out .overlay-info, .thumbnail:hover .overlay-info{opacity:1} .thumbnail:hover .overlay-info, .thumbnail:hover img{-webkit-transform:translate3d(0, 0, 0) rotate3d(1, 1, 1, 0deg) scale3d(1, 1, 1);transform:translate3d(0, 0, 0) rotate3d(1, 1, 1, 0deg) scale3d(1, 1, 1)} .overlay-fade-img-scale-in:hover .overlay-info, .overlay-fade-img-scale-out:hover .overlay-info, .overlay-fade-out:hover .overlay-info{opacity:0} .overlay-slide-in-top .overlay-info{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)} .overlay-slide-in-right .overlay-info{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)} .overlay-slide-in-bottom .overlay-info{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)} .overlay-slide-in-left .overlay-info{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)} .overlay-scale-in .overlay-info{opacity:0;-webkit-transform:scale3d(.1, .1, 1);transform:scale3d(.1, .1, 1)} .overlay-rotate-in .overlay-info{opacity:0;-webkit-transform:rotate3d(.1, .1, 1, -180deg);transform:rotate3d(.1, .1, 1, -180deg)} .overlay-img-slide-right .overlay-info{opacity:1;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)} .overlay-img-slide-right:hover img{-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)} .overlay-img-slide-left .overlay-info{opacity:1;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)} .overlay-img-slide-left:hover img{-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)} .overlay-img-slide-down .overlay-info{opacity:1;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)} .overlay-img-slide-down:hover img{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)} .overlay-img-slide-up .overlay-info{opacity:1;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)} .overlay-img-slide-up:hover img{-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)} .img-scale-in:hover img, .img-scale-out img, .overlay-fade-img-scale-in:hover img, .overlay-fade-img-scale-out img, .overlay-img-scale-in:hover img{opacity:1;-webkit-transform:scale3d(1.2, 1.2, 1);transform:scale3d(1.2, 1.2, 1)} .overlay-img-scale-in .overlay-info{-webkit-transform:scale3d(.4, .4, 1);transform:scale3d(.4, .4, 1)} [class*=content-grid] .grid-item{margin:0 0 3rem;float:left} [class*=content-grid] .thumbnail{float:none} .content-grid-1 .grid-item{width:100%} .content-grid-2 .grid-item{width:50%} .content-grid-3 .grid-item{width:33.33333%} .content-grid-4 .grid-item{width:25%;height:186px;} .blog-masonry .content-grid-4 .grid-item{height:auto;} .content-grid-5 .grid-item{width:20%;height:186px;} .content-grid-5.team-grid .grid-item{height:auto;margin-bottom:0;} .thumbnail a>img, .thumbnail>img{width:100%;} .grayscale img{opacity:1;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);filter:grayscale(100%);} .active img{width:100%;opacity:1;-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);filter:grayscale(0%);} .content-grid-6 .grid-item{width:16.66667%} .row [class*=content-grid-].no-margins, [class*=content-grid-].no-margins{margin-right:0!important;margin-left:0!important} [class*=content-grid-].no-margins .grid-item{padding:0!important;margin:0!important} .text-column{margin-bottom:3rem} .text-column>:last-child{margin-bottom:0} .catering-content{ padding: 20px 0 70px 0; } .catering-content h2{ color: #d3282f; } .catering-content .btn-style-two{ margin: 8px 0; } .catering-content .col-md-4{ margin-bottom: 20px; } /******************************* FRANCHISE PAGE ********************************/ .franchise-frame section{ padding: 50px 0; } .us-canada-locations img{ display: block;margin: 0 auto;margin-bottom: 30px; } .fast-casual-industry, .advatages-of-franchising .col-md-8,.franchise-benefits .col-md-8{ max-width: 1000px; width: 100%; margin: 0 auto; float:none; } .chronic-taco-difference .col-md-6{ float: none; margin: 0 auto; margin-bottom: 30px; } .fast-casual-industry p.text-center{ font-size: 20px; } .franchise-frame section.franchise-gallery{ padding-bottom: 0; } .franchise-gallery .auto-container, .video-email .auto-container{ width: 100%; max-width: 100%; padding: 0; } .franchise-gallery .row, .video-email .row{ margin: 0; } .franchise-gallery .auto-container .col-md-6{ padding: 0 3px; } .franchise-gallery a img{ display: block; margin: 0 auto; } .chronic-taco-offers{ background: rgba(197, 38, 45, 1); color: #ffffff; border-bottom: solid 10px #000; } .chronic-taco-offers p, .advatages-of-franchising p, .advatages-of-franchising p{ font-size: 16px; } .chronic-taco-offers ul li{ margin-bottom: 20px; font-size: 16px; } .chronic-taco-offers hr{ max-width: 500px; width: 100%; height: 3px; border-bottom: dotted 2px #000000; margin: 0 auto; margin-top: 35px; margin-bottom: 35px; } .text-right{ text-align: right; } .text-left{ text-align: left; } .chronic-taco-offers img{ margin-bottom: 20px; } .franchise-frame section.advatages-of-franchising, .also-receive,.franchise-benefits{ padding: 50px 0 0 0; background: rgba(245, 242, 242, 1); } .advatages-of-franchising img{ margin: 0 auto; display: block; margin-bottom: 20px; } .advatages-of-franchising p, .franchise-benefits p{ font-size: 20px; margin-bottom: 15px; } .advatages-of-franchising:after{ content: ''; background-image: url(../images/chronic-arrow.png); background-position: center; width: 100%; height: 85px; display: block; } .franchise-benefits:before{ content: ''; background-image: url(../images/down-border-arrow.png); background-position: center; width: 100%; height: 95px; display: block; } .ongoing-benefits:after{ height:95px; } .franchising-industry .row{ margin-bottom: 15px; } .franchising-industry .col-md-6 img{ width: 100px; margin-right: 10px; } .franchising-industry .col-md-6 p{ width: calc( 100% - 120px ); } .franchising-industry .col-md-6 img , .franchising-industry .col-md-6 p{ display: inline-block; vertical-align: middle; } .initial-investment h2, .initial-investment h5{ text-transform: none; color: #C5262D; font-family: initial; font-size: 18px; margin-bottom: 5PX; } .initial-investment p{ margin-bottom: 20px; line-height: 2; } .initial-investment-title{ margin-bottom: 20px; } .initial-investment-title p{ font-size:16px; } .also-receive ul{ margin-top:20px; line-height: 2; } .also-receive ul li{ font-size:20px; } .franchise-frame section.franchise-red-bg{ padding: 0; } .franchise-frame section.franchise-red-bg img{ width: 100%; } .franchise-frame section.franchise-benefits{ padding-top: 0; } .franchise-benefits .col-md-8{ padding: 30px; } .franchise-benefits h3,.franchise-benefits h4{ margin-bottom: 30px; font-size: 28px; letter-spacing: 2px; } .franchise-benefits p{ font-size:18px; } .franchise-benefits p strong{ color: #C5262D; } .chronic-taco-difference .col-md-4{ margin-bottom: 20px; } .chronic-taco-difference .col-md-4 img{ margin: 0 auto; margin-bottom: 10px; direction: block; } .chronic-taco-difference .col-md-4 h4{ color: #C5262D; font-size: 20px; } .franchise-frame section.chronic-parallax1, .franchise-frame section.chronic-parallax2, .franchise-frame section.chronic-parallax3{ padding: 0; } .franchise-frame section.chronic-parallax1{ position: relative; } .chronic-parallax1, .chronic-parallax2, .chronic-parallax3{ background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; } .chronic-parallax1:after{ content:''; position: absolute; width: 100%; height: 70px;bottom: 0;left:0; background-color: rgba(211, 40, 47, 0.5); } .chronic-parallax2, .chronic-parallax3{ border-top:solid 10px #d3282f; border-bottom:solid 8px #d3282f; } .chronic-parallax1 img, .chronic-parallax2 img, .chronic-parallax3 img{ visibility: hidden; } .chronic-parallax2 img, .chronic-parallax3 img{ height: 460px; } .mobile-app-text{ background: #FDF8F2; text-align: center; padding: 50px 0; } .mobile-app-text .col-md-9{ float: none; margin: 0 auto; } .mobile-app-text .col-md-9 p{ font-size: 18px; margin-bottom: 10px; } .location-gallery-frame .feature-img{ background-size: cover; background-position: center; background-repeat: no-repeat; } .location-gallery-frame img{ visibility: hidden; } .location-gallery-frame .owl-carousel .owl-nav.disabled{ display: block; } .footer-navigation h2, .footer-navigation h4{ color: #ffffff; } .footer-navigation a{ color: #666666; } .video-email h2 { font-size: 30px; line-height: normal; } .video-email h2 span{ display: block; } .video-email .form-title{ margin-bottom: 10px; } .location-details-text .container{ padding: 30px 0; } .location-details-text h6{ font-size: 30px; margin-bottom: 5px; color: #000000; } .menu-section-frame{ padding: 70px 0px 70px; } /*! * bootstrap-vertical-tabs - v1.1.0 * https://dbtek.github.io/bootstrap-vertical-tabs * 2014-06-06 * Copyright (c) 2014 Ä°smail Demirbilek * License: MIT */ .vertical-tab .tabs-left border-bottom: none; padding-top: 2px; } .vertical-tab .tabs-left { border-right: 1px solid #ddd; } .vertical-tab .tabs-left>li { float: none; margin-bottom: 8px; vertical-align: middle; } .vertical-tab .tabs-left>li { margin-right: -1px; /*padding: 0 15px;*/ text-align: right; } .vertical-tab .tabs-left>li>a { /*border-radius: 4px 0 0 4px;*/ margin-right: 0; font-size: 15px; display:block; color: #000000; } .vertical-tab .vertical-text { margin-top:50px; border: none; position: relative; } .vertical-tab .vertical-text>li { height: 20px; width: 120px; margin-bottom: 100px; } .vertical-tab .vertical-text>li>a { border-bottom: 1px solid #ddd; border-right-color: transparent; text-align: center; border-radius: 4px 4px 0px 0px; } .vertical-tab .vertical-text>li.active>a, .vertical-tab .vertical-text>li.active>a:hover, .vertical-tab .vertical-text>li.active>a:focus { border-bottom-color: transparent; border-right-color: #ddd; border-left-color: #ddd; } .vertical-tab .tabs-left>li.active>a { background-color: transparent !important; color: #d3282f !important; } .vertical-tab .tabs-left>li.active>a:hover, .vertical-tab .tabs-left>li.active>a:focus { /*border-bottom-color: #ddd; border-right-color: transparent; background-color: transparent !important;*/ color: #d3282f; } .vertical-tab .vertical-text.tabs-left { left: -50px; } .vertical-tab .vertical-text.tabs-left>li { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .vertical-tab .tab-content .tab-pane{ display: none; } .vertical-tab .tab-content .tab-pane.active{ display: block; line-height: normal; vertical-align: top; padding: 0; } .vertical-tab .tabs-left li a h2 .icon { margin-left: 15px; position: relative; right: 0; top: -3px; color: #d3282f; visibility: hidden; } .vertical-tab .tabs-left li a h2 { padding-right: 18px; position: relative;} .vertical-tab .tabs-left li.active a h2 span{ visibility: visible; } .vertical-tab .tabs-left li a h2 .icon {position: absolute; right: 0; top: 50%;margin-top: -10px; font-size: 20px; visibility: visible;} .vertical-tab .tabs-left li a h2 .left-nav-title span {display: block;} .menu-section-frame .sec-title h2{ font-family: 'Alfa Slab One'; font-size: 78px !important; text-align: left; } .page-title h1 { font-family: 'Alfa Slab One'; } .locations-menu-frame{ padding: 70px 0; font-family: 'Passenger Sans'; letter-spacing: .3px; } .menu-title-style1, .menu-title-style2{ background-color: #d1282e; color: #ffffff; text-transform: uppercase; text-align: center;font-size: 35px; padding: 10px 0; } .menu-title-style2{ background-color: transparent; text-align: left; color:#d1282e; padding: 0; margin: 0;} .locations-menu-frame h3{ font-family: 'BebasNeueBold'; text-transform: uppercase; color: #000000; font-size: 22px; line-height: normal; margin-bottom: 20px; } .locations-menu-frame h3:after{ content: ''; position: relative; right: 0; border-bottom: dotted 1px #000; width: 100%; bottom: 0; height: 1px; display: block; } .location-special-item h2{ font-family: 'BebasNeueBold'; text-transform: none; color: #000000; font-size: 35px; } .loc-menu-text, .cal-price{ display: inline-block;vertical-align: bottom; } .loc-menu-text{ width:calc(100% - 85px); position: relative; } .loc-menu-text:after{ /*content: '';position: absolute;right: 0;border-bottom: dotted 2px #000;width: 85px;bottom: 5px;height: 1px;display: block;*/ } .cal-price{ width: 80px; text-align: right; } .menu-cal{ font-family: 'Passenger Sans'; letter-spacing: .3px; font-size: 14px;text-transform: none;margin-right: 5px; } .location-special-item{ border: solid 2px #d1282e; padding: 10px; margin: 15px 0; } .location-special-item .loc-menu-text{ width:calc(100% - 150px);}{ } .location-special-item .cal-price{ width: 140px; } .location-special-item h2, .location-special-item h3{ line-height: normal; } .spl-item-text, .menu-simple-text{ font-weight: normal; text-transform: none; font-size: 14px;line-height: normal; font-family: 'Passenger Sans'; letter-spacing: .3px; } .locations-menu-frame .veg-glutenfree:after, .locations-menu-frame .vegetarian:after { margin: 0 5px; } .locations-menu-items{ margin: 15px 0 10px 0; } .red-text{ color: #d1282e; } .main-header:before{ content: ''; position: absolute; top: 0;left: 0; z-index: 4; width: 100%; height: 200px; background: -moz-linear-gradient(top, #000 0, rgba(0,0,0,0) 15%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000), color-stop(90%, rgba(0,0,0,0))); background: -webkit-linear-gradient(top, #000 0, rgba(0,0,0,0) 15%); background: -o-linear-gradient(top, #000 0, rgba(0,0,0,0) 15%); background: -ms-linear-gradient(top, #000 0, rgba(0,0,0,0) 15%); background: linear-gradient(to bottom, rgb(0, 0, 0) 5%, rgba(0, 0, 0, 0) 80%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000', GradientType=0); display: none; } .menu-new-layout .sec-title .title{ color: #000000;text-align: left;} .vertical-tab .menu-btns{ margin-top: 25px; margin-bottom: 25px; } .vertical-tab .menu-btns li{ display: inline-block;vertical-align: middle; margin: 5px 0; float: left;} .menu-btns li:hover a{ } .vertical-tab .menu-btns>li>a{ color: #ffffff; padding: 13px 0; display: block; } .vertical-tab .menu-btns>li:hover>a{ /*color: #d3282f;*/ } .tiny-tab-content .tiny-tab-text{ text-align: center; padding: 31px 0 50px 0; margin: 10px 0 40px 0; border-bottom: solid 1px #000000; } .tiny-tab-content .tiny-tab-text p{ font-size: 20px;text-align:left;} .tiny-tab-text h3 {text-align:left;font-size: 50px; color: #d3282f; font-size: 27.6px; text-transform: uppercase;} .menu-section-frame .tiny-section-title .sec-title {margin-bottom: 15px;} .menu-section-frame .tiny-section-title .sec-title h2{ font-size: 27.6px; margin-bottom: 0; color: #d3282f; } .menu-section-frame .tiny-section-title .sec-title h2:after { position: absolute; content: ''; left: 0px; top: 100%; /* top: 28px; */ width: 100%; /* border-bottom: 4px solid #d3282f; */ background-image: url(http://cp1.inkrefuge.com/admin/asset/uploads/224/media/g-line-gray.png); padding: 2px 0; margin: 0 0 10px 0; } .food-slider { width: 700px; height: 600px; outline: none; position: absolute; top: 56px; right: -400px; overflow: visible; background-position: right bottom; background-repeat: no-repeat; /*z-index: 998;*/ } .food-slider:before{} .food-slider:after{} .food-slider.charburgers { background-image: url(images/labelburger2.png); } .food-slider img { position: absolute; top: 0; right: 0; cursor: pointer; width: 700px; max-width: initial; vertical-align: middle; /*margin-right: -400px;*/ } .food-slider span.fa-chevron-left{ display: inline-block; vertical-align: middle; font-size: 30px; margin-right: 0; top: 50%; position: relative; left: 0; } .food-slider span.fa-close{ display: inline-block; vertical-align: top; font-size: 30px; position: relative; left: 20%; display: none;} .food-slider.food-open span.fa-close{ display: inline-block; } .featured-burrito{ /*position: absolute; left: 1%;*/ } .menu-new-layout .auto-container{ padding: 0px 15px; width: 100%; max-width: 100%; } .menu-new-layout .nav-tabs li a h2{ font-size: 28px; } .menu-new-layout .nav-tabs li.nutrition-link a h2{ font-size: 18px; } .make-combo-btn .btn-style-two{ display: block; margin: 10px 0; } .page-title, .page-title-frame{ background-position: center; /*background-size: cover;*/ } .nutrition-frame .info-column{ text-align: center; margin-bottom: 50px;} .nutrition-frame .info-column:nth-child(3n+3){ /*clear: right;*/ } .nutrition-frame .info-column:nth-child(3n+4){ /*clear: left;*/ } .information-section.nutrition-frame h2{ line-height: normal; margin: 0 0 15px 0; min-height: 82px; } .information-section.nutrition-frame h2 span{ display: block; } .nutrition-frame .btn-style-two{ display: block; } .page-title .auto-container{ display: table; height: 100%; width: 100%; } .page-title .page-title-frame { display: table-cell; height: 100%; width: 100%; vertical-align: bottom;} .catering-page-title .page-title-frame {vertical-align: middle;} .nutrition-frame .row{ /*display: flex; flex-wrap: wrap;*/ } .information-section.nutrition-frame h2 span.title-table{ display: table; height:80px; width: 100%; } .information-section.nutrition-frame h2 span.title-table .title-tcell{ display:table-cell; width:100%; height:100%; vertical-align: middle; font-family: 'Passenger Sans'; } .information-section.shop-products .auto-container{ position: relative; } .address-widget{ } .map-column h2{ margin-bottom: 15px; text-transform:uppercase; font-size: 35px; font-family: 'Alfa Slab One';} .nutrition-chart-img img{ border:solid 1px #ccc; } .menu-grids{ /*display: flex; flex-wrap: wrap;*/ } .information-section.shop-products .col-md-4{ } .grid:after {content: '';display: block;clear: both;} .portfolio_item { position: relative; overflow: hidden; margin-bottom: 30px; display: block; } .catering-home-frame{ padding: 0 0 10px 0; } .careting-home-content { padding: 140px 60px; padding: 70px 60px; text-align: center;} .catering-home-frame p{ margin-bottom: 15px; font-size: 25px; } .catering-home-frame .theme-btn{ font-size:15px; margin-top:15px; } .careting-home-img { background-position: bottom; background-repeat: no-repeat; background-size: cover; } .careting-home-img img{ visibility: hidden; } .page-title .page-title-frame .btn-style-two {margin: auto;z-index: 100;} .page-title .page-title-frame .text-link {color: #FFFFFF; font-size: 13px;text-transform:uppercase;z-index: 100;font-family: 'Passenger Sans';position:relative;text-shadow: 0px 0px 19px #000;font-size:17px;letter-spacing:2px;} .menu-grids .item-section-1 {margin-bottom: 50px;} /******************** FIND A LOCATION *********************/ .widget-search-location { padding: 27px 19px 26px 20px; background-color: #252524; } .widget-search-location .widget-title { margin-bottom: 15px; line-height: normal; font-size: 35px; color: #ffffff; letter-spacing: normal; font-weight: normal; padding: 0; } .widget-search-location .widget-title i, .widget-search-location .widget-title em { position: absolute; top: 3px; left: 0; vertical-align: -3px; } .location-buttons { margin-bottom: 10px; } .location-buttons a { font-size: 14px; text-align: center; text-transform: none; text-decoration: none; padding: 10px 20px; color: white; font-weight: normal; display: inline-block; vertical-align: middle; width: auto; height: auto; background-color:#d3282f; } .location-buttons .btn-left { margin-right: 10px; } .ico-marker-white { background-image: url(images/sprite.png); background-position: -301px -247px; width: 7px; height: 11px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-globus { background-image: url(images/sprite.png); background-position: -285px -247px; width: 12px; height: 12px; display: inline-block; vertical-align: middle; font-size: 0; } .form-search-location { margin-bottom: 0; font-size: 0; } .form-search-location input[type='text']{ width: 100%; } .form-search-location .form-row { display: inline-block; width: calc(100% - 55px); vertical-align: top; position: relative; } .selecter { display: inline-block; width: 330px; max-width: 100%; margin: 0; text-align: left; font-family: 'Arial','Helvetica',sans-serif; color: #5c5c5c; font-size: 13px; } .form-search-location .selecter { width: 100%; } .form-search-location .form-actions { display: inline-block; width: 54px; vertical-align: bottom; } #field-duration.form-control{ width: 100% !important; height: auto; text-indent: 0; -webkit-appearance: menulist-button; height: 44px; font-size: 13px; margin: 0; } .customSelect.select.form-control{ height: auto; } .section.map-frame .form-search-location .form-actions .btn{ border: none;height: auto; line-height: normal;padding: 14px 0;font-size: 14px; } .selecter .selecter-selected, .selecter.focus .selecter-selected, .selecter.open .selecter-selected , .customSelect.select.form-control , .form-control { border-radius: 0; border: 1px solid #ebebeb; background: #f8f8f8; padding: 0; height: 44px; font-size: 13px; line-height: 42px; color: #5c5c5c; padding-left: 0px; box-shadow: none; display: block !important; text-indent: 10px; } span.customSelectInner{ width: 100%; display: block !important; } .selecter .selecter-selected:before , .customSelect.select.form-control:before{ position: absolute; top: 0; content: ''; width: 2px; height: 100%; background: #e7e7e7; right: 52px; } .selecter-selected:after , .customSelect.select.form-control:after{ height: 0; width: 0; position: absolute; top: 0; right: 15px; bottom: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #cccccc; content: ''; display: block; margin: auto 0; } .selecter .selecter-selected:after , .customSelect.select.form-control:after{ border: none; background: url(../img/ico-selecter-down@2x.png) 0 0 no-repeat; width: 13px; height: 8px; right: 20px; background-size: 13px 8px; transition: -webkit-transform .4s; transition: transform .4s; } .form-search-location .form-row.field-duration-frame{ width: 100%; } .form-search-location input[type='submit'], .form-search-location #submit { background: #d3282f; border: solid 1px #d3282f; border-color: #d3282f; text-transform: uppercase; font-size: 16px; color: #ffffff; max-width: initial; width: auto; line-height: normal; padding: 12px 12px; min-width: 55px; } .catering-contact{ margin-top: 20px; } .catering-contact h2 { font-size: 20px; } .catering-contact h2,.catering-contact span{ color: #ffffff; } .catering-contact span{ display: block; font-family: 'Passenger Sans'; } .find-catering .row{ margin: 0; } .find-catering .col-md-4, .find-catering .col-md-8{ padding: 0; } .find-catering-img.page-title{ height: 303px; display: block !important; } .find-catering .widget-search-location{ padding: 29px 19px 28px 20px } /*******************************************************************************/ /* END SINGLE SHOP SECTION */ /*******************************************************************************/ .footer-top-row { /*display: flex; align-items: center;*/ } .footer-top-col { padding-top: 30px; } .download-app-section { background: #ffffff; background-repeat: repeat; background-position: center top; /* background-image: url(../images/natural_paper.jpg);*/ padding-top: 15px; border-top: 2px solid #ccc; margin-top: 30px; } .app-section-row { /*display: flex; align-items: center; flex-wrap: wrap;*/ } .app-section-row h2,.app-section-row h4 { font-size: 26px; font-size: 22px; margin-top: 15px; margin-bottom: 25px; max-width: 350px; font-weight: 100; font-family: 'Passenger Sans'; } .app-col { margin-bottom: 15px; } .app-right-section { height: 319px; background-image: url(../images/Download_asset.png); background-size: inherit; background-position: center 40px; background-repeat: no-repeat; background-position: center bottom; max-width: 300px; margin: 0 auto; background-size: contain; } .location-insta h4,.location-insta h2 { text-transform: uppercase; color: #d5272d; font-family: 'Passenger Sans'; letter-spacing: -0.5px; font-size: 22px; margin-bottom: 15px; } .location-insta h4 span,.location-insta h2 span { color: #232323; } .location-insta h4 .fa,.location-insta h2 .fa { font-size: 30px; position: relative; top: 3px; left: 5px; } .menu-section .note-section { margin-bottom: 0; margin-top: 30px; } .menu-section .note-section .title { max-width: 720px; margin: 0 auto; } .menu-section .note-section .title h3 { margin-bottom: 15px; } .menu-section .note-section .title p { margin-bottom: 10px; } .more-info-section p { text-align: center; color: #000000; font-weight: 900; margin: auto; } .more-info-section .sec-title { margin-bottom: 20px; } .more-info-section .sec-title h2 { margin-bottom: 0; } .menu-block.catering-block { margin-bottom: 20px; } @media (max-width:991px){ .catering-page-title h1 { font-size: 52px; } .catering-page-title { height: 265px; } } .display-section { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .left-content-section { background-color: #a8131b; } .reward-img { margin-bottom: -11px; margin-top: 30px; } .reward-header.white-header { color: #fff; } .reward-header { margin-bottom: 0px; font-size: 78px; line-height: 1.1; color: #d3282f; letter-spacing: .02em; font-weight: 400; font-family: 'Alfa Slab One'; margin-bottom: 15px; text-transform: uppercase; } .white-content p { color: #fff; } .right-content-section { box-shadow: 0 0 2px #ccc; } .intro.intro-small.intro-small-alt { background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; overflow: hidden; width: 100%; height: 100%; padding: 100px 0 50px; padding: 150px 0 0 0; } .intro.intro-small.intro-small-alt:before { content: ''; top: 0px; height: 100%; position: absolute; left: 0; width: 100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(13, 8, 3, 0.7)); } .intro-subtitle, .intro-content p { font-family: LoveYaLikeASister, sans-serif; font-size: 16px; line-height: 2; padding: 0 0 15px 0; margin: 0; color: #fff; text-transform: none; max-width: 750px; line-height: 1.4; } .intro-title.fancy_title { font-size: 62px; font-size: 40px; padding-top: 4px; letter-spacing: .02em; font-weight: 400; margin: 0; line-height: 1.1; color: #ffffff; margin-bottom: 10px; text-transform: uppercase; } .top-content .list-btns li { margin: 0 10px 0 0; } @media (min-width:768px) { .reward-img.reward-mobile { display: none; } } @media (min-width:1200px) { .intro-title.fancy_title { font-family: 'Alfa Slab One'; font-size: 90px; } .reward-header { font-size: 70px; } } @media (max-width:767px) { .display-section { display: block; } .reward-img.reward-desktop { display: none; } .reward-content { text-align: center; padding-top: 40px; } .reward-header { font-size: 36px; margin-bottom: 5px; } .intro-title.fancy_title { font-size: 36px; } } #clear-icon:focus-within { outline: 2px solid #4285F4; } .statement-padding h2 { position: relative; color: #000000; font-size: 24px; font-weight: normal; margin-bottom: 5px; } .statement-content { padding: 50px 0; } .statement-content h3 { font-size: 33px; } .statement-content h2 { font-size: 33px; } .statement-content h1 { font-family: 'Alfa Slab One'; } .statment-accessibility p, .statment-accessibility ul li { position: relative; color: #000000; font-size: 17px; font-family: 'Passenger Sans'; } .statement-padding { padding-bottom: 15px; } .catering-icon-img { /* position: relative;*/ } .catering-icon-img img { position: absolute; right: 0; bottom: 0; max-width: 250px; } .catering-icon-img .taco-bar { max-width: 200px; right: 25px; } .catering-icon-img .taco-bar-deluxe { max-width: 250px; } .catering-icon-img .nacho-platter { max-width: 280px; right: 25px; } .catering-icon-img .burrito-platter { max-width: 190px; right: 10px; } .padding-box { min-height: 360px; margin-bottom: 0; background-color: #ffffff; box-shadow: 0px 1px 6px 0px #888888; } @media (max-width:767px){ .catering-icon-img { text-align: right; margin-right: 10px; } .catering-icon-img img { position: inherit; right: 0; bottom: 0; } } @media (min-width:768px) and (max-width:991px){ .padding-box { min-height: 420px; } } .can-image { padding-bottom: 50%; background-size: contain; background-repeat: no-repeat; margin-bottom: 10px; } .can-image {display:none;} .can-image img { display: none; } .can-image.mini-image { padding-bottom: 20%; } .can-header { color: #000; font-size: 27.6px; line-height: 46px; letter-spacing: 0.2px; } .can-header .can-header-big { font-size: 49px; color: #000000; text-transform: uppercase; margin-bottom: 10px; display: block; line-height: 1.2; } .candian-detail-section { padding: 20px 10px; } .candian-detail-section p { margin-bottom: 3px; } .can-description span { color: #000; } .can-description { font-size: 24px; } .can-normal-des { font-size: 18px; color: #000; } .can-content { margin-bottom: 15px; } .mini-can-header { font-size: 27.6px; letter-spacing: 0.5px; color: #000; line-height: 32px; } .mini-can-header span { text-transform: initial; font-style: initial; } .can-list { padding: 5px 0; } .can-list ul li { display: inline-block; padding-right: 20px; } .can-header sup { /*font-size: 14px; position: absolute; top: 30px;*/ font-size: 18px; display: inline-block; } p.catering-can { font-size: 24px; color: #000; } .top-20 { padding-bottom: 0px; } @media (max-width: 991px){ .textured-border-001:before { background-size: cover; top: -1px; height: 59px; } .textured-border-001:after { background-size: cover; bottom: -1px; height: 59px; } } @media (max-width:991px) { .can-header { color: #000; text-transform: uppercase; font-size: 26px; line-height: 32px; letter-spacing: 0.2px; } .can-header sup { font-size: 14px; position: inherit; top: 0; } .mini-can-header { font-size: 22px; } .bottom-locations-list h2.title {font-size: 60px;} } .main-menu .navigation > li.viewonlyonmobile { display: none; } @media (max-width:767px){ .main-menu .navigation > li.viewonlyonmobile { display: block; } .menu-section { padding-top: 70px !important; } .sticky-header .logo img { width: 140px; z-index: 100; position: relative; } .page-title h1 {bottom: 35px;} .bottom-locations-list h2.title, div#get-started h4.modal-title {font-size: 45px !important;} .locations-address-frame {width: 100% !important;padding: 0 20px !important;} .our-process-simple-content p {font-size: 15px;line-height: 1.2;margin: 5px 0;} } @media (max-width: 599px) { .page-title h1, div#get-started h4.modal-title {font-size: 30px !important;line-height: 1.1;} } .map-frame .form-row-small label {visibility: hidden;} .download-app-section {background-image: url('https://www.chronictacos.com/application/views/themes/theme-1/assets/images/natural_paper.jpg');} .download-app-section .iamge-wrap {margin:auto;max-width: 1429px;} .download-app-section .right-content-wrap img {margin-bottom: 3px;} .gallery-section {background-color: #fff;} .banner-section .video-wrap {position: relative;text-align: center;} .download-content-sec-desk-mobile .cell-phone-sec img {width:90%;} .taco-title { color: black; filter: invert(1); mix-blend-mode: difference; font-family: 'VAN DYKE'; font-size: 90px; line-height: 75px; margin-bottom: 20px; z-index: 1; width: 100%; display: block; text-align: center; } .red-bg {background-color: #d0272e;width:100%;text-align: center;padding: 30px 0px 80px 0px;} .start-header {padding: 17px 0px 17px 0px;font-size: 2.7rem;font-family: 'Alfa Slab One';} .download-content-sec-desk {width: 100%;display: flex;align-content: center;justify-content: space-between;padding: 20px 0 30px;} .download-content-sec-desk-mobile {display: none;} .right-sec {width: 100%;max-width: 35%;display: flex;align-items: center;justify-content: center;} .image-wrap .cell-phone-sec img {max-width: 90%;width: 100%;height: 100%;object-fit: contain;} .right-sec .right-content-wrap {width: 50%;float:left;text-align: center;} /*.cell-phone-sec {width: 65%;text-align: center;} .right-sec {float: left;width: 37%;} */ .get-gree-header {color: #FFFFFF;font-family: 'Passenger Sans';font-weight: bold;text-transform: uppercase;font-style: italic;font-size: 85px;} .download-header {padding: 58px 0px 17px 0px;color: #000;font-size: 6rem;text-align: center;line-height: .9;font-family: 'Alfa Slab One';/*max-width: 1300px;*/margin: auto;} .chro_texture_bottom {height: 123px;background-size: cover;} .image-wrap img {max-width: 100%;max-width: 200px;} .background-right-image-cont {position: relative;padding: 84px 0 0;background-size: cover;background-position: center;background-image: url('https://cp1.inkrefuge.com/admin/asset/uploads/224/media/chronic-burrito-bg.jpg');} /*.background-right-image-cont-02 {display: none;} */ .chronic-new-home .main-slider .slick-dots li button .slick-dot-icon:before {background-color: #000;} .chronic-new-home .main-slider .buttons {position: absolute;bottom: 12px;right: 0;left: 20px;width: 100%;max-width: 100px;text-align: center;} .chronic-new-home .main-slider .slick-dots {bottom: 15px;width: 100%;max-width: 120px;right: 100px;} .chronic-new-home .main-slider .buttons button#toggle {cursor: pointer;background-color: #000;color: #fff;padding: 10px 30px;line-height: 1;} .chronic-new-home .main-slider .slick-autoplay-toggle-button .slick-play-icon:before {content: "\f144";} .chronic-new-home .main-slider .slick-autoplay-toggle-button .slick-pause-icon:before {content: "\f28b";} .chronic-new-home .main-slider .slick-autoplay-toggle-button .slick-play-icon:before, .slick-autoplay-toggle-button .slick-pause-icon:before {font-size: 40px;font-family: 'FontAwesome';} .chronic-new-home .main-slider .slick-autoplay-toggle-button {right: 50px;width: auto;left: auto;bottom: 15px;display: none;} .chronic-new-home .main-slider .slick-autoplay-toggle-button:focus {color: #d3282f} .chronic-new-home .main-slider button.slick-prev {left: 10px;} .chronic-new-home .main-slider button.slick-prev, .chronic-new-home .main-slider button.slick-next {z-index: 1;background-color: #000;width: 50px;height: 50px;border-radius: 50px;} .chronic-new-home .main-slider button.slick-next {right: 10px;} .chronic-new-home .main-slider .slick-prev .slick-prev-icon:before, .chronic-new-home .main-slider .slick-next .slick-next-icon:before {color: #fff;font-family: 'FontAwesome' !important;} .chronic-new-home .main-slider .slick-prev .slick-prev-icon:before {content: "\f053";margin-right: 5px;} .chronic-new-home .main-slider .slick-next .slick-next-icon:before { margin-left: 5px;content: "\f054";} .chronic-new-home .main-slider .slider-left-title {color: #000; font-size: 6rem; text-align: center; margin-bottom: 17px; line-height: .9; font-family: 'Alfa Slab One';} .chronic-new-home .main-slider .home-slider-content p {font-size: 2rem;text-align: center;font-family: 'Oswald';text-transform: uppercase;} .main-slider-section {position: relative;background-image: url('../images/grainy-bknd.jpg');background-position: center;opacity: 1;height: auto;display: block;} .chronic-new-home .main-slider {display: flex;position: static;justify-content: center;width: calc(100% - 100px);height: 100%;align-items: center;margin: auto;} .chronic-new-home .main-slider .slider-content-section {display: flex;flex-direction: column;align-items: center;flex: 0 0 52%;} .chronic-new-home .main-slider .home-slider {position: static;flex: 0 0 43%;overflow: hidden;margin-bottom: 0;} .chronic-new-home .main-slider #dp_overlay {position: relative;padding-bottom: 30px;} .chronic-new-home .main-slider #dp_search {width: 530px;max-width: 100vw;padding-bottom: 18px;background-color: #ffffff;box-shadow: -6px 9px 11px 1px rgb(0 0 0 / 30%);font-size: 2rem;color: #000000;text-transform: uppercase;margin: 0 auto;} .chronic-new-home .main-slider #dp_overlay .dp_tabs {display: flex;margin-bottom: 28px;justify-content: space-between;transition: all .3s ease-in-out;} .chronic-new-home .main-slider #dp_overlay .dp_tab, #dp_overlay .dp_tab_style {font-family: 'Alfa Slab One';display: inline-block;flex: 0 0 50%;padding: .4em .3em;background-color: #ffffff;box-shadow: inset 0 0 6px #a6a6a6;font-size: 1em;color: #000000;text-align: center;text-decoration: none;transition: none;margin: 0;line-height: normal;text-transform: uppercase;} .chronic-new-home .main-slider #dp_overlay .dp_tab.active { font-family: 'Alfa Slab One';background: #fff;background-image: url(../images/fresh-red-highlight.png);background-repeat: no-repeat;background-position: center;background-size: auto 65%;box-shadow: none;} .chronic-new-home .main-slider #dp_overlay .input_wrap form {display: flex;width: 90%;margin: 12px auto;background-color: #ffffff;} .chronic-new-home .main-slider #dp_overlay .border_wrap {display: flex;flex: 1 1 auto;background-color: #efefef;border-top-left-radius: 2em;border-bottom-left-radius: 2em;} .chronic-new-home .main-slider #dp_overlay .input_wrap #dp_my_location {display: flex;flex: 0 0 auto;justify-content: center;align-items: center;align-self: center;overflow: hidden;padding: .2em;margin-left: 5px;-webkit-appearance: none;background-color: transparent;font-size: .7em;cursor: pointer;transition: all .3s ease-in-out;margin: 0;} .chronic-new-home .main-slider #dp_overlay .input_wrap #dp_my_location svg {pointer-events: none;border-radius: 100%;width: 1em;height: 1em;padding: 0.1em;transition: all .3s ease-in-out;} .chronic-new-home .main-slider #dp_overlay .input_wrap #dp_my_location svg path {fill: #262626;} .chronic-new-home .main-slider #dp_overlay .address_wrap {margin-left: 8px;width: 100%;} .chronic-new-home .main-slider .floating_label, .chronic-new-home .main-slider .floating_labels .gfield {position: relative;} .chronic-new-home .main-slider #dp_overlay input {position: relative;top: -.2em;height: 100%;padding-left: .5em;background-color: transparent;border-radius: 0;font-family: var(--okomito);font-size: .5em;line-height: 1;margin: 0;} .chronic-new-home .main-slider #dp_overlay #dp_submit {font-family: 'Passenger Sans'; background-image: url(../../application/views/themes/theme-1/assets/images/red-texture.jpg);flex: 0 0 auto;padding: 0.8em 2em;margin-bottom: 0;background-color: #d4243b;border-radius: 0;border-top-right-radius: 2em;border-bottom-right-radius:2em;font-size: .6em;color: #fff;text-transform: uppercase;margin: 0;} .chronic-new-home .main-slider .cta_ani > span {pointer-events: none;} .chronic-new-home .main-slider .cta_ani .ani_txt {text-transform: none;font-weight: inherit;} .main-slider-section {padding: 30px 0px 40px;} .chronic-new-home .main-slider .cta_ani .ani_txt {position: relative;z-index: 30;color: #fff;text-align: center;transition: all .3s ease-in-out;text-transform: uppercase;} .chronic-new-home .main-slider-section .slick-slider button:focus, .main-slider-section .slick-slider button:focus-visible {border: none !important;outline: 1px solid #000 !important;} .chronic-new-home .gallery-section {padding-bottom: 30px;} .chronic-new-home .video-sec video {width: 100%;height: 100%;position: relative;} .chronic-new-home .video-sec {position: relative;padding: 0;height: 570px;height: 650px;} .chronic-new-home button.play_btn {display: none;position: absolute;bottom: 15px;font-family: 'FontAwesome';right: 15px;background: #000;border: none;font-size: 35px;color: #fff;border-radius: 25px;padding: 0 3px;} .download-app-section.textured-border:after {bottom: -50px;} .chronic-new-home .cta-wrap.text-center { /*bottom: 15px; left: 10px;*/ position: absolute; /* width: 100%; */ max-width: 550px; padding: 0px 65px; bottom: 10%; display: block; text-align: center; } .chronic-new-home .cta-wrap.text-center a.theme-btn { /*display: block;*/ width: 100%; max-width: 200px; padding: 10px; /*margin: 0 auto 0 50px;*/ } .chronic-new-home .download-app-section { background: #fff; margin: 0; border: none; box-shadow: none; padding: 0 0 53px; /* position: relative;*/ /* background-size: cover; background-position: center;*/ position: relative; /* height: 100vh;*/ } .textured-border:after{ bottom: 0; } .chronic-new-home .gallery-block .cta-wrap.text-center {position: static;} @media (max-width: 1304px) { .chronic-new-home .main-slider .slider-left-title {font-size: 4.5rem;} .download-header { font-size: 6rem; } } @media (max-width: 1200px) { .chronic-new-home .main-slider {display: block;} .chronic-new-home .main-slider .slider-content-section, .chronic-new-home .main-slider .home-slider {flex: 0;display: block;} .chronic-new-home .main-slider button.slick-prev, .chronic-new-home .main-slider button.slick-next {position: absolute;top: auto;bottom: 25%;} .chronic-new-home .main-slider .slick-dots, .chronic-new-home .main-slider .slick-autoplay-toggle-button {bottom: 0;} .chronic-new-home .main-slider .home-slider-content p {margin: 20px 0;text-align: center;} .start-header{ font-size: 2rem; } .chronic-new-home .video-sec video{ margin-top: 0; } .download-content-sec-desk .right-sec {max-width: 35%;} .image-wrap .download-content-sec-desk .right-sec img {max-width: 150px;} .download-content-sec-desk .start-header {font-size: 1.75rem;} .download-content-sec-desk .right-sec .btn-style-two {padding: 10px 20px;} .download-app-section.textured-border:after {bottom: -40px;} .download-content-sec-desk {padding: 20px 0;} .image-wrap .cell-phone-sec img {max-width: 95%;} .banner-section .video-wrap {height: 100%;} .chronic-new-home .video-sec video {object-fit: cover;} } @media (max-width: 1076px) { .download-header { font-size: 5rem; } } @media (max-width: 991px) { .taco-title { font-size: 64px; } /*.chronic-new-home .download-app-section {height: 107vh;} */ .red-bg {padding: 30px 0px 80px 0px;} .get-gree-header {line-height: 33px;font-size: 36px;} .start-header {font-size: 2rem;} .cell-phone-sec {float: left;width: 100%;text-align: center;} .right-sec {display: block;max-width: 100%;} .right-sec .right-content-wrap {width: 100%;float: none;} .background-right-image-cont, .download-content-sec-desk {display: none;} .download-content-sec-desk-mobile {display: block;} .download-header {padding: 0px 0px 17px 0px;} .background-right-image-cont-02 {display: block;position: relative;padding: 23px 0px 283px;background-size: cover;background-position: center 75%;background-image: url('https://cp1.inkrefuge.com/admin/asset/uploads/224/media/chronic-burrito-bg-mobile.jpg');} .background-right-image-cont {padding: 45px 0 0;} .chronic-new-home .main-slider .slider-left-title {font-size: 64px;line-height: 58.5px;} .chronic-new-home .main-slider { width: 100%;padding: 0 15px;} .chronic-new-home .main-slider #dp_overlay .dp_tab, #dp_overlay .dp_tab_style, .chronic-new-home .main-slider #dp_overlay #dp_submit {font-size: 23px;} .chronic-new-home .main-slider .home-slider-content p {font-size: 25px;} .chronic-new-home .video-sec {height: 420px;} .chronic-new-home .main-slider .home-slider-content p {margin: 8px 0px 19px 0px;} .chronic-new-home .main-slider #dp_overlay input {padding-top: 15px;padding-bottom: 15px;} .textured-border-02:before {background-size: cover;top: -1px;height: 59px;z-index: 2;} .textured-border-02:after {height: 98px;background-size: cover;bottom: -1px;height: 59px;} .textured-border:after {background-size: cover;bottom: -1px;height: 59px;} .main-slider-section {padding: 48px 0px 40px;} .chronic-new-home .download-app-section {padding: 50px 0;} .download-app-section.textured-border:after {bottom: 0;} .download-content-sec-desk-mobile .cta-wrap {margin: 10px 0 30px;} } @media (max-width: 900px) { .download-header {font-size: 4rem;} } @media (max-width: 725px) { .download-header {font-size: 3rem;} } @media (max-width: 767px) { .chronic-new-home .video-sec {height: 320px;} .chronic-new-home .main-slider .slider-left-title {font-size: 3rem;line-height: 41.5px;} .chronic-new-home .download-app-section {height: auto;padding-bottom: 20px;} .red-bg {padding: 30px 0px 30px 0px;} .chronic-new-home .video-sec video{margin-top: 0;} .chronic-new-home .cta-wrap.text-center a.theme-btn {/*margin: 0 auto 0 20px;*/} } @media (max-width: 575px) { .chronic-new-home .main-slider #dp_search {width: 100%;} .chronic-new-home .main-slider #dp_overlay input {font-size: 15px;top: 0;} .chronic-new-home .main-slider #dp_overlay #dp_submit {font-size: 14px;padding: 10px;} .chronic-new-home .main-slider #dp_overlay .input_wrap {width: 95%;} .chronic-new-home .main-slider button.slick-prev, .chronic-new-home .main-slider button.slick-next {bottom: 15%;width: 30px;height: 30px;} .chronic-new-home .main-slider .slick-prev .slick-prev-icon:before, .chronic-new-home .main-slider .slick-next .slick-next-icon:before {font-size: 20px;} .chronic-new-home .video-sec {height: 276px;} .download-header {font-size: 2rem;line-height: 1.2;} } @media (max-width: 480px) { .chronic-new-home .video-sec video {position: absolute;top: 50%;left: 50%;width: auto;height: 100%;transform: translate(-50%, -50%);} .chronic-new-home .wrapper.video-wrap {padding-bottom: 275px;position: relative;} .chronic-new-home .cta-wrap.text-center a.theme-btn {margin: 0 auto;} } .download-app-section {background-image: url('https://www.chronictacos.com/application/views/themes/theme-1/assets/images/natural_paper.jpg');} .download-app-section .iamge-wrap {margin:auto;max-width: 1429px;} .download-app-section .right-content-wrap img {margin-bottom: 3px;} .gallery-section {background-color: #fff;} .banner-section .video-wrap {position: relative;text-align: center;} .download-content-sec-desk-mobile .cell-phone-sec img {width:90%;} .taco-title { color: black; filter: invert(1); mix-blend-mode: difference; font-family: 'VAN DYKE'; font-size: 90px; line-height: 75px; margin-bottom: 20px; z-index: 1; width: 100%; display: block; text-align: center; } .image-wrap img {max-width: 100%;max-width: 200px;} .testimonial-sec .image-wrap img {max-width: 100%;} .red-bg {background-color: #d0272e;width:100%;text-align: center;padding: 30px 0px 80px 0px;} .start-header {padding: 17px 0px 17px 0px;font-size: 2.7rem;font-family: 'Alfa Slab One';} .download-content-sec-desk {width: 100%;display: flex;align-content: center;justify-content: space-between;padding: 20px 0 30px;} .download-content-sec-desk-mobile {display: none;} .right-sec {width: 100%;max-width: 35%;display: flex;align-items: center;justify-content: center;} .image-wrap .cell-phone-sec img {max-width: 90%;width: 100%;height: 100%;object-fit: contain;} .right-sec .right-content-wrap {width: 50%;float:left;text-align: center;} /*.cell-phone-sec {width: 65%;text-align: center;} .right-sec {float: left;width: 37%;} */ .get-gree-header {color: #FFFFFF;font-family: 'Passenger Sans';font-weight: bold;text-transform: uppercase;font-style: italic;font-size: 85px;} .download-header {padding: 58px 0px 17px 0px;color: #000;font-size: 6rem;text-align: center;line-height: .9;font-family: 'Alfa Slab One';/*max-width: 1300px;*/margin: auto;} .chro_texture_bottom {height: 123px;background-size: cover;} .image-wrap img {max-width: 100%;max-width: 200px;} .background-right-image-cont {position: relative;padding: 84px 0 0;background-size: cover;background-position: center;background-image: url('https://cp1.inkrefuge.com/admin/asset/uploads/224/media/chronic-burrito-bg.jpg');} /* .background-right-image-cont-02 {display: none;} */ .chronic-new-home .main-slider .slick-dots li button .slick-dot-icon:before {background-color: #000;} .chronic-new-home .main-slider .buttons {position: absolute;bottom: 12px;right: 0;left: 20px;width: 100%;max-width: 100px;text-align: center;} .chronic-new-home .main-slider .slick-dots {bottom: 15px;width: 100%;max-width: 120px;right: 100px;} .chronic-new-home .main-slider .buttons button#toggle {cursor: pointer;background-color: #000;color: #fff;padding: 10px 30px;line-height: 1;} .chronic-new-home .main-slider .slick-autoplay-toggle-button .slick-play-icon:before {content: "\f144";} .chronic-new-home .main-slider .slick-autoplay-toggle-button .slick-pause-icon:before {content: "\f28b";} .chronic-new-home .main-slider .slick-autoplay-toggle-button .slick-play-icon:before, .slick-autoplay-toggle-button .slick-pause-icon:before {font-size: 40px;font-family: 'FontAwesome';} .chronic-new-home .main-slider .slick-autoplay-toggle-button {right: 50px;width: auto;left: auto;bottom: 15px;display: none;} .chronic-new-home .main-slider .slick-autoplay-toggle-button:focus {color: #d3282f} .chronic-new-home .main-slider button.slick-prev {left: 10px;} .chronic-new-home .main-slider button.slick-prev, .chronic-new-home .main-slider button.slick-next {z-index: 1;background-color: #000;width: 50px;height: 50px;border-radius: 50px;} .chronic-new-home .main-slider button.slick-next {right: 10px;} .chronic-new-home .main-slider .slick-prev .slick-prev-icon:before, .chronic-new-home .main-slider .slick-next .slick-next-icon:before {color: #fff;font-family: 'FontAwesome' !important;} .chronic-new-home .main-slider .slick-prev .slick-prev-icon:before {content: "\f053";margin-right: 5px;} .chronic-new-home .main-slider .slick-next .slick-next-icon:before { margin-left: 5px;content: "\f054";} .chronic-new-home .main-slider .slider-left-title {color: #000; font-size: 6rem; text-align: center; margin-bottom: 17px; line-height: .9; font-family: 'Alfa Slab One';} .chronic-new-home .main-slider .home-slider-content p {font-size: 2rem;text-align: center;font-family: 'Oswald';text-transform: uppercase;} .main-slider-section {position: relative;background-image: url('../images/grainy-bknd.jpg');background-position: center;opacity: 1;height: auto;display: block;} .chronic-new-home .main-slider {display: flex;position: static;justify-content: center;width: calc(100% - 100px);height: 100%;align-items: center;margin: auto;} .chronic-new-home .main-slider .slider-content-section {display: flex;flex-direction: column;align-items: center;flex: 0 0 52%;} .chronic-new-home .main-slider .home-slider {position: static;flex: 0 0 43%;overflow: hidden;margin-bottom: 0;} .chronic-new-home .main-slider #dp_overlay {position: relative;padding-bottom: 30px;} .chronic-new-home .main-slider #dp_search {width: 530px;max-width: 100vw;padding-bottom: 18px;background-color: #ffffff;box-shadow: -6px 9px 11px 1px rgb(0 0 0 / 30%);font-size: 2rem;color: #000000;text-transform: uppercase;margin: 0 auto;} .chronic-new-home .main-slider #dp_overlay .dp_tabs {display: flex;margin-bottom: 28px;justify-content: space-between;transition: all .3s ease-in-out;} .chronic-new-home .main-slider #dp_overlay .dp_tab, #dp_overlay .dp_tab_style {font-family: 'Alfa Slab One';display: inline-block;flex: 0 0 50%;padding: .4em .3em;background-color: #ffffff;box-shadow: inset 0 0 6px #a6a6a6;font-size: 1em;color: #000000;text-align: center;text-decoration: none;transition: none;margin: 0;line-height: normal;text-transform: uppercase;} .chronic-new-home .main-slider #dp_overlay .dp_tab.active { font-family: 'Alfa Slab One';background: #fff;background-image: url(../images/fresh-red-highlight.png);background-repeat: no-repeat;background-position: center;background-size: auto 65%;box-shadow: none;} .chronic-new-home .main-slider #dp_overlay .input_wrap {display: flex;width: 90%;margin: 12px auto;background-color: #ffffff;} .chronic-new-home .main-slider #dp_overlay .border_wrap {display: flex;flex: 1 1 auto;background-color: #efefef;border-top-left-radius: 2em;border-bottom-left-radius: 2em;} .chronic-new-home .main-slider #dp_overlay .input_wrap #dp_my_location {display: flex;flex: 0 0 auto;justify-content: center;align-items: center;align-self: center;overflow: hidden;padding: .2em;margin-left: 5px;-webkit-appearance: none;background-color: transparent;font-size: .7em;cursor: pointer;transition: all .3s ease-in-out;margin: 0;} .chronic-new-home .main-slider #dp_overlay .input_wrap #dp_my_location svg {pointer-events: none;border-radius: 100%;width: 1em;height: 1em;padding: 0.1em;transition: all .3s ease-in-out;} .chronic-new-home .main-slider #dp_overlay .input_wrap #dp_my_location svg path {fill: #262626;} .chronic-new-home .main-slider #dp_overlay .address_wrap {margin-left: 8px;width: 100%;} .chronic-new-home .main-slider .floating_label, .chronic-new-home .main-slider .floating_labels .gfield {position: relative;} .chronic-new-home .main-slider #dp_overlay input {position: relative;top: -.2em;height: 100%;padding-left: .5em;background-color: transparent;border-radius: 0;font-family: var(--okomito);font-size: .5em;line-height: 1;margin: 0;} .chronic-new-home .main-slider #dp_overlay #dp_submit {font-family: 'Passenger Sans'; background-image: url(../images/red-texture.jpg);flex: 0 0 auto;padding: 0.8em 2em;margin-bottom: 0;background-color: #d4243b;border-radius: 0;border-top-right-radius: 2em;border-bottom-right-radius:2em;font-size: .6em;color: #fff;text-transform: uppercase;margin: 0;} .chronic-new-home .main-slider .cta_ani > span {pointer-events: none;} .chronic-new-home .main-slider .cta_ani .ani_txt {text-transform: none;font-weight: inherit;} .main-slider-section {padding: 30px 0px 40px;} .chronic-new-home .main-slider .cta_ani .ani_txt {position: relative;z-index: 30;color: #fff;text-align: center;transition: all .3s ease-in-out;text-transform: uppercase;} .chronic-new-home .main-slider-section .slick-slider button:focus, .main-slider-section .slick-slider button:focus-visible {border: none !important;outline: 1px solid #000 !important;} .chronic-new-home .gallery-section {padding-bottom: 30px;} .chronic-new-home .video-sec video {width: 100%;height: 100%;position: relative;} .chronic-new-home .video-sec {position: relative;padding: 0;height: 570px;height: 650px;} .chronic-new-home button.play_btn {display: block;position: absolute;bottom: auto;font-family: 'FontAwesome';right: auto;background: #000;border: none;font-size: 35px;color: #fff;border-radius: 25px;padding: 0 3px;left: 15px;top: 580px;} .download-app-section.textured-border:after {bottom: -50px;} .chronic-new-home .cta-wrap.text-center { /*bottom: 15px; left: 10px;*/ position: absolute; /* width: 100%; */ max-width: 550px; padding: 0px 65px; top: 10%; right: 0; display: block; text-align: center; } @media (max-width: 991px) { .chronic-new-home .cta-wrap.text-center { right: 10%; } } .chronic-new-home .cta-wrap.text-center a.theme-btn { /*display: block;*/ width: 100%; max-width: 200px; padding: 10px; /*margin: 0 auto 0 50px;*/ } .chronic-new-home .download-app-section { background: #fff; margin: 0; border: none; box-shadow: none; padding: 0 0 53px; /* position: relative;*/ /* background-size: cover; background-position: center;*/ position: relative; /* height: 100vh;*/ } .textured-border:after{ bottom: 0; } .chronic-new-home .gallery-block .cta-wrap.text-center {position: static;} @media (max-width: 1304px) { .chronic-new-home .main-slider .slider-left-title {font-size: 4.5rem;} .download-header { font-size: 6rem; } } @media (max-width: 1200px) { .chronic-new-home .main-slider {display: block;} .chronic-new-home .main-slider .slider-content-section, .chronic-new-home .main-slider .home-slider {flex: 0;display: block;} .chronic-new-home .main-slider button.slick-prev, .chronic-new-home .main-slider button.slick-next {position: absolute;top: auto;bottom: 25%;} .chronic-new-home .main-slider .slick-dots, .chronic-new-home .main-slider .slick-autoplay-toggle-button {bottom: 0;} .chronic-new-home .main-slider .home-slider-content p {margin: 20px 0;text-align: center;} .start-header{ font-size: 2rem; } .chronic-new-home .video-sec video{ margin-top: 0; } .download-content-sec-desk .right-sec {max-width: 35%;} .image-wrap .download-content-sec-desk .right-sec img {max-width: 150px;} .download-content-sec-desk .start-header {font-size: 1.75rem;} .download-content-sec-desk .right-sec .btn-style-two {padding: 10px 20px;} .download-app-section.textured-border:after {bottom: -40px;} .download-content-sec-desk {padding: 20px 0;} .image-wrap .cell-phone-sec img {max-width: 95%;} .banner-section .video-wrap {height: 100%;} .chronic-new-home .video-sec video {object-fit: cover;} } @media (max-width: 1076px) { .download-header { font-size: 5rem; } } @media (max-width: 991px) { .taco-title { font-size: 64px; } .chronic-new-home .cta-wrap.text-center { max-width: 350px; padding: 0 0 0 30px; } .red-bg {padding: 30px 0px 80px 0px;} .get-gree-header {line-height: 33px;font-size: 36px;} .start-header {font-size: 2rem;} .cell-phone-sec {float: left;width: 100%;text-align: center;} .right-sec {display: block;max-width: 100%;} .right-sec .right-content-wrap {width: 100%;float: none;} .background-right-image-cont, .download-content-sec-desk {display: none;} .download-content-sec-desk-mobile {display: block;} .download-header {padding: 0px 0px 17px 0px;} .background-right-image-cont-02 {display: block;position: relative;padding: 23px 0px 283px;background-size: cover;background-position: center 75%;background-image: url('https://cp1.inkrefuge.com/admin/asset/uploads/224/media/chronic-burrito-bg-mobile.jpg');} .background-right-image-cont {padding: 45px 0 0;} .chronic-new-home .main-slider .slider-left-title {font-size: 64px;line-height: 58.5px;} .chronic-new-home .main-slider { width: 100%;padding: 0 15px;} .chronic-new-home .main-slider #dp_overlay .dp_tab, #dp_overlay .dp_tab_style, .chronic-new-home .main-slider #dp_overlay #dp_submit {font-size: 23px;} .chronic-new-home .main-slider .home-slider-content p {font-size: 25px;} .chronic-new-home .video-sec {height: 420px;} .chronic-new-home .main-slider .home-slider-content p {margin: 8px 0px 19px 0px;} .chronic-new-home .main-slider #dp_overlay input {padding-top: 15px;padding-bottom: 15px;} .textured-border-02:before {background-size: cover;top: -1px;height: 59px;z-index: 2;} .textured-border-02:after {height: 98px;background-size: cover;bottom: -1px;height: 59px;} .textured-border:after {background-size: cover;bottom: -1px;height: 59px;} .main-slider-section {padding: 48px 0px 40px;} .chronic-new-home .download-app-section {padding: 50px 0;} .download-app-section.textured-border:after {bottom: 0;} .download-content-sec-desk-mobile .cta-wrap {margin: 10px 0 30px;} .chronic-new-home button.play_btn {top: 355px;} } @media (max-width: 900px) { .download-header {font-size: 4rem;} } @media (max-width: 725px) { .download-header {font-size: 3rem;} } @media (max-width: 767px) { .chronic-new-home .video-sec {height: 320px;} .chronic-new-home .main-slider .slider-left-title {font-size: 3rem;line-height: 41.5px;} .chronic-new-home .download-app-section {height: auto;padding-bottom: 20px;} .red-bg {padding: 30px 0px 30px 0px;} .chronic-new-home .video-sec video{margin-top: 0;} .chronic-new-home .cta-wrap.text-center a.theme-btn {/*margin: 0 auto 0 20px;*/} .chronic-new-home button.play_btn {top: 250px;} } @media (max-width: 575px) { .chronic-new-home .main-slider #dp_search {width: 100%;} .chronic-new-home .main-slider #dp_overlay input {font-size: 15px;top: 0;} .chronic-new-home .main-slider #dp_overlay #dp_submit {font-size: 14px;padding: 10px;} .chronic-new-home .main-slider #dp_overlay .input_wrap {width: 95%;} .chronic-new-home .main-slider button.slick-prev, .chronic-new-home .main-slider button.slick-next {bottom: 15%;width: 30px;height: 30px;} .chronic-new-home .main-slider .slick-prev .slick-prev-icon:before, .chronic-new-home .main-slider .slick-next .slick-next-icon:before {font-size: 20px;} .chronic-new-home .video-sec {height: 276px;} .download-header {font-size: 2rem;line-height: 1.2;} .chronic-new-home .main-slider #dp_overlay .address_wrap {width: 100px;} .chronic-new-home button.play_btn {top: 215px;} } @media (max-width: 480px) { .chronic-new-home .video-sec video {position: absolute;top: 50%;left: 50%;width: auto;height: 100%;transform: translate(-50%, -50%);} .chronic-new-home .wrapper.video-wrap {padding-bottom: 275px;position: relative;} .chronic-new-home .cta-wrap.text-center a.theme-btn {margin: 0 auto;} .chronic-new-home .cta-wrap.text-center {padding: 0;margin: 0 auto;left: 0;right: 0;} }