/* Warsaw : Organic Fruits & Vegetables HTML Template */
/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header / Style Two / Style Three
5. Main Slider
6. About Us
7. Intro Section
8. Fluid Section
9. Gallery Section
10. Deal Of The Day
11. Our Team
12. Testimonials Style One
13. Sponsors Section
14. Fluid Section
15. Main Footer / Style One / Sty;e Two / Style Three
16. Products Section One
17. Featured Package Section
18. Products Section Two
19. Gallery Full Width
20. Call To Action One
21. Welcome Section
22. Call To Action Two
23. Featured Products Row
24. Testimonials Style Two
25. News Section
26. Gallery Three Column
27. Gallery Masonry
28. Blog Page / Blog Single
29. Sidebar
30. Sidebar Widgets
31. Shop
32. Shop Single
33. Shopping Cart / Checkout
34. Contact Us
35. Map Section
**********************************************/
@import url('https://fonts.googleapis.com/css?family=Grand+Hotel|Roboto+Slab:100,300,400,700|Roboto+Condensed:300,400,700|Oswald:300,400,700');
@import url('font-awesome.css');
@import url('flaticon.css');
@import url('animate.css');
@import url('owl.css');
@import url('jquery.fancybox.css');
@import url('jquery.mCustomScrollbar.min.css');
@import url('jquery.bootstrap-touchspin.css');
@import url('https://fonts.googleapis.com/css?family=Lato');
/***
====================================================================
Reset
====================================================================
***/
* {
margin: 0px;
padding: 0px;
border: none;
outline: none;
}
/***
====================================================================
Global Settings
====================================================================
***/
body {
font-family: 'Roboto Slab', sans-serif;
font-size: 15px;
color: #777777;
line-height: 1.8em;
font-weight: 400;
background: #ffffff;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
}
a {
text-decoration: none;
cursor: pointer;
color: #b68f26;
}
a:hover, a:focus, a:visited {
text-decoration: none;
outline: none;
}
h1, h2, h3, h4, h5, h6 {
position: relative;
font-family: 'Lato', sans-serif;
font-weight: normal;
margin: 0px;
background: none;
line-height: 1.6em;
}
input, button, select, textarea {
font-family: 'Roboto Slab', sans-serif;
}
p {
position: relative;
line-height: 1.8em;
}
.strike-through {
text-decoration: line-through;
}
.auto-container {
position: static;
max-width: 1350px;
padding: 0px 15px;
margin: 0 auto;
}
.medium-container {
max-width: 850px;
}
.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;
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;
}
.centered {
text-align: center;
}
.btn-style-one {
position: relative;
padding: 8px 30px;
line-height: 24px;
text-transform: capitalize;
background: #a17c1e;
color: #ffffff;
border: 2px solid #76570a;
font-size: 14px;
font-weight: 700;
border-radius: 22px;
}
.btn-style-one:hover {
background: none;
color: #f5b062;
border-color: #f5b062;
}
.btn-style-two {
margin-right: 100px;
margin-left: 100px;
position: relative;
padding: 8px 30px;
line-height: 24px;
text-transform: capitalize;
color: #ffffff;
background: #b68f26;
border: 2px solid #997108;
font-size: 14px;
font-weight: 700;
border-radius: 22px;
}
.btn-style-two:hover {
background: none;
color: #b68f26;
border-color: #b68f26;
}
.btn-style-three {
position: relative;
padding: 2px 30px;
line-height: 24px;
text-transform: capitalize;
background: none;
color: #ffffff;
border: 2px solid #ffffff;
font-size: 14px;
font-weight: 700;
border-radius: 22px;
}
.btn-style-three:hover {
color: #ffffff;
background: #b68f26;
}
.btn-style-four {
position: relative;
padding: 8px 30px;
line-height: 24px;
text-transform: capitalize;
background: none;
color: #a48944;
border: 2px solid #b69230;
font-size: 14px;
font-weight: 500;
border-radius: 32px;
margin-bottom: 25px;
border: 1px dashed #c3c5c8 !important;
}
.btn-style-four:hover {
color: #ffffff;
background: #b68f26;
}
.btn-style-five {
position: relative;
padding: 8px 30px;
line-height: 24px;
text-transform: capitalize;
background: rgba(51,51,51,0.90);
color: #ffffff;
border: 2px solid rgba(51,51,51,1);
font-size: 14px;
font-weight: 700;
border-radius: 22px;
}
.btn-style-five:hover {
color: #ffffff;
background: rgba(51,51,51,1);
border-color: rgba(51,51,51,1);
}
.theme_color {
color: #5ec79c;
}
.light-font {
font-weight: 300;
}
.regular-font {
font-weight: 400;
}
.semibold-font {
font-weight: 600;
}
.bold-font {
font-weight: 700;
}
.ex-bold-font {
font-weight: 800;
}
.heavy-font {
font-weight: 900;
}
.bg-lightgrey {
background-color: #f7f7f7 !important;
}
.no-bg {
background: none !important;
}
.text-uppercase {
text-transform: uppercase !important;
}
.preloader {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 999999;
background-color: #ffffff;
background-position: center center;
background-repeat: no-repeat;
background-image: url(../images/icons/preloader.gif);
}
img {
display: inline-block;
max-width: 100%;
height: auto;
}
/***
====================================================================
Scroll To Top style
====================================================================
***/
.scroll-to-top {
position: fixed;
bottom: 15px;
right: 15px;
width: 40px;
height: 40px;
color: #ffffff;
font-size: 13px;
text-transform: uppercase;
line-height: 38px;
text-align: center;
z-index: 100;
cursor: pointer;
border-radius: 50%;
background: #0a0a0a;
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: #a17c1d;
border: 1px solid #563f08;
}
/***
====================================================================
Main Header style
====================================================================
***/
.main-header {
position: relative;
left: 0px;
top: 0px;
z-index: 999;
width: 100%;
background: #ffffff;
}
.main-header.light-version {
position: absolute;
background: none;
}
.main-header .auto-container {
position: relative;
}
.main-header .header-top {
position: relative;
background: #222222;
color: #ffffff;
}
.main-header .header-top .top-left {
position: relative;
float: left;
}
.main-header .header-top .top-right {
position: relative;
float: right;
}
.header-top .social-icon {
position: relative;
}
.header-top .social-icon a {
position: relative;
display: block;
float: left;
line-height: 12px;
padding: 13px 5px;
width: 41px;
text-align: center;
font-size: 13px;
color: #ffffff;
border-right: 1px solid rgba(255,255,255,0.10);
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.header-top .social-icon a:first-child {
border-left: 1px solid rgba(255,255,255,0.10);
}
.header-top .social-icon a:hover {
color: #f5b062;
}
.header-top .get-quote-btn {
position: relative;
display: inline-block;
line-height: 12px;
padding: 13px 30px;
background: #000000;
font-size: 12px;
color: #ffffff;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 700;
margin: 2px;
}
.header-top .get-quote-btn .fa {
position: relative;
line-height: 12px;
padding-right: 5px;
font-weight: 400;
font-size: 13px;
}
.header-top .get-quote-btn:hover {
background: #b68f26;
}
.main-header .main-box {
position: relative;
padding: 0px 0px;
left: 0px;
top: 0px;
width: 100%;
background: #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;
}
.main-header.light-version .main-box {
background: none;
}
.main-header.fixed-header .main-box {
position: fixed;
border-bottom: 1px solid #e0e0e0;
padding: 0px 0px;
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.light-version.fixed-header .main-box {
background: #333333;
border-bottom: none;
}
.main-header .main-box .outer-container {
position: relative;
}
.header-style-two .main-box .outer-container {
padding: 0px 45px;
}
.main-header .main-box .logo-box {
position: fixed;
float: left;
left: 10px;
padding: 0px 0px 0px 0px;
z-index: 10;
}
.header-style-two .main-box .logo-box {
position: absolute;
top: 0px;
left: 50%;
margin-left: -110px;
width: 220px;
text-align: center;
}
.main-header .main-box .logo-box .logo img {
display: inline-block;
max-width: 100%;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-header .nav-toggler {
position: absolute;
right: 0px;
top: 50%;
margin-top: -18px;
display: none;
}
.main-header .nav-toggler button {
position: relative;
display: block;
height: 36px;
width: 42px;
background: #b68f27;
color: #ffffff;
text-align: center;
font-size: 16px;
line-height: 34px;
border: 1px solid #795b0c;
border-radius: 3px;
font-weight: normal;
}
.main-header .nav-outer {
position: relative;
float: right;
}
.header-style-two .nav-outer {
float: none;
}
.header-style-two .main-box .outer-container .home-btn {
position: absolute;
left: 0px;
top: 50%;
margin-top: -15px;
width: 45px;
line-height: 30px;
font-size: 18px;
text-align: left;
color: #aaaaaa;
}
.header-style-two .main-box .outer-container .home-btn a {
color: #aaaaaa;
}
.header-style-two .main-box .outer-container .search-box-btn {
right: 0px;
top: 50%;
margin-top: -15px;
width: 45px;
line-height: 30px;
font-size: 14px;
text-align: right;
color: rgba(51,51,51,0.90);
font-weight: bold;
cursor: pointer;
}
.header-style-two .main-box .outer-container .search-box-btn:hover,
.header-style-two .main-box .outer-container .home-btn a:hover {
color: #b68f26;
}
.main-menu {
position: relative;
font-family: 'Roboto Slab', sans-serif;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
}
.main-menu .navbar-collapse {
padding: 0px;
}
.main-menu .navigation {
position: relative;
width: 130%;
margin: 0px;
}
.header-style-two .main-menu .navigation:nth-child(1) {
float: left;
text-align: right;
max-width: 50%;
padding-right: 60px;
}
.header-style-two .main-menu .navigation:nth-child(2) {
float: right;
text-align: left;
max-width: 50%;
padding-left: 60px;
}
.main-menu .navigation > li {
position: relative;
display: inline-block;
padding: 10px 0px;
margin-left: 25px;
}
.header-style-two .main-menu .navigation:nth-child(1) > li {
margin: 0px -5px 0px 0px;
padding: 4px 18px;
}
.header-style-two .main-menu .navigation:nth-child(1) > li:before {
content: '';
position: absolute;
left: 0px;
top: 50%;
margin-top: -10px;
width: 4px;
height: 20px;
background: url(../images/icons/nav-separator.png) left center no-repeat;
}
.brs-icon {
font-size: 20px !important;
}
.dropdown-sp {
content: '';
position: absolute;
right: 0px;
top: 50%;
margin-top: -10px;
width: 4px;
height: 20px;
background: url(../images/icons/nav-separator.png) left center no-repeat;
}
.header-style-two .main-menu .navigation:nth-child(2) > li {
margin: 0px 0px 0px -3px;
padding: 4px 18px;
}
.header-style-two .main-menu .navigation:nth-child(2) > li:after {
content: '';
position: absolute;
right: 0px;
top: 50%;
margin-top: -10px;
width: 4px;
height: 20px;
background: url(../images/icons/nav-separator.png) left center no-repeat;
}
.main-menu .navigation > li > a {
position: relative;
display: block;
padding: 25px 0px;
color: #333333;
text-align: center;
line-height: 30px;
text-transform: uppercase;
letter-spacing: 0px;
font-weight: 500;
opacity: 1;
font-size: 14px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.light-version .main-menu .navigation > li > a {
color: #ffffff;
}
.header-style-two .main-menu .navigation > li > a {
text-transform: capitalize;
font-size: 21px;
}
.main-menu .navigation > li.dropdown > a {
padding-right: 18px;
}
.main-menu .navigation > li.dropdown > a:after {
font-family: 'FontAwesome';
content: "\f107";
position: absolute;
right: 0px;
top: 50%;
margin-top: -14px;
width: 10px;
height: 24px;
display: block;
line-height: 24px;
font-size: 14px;
font-weight: normal;
}
.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a,
.main-menu .navigation > li.current-menu-item > a {
color: #b68f26;
opacity: 1;
}
.main-menu .navigation > li > ul {
position: absolute;
left: 0px;
top: 120%;
width: 220px;
padding: 0px 10px;
z-index: 100;
display: none;
text-align: left;
background: #ffffff;
border-top: 3px solid #b68f26;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms 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(0,0,0,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: 10px 15px;
line-height: 24px;
font-weight: 400;
font-size: 13px;
text-transform: capitalize;
color: #272727;
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: #b68f26;
}
.main-menu .navigation > li > ul > li.dropdown > a:after {
font-family: 'FontAwesome';
content: "\f105";
position: absolute;
right: 10px;
top: 10px;
width: 10px;
height: 20px;
display: block;
color: #253d4a;
line-height: 20px;
font-size: 16px;
font-weight: normal;
text-align: center;
z-index: 5;
}
.main-menu .navigation > li > ul > li.dropdown:hover > a:after {
color: #5ec79c;
}
.main-menu .navigation > li > ul > li > ul {
position: absolute;
left: 100%;
top: 20px;
width: 220px;
padding: 0px 10px;
z-index: 100;
display: none;
background: #ffffff;
border-top: 3px solid #f5b062;
-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.from-right {
left: auto;
right: 0px;
}
.main-menu .navigation > li > ul > li > ul > li {
position: relative;
width: 100%;
border-bottom: 1px solid rgba(0,0,0,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: 10px 15px;
line-height: 24px;
font-weight: 400;
font-size: 13px;
text-transform: capitalize;
color: #272727;
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:hover > a {
color: #5ec79c;
}
.main-menu .navigation > li > ul > li > ul > li.dropdown > a:after {
font-family: 'FontAwesome';
content: "\f105";
position: absolute;
right: 10px;
top: 11px;
width: 10px;
height: 20px;
display: block;
color: #272727;
line-height: 20px;
font-size: 16px;
font-weight: normal;
text-align: center;
z-index: 5;
}
.main-menu .navigation > li > ul > li > ul > li.dropdown:hover > a:after {
color: #5ec79c;
}
.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: 0;
transition: all 300ms ease;
-moz-transition: all 300ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn {
position: absolute;
right: 10px;
top: 6px;
width: 34px;
height: 30px;
border: 1px solid #ffffff;
background: url(../images/icons/submenu-icon.png) center center no-repeat;
background-size: 20px;
cursor: pointer;
z-index: 5;
display: none;
}
/***
====================================================================
Hidden Sidebar style
====================================================================
***/
.hidden-bar {
position: fixed;
top: 0;
width: 305px;
height: 100%;
background: #272727;
z-index: 9999;
transition: all 700ms ease;
-webkit-transition: all 700ms ease;
-ms-transition: all 700ms ease;
-o-transition: all 700ms ease;
-moz-transition: all 700ms ease;
}
.hidden-bar .mCSB_inside > .mCSB_container {
margin-right: 0px;
}
.hidden-bar.right-align {
right: -400px;
}
.hidden-bar.right-align.visible-sidebar {
right: 0px;
}
.hidden-bar.right-align .hidden-bar-closer {
left: 0px;
}
.hidden-bar.left-align {
left: -400px;
}
.hidden-bar.left-align.visible-sidebar {
left: 0px;
}
.hidden-bar.left-align .hidden-bar-closer {
right: -20px;
}
.hidden-bar .hidden-bar-closer {
width: 40px;
height: 40px;
position: absolute;
top: 0;
background: rgba(255,255,255,0.80);
color: #272727;
border-radius: 2px;
text-align: center;
line-height: 38px;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
z-index: 999999;
}
.hidden-bar .hidden-bar-closer:hover {
background: #b68f27;
}
.hidden-bar .hidden-bar-closer:hover .btn {
color: #ffffff;
}
.hidden-bar .hidden-bar-closer .btn {
background-color: transparent;
border: none;
outline: none;
font-size: 14px;
}
.hidden-bar .social-icons {
text-align: center;
margin: 50px 0px 30px;
}
.hidden-bar .social-icons ul {
font-size: 0;
margin-left: -5px;
margin-right: -5px;
}
.hidden-bar .social-icons ul li {
display: inline-block;
padding: 0 5px;
}
.hidden-bar .social-icons ul li a {
display: block;
width: 36px;
height: 36px;
font-size: 18px;
line-height: 36px;
text-align: center;
background: #b68f27;
color: #ffffff;
border-radius: 5px;
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;
}
.hidden-bar .social-icons ul li a:hover {
background: #ffffff;
color: #b68f27;
}
.hidden-bar-wrapper {
height: 100%;
}
.hidden-bar .logo {
padding: 30px 0px;
background: #272727;
}
.hidden-bar .logo img {
display: inline-block;
max-width: 100%;
}
.hidden-bar .side-menu {
background-color: transparent;
padding: 0;
font-size: 13px;
letter-spacing: 1px;
}
.hidden-bar .side-menu ul li ul a {
background: transparent;
}
.hidden-bar .side-menu ul li ul li ul li a {
background: transparent;
}
.hidden-bar .side-menu a.current {
color: #fff;
}
.hidden-bar .side-menu li.current > a {
color: #fff;
}
.hidden-bar .side-menu ul li a {
background: transparent;
color: #ffffff;
display: block;
font-weight: 500;
text-transform: capitalize;
border-top: 1px solid rgba(255,255,255,0.30);
border-bottom: 1px solid rgba(255,255,255,0.30);
padding: 10px 15px 10px 20px;
position: relative;
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;
}
.hidden-bar .side-menu ul li a:hover,
.hidden-bar .side-menu ul > li.current > a,
.hidden-bar .side-menu ul > li > ul > li.current > a {
background: rgba(255,255,255,0.10);
color: #ffffff;
}
.hidden-bar .side-menu ul li a .btn.expander {
background: none;
color: #ffffff;
border: 1px solid rgba(255,255,255,0.80);
padding: 5px 10px;
font-size: 14px;
border-radius: 0px;
position: absolute;
top: 6px;
right: 20px;
outline: none;
}
/***
====================================================================
Main Slider style
====================================================================
***/
.main-slider {
position: relative;
z-index: 10;
}
.main-slider .tp-dottedoverlay {
background-color: rgba(27,26,27,0.50) !important;
}
.main-slider .tp-caption {
z-index: 5;
}
.main-slider .text {
font-weight: 400;
line-height: 1.8em;
color: #ffffff;
font-size: 20px;
}
.main-slider h2 {
font-size: 110px;
color: #ffffff;
font-weight: 400;
text-transform: capitalize;
line-height: 1.2em;
}
.main-slider h3 {
font-size: 64px;
color: #ffffff;
font-weight: 400;
line-height: 1em;
}
.main-slider .big-text {
font-size: 36px;
color: #ffffff;
font-weight: 700;
text-transform: uppercase;
line-height: 1.2em;
font-family: 'Roboto Condensed',sans-serif;
}
.main-slider .btn-style-one,
.main-slider .btn-style-two,
.main-slider .btn-style-three {
border-width: 2px !important;
color: #ffffff;
}
.main-slider .tp-bannertimer,
.main-slider .tp-bullets {
display: none !important;
}
/***
====================================================================
Titles / Headings Styles
====================================================================
***/
.branch ul {
display:inline-flex;
}
.branch img{
padding:0px 8px;
}
.scss1 {
text-transform: uppercase;
font-weight: bold;
color: #333333;
}
.sec-title-one {
position: relative;
padding-top: 70px;
padding-bottom: 10px;
text-align: center;
margin-bottom: 30px;
}
.sec-title-one1 {
position: relative;
padding-bottom: 10px;
text-align: center;
margin-bottom: 30px;
}
.sec-title-one1 h2{
font-size: 34px;
color: #333333;
line-height: 1.4em;
font-weight: 600;
}
.sec-title-one1:after {
content: '';
position: absolute;
left: 42%;
margin-left: -20px;
bottom: 0px;
width: 20%;
height: 2px;
background: #b68f26;
}
.sec-title-one:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 80px;
background: url(../images/icons/sssssicon-crops.png) center top no-repeat;
}
.sec-title-one:after {
content: '';
position: absolute;
left: 42%;
margin-left: -20px;
bottom: 0px;
width: 20%;
height: 2px;
background: #b68f26;
}
.sec-title-one h2 {
font-size: 34px;
color: #a48944;
line-height: 1.4em;
font-weight: 600;
}
.sec-title-two {
position: relative;
padding-top: 15px;
text-align: center;
margin-bottom: 20px;
}
.sec-title-two:after {
content: '';
position: absolute;
left: 50%;
margin-left: -20px;
bottom: 0px;
width: 40px;
height: 2px;
background: #b68f26;
}
.sec-title-two h2 {
font-size: 36px;
color: #333333;
line-height: 1.4em;
}
/***
====================================================================
Intro Section
====================================================================
***/
.intro-section {
position: relative;
background: url(../images/background/pattern-one.png) center center no-repeat;
background-size: cover;
z-index: 12;
}
.intro-section:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background: rgba(244,238,222,0.94);
}
.intro-section .inner-part {
position: relative;
margin-bottom: -30px;
padding-bottom: 0;
}
.intro-section .inner-part .content-box {
position: relative;
top: -200px;
padding: 10px 110px 0px;
background: #ffffff;
margin-bottom: 65px;
}
.intro-section .inner-part .content-box .inner-box {
position: relative;
}
.intro-section .inner-part .content-box .inner-box:before {
content: '';
position: absolute;
bottom: -250px;
right: 100%;
margin-right: -110px;
width: 570px;
height: 510px;
background: url(../images/resource/crop-image-left.png) center top no-repeat;
z-index: 1;
}
.intro-section .inner-part .content-box .inner-box:after {
content: '';
position: absolute;
bottom: -250px;
left: 100%;
margin-left: -110px;
width: 570px;
height: 510px;
background: url(../images/resource/crop-image-right.png) center top no-repeat;
z-index: 1;
}
.intro-section .inner-part .content-box:after {
content: '';
position: absolute;
left: 0px;
top: 100%;
height: 64px;
width: 100%;
background: url(../images/background/bottom-circular.png) center top no-repeat;
}
.intro-section .inner-part .content-column {
position: relative;
margin-bottom: 30px;
z-index: 5;
}
.intro-section .inner-part .text-left {
padding-right: 20px;
}
.intro-section .inner-part .text-right {
padding-left: 20px;
}
.intro-section .inner-part .content-column h3 {
font-size: 24px;
color: #b68f26;
line-height: 1.4em;
margin-bottom: 15px;
font-weight: 700;
font-family: 'Roboto Slab',serif;
}
.intro-section .inner-part .content-column .text {
line-height: 2em;
margin-bottom: 20px;
}
/***
====================================================================
About Farm
====================================================================
***/
.about-farm {
position: relative;
padding: 80px 0px 50px;
}
.about-farm.style-two {
padding-bottom: 50px;
}
.about-farm .column {
position: relative;
margin-bottom: 30px;
}
.about-farm .image-box {
position: relative;
display: block;
text-align: center;
}
.about-farm .image-box img {
display: inline-block;
max-width: 100%;
}
/***
====================================================================
Tabs Box
====================================================================
***/
.tabs-box {
position: relative;
}
.tabs-box .tab-buttons {
position: relative;
}
.tabs-box .tabs-content {
position: relative;
}
.tabs-box .tabs-content .tab {
position: relative;
display: none;
}
.tabs-box .tabs-content .active-tab {
display: block;
}
/***
====================================================================
Tabs Style One
====================================================================
***/
.tabs-style-one .tab-buttons {
position: relative;
}
.tabs-style-one .tab-buttons .tab-btn {
position: relative;
display: block;
width: 166px;
height: 166px;
line-height: 26px;
padding: 70px 10px;
text-align: center;
font-weight: 700;
color: #333333;
font-size: 20px;
cursor: pointer;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
transition: all 500ms ease;
}
.tabs-style-one .tab-buttons .tab-btn.active-btn {
z-index: 2;
color: #b68f26;
}
.tabs-style-one .tab-buttons .tab-btn .txt {
position: relative;
display: block;
}
.tabs-style-one .tab-buttons .tab-btn:before {
content: '';
position: absolute;
left: 50%;
margin-left: -83px;
top: 0px;
display: block;
width: 166px;
height: 166px;
border: 1px solid #dddddd;
background: #ffffff;
border-radius: 50%;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
transition: all 500ms ease;
-webkit-transform: scale(1,1);
-ms-transform: scale(1,1);
-o-transform: scale(1,1);
-moz-transform: scale(1,1);
transform: scale(1,1);
}
.tabs-style-one .tab-buttons .tab-btn.active-btn:before {
-webkit-transform: scale(1.3,1.3);
-ms-transform: scale(1.3,1.3);
-o-transform: scale(1.3,1.3);
-moz-transform: scale(1.3,1.3);
transform: scale(1.3,1.3);
border-color: #b68f26;
}
.tabs-style-one .tabs-content {
padding: 50px 0px;
text-align: center;
}
.tabs-style-one .tabs-content h3 {
font-size: 24px;
color: #333333;
font-weight: 700;
font-family: 'Roboto Slab',serif;
margin-bottom: 20px;
}
.style-two .tabs-style-one .tabs-content h3 {
font-size: 34px;
font-weight: 400;
font-family: 'Lato', sans-serif;
}
.style-two .tabs-style-one .tabs-content .subtitle {
font-size: 16px;
font-weight: 700;
color: #5ec79c;
text-transform: capitalize;
margin-bottom: 5px;
}
.tabs-style-one .tabs-content p {
margin-bottom: 20px;
text-align: justify;
}
.tabs-style-one .tabs-content .author-name {
color: #5ec79c;
font-size: 34px;
line-height: 1.6em;
}
/***
====================================================================
Fluid Section One
====================================================================
***/
.fluid-section-one {
position: relative;
color: #ffffff;
background: url(../images/background/pattern-one.png) center center repeat;
background-attachment: fixed;
}
.fluid-section-one .oval-cut {
position: absolute;
left: 0;
top: -14px;
width: 100%;
height: 64px;
background: url(../images/background/curve-one.png) center top no-repeat;
z-index: 2;
}
.fluid-section-one .floated-image-left {
position: absolute;
left: 0px;
bottom: -100px;
max-width: 100%;
z-index: 1;
}
.fluid-section-one .floated-image-right {
position: absolute;
right: 0px;
bottom: -100px;
max-width: 100%;
z-index: 1;
}
.fluid-section-one .left-column {
position: relative;
float: left;
width: 50%;
padding: 80px 0px;
}
.fluid-section-one .left-column .inner-box {
position: relative;
float: right;
width: 100%;
max-width: 400px;
padding: 0px 50px 0px 15px;
z-index: 1;
}
.fluid-section-one .right-column {
position: relative;
float: left;
width: 50%;
padding: 80px 0px;
}
.fluid-section-one .right-column .inner-box {
position: relative;
float: left;
width: 100%;
max-width: 400px;
padding: 0px 15px 0px 50px;
z-index: 2;
}
.fluid-section-one .left-column:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background: rgba(94,199,156,0.94);
}
.fluid-section-one .right-column:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background: rgba(245,176,98,0.94);
}
.fluid-section-one h3 {
font-size: 52px;
line-height: 1.2em;
}
.fluid-section-one h5 {
font-size: 28px;
line-height: 1.2em;
margin-bottom: 15px;
}
/***
====================================================================
Gallery Section
====================================================================
***/
.gallery-section {
position: relative;
padding: 65px 0px;
}
.gallery-section .more-btn-outer {
padding-top: 20px;
}
.gallery-section .sec-title-one {
margin-bottom: 30px;
}
.gallery-section .filters {
position: relative;
text-align: center;
margin-bottom: 40px;
}
.gallery-section .filters li {
position: relative;
display: inline-block;
padding: 0px 0px;
line-height: 24px;
color: #333333;
cursor: pointer;
text-transform: capitalize;
font-size: 15px;
font-weight: 400;
margin: 0px 15px 10px;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.gallery-section .filters li:hover,
.gallery-section .filters li.active {
color: #b68f26;
}
.default-food-item {
position: relative;
margin-bottom: 30px;
}
.default-food-item.mix {
display: none;
}
.default-food-item .inner-box {
position: relative;
width: 100%;
overflow: hidden;
text-align: center;
border: 1px solid #e0e0e0;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
border-radius: 2px;
}
.default-food-item .inner-box:hover {
border-color: #b68f26;
}
.default-food-item .image-box {
position: relative;
display: block;
}
.default-food-item .image-box img {
position: relative;
display: block;
width: 100%;
}
.default-food-item .lower-content {
position: relative;
padding: 20px 20px 40px;
}
.default-food-item .lower-content h3 {
font-size: 20px;
font-weight: 400;
color: #333333;
margin-bottom: 10px;
font-family: 'Roboto Slab',serif;
}
.default-food-item .lower-content h3 a {
color: #333333;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
}
.default-food-item .lower-content h3 a:hover {
color: #b68f26;
}
.default-food-item .lower-content .price {
color: #b68f26;
font-size: 20px;
font-weight: 700;
}
.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,
.fancybox-prev span:before {
content: '';
position: absolute;
font-family: 'FontAwesome';
left: 0px;
top: 0px;
font-size: 12px;
width: 44px !important;
height: 44px !important;
line-height: 44px !important;
background-color: rgba(28,28,28,0.40) !important;
color: #ffffff;
visibility: visible;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
}
.fancybox-next span:before {
content: '\f178';
}
.fancybox-prev span:before {
content: '\f177';
}
.fancybox-next:hover span:before,
.fancybox-prev:hover span:before {
background-color: #ffffff !important;
color: #000000;
}
.fancybox-type-image .fancybox-close {
right: 0px;
top: 0px;
width: 45px;
height: 45px;
background: url(../images/icons/icon-cross.png) center center no-repeat;
background-color: rgba(17,17,17,0.50) !important;
}
.fancybox-type-image .fancybox-close:hover {
background-color: #000000 !important;
}
.fancybox-type-image .fancybox-skin {
padding: 0px !important;
}
/***
====================================================================
Deal Of the day Section
====================================================================
***/
.deal-of-day {
position: relative;
padding: 50px 0px 0px;
background: url(../images/background/pattern-one.png) center center no-repeat;
background-size: cover;
}
.deal-of-day:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background: rgba(244,238,222,0.94);
}
.deal-of-day .auto-container {
position: relative;
z-index: 1;
}
.deal-of-day .title-box {
position: relative;
margin-bottom: -160px;
z-index: 2;
}
.deal-of-day .title-box h3 {
color: #997108;
font-weight: 700;
font-family: 'Roboto Slab',serif;
font-size: 20px;
}
.deal-of-day .title-box h2 {
color: #f5b062;
font-weight: 400;
font-size: 64px;
line-height: 1.4em;
}
.deal-of-day .carousel-outer {
position: relative;
}
.deal-of-day .carousel-outer .image-box {
display: block;
text-align: right;
}
.deal-of-day .carousel-outer .image-box img {
position: relative;
display: inline-block !important;
width: auto !important;
max-width: 100%;
}
.deal-of-day .carousel-outer .content-column .inner {
position: relative;
padding: 80px 0px 40px;
}
.deal-of-day .carousel-outer .content-column .prod-title {
font-size: 24px;
font-weight: 700;
color: #333333;
line-height: 1.4em;
margin-bottom: 10px;
}
.deal-of-day .carousel-outer .content-column .price {
font-size: 20px;
font-weight: 700;
color: #333333;
line-height: 1.4em;
margin-bottom: 15px;
}
.deal-of-day .carousel-outer .content-column .text {
margin-bottom: 30px;
}
.deal-of-day .carousel-outer .options .normal-btn {
position: relative;
display: inline-block;
line-height: 24px;
padding: 8px 5px;
text-align: center;
width: 44px;
height: 44px;
font-size: 18px;
margin-right: 15px;
margin-bottom: 10px;
color: #997108;
border: 2px solid #997108;
border-radius: 5px;
}
.deal-of-day .carousel-outer .options .shop-btn {
position: relative;
display: inline-block;
line-height: 24px;
padding: 8px 40px;
text-align: center;
margin-right: 15px;
margin-bottom: 10px;
color: #ffffff;
background: #b68f26;
border: 2px solid #997108;
border-radius: 22px;
}
.deal-of-day .carousel-outer .options .shop-btn:hover,
.deal-of-day .carousel-outer .options .normal-btn:hover {
color: #ffffff;
background: #b68f26;
border: 2px solid #997108;
}
.deal-of-day .owl-theme .owl-controls .owl-dots {
display: none !important;
}
.deal-of-day .owl-theme .owl-controls {
position: absolute;
left: 0px;
top: 170px;
margin: 0px;
padding: 0px;
}
.deal-of-day .owl-theme .owl-controls .owl-nav [class*="owl-"] {
position: relative;
display: inline-block;
line-height: 36px;
text-align: center;
width: 40px;
height: 40px;
color: #f5b062;
font-size: 20px;
border: 2px solid #f5b062;
margin: 0px 10px 0px 0px;
padding: 0px;
background: none;
transition: all 500ms ease;
border-radius: 3px;
}
.deal-of-day .owl-theme .owl-controls .owl-nav [class*="owl-"]:hover {
background: #f5b062;
color: #ffffff;
}
/***
====================================================================
Team Section
====================================================================
***/
.team-section {
position: relative;
padding: 40px 0px;
}
.team-section .sec-title-one {
margin-bottom: 35px;
}
.default-team-member {
position: relative;
margin-bottom: 30px;
}
.default-team-member .inner-box {
position: relative;
display: block;
border: 1px solid #e0e0e0;
transition: all 500ms ease;
}
.default-team-member.vertical .inner-box {
max-width: 570px;
margin: 0 auto;
}
.default-team-member:hover .inner-box {
-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.30);
-ms-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.30);
-o-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.30);
-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.30);
box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.30);
}
.default-team-member .inner-box .content-column {
position: relative;
float: left;
width: 70%;
text-align: center;
}
.default-team-member .inner-box .image-column {
position: relative;
float: left;
width: 30%;
}
.default-team-member .inner-box .image-column img {
position: relative;
display: block;
width: 100%;
height: auto;
}
.default-team-member.alternate .inner-box .content-column {
float: left;
}
.default-team-member.alternate .inner-box .image-column {
float: right;
}
.default-team-member.vertical .inner-box .image-column,
.default-team-member.vertical .inner-box .content-column {
float: none;
width: 100%;
}
.default-team-member .content-column .inner {
position: relative;
padding: 25px 50px 20px;
}
.default-team-member.vertical .inner-box .content-column .inner {
padding: 48px 50px;
}
.default-team-member .inner-box h3 {
position: relative;
font-size: 18px;
font-weight: 700;
font-family: 'Roboto Slab',serif;
color: #333333;
margin-bottom: 15px;
transition: all 500ms ease;
}
.default-team-member:hover .inner-box h3 {
color: #f5b062;
}
.default-team-member .inner-box .text {
position: relative;
color: #777777;
font-size: 14px;
margin-bottom: 20px;
text-align: justify;
}
.default-team-member .inner-box .social-links a {
position: relative;
display: inline-block;
font-size: 15px;
color: #bdbdbd;
line-height: 24px;
margin: 0px 8px;
}
.default-team-member .inner-box .social-links a:hover {
color: #f5b062;
}
/***
====================================================================
Testimonials Section
====================================================================
***/
.testimonial-section {
position: relative;
color: #ffffff;
background: url(../images/background/pattern-one.png) center center repeat;
background-attachment: fixed;
padding: 55px 0px 120px;
}
.testimonial-section:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background: rgba(94,199,156,0.94);
}
.testimonial-section .oval-cut {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 64px;
background: url(../images/background/curve-two.png) center top no-repeat;
z-index: 2;
}
.testimonial-section .carousel-outer {
position: relative;
padding: 0px 0px;
max-width: 860px;
margin: 0 auto;
text-align: center;
z-index: 1;
}
.testimonial-section .icon-box {
position: relative;
width: 64px;
height: 64px;
line-height: 60px;
font-size: 24px;
color: #ffffff;
border: 2px solid #ffffff;
text-align: center;
margin: 0 auto 40px;
border-radius: 50%;
}
.testimonial-section .icon-box:after {
content: '';
position: absolute;
left: 50%;
margin-left: -1px;
top: 100%;
margin-top: 10px;
border-right: 2px solid #ffffff;
height: 40px;
}
.testimonial-section .slide-item .text-content {
position: relative;
padding: 30px 50px;
font-size: 17px;
line-height: 1.8em;
margin-bottom: 0px;
}
.testimonial-section .slide-item .text-content:before {
font-family: 'FontAwesome';
content: "\f10d";
position: absolute;
left: 0px;
top: 0px;
display: block;
line-height: 1em;
font-size: 44px;
font-weight: normal;
color: rgba(255,255,255,0.10);
}
.testimonial-section .slide-item .text-content:after {
font-family: 'FontAwesome';
content: "\f10e";
position: absolute;
right: 0px;
bottom: 0px;
display: block;
line-height: 1em;
font-size: 44px;
font-weight: normal;
color: rgba(255,255,255,0.10);
}
.testimonial-section .slide-item .quote-info {
position: relative;
padding: 15px 0px 10px 130px;
min-height: 100px;
text-align: left;
max-width: 340px;
margin: 0 auto;
}
.testimonial-section .slide-item .quote-info h4 {
font-size: 34px;
line-height: 1.3em;
}
.testimonial-section .slide-item .quote-info .designation {
font-size: 15px;
font-weight: 700;
}
.testimonial-section .slide-item .quote-info .author-thumb {
position: absolute;
left: 0px;
top: 0px;
width: 100px;
height: 100px;
}
.testimonial-section .owl-theme .owl-controls {
display: none;
}
/***
====================================================================
Testimonials Section Two
====================================================================
***/
.testimonial-section-two {
position: relative;
color: #ffffff;
background: url(../images/background/pattern-one.png) center center repeat;
background-attachment: fixed;
padding: 70px 0px 120px;
}
.testimonial-section-two:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background: rgba(94,199,156,0.94);
}
.testimonial-section-two .oval-cut {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 64px;
background: url(../images/background/curve-two.png) center top no-repeat;
z-index: 2;
}
.testimonial-section-two .carousel-outer {
position: relative;
padding: 0px 0px;
max-width: 860px;
margin: 0 auto;
z-index: 1;
}
.testimonial-section-two .slide-item {
position: relative;
padding: 30px 50px 0px 160px;
min-height: 100px;
}
.testimonial-section-two .slide-item:before {
font-family: 'FontAwesome';
content: "\f10d";
position: absolute;
left: 0px;
top: 0px;
display: block;
line-height: 1em;
font-size: 44px;
font-weight: normal;
color: rgba(255,255,255,0.10);
}
.testimonial-section-two .slide-item:after {
font-family: 'FontAwesome';
content: "\f10e";
position: absolute;
right: 0px;
bottom: -5px;
display: block;
line-height: 1em;
font-size: 44px;
font-weight: normal;
color: rgba(255,255,255,0.10);
}
.testimonial-section-two .slide-item .author-thumb {
position: absolute;
left: 30px;
top: 30px;
width: 100px;
height: 100px;
}
.testimonial-section-two .slide-item .info {
margin-bottom: 5px;
}
.testimonial-section-two .slide-item .info .title {
font-size: 34px;
font-family: 'Lato', sans-serif;
line-height: 1.3em;
padding-right: 20px;
}
.testimonial-section-two .slide-item .info .designation {
font-size: 15px;
font-weight: 700;
}
.testimonial-section-two .slide-item .text-content {
position: relative;
font-size: 16px;
line-height: 1.8em;
}
.testimonial-section-two .owl-theme .owl-controls {
display: none;
}
/***
====================================================================
Sponsors Section
====================================================================
***/
.sponsors-style-one {
position: relative;
padding: 20px 0px 50px;
text-align: center;
}
.sponsors-style-one.alternate {
padding: 20px 0px;
background: #f8f8f8;
}
.sponsors-style-one .sec-title-one {
margin-bottom: 50px;
}
.sponsors-style-one .floated-image-left {
position: absolute;
left: 0px;
bottom: 0px;
max-width: 100%;
}
.sponsors-style-one .slide-item img {
display: inline-block;
width: auto;
max-width: 100%;
}
.sponsors-style-one .owl-theme .owl-controls {
display: none !important;
}
/***
====================================================================
Fluid Section Two
====================================================================
***/
.fluid-section-two {
position: relative;
color: #ffffff;
background: url(../images/background/pattern-one.png) center center repeat;
background-attachment: fixed;
}
.fluid-section-two:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background: rgba(161, 124, 29, 0.91);
}
.fluid-section-two .left-column {
position: relative;
float: left;
width: 50%;
padding: 0px 0px;
}
.fluid-section-two .left-column .inner-box {
position: relative;
float: right;
width: 100%;
max-width: 600px;
padding: 48px 80px 48px 15px;
z-index: 1;
}
.fluid-section-two .left-column h5 {
font-size: 14px;
line-height: 1.4em;
margin-bottom: 10px;
letter-spacing: 1px;
font-weight: 700;
text-transform: uppercase;
font-family: 'Roboto Slab',serif;
}
.fluid-section-two .left-column h3 {
font-size: 34px;
line-height: 1.2em;
margin-bottom: 40px;
}
.fluid-section-two .subscribe-form {
position: relative;
}
.fluid-section-two .subscribe-form .form-group {
position: relative;
padding-right: 160px;
margin: 0px;
}
.fluid-section-two .subscribe-form .form-group input {
position: relative;
display: block;
width: 100%;
font-size: 14px;
height: 44px;
line-height: 24px;
color: #ffffff;
background: none;
border-bottom: 2px solid #ffffff;
padding: 6px 0px 12px;
margin: 0px;
}
.fluid-section-two .subscribe-form ::-webkit-input-placeholder {
color: #ffffff;
}
.fluid-section-two .subscribe-form ::-moz-placeholder {
color: #ffffff;
}
.fluid-section-two .subscribe-form :-ms-input-placeholder {
color: #ffffff;
}
.fluid-section-two .subscribe-form input:-moz-placeholder {
color: #ffffff;
}
.fluid-section-two .subscribe-form .form-group button {
position: absolute;
right: 0px;
top: 14px;
width: 140px;
text-align: center;
}
.fluid-section-two .right-column {
position: absolute;
right: 0px;
top: 0px;
width: 50%;
height: 100%;
z-index: 1;
}
.P-0 {
padding: 0px;
}
.P-0 label {
margin-top: 5px;
}
.table-striped {
border: 1px solid #dddbdb;
}
.t-head {
background: #d0a46e;
color: #fff;
}
/***
====================================================================
Map Section
====================================================================
***/
.map-section {
position: relative;
top: -260px;
margin-bottom: -260px;
}
.map-canvas {
position: relative;
left: 0px;
top: 0px;
width: 100%;
height: auto;
}
.fluid-section-two .map-canvas {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
}
.map-canvas .map-data {
text-align: center;
font-size: 13px;
font-weight: 400;
}
.map-canvas .map-data h6 {
text-transform: uppercase;
font-size: 15px;
font-weight: 700;
font-family: 'Roboto Slab',serif;
text-align: center;
margin-bottom: 5px;
color: #333333;
}
/***
====================================================================
Main Footer
====================================================================
***/
.main-footer {
position: relative;
}
.footer-style-one {
border-top: 1px solid #f0f0f0;
}
.footer-style-two {
background: #333333;
color: #aaaaaa;
}
.footer-style-one .footer-upper {
position: relative;
padding: 60px 0px 0px;
background: #000;
}
.footer-style-two .footer-upper {
position: relative;
padding: 80px 0px 50px;
}
.footer-style-one .column {
position: relative;
margin-bottom: 15px;
}
.footer-style-two .column {
position: relative;
margin-bottom: 30px;
}
.footer-style-one .centered-column {
max-width: 350px;
margin: 0 auto 30px;
text-align: center;
}
.footer-style-one .column h2 {
position: relative;
font-size: 14px;
line-height: 1.4em;
padding: 0px 0px 10px;
font-family: 'Roboto Slab',serif;
margin-bottom: 35px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
color: #fff;
}
.footer-style-two .column h2 {
position: relative;
font-size: 14px;
line-height: 1.4em;
padding: 0px;
font-family: 'Roboto Slab',serif;
margin-bottom: 20px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
color: #ffffff;
}
.footer-style-one .column h2:after {
content: '';
position: absolute;
left: 0px;
bottom: 0px;
width: 30px;
border-bottom: 1px solid #b68f26;
}
.footer-style-one .about-widget .footer-logo {
position: relative;
margin: -35px 0px 20px;
}
.footer-style-two .logo-widget {
text-align: center;
padding: 50px 0px 20px;
}
.footer-style-one .about-widget .text,
.footer-style-two .subscribe-widget .text {
font-size: 14px;
line-height: 1.8em;
margin-bottom: 20px;
}
.footer-style-one .footer-upper a {
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.footer-style-one .footer-upper a:hover {
color: #f5b062;
}
.footer-style-one .footer-upper .info-widget li {
position: relative;
line-height: 1.8em;
margin-bottom: 15px;
}
.footer-style-two .footer-upper .info-widget li {
position: relative;
line-height: 1.8em;
margin-bottom: 10px;
}
.footer-style-one .footer-upper .links-widget li {
position: relative;
margin-bottom: 7px;
}
.footer-style-one .footer-upper .links-widget li a {
position: relative;
display: block;
font-size: 15px;
color: #777777;
line-height: 24px;
}
.footer-style-one .footer-upper .links-widget li a:hover {
color: #b68f26;
}
.footer-style-one .footer-upper .social-links h3 {
color: #333333;
font-weight: 700;
margin-bottom: 7px;
font-size: 13px;
text-transform: uppercase;
font-family: 'Roboto Slab',serif;
}
.footer-style-one .footer-upper .social-links a {
position: relative;
display: inline-block;
font-size: 14px;
line-height: 24px;
text-align: center;
background: none;
margin-right: 12px;
color: #777777;
}
.footer-style-one .footer-upper .social-links a:hover {
color: #f5b062;
}
.footer-style-one .footer-upper .gallery-widget {
position: relative;
}
.footer-style-one .footer-upper .gallery-widget .image {
position: relative;
float: left;
width: 33.333%;
padding: 0px 5px 5px 0px;
}
.footer-style-one .footer-upper .gallery-widget .image img {
position: relative;
display: block;
width: 100%;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.footer-style-one .footer-upper .gallery-widget .image img:hover {
opacity: 0.80;
}
.footer-style-one .footer-bottom {
position: relative;
background: #161616;
color: #ffffff;
font-size: 14px;
text-align: center;
padding: 15px 0px;
}
.footer-style-one .footer-bottom .copyright {
position: relative;
line-height: 30px;
font-weight: 400;
}
.footer-style-two .footer-bottom {
position: relative;
background: #2a2a2a;
color: #aaaaaa;
font-size: 14px;
text-align: center;
padding: 25px 0px;
}
.footer-style-two .footer-bottom .copyright {
position: relative;
line-height: 30px;
font-weight: 400;
}
.subscribe-form-two {
position: relative;
}
.subscribe-form-two .form-group {
position: relative;
margin: 0px;
}
.subscribe-form-two .form-group input {
position: relative;
display: block;
width: 100%;
height: 50px;
line-height: 24px;
color: #ffffff;
font-size: 14px;
background: #2d2d2d;
padding: 13px 60px 13px 20px;
margin: 0px;
border-radius: 3px;
}
.subscribe-form-two ::-webkit-input-placeholder {
color: #aaaaaa;
}
.subscribe-form-two ::-moz-placeholder {
color: #aaaaaa;
}
.subscribe-form-two :-ms-input-placeholder {
color: #aaaaaa;
}
.subscribe-form-two input:-moz-placeholder {
color: #aaaaaa;
}
.subscribe-form-two .form-group button {
position: absolute;
right: 3px;
top: 3px;
width: 60px;
height: 44px;
font-size: 15px;
font-weight: 700;
color: #ffffff;
line-height: 44px;
text-align: center;
background: #5ec79c;
text-transform: uppercase;
}
/***
====================================================================
Search Popup
====================================================================
***/
.search-popup {
position: fixed;
right: 60px;
top: 125px !important;
width: 400px;
background: #ffffff;
z-index: 9999;
visibility: hidden;
opacity: 0;
transition: all 700ms ease;
-moz-transition: all 700ms ease;
-webkit-transition: all 700ms ease;
-ms-transition: all 700ms ease;
-o-transition: all 700ms ease;
border-radius: 0px 0px 2px 2px;
}
.search-popup.popup-visible {
top: 0;
visibility: visible;
opacity: 1;
-webkit-box-shadow: 1px 5px 27px 0px rgba(0,0,0,0.45);
-moz-box-shadow: 1px 5px 27px 0px rgba(0,0,0,0.45);
box-shadow: 1px 5px 27px 0px rgba(0,0,0,0.45);
}
.search-popup .close-search {
position: absolute;
right: 15px;
top: 2px;
font-size: 19px;
color: #b68f27;
cursor: pointer;
z-index: 5;
}
.search-popup .close-search:hover {
color: #b68f27;
}
.search-popup .search-form {
position: relative;
padding: 7px 11px;
max-width: 457px;
margin: 0 auto;
}
.search-popup .search-form fieldset {
position: relative;
border: 3px solid rgba(255,255,255,0.80);
-webkit-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
-moz-border-radius: 12px;
border-radius: 3px;
}
.search-popup .search-form fieldset input[type="search"],
.search-popup .search-form fieldset input.form-control {
position: relative;
height: 43px;
padding: 18px 100px 20px 13px;
background: #ffffff;
line-height: 30px;
font-size: 13px;
color: #8e8e8e;
font-family: roboto;
/* -webkit-border-radius: 7px; */
-ms-border-radius: 7px;
-o-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 3px;
}
.search-popup .search-form fieldset input[type="submit"] {
position: absolute;
display: block;
right: 0px;
top: 0px;
text-align: center;
width: 90px;
padding: 9px 10px 20px 10px;
color: #ffffff;
background: #b68f27;
line-height: 30px;
height: 42px;
font-size: 11px;
letter-spacing: 2px;
text-transform: uppercase;
font-family: roboto;
-moz-border-radius: 0px 3px 3px 0px;
-ms-border-radius: 0px 3px 3px 0px;
-o-border-radius: 0px 3px 3px 0px;
-webkit-border-radius: 0px 3px 3px 0px;
border-radius: 0px 3px 3px 0px;
}
.search-popup .search-form fieldset input[type="submit"]:hover {
background: #000000;
color: #ffffff;
}
.search-popup h3 {
font-family: 'Oswald',sans-serif;
font-size: 24px;
color: #ffffff;
margin-bottom: 30px;
text-align: center;
letter-spacing: 1px;
}
.search-popup .recent-searches {
font-size: 14px;
color: #ffffff;
text-align: center;
}
.search-popup .recent-searches li {
display: inline-block;
margin: 0px 10px 10px 0px;
}
.search-popup .recent-searches li a {
display: block;
line-height: 24px;
border: 1px solid #ffffff;
padding: 5px 20px;
color: #ffffff;
border-radius: 3px;
}
.search-popup .recent-searches li a:hover {
color: #5ec79c;
border-color: #5ec79c;
}
/***
====================================================================
Products Section One
====================================================================
***/
.products-section-one {
position: relative;
padding: 5px 0px 1px;
}
.product-style-one {
position: relative;
margin-bottom: 70px;
}
.product-style-one .inner-box {
position: relative;
background: url(../images/background/pattern-one.png) center center repeat;
/*background-attachment: fixed;*/
}
.product-style-one .inner-box:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background: rgba(245,176,98,0.95);
}
.product-style-one.orange-theme .inner-box:before {
background: rgba(245,176,98,0.95);
}
.product-style-one.light-theme .inner-box:before {
background: rgba(244,238,222,0.95);
}
.product-style-one.green-theme .inner-box:before {
background: rgba(94,199,156,0.95);
}
.product-style-one.gray-theme .inner-box:before {
background: rgba(162, 160, 165, 0.95);
}
.product-style-one .inner-box .content {
position: relative;
color: #ffffff;
padding: 60px 50px 0px;
z-index: 1;
}
.product-style-one.light-theme .content {
color: #b68f26;
}
.product-style-one .inner-box .food-image {
position: relative;
display: block;
margin-top: -60px;
bottom: -60px;
text-align: center;
z-index: 1;
}
.product-style-one .inner-box h3 {
font-family: 'Roboto Slab',serif;
font-size: 28px;
font-weight: 700;
text-transform: capitalize;
line-height: 1.4em;
}
.product-style-one.light-theme .inner-box h3 {
color: #b68f26;
}
.product-style-one .inner-box .text {
margin-bottom: 5px;
}
.product-style-one .inner-box .default-link {
display: inline-block;
color: #ffffff;
font-size: 14px;
font-weight: 700;
text-transform: capitalize;
line-height: 1.4em;
border-bottom: 1px solid;
}
.product-style-one.light-theme .inner-box .default-link {
color: #b68f26;
}
/***
====================================================================
Featured Package Section
====================================================================
***/
.featured-package-section {
position: relative;
padding: 120px 0px 0px;
}
.featured-package-section .package-box {
position: relative;
background: #f8f8f8 url(../images/background/pattern-one.png) center center repeat;
}
.featured-package-section .package-box:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background: rgba(248,248,248,0.98);
}
.featured-package-section .package-box .inner {
position: relative;
z-index: 1;
}
.featured-package-section .package-box .image-box {
position: relative;
margin-top: -100px;
padding-left: 30px;
}
.featured-package-section .package-box .content-box {
position: relative;
padding: 100px 50px 30px;
}
.featured-package-section .package-box .info {
position: relative;
margin-bottom: 20px;
}
.featured-package-section .package-box .sub-title {
font-size: 14px;
color: #5ec79c;
line-height: 2em;
}
.featured-package-section .package-box .title {
font-size: 30px;
color: #333333;
font-weight: 700;
line-height: 1.6em;
}
.featured-package-section .package-box .pricing {
font-size: 20px;
color: #f5b062;
font-weight: 700;
line-height: 1.6em;
}
.featured-package-section .package-box .pricing .old-price {
font-size: 16px;
color: #c0c0c0;
font-weight: 400;
text-decoration: line-through;
padding-right: 10px;
line-height: 1.4em;
}
.featured-package-section .package-box .text {
position: relative;
font-size: 14px;
line-height: 1.8em;
margin-bottom: 20px;
}
.featured-package-section .package-box .link-box {
position: relative;
margin-bottom: 30px;
}
/***
====================================================================
Countdown style
====================================================================
***/
.time-counter {
position: relative;
}
.time-counter .time-countdown {
position: relative;
}
.time-counter .time-countdown .counter-column {
position: relative;
float: left;
margin: 0px 25px 30px 0px;
padding-right: 25px;
color: #f5b062;
font-size: 14px;
line-height: 1.8em;
text-transform: capitalize;
text-align: center;
font-weight: 400;
}
.time-counter .time-countdown .counter-column:after {
content: '';
position: absolute;
right: -1px;
top: 50%;
margin-top: -20px;
width: 2px;
height: 40px;
background: url(../images/icons/count-separator.png) right center no-repeat;
}
.time-counter .time-countdown .counter-column:last-child:after {
display: none;
}
.time-counter .time-countdown .counter-column .count {
position: relative;
display: block;
font-size: 24px;
line-height: 1.4em;
padding: 0px;
color: #f5b062;
font-style: normal;
letter-spacing: 1px;
font-weight: 700;
}
/***
====================================================================
Products Section Two
====================================================================
***/
.products-section-two {
position: relative;
padding: 50px 0px;
}
.product-style-two {
position: relative;
margin-bottom: 30px;
}
.product-style-two .inner-box {
position: relative;
display: block;
border: 1px solid #f0f0f0;
}
.product-style-two .inner-box .image-column,
.product-style-two .inner-box .content-column {
padding: 0px;
}
.product-style-two .inner-box .image img {
position: relative;
display: block;
width: 100%;
}
.product-style-two .content-column .inner {
position: relative;
padding: 30px 30px 25px;
}
.product-style-two .content-column h3 {
font-size: 20px;
font-weight: 400;
color: #333333;
font-family: 'Roboto Slab',serif;
line-height: 1.4em;
margin-bottom: 5px;
}
.product-style-two .content-column .price {
font-size: 18px;
font-weight: 700;
color: #5ec79c;
line-height: 1.4em;
margin-bottom: 15px;
}
.product-style-two .content-column .text {
font-size: 14px;
font-weight: 400;
line-height: 1.8em;
margin-bottom: 20px;
}
.products-section-two .more-btn-outer {
padding-top: 40px;
}
/***
====================================================================
Gallery Section Two
====================================================================
***/
.gallery-section-two {
position: relative;
padding: 120px 0px;
}
.gallery-section-two.fullwidth-gallery {
position: relative;
padding: 80px 0px;
background: #f8f8f8;
}
.gallery-section.gallery-page {
padding: 120px 0px;
}
.gallery-section.fullwidth-gallery-two {
overflow: hidden;
padding-bottom: 110px;
}
.fullwidth-gallery-two .images-outer {
margin: 0px -5px;
}
.masonry-gallery .images-container {
margin: 0px -11px;
}
.default-portfolio-item {
position: relative;
margin-bottom: 30px;
}
.default-portfolio-item.mix {
display: none;
}
.fullwidth-gallery .default-portfolio-item {
padding: 0px;
margin: 0px;
}
.fullwidth-gallery-two .default-portfolio-item {
margin-bottom: 10px;
padding: 0px 5px;
float: left;
width: 20%;
}
.masonry-gallery .default-portfolio-item {
margin-bottom: 20px;
padding: 0px 9px;
}
.default-portfolio-item .inner-box {
position: relative;
display: block;
text-align: center;
overflow: hidden;
}
.default-portfolio-item .image-box img {
display: block;
width: 100%;
}
.default-portfolio-item .overlay-box {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
border: 10px solid transparent;
opacity: 0;
-webkit-transition: all 700ms ease;
-ms-transition: all 700ms ease;
-o-transition: all 700ms ease;
-moz-transition: all 700ms ease;
transition: all 700ms ease;
-webkit-transform: scale(0.5,0.5) rotate(-90deg);
-ms-transform: scale(0.5,0.5) rotate(-90deg);
-o-transform: scale(0.5,0.5) rotate(-90deg);
-moz-transform: scale(0.5,0.5) rotate(-90deg);
transform: scale(0.5,0.5) rotate(-90deg);
}
.default-portfolio-item:hover .overlay-box {
opacity: 1;
-webkit-transform: scale(1,1) rotate(0deg);
-ms-transform: scale(1,1) rotate(0deg);
-o-transform: scale(1,1) rotate(0deg);
-moz-transform: scale(1,1) rotate(0deg);
transform: scale(1,1) rotate(0deg);
}
.default-portfolio-item .overlay-box .overlay-inner {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
display: table;
vertical-align: middle;
background: rgba(51,51,51,0.90);
}
.default-portfolio-item .overlay-box .overlay-content {
position: relative;
display: table-cell;
vertical-align: middle;
}
.default-portfolio-item .overlay-box .option-btn {
position: relative;
display: inline-block;
width: 42px;
height: 42px;
line-height: 38px;
text-align: center;
font-size: 14px;
color: #aaaaaa;
border: 2px solid #aaaaaa;
margin: 0px 5px;
}
.default-portfolio-item .overlay-box .option-btn:hover {
color: #f5b062;
border-color: #f5b062;
}
.gallery-section-two .more-btn-outer {
padding-top: 50px;
}
/***
====================================================================
News Section
====================================================================
***/
.news-section {
position: relative;
padding: 120px 0px 70px;
}
.news-style-one {
position: relative;
margin-bottom: 50px;
}
.news-style-one .inner-box {
position: relative;
display: block;
}
.news-style-one .image-box {
position: relative;
display: block;
}
.news-style-one .image-box img {
position: relative;
display: block;
width: 100%;
}
.news-style-one .lower-content {
position: relative;
padding-top: 20px;
}
.news-style-one .lower-content h3 {
font-size: 16px;
font-family: 'Roboto Slab',serif;
color: #333333;
font-weight: 700;
margin-bottom: 10px;
}
.news-style-one .lower-content h4 {
font-size: 14px;
font-family: 'Roboto Slab',serif;
color: #333333;
font-weight: 700;
margin-bottom: 10px;
}
.news-style-one .lower-content h3 a {
color: #333333;
}
.news-style-one .lower-content h3 a:hover {
color: #5ec79c;
}
.news-style-one .lower-content .text {
font-size: 14px;
font-weight: 400;
margin-bottom: 20px;
line-height: 1.9em;
}
.news-style-one .lower-content .more-link {
position: relative;
float: right;
}
.news-style-one .lower-content .more-link a {
line-height: 24px;
color: #5ec79c;
font-size: 14px;
}
.news-style-one .post-tags {
position: relative;
color: #f5b062;
font-size: 14px;
padding: 20px 0px 0px;
border-top: 1px solid #f0f0f0;
}
.news-style-one .post-tags a {
color: #f5b062;
font-size: 13px;
}
.news-style-one .lower-content .post-meta {
position: relative;
float: left;
}
.news-style-one .lower-content .post-meta li {
position: relative;
float: left;
font-size: 14px;
line-height: 24px;
margin-right: 30px;
color: #777777;
}
.news-style-one .lower-content .post-meta li:after {
content: '';
position: absolute;
right: -15px;
top: 50%;
margin-top: -6px;
height: 12px;
border-right: 1px solid #777777;
}
.news-style-one .lower-content .post-meta li:last-child:after {
display: none;
}
.news-style-one .lower-content .post-meta li a {
color: #777777;
}
.news-style-one .lower-content .post-meta li .fa {
padding-right: 5px;
}
/***
====================================================================
Call To Action One
====================================================================
***/
.call-to-action-one {
position: relative;
color: #ffffff;
text-align: center;
background: url(../images/background/pattern-one.png) center center repeat;
background-attachment: fixed;
padding: 80px 0px;
z-index: 1;
}
.call-to-action-one:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background: rgba(94,199,156,0.94);
}
.call-to-action-one .content-box {
position: relative;
max-width: 450px;
margin: 0 auto;
z-index: 1;
}
.call-to-action-one .content-box .sub-title {
font-size: 12px;
text-transform: uppercase;
}
.call-to-action-one .content-box .phone-number {
font-size: 30px;
text-transform: uppercase;
font-weight: 700;
line-height: 1.4em;
margin: 10px 0px;
}
.call-to-action-one .content-box .text {
font-size: 14px;
line-height: 1.8em;
}
.call-to-action-one .floated-image-left {
position: absolute;
left: 50px;
bottom: 0px;
max-width: 100%;
}
.call-to-action-one .floated-image-right {
position: absolute;
right: 0px;
bottom: -30px;
max-width: 100%;
}
/***
====================================================================
Welcome Section
====================================================================
***/
.welcome-section {
position: relative;
background: #252424;
padding: 30px 0px 40px;
}
.featured-block-one {
position: relative;
margin-bottom: 40px;
text-align: center;
}
.featured-block-one .inner-box {
box-shadow: 0px 0px 15px 0px rgba(72,73,121,0.15);
position: relative;
display: block;
padding: 0px 5px;
max-width: 480px;
margin: 0 auto;
background: #393838;
border-radius: 11px;
}
.featured-block-one .inner-box:hover {
box-shadow: 0px 20px 50px 0px rgba(153, 153, 153, 0.5);
transition: all 0.5s ease-in-out 0s;
}
.featured-block-one .image {
display: block;
margin-bottom: 10px;
}
.featured-block-one .image img {
display: inline-block;
max-width: 100%;
height: auto;
}
.tea-circle {
border-radius: 50%;
margin-top: 20px;
border: 1px solid #cdcaca;
padding: 6px;
}
.featured-block-one h3 {
font-size: 24px;
font-weight: 500;
color: #a48944;
line-height: 1.4em;
font-family: 'Roboto Slab',serif;
margin-bottom: 10px;
}
.featured-block-one .text {
font-size: 14px;
color: #ffffff;
line-height: 1.8em;
margin-bottom: 10px;
text-align: justify;
padding: 0px 27px;
}
.featured-block-one .read-more {
font-size: 14px;
display: inline-block;
color: #777777;
}
.featured-block-one .read-more:hover {
color: #5ec79c;
}
/***
====================================================================
Gallery Section Three
====================================================================
***/
.gallery-section-three {
position: relative;
padding: 120px 0px 90px;
}
/***
====================================================================
Call To Action Two
====================================================================
***/
.call-to-action-two {
position: relative;
background: url(../images/background/pattern-one.png) center center repeat;
background-attachment: fixed;
padding: 0px 0px;
}
.call-to-action-two:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background: rgba(244,236,222,0.95);
}
.call-to-action-two .auto-container {
position: relative;
z-index: 1;
}
.call-to-action-two .image-box {
position: relative;
text-align: center;
margin: -20px 0px -50px;
}
.call-to-action-two .image-box img {
display: inline-block;
max-width: 100%;
}
.call-to-action-two .left {
position: relative;
display: inline-block;
padding-top: 120px;
text-align: right;
}
.call-to-action-two .right {
position: relative;
display: inline-block;
padding-top: 120px;
text-align: left;
}
.call-to-action-two h2 {
font-size: 52px;
line-height: 1.2em;
}
.call-to-action-two h3 {
font-size: 28px;
line-height: 1.4em;
}
.call-to-action-two .left h2,
.call-to-action-two .right h3 {
color: #5ec79c;
}
.call-to-action-two .left h3,
.call-to-action-two .right h2 {
color: #f5b062;
}
/***
====================================================================
Featured Food Items
====================================================================
***/
.featured-food-items {
position: relative;
padding: 120px 0px 0px;
}
.featured-item-row {
position: relative;
}
.featured-item-row .featured-column {
position: relative;
margin-bottom: 120px;
}
.featured-item-row .featured-column.left-aligned {
float: left;
}
.featured-item-row .featured-column.right-aligned {
float: right;
}
.featured-item-row .featured-column .inner-box {
position: relative;
display: block;
padding: 60px 50px 50px;
background: url(../images/background/pattern-one.png) center center repeat;
background-attachment: fixed;
}
.featured-item-row .featured-column .inner-box:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background: rgba(94,199,156,0.95);
}
.featured-item-row .featured-column.green-theme .inner-box:before {
background: rgba(94,199,156,0.95);
}
.featured-item-row .featured-column.orange-theme .inner-box:before {
background: rgba(245,176,98,0.95);
}
.featured-item-row .featured-column .inner-box .content-box {
position: relative;
display: block;
padding: 70px 50px 180px;
border: 4px solid rgba(255,255,255,0.50);
border-top: none;
z-index: 0;
}
.featured-item-row .featured-column .inner-box .content-box:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 100px;
border-bottom: 4px solid rgba(255,255,255,0.50);
}
.featured-item-row .featured-column .inner-box .content-box:after {
content: '';
position: absolute;
right: 0px;
top: 0px;
width: 100px;
border-bottom: 4px solid rgba(255,255,255,0.50);
}
.featured-item-row .featured-column.green-theme .inner-box .content-box,
.featured-item-row .featured-column.green-theme .inner-box .content-box:before,
.featured-item-row .featured-column.green-theme .inner-box .content-box:after {
border-color: #7ce6bb;
}
.featured-item-row .featured-column.orange-theme .inner-box .content-box,
.featured-item-row .featured-column.orange-theme .inner-box .content-box:before,
.featured-item-row .featured-column.orange-theme .inner-box .content-box:after {
border-color: #fecb92;
}
.featured-item-row .featured-column .inner-box .content-box .upper-title {
position: absolute;
left: 0px;
top: -20px;
width: 100%;
line-height: 40px;
font-size: 24px;
font-weight: 700;
color: #ffffff;
text-align: center;
text-transform: capitalize;
}
.featured-item-row .featured-column .inner-box .content-box .text-content {
position: relative;
margin-left: 50px;
z-index: 10;
}
.featured-item-row .featured-column .inner-box .content-box .sub-title {
font-size: 16px;
color: #fefefe;
line-height: 1.4em;
font-weight: 700;
margin-bottom: 5px;
}
.featured-item-row .featured-column .inner-box .content-box h3 {
font-size: 42px;
color: #3b6151;
line-height: 1.4em;
margin-bottom: 10px;
}
.featured-item-row .featured-column .inner-box .content-box .theme-btn {
z-index: 5;
}
.featured-item-row .featured-column .bottom-image {
position: absolute;
left: -50px;
right: -50px;
bottom: -50px;
}
.featured-item-row .featured-column.left-aligned .bottom-image {
text-align: left;
}
.featured-item-row .featured-column.right-aligned .bottom-image {
text-align: right;
}
.featured-item-row .featured-column .bottom-image img {
position: relative;
max-width: 100%;
display: inline-block;
z-index: 1;
}
.featured-item-row .products {
padding-top: 75px;
}
.featured-item-row .products .default-food-item {
margin-bottom: 50px;
}
.no-padding-top {
padding-top: 0px;
}
/***
====================================================================
Page Title Style
====================================================================
***/
.page-title {
position: relative;
padding: 8px 0px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
text-align: center;
}
.page-title:before {
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
position: absolute;
background: rgba(27,26,27,0.70);
}
.page-title .auto-container {
position: relative;
z-index: 1;
}
.page-title h1 {
position: relative;
font-size: 46px;
font-weight: 700;
color: #ffffff;
line-height: 1.4em;
text-transform: capitalize;
font-family: 'Roboto Slab',serif;
}
/***
====================================================================
Styled Pagination
====================================================================
***/
.styled-pagination {
position: relative;
}
.gallery-page .styled-pagination {
padding-top: 50px;
}
.sidebar-page-container .styled-pagination {
padding-top: 20px;
}
.shop-section .styled-pagination {
padding-top: 40px;
}
.styled-pagination li {
position: relative;
display: inline-block;
margin: 0px 7px 7px 0px;
}
.styled-pagination li a {
position: relative;
display: block;
line-height: 20px;
padding: 10px 5px;
font-size: 14px;
text-transform: capitalize;
min-width: 42px;
border: 1px solid #e0e0e0;
background: none;
color: #333333;
font-weight: 500;
text-align: center;
border-radius: 21px;
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.next {
padding: 10px 40px;
letter-spacing: 1px;
}
.styled-pagination li a:hover,
.styled-pagination li a.active {
color: #5ec79c;
border-color: #5ec79c;
}
/***
====================================================================
Sidebar
====================================================================
***/
.sidebar-page-container {
position: relative;
padding: 120px 0px 90px;
}
.sidebar-page-container .content-side {
margin-bottom: 30px;
padding-right: 55px;
}
.sidebar-page-container .sidebar {
margin-left: -30px;
margin-bottom: 30px;
}
.sidebar-title {
position: relative;
margin-bottom: 20px;
}
.sidebar-title h3 {
position: relative;
font-size: 30px;
color: #333333;
font-weight: 400;
line-height: 1.4em;
text-transform: capitalize;
}
.sidebar .sidebar-widget {
position: relative;
margin-bottom: 50px;
}
.sidebar .search-box .form-group {
position: relative;
margin: 0px;
}
.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"] {
position: relative;
line-height: 26px;
padding: 10px 30px 10px 15px;
border: 1px solid #f0f0f0;
height: 48px;
font-size: 14px;
background: #ffffff;
color: #1a1a1a;
display: block;
width: 100%;
border-radius: 2px;
transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.sidebar .search-box .form-group input:focus {
border-color: #5ec79c;
}
.sidebar .search-box .form-group button {
position: absolute;
right: 0px;
top: 0px;
height: 48px;
width: 50px;
line-height: 48px;
text-align: center;
display: block;
font-size: 14px;
color: #eeeeee;
background: none;
border-radius: 0px 2px 2px 0px;
}
.sidebar .search-box .form-group input:focus + button,
.sidebar .search-box .form-group button:hover {
color: #5ec79c;
}
.sidebar .recent-posts .post {
position: relative;
min-height: 125px;
padding-left: 110px;
padding-bottom: 25px;
margin-bottom: 25px;
border-bottom: 1px solid #f0f0f0;
}
.sidebar .recent-posts .post:last-child {
margin-bottom: 0px;
border-bottom: none;
padding-bottom: 0px;
min-height: 100px;
}
.sidebar .recent-posts .post .post-thumb {
position: absolute;
left: 0px;
top: 0px;
width: 100px;
height: 100px;
}
.sidebar .recent-posts .post .post-thumb img {
display: block;
width: 100%;
}
.sidebar .recent-posts .post .post-thumb .overlay-link {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background: rgba(94,199,56,0.90);
color: #ffffff;
opacity: 0;
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 .recent-posts .post:hover .post-thumb .overlay-link {
opacity: 1;
}
.sidebar .recent-posts .post .post-thumb .overlay-link span {
position: absolute;
left: 50%;
top: 50%;
text-align: center;
width: 30px;
margin-left: -15px;
margin-top: -15px;
line-height: 30px;
font-size: 18px;
}
.sidebar .recent-posts .post .post-thumb img {
display: block;
width: 100%;
}
.sidebar .recent-posts .post .desc-text {
position: relative;
font-size: 14px;
color: #333333;
line-height: 1.4em;
padding: 10px 0px 5px 0;
}
.sidebar .recent-posts .post .desc-text a {
color: #333333;
}
.sidebar .recent-posts .post .time {
color: #f5b062;
font-size: 13px;
line-height: 24px;
}
.sidebar .popular-tags a {
position: relative;
display: inline-block;
line-height: 24px;
padding: 4px 15px;
margin: 0px 2px 5px 0px;
background: #f9f9f9;
color: #777777;
font-size: 12px;
font-weight: 400;
text-transform: capitalize;
text-align: center;
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: #5ec79c;
color: #ffffff;
}
.sidebar .list {
position: relative;
}
.sidebar .list li {
position: relative;
margin-bottom: 0px;
border-bottom: 1px solid #f0f0f0;
}
.sidebar .list li:last-child {
border: none;
}
.sidebar .list li a {
position: relative;
display: block;
color: #777777;
font-size: 14px;
font-weight: 400;
line-height: 24px;
padding: 14px 0px;
}
.sidebar .list li.current > a {
padding-left: 25px;
color: #5ec79c;
}
.sidebar .list li a:before {
content: "\f178";
font-family: 'FontAwesome';
position: absolute;
left: 0px;
line-height: 24px;
top: 15px;
font-size: 14px;
color: #5ec79c;
opacity: 0;
visibility: hidden;
}
.sidebar .list li.current > a:before {
opacity: 1;
visibility: visible;
}
.sidebar .list li a.pull-right {
color: #5ec79c;
font-size: 17px;
}
.sidebar .list li:last-child a {
padding-bottom: 0px;
}
.sidebar .list li a:hover {
color: #5ec79c;
}
.sidebar .list-three {
position: relative;
}
.sidebar .list-three li {
position: relative;
border-bottom: 1px solid #f0f0f0;
}
.sidebar .list-three li a {
position: relative;
display: block;
color: #9e9e9e;
font-size: 15px;
font-weight: 400;
line-height: 24px;
padding: 15px 0px 15px 25px;
}
.sidebar .list-three li:first-child a {
padding-top: 0px;
}
.sidebar .list-three li a:before {
font-family: 'FontAwesome';
content: '\f105';
position: absolute;
left: 0px;
top: 14px;
display: block;
font-size: 18px;
color: #5ec79c;
line-height: 24px;
}
.sidebar .list-three li:first-child a:before {
top: 0px;
}
.sidebar .list-three li a:hover {
color: #5ec79c;
}
.sidebar .text-widget {
position: relative;
color: #9e9e9e;
}
.sidebar .text-widget .text p {
margin-bottom: 15px;
}
.sidebar .text-widget .text p:last-child {
margin-bottom: 0px;
}
.post-details .sidebar-title {
margin-bottom: 40px;
}
.post-details .post-content p {
line-height: 1.8em;
margin-bottom: 20px;
}
.post-details .post-content blockquote {
position: relative;
padding: 15px 20px;
border-left: 5px solid #5ec79c;
font-family: 'Lato', sans-serif;
background: none;
font-size: 24px;
line-height: 1.3em;
color: #333333;
margin-bottom: 20px;
}
.post-details .two-col-images .row {
margin: 0px -5px;
}
.post-details .two-col-images .image-column {
padding: 0px 5px;
margin-bottom: 25px;
}
.post-details .two-col-images img {
display: block;
width: 100%;
}
/***
====================================================================
Comments Area
====================================================================
***/
.post-details .comments-area {
position: relative;
margin-bottom: 60px;
}
.post-details .comments-area .comment-box {
position: relative;
}
.post-details .comments-area .comment {
position: relative;
padding: 0px;
margin-bottom: 30px;
}
.post-details .comments-area .reply-comment {
margin-left: 100px;
}
.post-details .comments-area .comment .comment-inner {
position: relative;
padding-left: 130px;
}
.post-details .comments-area .comment .comment-content {
position: relative;
border-bottom: 1px solid #f0f0f0;
padding-bottom: 25px;
}
.post-details .comments-area .comment .author-thumb {
position: absolute;
left: 0px;
top: 0px;
width: 100px;
height: 100px;
}
.post-details .comments-area .comment .author-thumb img {
width: 100%;
display: block;
}
.post-details .comments-area .comment .comment-header {
position: relative;
font-size: 13px;
margin-bottom: 10px;
color: #777777;
}
.post-details .comments-area .comment .comment-header strong {
color: #4e4e4e;
font-size: 16px;
font-weight: 700;
padding-right: 30px;
}
.post-details .comments-area .comment .text {
line-height: 1.8em;
font-size: 14px;
color: #777777;
margin-bottom: 10px;
}
.post-details .comments-area .comment .reply-btn {
position: relative;
font-size: 14px;
color: #5ec79c;
text-transform: capitalize;
}
.post-details .comments-area .comment .reply-btn:hover {
color: #f5b062;
}
/***
====================================================================
Default Form Style
====================================================================
***/
.default-form {
position: relative;
}
.default-form .form-group {
position: relative;
margin-bottom: 20px;
}
.default-form .form-group .field-label {
display: block;
line-height: 24px;
text-transform: capitalize;
margin-bottom: 10px;
color: #777777;
font-weight: 400;
font-size: 14px;
}
.default-form .form-group .field-label sup {
color: #ff0000;
font-size: 14px;
}
.default-form input[type="text"],
.default-form input[type="email"],
.default-form input[type="password"],
.default-form select,
.default-form textarea {
display: block;
width: 100%;
line-height: 24px;
height: 48px;
font-size: 14px;
border: 1px solid #f0f0f0;
padding: 11px 20px;
background-color: #ffffff;
color: #010101;
border-radius: 0px;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.default-form select {
cursor: pointer;
-moz-appearance: none;
-webkit-appearance: none;
-ms-appearance: none;
-o-appearance: none;
background: #ffffff url(../images/icons/icon-select.png) right center no-repeat;
}
.default-form textarea {
height: 150px;
resize: none;
}
.default-form select option {
text-indent: 15px;
}
.default-form input:focus,
.default-form select:focus,
.default-form textarea:focus {
border-color: #ffbf00 !important;
}
.default-form input.error,
.default-form select.error,
.default-form textarea.error {
border-color: #ff0000 !important;
}
.default-form label.error {
display: block;
line-height: 24px;
padding: 5px 0px 0px;
margin: 0px;
text-transform: capitalize;
font-size: 11px;
color: #ff0000;
font-weight: 500;
}
.default-form .check-boxes {
position: relative;
}
.default-form .check-boxes .default-label {
position: relative;
display: inline-block;
line-height: 30px;
margin-right: 20px;
}
.default-form .check-boxes .checkbox {
position: relative;
display: inline-block;
margin-right: 20px;
line-height: 24px;
}
.default-form .check-boxes .checkbox label {
position: relative;
padding: 0px;
padding-left: 20px;
line-height: 24px;
font-weight: 400;
color: #999999;
cursor: pointer;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.default-form .check-boxes .checkbox label:before {
content: '';
position: absolute;
left: 0px;
top: 50%;
margin-top: -4px;
width: 8px;
height: 8px;
border: 1px solid #999999;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.default-form .check-boxes .checkbox input {
opacity: 0;
visibility: hidden;
}
.default-form .check-boxes .checkbox input:checked + label {
color: #010101;
}
.default-form .check-boxes .checkbox input:checked + label:before {
border-color: #010101;
background: #010101;
}
.post-details .comment-form .form-group {
margin-bottom: 20px;
}
.post-details .comment-form .btn-style-one {
display: block;
}
.post-details .comment-form .form-group input:focus,
.post-details .comment-form .form-group select:focus,
.post-details .comment-form .form-group textarea:focus {
border-color: #5ec79c !important;
}
/***
====================================================================
Contact Section
====================================================================
***/
.contact-section {
position: relative;
padding: 0 0 30px;
}
.contact-section .contact-form {
max-width: 650px;
margin: 0 auto;
}
.contact-section .contact-form .form-group {
margin-bottom: 15px;
}
.contact-section .contact-form .form-group textarea {
height: 140px;
}
.contact-section .contact-form button {
padding: 10px 25px;
border-radius: 25px;
margin-top: 20px;
}
/***
====================================================================
Info Section
====================================================================
***/
.info-section {
position: relative;
padding: 30px 0px 20px;
z-index: 5;
}
.info-section .info-column {
position: relative;
margin-bottom: 30px;
}
.info-section .info-column .column-header {
padding: 20px 20px;
text-align: center;
background: #333333;
color: #ffffff;
}
.info-section .info-column .column-header h3 {
line-height: 40px;
font-size: 30px;
}
.info-section .info-column .info-box {
box-shadow: 0px 0px 15px 0px rgba(72,73,121,0.15);
position: relative;
text-align: center;
display: table;
width: 100%;
height: 230px;
word-break: break-all;
padding: 45px 30px 20px;
background: #ffffff;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
transition: all 500ms ease;
}
.info-section .info-column .info-box:hover {
box-shadow: 0px 20px 50px 0px rgba(153, 153, 153, 0.5);
transition: all 0.5s ease-in-out 0s;
}
.info-section .info-column .info-box:hover {
border-color: #5ec79c;
}
.info-section .info-column .info-box .inner {
position: relative;
display: table-cell;
vertical-align: top;
}
.info-section .info-column .info-box .icon {
position: relative;
font-size: 36px;
line-height: 1.2em;
color: #333333;
margin-bottom: 15px;
}
.info-section .info-column .info-box h4 {
font-size: 14px;
font-weight: 700;
line-height: 1.4em;
font-family: 'Roboto Slab',serif;
color: #333333;
margin-bottom: 5px;
}
/***
====================================================================
Subscribe Section
====================================================================
***/
.subscribe-section {
position: relative;
color: #ffffff;
background: url(../images/background/pattern-one.png) center center repeat;
background-attachment: fixed;
padding: 36px 0px 20px;
}
.subscribe-section:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background: rgba(161, 124, 29, 0.91);
}
.subscribe-section .form-container {
position: relative;
max-width: 850px;
margin: 0 auto;
}
.subscribe-section .form-container h5 {
font-size: 14px;
line-height: 1.4em;
margin-bottom: 10px;
letter-spacing: 1px;
font-weight: 700;
text-transform: uppercase;
font-family: 'Roboto Slab',serif;
}
.newsletter h5 {
font-size: 14px;
line-height: 1.4em;
margin-bottom: 10px;
letter-spacing: 1px;
font-weight: 700;
text-transform: uppercase;
font-family: 'Roboto Slab',serif;
}
.newsletter h3 {
font-size: 32px;
line-height: 1.2em;
margin-bottom: 20px;
}
.subscribe-section .form-container h3 {
font-size: 32px;
line-height: 1.2em;
margin-bottom: 20px;
}
.subscribe-section .form-container .subscribe-form {
position: relative;
margin-bottom: 20px;
}
.subscribe-section .form-container .subscribe-form .form-group {
position: relative;
padding-right: 150px;
padding-top: 5px;
margin: 0px;
}
.subscribe-section .form-container .subscribe-form .form-group input {
position: relative;
display: block;
width: 100%;
font-size: 14px;
height: 50px;
line-height: 24px;
color: #ffffff;
background: none;
border-bottom: 2px solid rgba(255,255,255,0.50);
padding: 12px 12px;
margin: 0px;
}
.subscribe-section .form-container .subscribe-form ::-webkit-input-placeholder {
color: #ffffff;
}
.subscribe-section .form-container .subscribe-form ::-moz-placeholder {
color: #ffffff;
}
.subscribe-section .form-container .subscribe-form :-ms-input-placeholder {
color: #ffffff;
}
.subscribe-section .form-container .subscribe-form input:-moz-placeholder {
color: #ffffff;
}
.subscribe-section .form-container .subscribe-form .form-group button {
position: absolute;
right: 0px;
top: 23px;
text-align: center;
}
/***
====================================================================
Shop Section
====================================================================
***/
.shop-section {
position: relative;
padding: 120px 0px 90px;
}
.shop-section .sec-title .desc-text {
max-width: 650px;
}
.default-shop-item {
position: relative;
margin-bottom: 30px;
}
.default-shop-item .inner-box {
position: relative;
text-align: center;
display: block;
border: 1px solid #f0f0f0;
transition: all 500ms ease;
}
.default-shop-item .inner-box:hover {
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.10);
}
.default-shop-item .image-box {
position: relative;
overflow: hidden;
}
.default-shop-item .image-box img {
display: block;
width: 100%;
}
.default-shop-item .inner-box .prod-options {
position: absolute;
width: 100%;
left: 0px;
bottom: 0px;
padding: 25px 20px;
transition: all 500ms ease;
}
.default-shop-item .inner-box:hover .prod-options {
left: 0px;
}
.default-shop-item .inner-box .prod-options .option-btn {
position: relative;
display: inline-block;
width: 50px;
height: 46px;
font-size: 16px;
line-height: 46px;
text-align: center;
color: #333333;
background: #e4e4e4;
margin: 0px 2px 10px;
border-radius: 0px;
transition: all 300ms ease;
}
.default-shop-item .inner-box .prod-options .option-btn:hover {
background: #f5b062;
}
.default-shop-item .inner-box .add-cart-btn {
line-height: 24px;
padding: 12px 28px;
text-align: center;
font-size: 13px;
text-transform: uppercase;
font-weight: 700;
background: #333333;
color: #ffffff;
display: inline-block;
}
.default-shop-item .inner-box .add-cart-btn .fa {
padding-left: 7px;
font-weight: normal;
}
.default-shop-item .inner-box .add-cart-btn:hover {
background: #f5b062;
color: #333333;
}
.default-shop-item .overlay-box {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background: rgba(255,255,255,0.80);
visibility: hidden;
opacity: 0;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.default-shop-item:hover .overlay-box {
opacity: 1;
visibility: visible;
}
.default-shop-item .lower-content {
position: relative;
padding: 20px 20px 30px;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.default-shop-item:hover .lower-content {
opacity: 0;
visibility: hidden;
}
.default-shop-item .lower-content h3 {
font-size: 18px;
color: #333333;
font-family: 'Roboto Slab',serif;
margin-bottom: 10px;
}
.default-shop-item .lower-content h3 a {
color: #333333;
}
.default-shop-item .lower-content h3 a:hover {
color: #f5b062;
}
.default-shop-item .lower-content .price {
font-weight: 700;
font-size: 16px;
}
.shop-section .items-sorting {
position: relative;
margin-bottom: 30px;
}
.shop-section .items-sorting .results-column,
.shop-section .items-sorting .select-column {
margin-bottom: 10px;
}
.shop-section .items-sorting .results-column .text {
font-size: 14px;
font-weight: 600;
color: #777777;
line-height: 24px;
padding: 10px 0px;
}
.shop-section .items-sorting .form-group {
margin-bottom: 0px;
}
.shop-section .items-sorting select {
position: relative;
display: block;
width: 100%;
line-height: 24px;
padding: 9px 15px 9px;
height: 44px;
font-size: 14px;
border: 1px solid #f0f0f0;
cursor: pointer;
-moz-appearance: none;
-webkit-appearance: none;
-ms-appearance: none;
-o-appearance: none;
background: url(../images/icons/icon-select.png) right center no-repeat;
color: #999999;
transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
}
.shop-section .items-sorting select option {
text-indent: 15px;
}
.shop-section .items-sorting select:focus {
border-color: #5ec79c;
}
/***
====================================================================
Products Details style
====================================================================
***/
.shop-single {
position: relative;
}
.shop-single .product-details {
position: relative;
padding: 50px 0px 0px;
}
.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 {
border: 1px solid #e0e0e0;
background: #ffffff;
}
.product-details .info-column {
position: relative;
}
.product-details .image-column .image-box img {
position: relative;
display: block;
width: 100%;
}
.product-details .basic-details .details-header {
position: relative;
padding-bottom: 20px;
}
.product-details .basic-details .details-header h4 {
font-size: 20px;
font-weight: 700;
margin: 0px 0px;
font-family: 'Roboto Slab',serif;
line-height: 1.4em;
color: #333333;
margin-bottom: 15px;
}
.product-details .basic-details .details-header h4 a {
color: #333333;
}
.product-details .basic-details .details-header .rating {
font-size: 13px;
color: #f5b062;
margin-bottom: 4px;
}
.product-details .basic-details .details-header .rating .fa {
display: inline-block;
margin-right: 2px;
}
.product-details .basic-details .details-header .rating .txt {
font-size: 13px;
padding-left: 15px;
font-weight: 700;
color: #333333;
text-transform: capitalize;
}
.product-details .basic-details .details-header .item-price {
font-size: 20px;
font-weight: 400;
color: #f5b062;
line-height: 30px;
letter-spacing: 1px;
}
.product-details .basic-details .details-header .item-price .old-price {
font-size: 18px;
color: #cccccc;
text-decoration: line-through;
padding-right: 10px;
line-height: 30px;
}
.product-details .basic-details .text {
margin-bottom: 25px;
font-size: 14px;
line-height: 1.9em;
padding: 25px 0px;
border-bottom: 1px solid #f0f0f0;
border-top: 1px solid #f0f0f0;
}
.product-details .basic-details .text p {
margin-bottom: 15px;
}
.product-details .basic-details .item-categories {
margin: 0px;
font-size: 14px;
}
.product-details .basic-details .item-categories a {
position: relative;
color: #f5b062;
text-transform: capitalize;
}
.product-details .basic-details .availablity {
position: relative;
line-height: 1.9em;
margin-bottom: 25px;
font-size: 14px;
font-weight: 400;
color: #333333;
}
.product-details .basic-details .availablity strong {
font-size: 14px;
letter-spacing: 2px;
color: #f5b062;
font-weight: 600;
text-transform: uppercase;
}
.quantity-spinner {
position: relative;
display: block;
width: 150px;
}
.product-details .quantity-spinner {
margin-bottom: 25px;
float: left;
margin-right: 20px;
}
.quantity-spinner input {
position: relative;
display: block;
width: 45px;
line-height: 24px;
padding: 9px 10px;
margin: 0px 53px;
font-weight: 500;
font-size: 13px;
height: 42px;
border: 1px solid #e0e0e0;
text-align: center;
border-radius: 2px;
}
.quantity-spinner .minus {
position: absolute;
left: 0px;
top: 0px;
width: 45px;
height: 42px;
line-height: 22px;
padding: 10px 10px;
text-align: center;
background: #ffffff;
font-weight: 400;
color: #555555;
font-size: 14px;
border: 1px solid #e0e0e0;
z-index: 1;
}
.quantity-spinner .plus {
position: absolute;
right: 0px;
top: 0px;
width: 45px;
height: 42px;
line-height: 22px;
padding: 10px 10px;
text-align: center;
font-weight: 400;
background: #ffffff;
color: #555555;
font-size: 14px;
border: 1px solid #e0e0e0;
z-index: 1;
}
.product-details .basic-details .item-quantity .field-label {
float: left;
font-weight: 700;
font-size: 14px;
line-height: 32px;
display: inline-block;
padding-right: 20px;
}
.product-details .basic-details .theme-btn {
padding: 8px 30px;
border-radius: 2px;
margin-right: 15px;
margin-bottom: 20px;
}
.product-details .basic-details .theme-btn .icon {
font-size: 14px;
padding-left: 5px;
font-weight: normal;
}
/***
====================================================================
Product Tabs Style
====================================================================
***/
.product-info-tabs {
position: relative;
margin-bottom: 30px;
}
.prod-tabs {
position: relative;
}
.prod-tabs .tab-btns {
position: relative;
top: 1px;
z-index: 1;
}
.prod-tabs .tab-btns .tab-btn {
position: relative;
display: block;
font-size: 14px;
color: #333333;
text-transform: capitalize;
font-weight: 500;
padding: 10px 60px 10px 40px;
line-height: 24px;
border: 1px solid #f0f0f0;
margin-bottom: 10px;
background: none;
cursor: pointer;
}
.prod-tabs .tab-btns .tab-btn:after {
font-family: 'FontAwesome';
content: "\f105";
position: absolute;
right: 20px;
top: 50%;
margin-top: -11px;
width: 10px;
height: 24px;
display: block;
line-height: 24px;
font-size: 14px;
font-weight: normal;
}
.prod-tabs .tab-btns .tab-btn.active-btn {
color: #f5b062;
border-color: #f5b062;
}
.prod-tabs .tabs-container {
position: relative;
border: 1px solid #f0f0f0;
}
.prod-tabs .tabs-container .tab {
position: relative;
padding: 30px 30px;
display: none;
font-size: 14px;
}
.prod-tabs .tabs-container .tab.active-tab {
display: block;
}
.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;
font-family: 'Roboto Slab',serif;
}
.prod-tabs .tabs-container .tab .content p {
font-size: 13px;
}
.prod-tabs .tabs-container .tab h3 {
font-size: 18px;
font-weight: 400;
text-transform: capitalize;
color: #333333;
margin-bottom: 15px;
}
.prod-tabs .tabs-container .tab h4 {
font-size: 14px;
font-weight: 400;
text-transform: capitalize;
color: #333333;
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;
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: #ff9c01;
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: 13px;
}
.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: #f5b062;
}
.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;
}
/***
====================================================================
Related Products
====================================================================
***/
.related-products {
position: relative;
padding: 0px 0px 80px;
}
/***
====================================================================
Cart Section style
====================================================================
***/
.cart-section {
position: relative;
padding: 120px 0px;
}
.cart-outer {
position: relative;
}
.checkout-page .cart-outer {
margin-bottom: 40px;
}
.cart-outer .table-outer {
position: relative;
width: 100%;
overflow-x: auto;
}
.cart-outer .cart-table {
width: 100%;
min-width: 900px;
}
.cart-table .cart-header {
position: relative;
width: 100%;
text-transform: uppercase;
font-size: 13px;
background: #f4f5f6;
color: #1c1c1c;
}
.cart-table thead tr th {
line-height: 24px;
padding: 13px 30px;
font-weight: 600;
}
.cart-table thead tr th .fa {
font-size: 18px;
}
.cart-table thead tr th.prod-column {
text-align: left;
}
.cart-table tbody tr td {
line-height: 24px;
padding: 30px 30px;
}
.cart-table tbody tr .qty {
width: 200px;
padding-right: 80px;
}
.cart-table tbody tr .prod-column .column-box {
position: relative;
min-height: 140px;
padding-left: 120px;
padding-top: 30px;
text-align: left;
}
.cart-table tbody tr .prod-column .column-box .prod-thumb {
position: absolute;
width: 100px;
height: 140px;
border: 1px solid #f0f0f0;
left: 0px;
top: 0px;
}
.cart-table tbody tr .prod-column .column-box .prod-thumb img {
display: block;
max-width: 100%;
}
.cart-table tbody tr .prod-column .column-box .prod-title {
font-size: 16px;
color: #333333;
font-weight: 400;
margin-bottom: 5px;
}
.cart-table tbody tr .prod-column .author {
font-size: 13px;
color: #333333;
margin-bottom: 0px;
}
.cart-table tbody tr .prod-column .rating {
font-size: 13px;
color: #ff9c01;
}
.cart-table tbody tr .prod-column .rating .fa {
display: inline-block;
margin-right: 2px;
}
.cart-table tbody tr .sub-total {
font-weight: 500;
color: #1c1c1c;
}
.cart-table tbody tr .remove-btn {
position: relative;
font-size: 14px;
color: #1c1c1c;
line-height: 30px;
font-weight: 500;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
transition: all 500ms ease;
}
.cart-table tbody tr .remove-btn .fa {
position: relative;
font-size: 14px;
line-height: 30px;
}
.cart-table tbody tr .remove-btn:hover {
color: #ec1c33;
}
.cart-table tbody tr {
border-bottom: 1px solid #e9e9e9;
}
.cart-table tbody tr td {
vertical-align: middle;
color: #1c1c1c;
font-weight: 500;
}
.cart-table tbody .available-info {
position: relative;
padding-left: 50px;
}
.cart-table tbody .available-info .icon {
position: absolute;
left: 0px;
top: 5px;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 18px;
color: #ffffff;
background: #223555;
border-radius: 50%;
}
.cart-section .cart-options {
position: relative;
padding: 40px 0px 25px;
margin-bottom: 50px;
border-bottom: 1px solid #e0e0e0;
}
.cart-section .apply-coupon {
position: relative;
}
.cart-section .apply-coupon .form-group {
position: relative;
float: left;
margin-right: 10px;
}
.cart-section .apply-coupon .form-group input[type="text"] {
display: block;
line-height: 24px;
padding: 9px 10px;
border: 1px solid #e0e0e0;
border-radius: 3px;
width: 230px;
background: none;
}
.cart-section .theme-btn {
padding: 8px 25px;
border-radius: 2px;
}
.cart-section h3 {
font-size: 15px;
font-weight: 700;
color: #333333;
font-family: 'Roboto Slab',serif;
text-transform: capitalize;
margin-bottom: 15px;
}
.cart-section .totals-table {
position: relative;
margin-bottom: 20px;
font-size: 14px;
border: 1px solid #f0f0f0;
border-radius: 2px;
}
.cart-section .totals-table li {
line-height: 24px;
padding: 12px 15px;
border-bottom: 1px solid #f0f0f0;
}
.cart-section .totals-table li:last-child {
border-bottom: none;
margin-bottom: 0px;
}
.cart-section .totals-table .col {
position: relative;
display: block;
float: left;
line-height: 24px;
width: 50%;
text-transform: capitalize;
}
.cart-section .totals-table li .col:last-child {
text-align: right;
}
.cart-section .totals-table .total {
color: #111111;
font-weight: 700;
}
.cart-section .proceed-btn {
display: block;
width: 100%;
}
/***
====================================================================
Checkout Style
====================================================================
***/
.checkout-page {
position: relative;
padding: 120px 0px 80px;
}
.checkout-page .default-links {
position: relative;
margin-bottom: 30px;
}
.checkout-page .default-links li {
margin-bottom: 15px;
line-height: 24px;
padding: 15px 20px;
background: #f9f9f9;
color: #777777;
font-size: 13px;
border-top: 1px solid #f5b062;
}
.checkout-page .default-links li a {
color: #f5b062;
}
.checkout-page .billing-details {
position: relative;
margin-bottom: 20px;
}
.checkout-page .check-box {
line-height: 24px;
font-size: 14px;
font-weight: normal;
padding-top: 5px;
}
.checkout-page .check-box label {
position: relative;
top: -1px;
font-weight: normal;
padding: 0px;
font-size: 13px;
cursor: pointer;
}
.checkout-page .place-order {
position: relative;
padding: 0px;
}
.checkout-page .payment-options {
position: relative;
margin-bottom: 30px;
}
.checkout-page .payment-options li {
position: relative;
margin-bottom: 15px;
}
.checkout-page .payment-options li .radio-option {
position: relative;
padding-left: 30px;
}
.checkout-page .payment-options li .radio-option label {
position: relative;
display: inline-block;
font-weight: 500 !important;
text-transform: capitalize;
letter-spacing: 1px;
color: #777777;
font-size: 14px;
cursor: pointer;
}
.checkout-page .payment-options li .radio-option label strong {
font-weight: 400;
}
.checkout-page .payment-options li .radio-option input[type="radio"] {
position: absolute;
left: 0px;
top: 3px;
}
.checkout-page .payment-options li .radio-option label .small-text {
position: relative;
margin-top: 15px;
margin-left: -30px;
padding: 10px 15px;
letter-spacing: 0px;
text-transform: none;
font-weight: normal;
font-size: 12px;
color: #777777;
line-height: 24px;
background: #f4f5f6;
display: none;
}
.checkout-page .payment-options li .radio-option input[type="radio"]:checked + label .small-text {
display: block;
}
.checkout-page .payment-options li .radio-option label .small-text:before {
content: '';
position: absolute;
left: 40px;
top: -15px;
border: 8px solid transparent;
border-bottom: 8px solid #f4f5f6;
}
.checkout-page .payment-options li .radio-option label img {
position: relative;
margin-top: -5px;
display: inline-block;
max-width: 100%;
padding-left: 30px;
}
.checkout-page .place-order .theme-btn {
padding: 8px 30px;
}
.default-title {
position: relative;
margin-bottom: 40px;
}
.default-title h2 {
font-size: 20px;
font-weight: 400;
color: #333333;
text-transform: capitalize;
font-family: 'Roboto Slab',serif;
}
.shop-form {
position: relative;
}
.shop-form .form-group {
position: relative;
margin-bottom: 20px;
}
.billing-details .shop-form .form-group {
margin-bottom: 20px;
}
.shop-form .form-group .field-label {
display: block;
line-height: 24px;
font-size: 14px;
margin-bottom: 10px;
text-transform: capitalize;
color: #5a5a5a;
}
.shop-form .form-group .field-label sup {
color: #ff0000;
}
.shop-form input[type="text"],
.shop-form input[type="email"],
.shop-form input[type="password"],
.shop-form input[type="tel"],
.shop-form input[type="number"],
.shop-form input[type="url"],
.shop-form select,
.shop-form textarea {
position: relative;
display: block;
width: 100%;
background: #ffffff;
line-height: 25px;
padding: 3px 9px;
height: 36px;
font-size: 14px;
border: 1px solid #f0f0f0;
border-radius: 2px;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.shop-form select {
-webkit-appearance: none;
-ms-appearance: none;
-moz-appearance: none;
-o-appearance: none;
background: #ffffff url(../images/icons/icon-select.png) right center no-repeat;
cursor: pointer;
}
.shop-form select option {
text-indent: 15px;
}
.shop-form textarea {
resize: none;
height: 150px;
}
.shop-form input:focus,
.shop-form select:focus,
.shop-form textarea:focus {
border-color: #f5b062;
}
.checkout-page .your-order {
position: relative;
margin-bottom: 40px;
}
.checkout-page .orders-table {
position: relative;
margin-bottom: 30px;
display: table;
width: 100%;
vertical-align: middle;
}
.checkout-page .orders-table li {
display: table-row;
line-height: 24px;
font-size: 14px;
padding: 12px 15px;
}
.checkout-page .orders-table li img {
display: inline-block;
margin-right: 10px;
}
.checkout-page .orders-table .table-header,
.checkout-page .orders-table .total {
background: #f9f9f9;
}
.checkout-page .orders-table li:last-child {
margin-bottom: 0px;
border-bottom: 1px solid #e0e0e0;
}
.checkout-page .orders-table .col {
position: relative;
display: table-cell;
vertical-align: middle;
line-height: 24px;
padding: 15px 15px;
width: 50%;
font-weight: 500;
text-transform: capitalize;
}
.checkout-page .orders-table .table-header .col,
.checkout-page .orders-table .total .col {
padding: 10px 15px;
font-size: 13px;
border: none;
}
.checkout-page .orders-table li .col:last-child {
text-align: right;
}
.checkout-page .orders-table .total {
color: #333333;
}
.checkout-page .proceed-btn {
display: block;
width: 100%;
}
.your-order .coupon-code .form-group {
position: relative;
margin-bottom: 0px !important;
display: table;
width: 100%;
}
.your-order .coupon-code .form-group .field-group {
display: table-cell;
vertical-align: middle;
}
.your-order .coupon-code .form-group .btn-field {
padding-left: 15px;
}
.your-order .coupon-code .form-group input {
display: block;
width: 100%;
line-height: 24px;
padding: 10px 15px;
border: 1px solid #e0e0e0;
border-radius: 3px;
}
.your-order .coupon-code .form-group button {
display: block;
width: 100%;
}
.brs-icon {
font-size: 23px;
}
.pb-25 {
padding-bottom: 25px;
}
.m-0 {
margin: 0;
}
.form-control:focus {
border-color: #b68f27;
}
#side-social {
z-index: 999999;
}
#side-social .social-nav {
padding: 0;
list-style: none;
display: inline-block;
margin: 10px auto;
}
#side-social .social-nav li {
display: inline-block;
}
#side-social .social-nav a {
display: inline-block;
float: right;
width: 48px;
height: 48px;
font-size: 20px;
color: #FFF;
text-decoration: none;
cursor: pointer;
text-align: center;
line-height: 48px;
background: #000;
position: relative;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-webkit-transition: 0.5s;
transition: 0.5s;
}
#side-social .model-0 {
position: fixed;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-webkit-transition: 0.5s;
transition: 0.5s;
right: 0;
top: 40%;
z-index: 9999999;
}
#side-social .model-0 li {
float: none;
display: block;
}
#side-social .model-0 a:hover {
padding-right: 20px;
width: 65px;
}
#side-social .model-0 .twitter {
background: #00ACED;
}
#side-social .model-0 .facebook {
background: #3B579D;
border-top-left-radius: 5px;
}
#side-social .model-0 .google-plus {
background: #d10869;
}
#side-social .model-0 .linkedin {
background: #df2016;
border-bottom-left-radius: 5px;
}
#side-social .model-0 .pinterest {
background: #CB2026;
}
.footer-style-one .footer-upper .links-widget li a {
padding-left: 20px;
}
.footer-style-one .footer-upper .links-widget li a:before {
content: "\f105";
position: absolute;
left: 0;
top: 6px;
line-height: 15px;
font-size: 16px;
font-family: FontAwesome;
}
.pt-20 {
padding-top: 20px;
}
.box-shadow-15 {
box-shadow: 0px 0px 15px 0px rgba(72,73,121,0.15);
}
.m-width {
max-width: none !important;
}
.main-menu .navigation > li > a > img {
/*width: 30%;*/
}
.main-menu .navigation > li > a > .dried {
width: 16% !important;
}
.tab-content {
border: 1px solid #ddd;
border-top: 0px;
padding: 14px;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
.mr-20 {
margin-right: 20px;
}
.main-menu .navigation > li:hover > a > i {
color: #000;
}
.main-menu .navigation > li.current > a > i {
color: #000;
}
.raaz .sec-title-one {
margin-bottom: 50px;
}
.pt-50 {
padding-top: 50px;
}
.no-padding {
padding: 0;
}
#packge .product-details .basic-details .theme-btn {
margin-right: 0;
margin-bottom: 0;
}
.product-details .basic-details .theme-btn {
padding: 0px 25px 0 15px !important;
}
.product-details .basic-details .theme-btn {
margin: 0;
}
.mr-0 {
margin: 0;
}
.nutritional_table {
font-size: 12px;
}
.rice_img_pt {
padding-top: 95px;
}
@media only screen and (max-width: 768px) {
.nutritional_table {
font-size: 9px;
}
rice_img_pt {
padding-top: 30px;
}
}
.pt_10 {
padding-top: 10px;
}
.pb-25 {
padding-bottom: 25px !important;
}
.truncate-text {
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.justify {
text-align: justify;
}
.C-44 {
position: relative;
font-size: 18px;
line-height: 1.4em;
padding: 0px 0px 4px;
font-family: 'Roboto Slab',serif;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
color: #333333;
}
.C-44::after {
content: '';
position: absolute;
left: 0px;
bottom: 0px;
width: 30px;
border-bottom: 1px solid #b68f26;
}
.S-77 {
font-size: 14px;
line-height: 1.9em;
padding: 25px 0px;
}
.m-top {
margin-top: 40px;
}
.m-level {
line-height: 25px;
padding: 3px 9px;
height: 36px;
font-size: 14px;
border: 1px solid #f0f0f0;
border-radius: 2px;
}