@charset "UTF-8";
/* !HTML5 elements
---------------------------------------------------------- */
header, footer, nav, section, aside, article
{ display: block;}
/* !Reseting
---------------------------------------------------------- */
input, textarea
{ margin: 0; font-size: 100%;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img
{ vertical-align: top; max-width: 100%;}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal;}
q:after, q:before
{ content:'';}
a, input
{ /* outline: none; */ }
abbr, acronym
{ border: 0;}
/* !Custom Scroll Bar
---------------------------------------------------------- */
/* width */
::-webkit-scrollbar {
width: 10px;
}
/* Track */
::-webkit-scrollbar-track {
background: #f1f1f1;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #888;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #555;
}
/* !Clearfix
---------------------------------------------------------- */
.clearfix {
display: block;
min-height: 1%;
}
.clearfix:after {
clear: both;
content:".";
display: block;
height: 0;
visibility: hidden;
}
* html .clearfix {
height: 1%;
/*\*//*/
height: auto;
overflow: hidden;
/**/
}
canvas{
display:block;
vertical-align:bottom;
}
/* !For Flex Box
---------------------------------------------------------- */
*{
min-height: 0;
min-width: 0;
}
/* !For Select Icon Remove
---------------------------------------------------------- */
select {
appearance:none;
-webkit-appearance:none; /* chrome and safari */
-moz-appearance:none; /* Mozilla */
-ms-appearance:none; /* Internet explorer */
}
select:focus {
outline: 0;
}
/* !Layout
---------------------------------------------------------- */
html { overflow-y: scroll;}
body {
font-size: 16px;
line-height: 1.5;
color: #000;
}
@media print {
html,
html body { *zoom: 0.65;}
}
/* !Base Fonts -------------------------------------------------------------- */
a {
color: #000;
text-decoration: none;
-o-transition: all 0.5s ;
transition: all 0.5s ;
-moz-transition: all 0.5s ; /* Firefox */
-webkit-transition: all 0.5s ; /* Chrome&Safari */
}
a:hover {
-o-transition: all 0.5s !important;
transition: all 0.5s !important;
-moz-transition: all 0.5s !important; /* Firefox */
-webkit-transition: all 0.5s !important; /* Chrome&Safari */
}
.op img,
.op input {
-webkit-transition: opacity 0.5s ease-out;
-o-transition: opacity 0.5s ease-out;
transition: opacity 0.5s ease-out;
}
.op:hover img,
.op:hover input {
opacity: .7;
-webkit-opacity: .7;
-moz-opacity: .7;
filter: alpha(opacity=70); /* IE lt 8 */
-ms-filter: "alpha(opacity=70)"; /* IE 8 */
-webkit-transition: opacity 0.5s ease-out;
-o-transition: opacity 0.5s ease-out;
transition: opacity 0.5s ease-out;
}
/*slick slider Start*/
/*.slider {
width: 50%;
margin: 100px auto;
}
.slick-slide {
margin: 0px 20px;
}
.slick-slide img {
width: 100%;
}
.slick-prev:before,
.slick-next:before {
color: black;
}
.slick-slide {
transition: all ease-in-out .3s;
opacity: .2;
}
.slick-active {
opacity: .5;
}
.slick-current {
opacity: 1;
}*/
/*slick slider end*/
.visiblePC {
display: block;
}
.visibleTS {
display: none;
}
@media screen and (max-width: 991px) {
.visibleTS {
display: block;
}
.visibleTS.search-input-box{
display: flex;
}
.visiblePC {
display: none;
}
br{
display: none;
}
}
@media screen and (max-width: 1199px) {
#wrapper .container{
width:100%;
max-width: 100%;
}
}
/*@font-face {
font-family: 'GothamRounded-Bold';
src: url('../fonts/gotham-rounded/GothamRounded-Bold.otf');
}
@font-face {
font-family: 'GothamRounded-Light';
src: url('../fonts/gotham-rounded/GothamRounded-Light.otf');
}
@font-face {
font-family: 'GothamRounded-Medium';
src: url('../fonts/gotham-rounded/GothamRounded-Medium.otf');
}
@font-face {
font-family: 'Gotham-Rounded';
src: url('../fonts/gotham-rounded/GothamRounded-Book.otf');
}*/
/* !wrapper
---------------------------------------------------------- */
/*#wrapper {
min-width:320px;
font-family: 'Gotham-Rounded';
}*/
#wrapper p,
#wrapper h1,
#wrapper h2,
#wrapper h3,
#wrapper h4,
#wrapper h5,
#wrapper h6,
#wrapper ul{
margin:0;
}
#wrapper ul,#wrapper p{
padding:0;
}
/* !header
---------------------------------------------------------- */
.p-conatiner{
padding-left:60px ;
padding-right:60px ;
}
.top-bar {
background: #e2bbac;
text-align: center;
overflow: hidden;
position: relative;
padding: 6px 0;
height: 38px;
}
.inner-marque{
width: 200%;
position: absolute;
overflow: hidden;
animation: marquee 14s linear infinite;
}
.top-bar a{
display: inline-block;
color: #000;
font-weight: bold;
}
.top-bar a:hover{
color: #fff;
}
@keyframes marquee {
0% { left: 0; }
100% { left: -110%; }
}
header {
position: relative;
z-index: 999999;
}
#headerIn {
position: relative;
transition: all 0.3s ease-in-out;
}
.free-deli p{
font-size: 15px;
}
.free-deli p a {
display: inline-block;
color: #000;
font-weight: 600;
text-decoration: underline;
}
.free-deli p a:hover{
color: #e4c12a;
}
.header-transparent .free-deli p,
.header-transparent .free-deli p a{
color: #fff;
}
#headerLogo {
text-align: center;
}
#headerLogo a{
text-decoration: none;
display: block;
}
#headerLogo img {
height: 130px;
opacity: 1 !important;
}
#headerLogo p,
.logo-text {
font-size: 25px;
color: #e4c12a;
font-weight: 600;
text-transform: uppercase;
margin: 6px 0 0;
}
.logo-text img{
width: 244px;
}
.fixed .logo-text {
color: #fff;
}
.headerLinks {
text-align: right;
}
.headerLinks ul li {
display: inline-block;
margin-left: 12px;
}
.headerLinks ul li:first-child{
margin-left: 0;
}
.headerLinks ul li a {
display: block;
color: #000;
vertical-align: middle;
font-size: 16px;
font-weight: 600;
margin-bottom: 5px;
}
.header-transparent .headerLinks ul li a {
color: #fff;
}
.headerLinks ul li a:hover,
.header-transparent .headerLinks ul li a:hover{
color: #000;
}
.text-capit{
text-transform: capitalize;
}
.headerLinks ul li img {
height: 20px;
}
.header-transparent{
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 999;
}
.header-transparent .top-bar {
background: rgba(226, 187, 172, 0.7);
}
@media screen and (max-width: 1200px){
.free-deli p {
font-size: 14px;
}
#headerLogo p {
font-size: 16px;
margin: 8px 0 0;
}
.headerLinks ul li {
margin-left: 12px;
}
}
@media screen and (max-width: 991px){
#headerIn{
box-shadow: 0 0 8px 2px #d0bcbc;
}
.fixed #headerIn{
position: fixed;
top: 0;
left: 0;
z-index: 99999;
background: #fff;
padding: 0px 20px;
width: 100%;
}
.fixed #headerLogo p {
font-size: 12px;
margin: 4px 0 0;
}
.free-deli,
.headerLinks{
display: none;
}
#headerLogo {
text-align: center;
margin-left: 0px !important;
}
.for-mobile-view{
display: block !important;
}
#headerLogo a {
display: inline-block;
text-align: center;
}
#wrapper p.navbarToggle {
text-align: right;
padding: 8px 15px 0;
}
#wrapper p.navbarToggle i {
font-size: 32px;
color: #e4c12a;
cursor: pointer;
}
#wrapper p.navbarToggle a img {
width: 38px;
margin-right: 10px;
margin-top: -4px;
}
.p-conatiner {
padding-left: 20px;
padding-right: 20px;
}
#wrapper p.navbarToggle img{
width: 40px;
}
}
@media screen and (max-width: 767px){
.p-conatiner {
padding-left: 15px;
padding-right: 15px;
}
#headerLogo img {
height: 75px;
}
#headerLogo p {
font-size: 14px;
font-weight: 600;
}
#wrapper p.navbarToggle i {
font-size: 28px;
}
#wrapper p.navbarToggle a img {
width: 34px;
}
.inner-marque{
animation: marquee 8s linear infinite;
}
#wrapper p.navbarToggle img{
width: 35px;
}
@keyframes marquee {
0% { left: 0; }
100% { left: -135%; }
}
#headerLogo {
text-align: center;
margin-left: 16.66666667%;
}
}
@media screen and (max-width: 576px){
#headerIn{
padding-left: 0;
}
#headerLogo img {
height: 55px;
}
#wrapper p.navbarToggle img {
width: 28px;
}
}
/* !gNavi
---------------------------------------------------------- */
.navi {
box-shadow: 0 0 5px 1px #ecdfdf;
position: relative;
}
.header-transparent .navi, .header-transparent #headerIn {
border-bottom: 0;
padding: 10px 0 !important;
}
.fixed{ /*add fixed class on body */
overflow: hidden;
}
.fixed .navi {
position: fixed;
top: 0;
left: 0;
z-index: 99999;
width: 100%;
background: #DA3832;
}
.fixed .navi #gNavi li a {
color: #fff !important;
}
#gNavi {
text-align: center;
padding: 10px 0;
}
#gNavi li {
display: inline-block;
vertical-align: middle;
margin:0 42px;
position: relative;
}
#gNavi li a {
display: block;
text-decoration: none;
font-size: 16px;
line-height: 1.5;
color: #000;
padding: 8px 0px;
font-weight: 700;
text-transform: uppercase;
position: relative;
}
#gNavi li a:after {
position: absolute;
content: "";
left: 0;
top: 0;
width: 0;
height: 2px;
z-index: 999;
background: #000;
transition: all 0.5s ease;
}
#gNavi li a:before {
position: absolute;
content: "";
right: 0;
bottom: 0;
width: 0;
height: 2px;
z-index: 999;
background: #000;
transition: all 0.3s ease;
}
#gNavi li a:hover:before ,
#gNavi li a:hover:after,
#gNavi li.active a:after,
#gNavi li.active a:before {
width: 60%;
}
.header-transparent #gNavi li a {
color: #fff;
font-weight: 300;
}
#gNavi li a:hover,
#gNavi li.active a {
font-weight:bold;
}
.navi .free-deli,
.navi .headerLinks{
display: none;
}
#wrapper .logo-tagline-sp{
display: none;
}
@media screen and (max-width: 1600px) {
#gNavi li {
margin: 0 30px;
}
}
@media screen and (max-width: 1480px) {
#gNavi li {
margin: 0 14px;
}
}
@media screen and (max-width: 1200px) {
#gNavi {
margin-left: 65px;
}
#gNavi li {
margin: 0 9px;
}
#gNavi li a {
font-size: 15px;
}
.logo-text img {
width: 200px;
}
.logo-text {
font-size: 18px;
}
}
@media screen and (max-width: 991px) {
#wrapper .logo-tagline-sp{
display: block;
}
#wrapper .logo-tagline-pc{
display: none;
}
.logo-text {
font-size: 22px;
color: #fff;
}
.navi{
display: none;
background: #fff8f8;
position: absolute;
width: 100%;
top: 100%;
padding: 30px 20px;
z-index: 99999;
box-shadow: 0 0 8px 2px #f1e4e4;
min-height: 200px;
max-height: 450px;
overflow: auto;
}
.fixed .navi {
position: fixed;
top: 96px;
}
.navi .free-deli,
.navi .headerLinks{
display: block;
}
#gNavi {
padding:0;
margin-left: 0;
}
#gNavi li {
display: block;
margin: 0 0 12px;
}
#gNavi li a {
font-size: 16px;
}
#wrapper .free-deli p {
font-size: 16px;
text-align: center;
/*margin: 0 0 12px;*/
}
.headerLinks {
text-align: center;
margin: 0 0 16px;
}
#gNavi li a:hover:before,
#gNavi li a:hover:after,
#gNavi li.active a:after,
#gNavi li.active a:before{
display: none;
}
.navi .search-input-box{
margin: 0 auto;
}
}
@media screen and (max-width: 767px) {
.fixed .navi {
top: 76px;
}
.navi {
padding: 10px 0 32px;
}
#gNavi li a {
font-size: 15px;
}
#wrapper .free-deli p {
font-size: 14px;
margin: 0 0 16px;
}
}
@media screen and (max-width: 576px) {
.fixed .navi {
top: 56px;
}
#gNavi li {
margin: 0;
}
#gNavi li a {
font-size: 14px;
}
}
/* !mainimg
---------------------------------------------------------- */
#mainimg .slick-prev,
#wrapper .slick-custom-arrow .slick-prev{
left: -6px;
background: #fff url(../img/img_arrow1.png) no-repeat scroll center center;
width: 36px;
height: 36px;
z-index: 998;
border-radius: 50px;
}
#mainimg .slick-next,
#wrapper .slick-custom-arrow .slick-next{
right: -6px;
background:#fff url(../img/img_arrow2.png) no-repeat scroll center center;
width: 36px;
height: 36px;
z-index: 998;
border-radius: 50px;
}
#mainimg .slick-prev{
left: 16px;
box-shadow: 0 0 8px 4px #e6dcdc;
}
#mainimg .slick-next{
right: 16px;
box-shadow: 0 0 8px 4px #e6dcdc;
}
#mainimg .slick-prev:before,
#mainimg .slick-next:before,
#wrapper .slick-custom-arrow .slick-prev:before,
#wrapper .slick-custom-arrow .slick-next:before{
content: "";
}
.bg-banner{
background: url(../img/img_banner.jpg) no-repeat scroll center top;
margin: 0 0;
background-size: cover;
min-height: calc(100vh - 178px);
}
.banner-full.bg-banner{
min-height:calc(100vh - 165px);
background: url(../img/img_banner.jpg) no-repeat scroll center top;
background-size: cover;
background-blend-mode: multiply;
}
.bannerWrapper ul {
background:#cfcfcf ;
min-height: calc(100vh - 160px);
}
.bannerWrapper ul li img{
width: 100%;
height: 100%;
left: 0;
top: 0;
}
#wrapper .bannerWrapper ul li:nth-child(1) h2,
#wrapper .bannerWrapper ul li:nth-child(1) p ,
#wrapper .bannerWrapper ul li:nth-child(1) a {
top: 22%;
max-width: 450px;
margin-left: auto;
margin-right: auto;
}
#wrapper .bannerWrapper ul li:nth-child(2) h2,
#wrapper .bannerWrapper ul li:nth-child(2) p ,
#wrapper .bannerWrapper ul li:nth-child(2) a {
top: 22%;
max-width: 450px;
margin-left: auto;
margin-right: auto;
}
#wrapper .bannerWrapper ul li:nth-child(3) h2,
#wrapper .bannerWrapper ul li:nth-child(3) p ,
#wrapper .bannerWrapper ul li:nth-child(3) a {
top: 22%;
max-width: 450px;
margin-left: auto;
margin-right: auto;
}
#wrapper #mainimg h2 {
font-size: 36px;
font-weight: bold;
color: #000;
margin-bottom: 20px;
left: 0;
right: 0;
margin-top: 40px;
}
#wrapper .bannerWrapper ul li:nth-child(1) p {
margin-top: 140px;
font-size: 18px;
}
#wrapper .bannerWrapper ul li:nth-child(1) a {
margin-top: 180px;
font-size: 20px;
}
#wrapper #mainimg.bannerWrapper ul li:nth-child(2) h2 {
font-size: 28px;
margin-top: 60px;
padding-left: 50px;
}
#wrapper #mainimg.bannerWrapper ul li:nth-child(2) p {
margin-top: 165px;
padding-left: 50px;
font-size: 18px;
}
#wrapper #mainimg.bannerWrapper ul li:nth-child(2) a {
margin-top: 207px;
padding-left: 50px;
font-size: 20px;
}
#mainimg p{
font-size: 20px;
color: #000;
margin-bottom: 20px;
left: 0;
right: 0;
margin-top: 100px;
}
.shop-now {
font-size: 22px;
color: #000;
font-weight: bold;
text-decoration: underline;
left: 0;
right: 0;
margin-top: 150px;
}
.shop-now:hover{
color: #000;
}
@media screen and (max-width:1300px){
#mainimg .slick-prev,
#wrapper .slick-custom-arrow .slick-prev{
left: 0;
}
#mainimg .slick-next,
#wrapper .slick-custom-arrow .slick-next{
right: 0;
}
#mainimg .slick-prev{
left: 16px;
}
#mainimg .slick-next{
right: 16px;
}
}
@media screen and (max-width:1200px){
#wrapper #mainimg h2 {
font-size: 26px;
}
#mainimg p {
margin-top: 85px;
}
.shop-now {
font-size: 20px;
margin-top: 130px;
}
.banner-full.bg-banner{
min-height: 450px;
}
#wrapper .bannerWrapper ul li:nth-child(2) h2,
#wrapper .bannerWrapper ul li:nth-child(2) p,
#wrapper .bannerWrapper ul li:nth-child(2) a {
max-width: 350px;
}
#wrapper #mainimg.bannerWrapper ul li:nth-child(2) h2 {
font-size: 22px;
margin-top: 48px;
padding-left: 35px;
}
#wrapper #mainimg.bannerWrapper ul li:nth-child(2) p {
margin-top: 135px;
padding-left: 35px;
font-size: 16px;
}
#wrapper #mainimg.bannerWrapper ul li:nth-child(2) a {
margin-top: 195px;
padding-left: 35px;
font-size: 18px;
}
}
@media screen and (max-width:991px){
#wrapper #mainimg h2 {
font-size: 22px;
}
#wrapper .bannerWrapper ul li:nth-child(2) h2,
#wrapper .bannerWrapper ul li:nth-child(2) p,
#wrapper .bannerWrapper ul li:nth-child(2) a {
max-width: 250px;
}
#wrapper #mainimg.bannerWrapper ul li:nth-child(2) h2 {
font-size: 18px;
margin-top: 44px;
padding-left: 18px;
}
#wrapper #mainimg.bannerWrapper ul li:nth-child(2) p {
margin-top: 114px;
padding-left: 18px;
font-size: 15px;
}
#wrapper #mainimg.bannerWrapper ul li:nth-child(2) a {
margin-top: 170px;
padding-left: 18px;
font-size: 17px;
}
}
@media screen and (max-width:767px){
.banner-full.bg-banner {
min-height: 360px;
}
#mainimg h2 {
font-size: 25px;
}
#mainimg .slick-prev{
left: 8px;
margin-top: 20px;
background: #fff url(../img/img_arrow1.png) no-repeat scroll center center;
width: 28px;
height: 28px;
background-size: 10px;
}
#mainimg .slick-next{
right: 8px;
margin-top: 20px;
background: #fff url(../img/img_arrow2.png) no-repeat scroll center center;
width: 28px;
height: 28px;
background-size: 10px;
}
.bannerWrapper ul {
background: #cfcfcf;
min-height: 300px;
height: auto;
}
#wrapper #mainimg h2 {
font-size: 16px;
}
#mainimg p {
margin-top: 70px;
font-size: 14px;
}
.shop-now {
font-size: 15px;
margin-top: 100px;
}
.bannerWrapper ul li img {
object-fit: cover;
}
#wrapper #mainimg.bannerWrapper ul li:nth-child(2) h2 {
font-size: 16px;
margin-top: 18px;
padding-left: 18px;
}
#wrapper #mainimg.bannerWrapper ul li:nth-child(2) p {
margin-top: 78px;
padding-left: 18px;
font-size: 14px;
}
#wrapper #mainimg.bannerWrapper ul li:nth-child(2) a {
margin-top: 130px;
padding-left: 18px;
font-size: 16px;
}
}
@media screen and (max-width:576px){
#wrapper #mainimg h2 {
font-size: 15px;
}
#mainimg p {
margin-top: 80px;
font-size: 13px;
}
.shop-now {
font-size: 13px;
margin-top: 118px;
}
}
/* !teaser
---------------------------------------------------------- */
#teaser {
}
/* !contents
---------------------------------------------------------- */
#contents {
}
#main {
}
#side {
}
/* Book Appointment S
---------------------------------*/
.pop-form.form-block{
padding: 40px 15px 15px;
margin:0;
}
.close-pop-btn {
position: absolute;
top: 5px;
right: 8px;
z-index: 99;
}
@media screen and (max-width: 991px){
.book-app-pop .width-190 {
width: 154px;
}
}
@media screen and (max-width: 767px){
.book-app-pop .d-flex{
display: block;
}
.book-app-pop .col-sm-5{
padding-top: 40px;
padding-bottom: 34px;
}
.book-app-pop button.close{
color: #e4c12a;
opacity: 1;
}
.top-bar {
height: auto;
}
}
/* Book Appointment E
---------------------------------*/
/* Form Inner Pages S
---------------------------------*/
.form-block .form-control {
border-radius: 0;
color: #555555;
font-size: 15px;
height: 42px;
border: 0;
border-bottom: 1px solid #000;
box-shadow: none;
padding-right: 40px;
}
.form-block .form-group {
min-height: 62px;
}
.field-icon {
position: absolute;
top: 12px;
right: 26px;
z-index: 99;
font-size: 18px;
color: #e2bbac;
}
/* Form Inner Pages E
---------------------------------*/
/* !pageTop
---------------------------------------------------------- */
.pageTop {
position: fixed;
right: 20px;
bottom: 30px;
z-index: 9999;
}
.pageTop a i{
font-size: 46px;
color: #1d1d1d;
}
.pageTop img {
width: 52px;
border: solid 2px #e4c12a;
padding: 6px;
border-radius: 50%;
background: #fdfbf9;
}
/* !footer
---------------------------------------------------------- */
#footer {
padding: 52px 40px 60px;
border-top: solid 1px #e2bbac;
margin: 42px 0 0 0;
}
#wrapper .footer-add {
margin: 22px 0 0;
}
.footer-logo img{
width: 150px;
}
.footer-add li{
font-size: 16px;
}
.footer-add li i {
float: left;
color: #666666;
font-size: 18px;
padding: 2px 0 0;
width: 30px;
text-align: center;
margin-bottom: 12px;
}
.razorpay-payment-button {
min-width: 200px;
background: #DA3832;
display: inline-block;
text-align: center;
color: #fff !important;
font-weight: 600;
padding: 8px 15px;
border-radius: 0;
border: 0;
font-size: 16px;
text-decoration: none !important;
}
.footer-add li a{
display: inline-block;
color: #474747;
/*margin-bottom: 12px;*/
font-size: 14px;
/*width: calc(100% - 50px);*/
font-weight: 600;
/*line-height: 2.2;*/
color: #000;
}
/*.footer-add li:hover a,*/
.footer-add li :hover i{
color: #e4c12a;
text-decoration: none;
}
#wrapper .footer-links {
padding:0 0 0 146px;
}
#footer .footer-links h2 {
font-size: 18px;
text-transform: capitalize;
margin-bottom: 4px;
font-weight: 600;
}
#wrapper #footer .footer-links ul{
margin: 40px 0 0 0;
}
#footer .footer-links ul li a {
display: inline-block;
font-size: 14px;
color: #474747;
margin-bottom: 12px;
font-weight: 600;
}
#footer .footer-links ul li a:hover,
#footer .footer-links ul li a:hover i{
color: #e4c12a;
text-decoration: none;
}
#footer .footer-links ul li a i {
padding-right: 8px;
color: #666666;
font-size: 16px;
}
#footer .footer-links .input-group{
margin-top: 40px;
}
#footer .footer-links .form-control {
border: solid 1px #d5d5d5;
color: #474747;
}
#footer .footer-links .input-group-text {
background: #000;
color: #ddddea;
font-weight: bold;
text-transform: uppercase;
}
/*.copy-right {
text-align: center;
background: #000;
color: #fff;
padding: 20px;
font-weight: 500;
}
.copy-right a{
color: #fff;
}*/
@media screen and (max-width: 1540px){
#footer {
padding: 90px 20px 60px;
}
.footer-add li a {
font-size: 14px;
}
#wrapper .footer-links {
/*padding: 0 0 0 32px;*/
}
#wrapper #footer .footer-links ul {
margin: 30px 0 0 0;
}
#footer .footer-links h2 {
font-size: 16px;
}
#footer .footer-links ul li a {
font-size: 13px;
}
}
@media screen and (max-width: 1500px){
#wrapper .footer-links {
padding: 0 0 0 122px;
}
}
@media screen and (max-width: 1400px){
#wrapper .footer-links {
padding: 0 0 0 96px;
}
}
@media screen and (max-width: 1300px){
#wrapper .footer-links {
padding: 0 0 0 72px;
}
}
@media screen and (max-width: 1199px){
#footer {
padding: 50px 20px;
max-width: 1000px;
margin: 0 auto;
}
#wrapper .footer-links {
padding: 30px 0 0 0;
width: 20%;
}
#wrapper .footer-links:last-child {
width: 40%;
}
#wrapper #footer .p-left-100 {
padding-left: 0;
}
}
@media screen and (max-width: 991px){
.sp-logo-center{
text-align: center;
}
#wrapper .footer-add {
margin: 22px;
text-align: center;
}
}
@media screen and (max-width: 767px){
.sp-logo-center {
/*text-align: left;*/
}
/*#wrapper .footer-add {
margin: 32px 0 0;
}*/
#footer .d-flex{
flex-wrap: wrap;
}
#wrapper .footer-links {
padding: 19px 0 0 0;
width: 33%;
}
#wrapper .footer-links:last-child {
width: 100%;
}
#footer .footer-links .input-group {
margin-top: 15px;
}
#wrapper #footer .footer-links ul {
margin: 15px 0 0 0;
}
.copy-right {
font-size: 14px;
}
}
@media screen and (max-width: 600px){
#footer {
padding: 20px 5px 10px;
}
.footer-add li a {
font-size: 14px;
/*width: calc(100% - 50px);*/
}
#wrapper .footer-links {
padding: 10px 0 0 0;
width: 50%;
}
.copy-right {
font-size: 13px;
}
#wrapper .footer-add {
margin: 22px 0;
}
}
/* !Common
---------------------------------------------------------- */
.section {
padding: 60px 0;
}
.title {
font-size: 32px;
font-weight: 600;
color: #DA3832;
position: relative;
text-transform: uppercase;
text-align: center;
padding: 12px 0;
display: inline-block;
font-family: 'Alice', serif;
}
.title:after {
position: absolute;
content: "";
top: 0;
left: 0;
width: 60%;
height: 3px;
background: #DA3832;
z-index: 99;
transition: all 0.3s ease-in-out;
}
.title:before {
position: absolute;
content: "";
bottom: 0;
right:0;
width: 60%;
height: 3px;
background: #DA3832;
z-index: 99;
transition: all 0.3s ease-in-out;
}
.title:hover:after,
.title:hover:before{
width: 100%;
}
/*inline-title*/
.subTitle {
font-size:25px;
font-weight: 600;
color: #DA3832;
font-family: 'Alice', serif;
}
.common-text{
font-size: 16px;
line-height: 1.5;
}
.common-btn {
min-width: 200px;
background: #DA3832;
display: inline-block;
text-align: center;
color: #fff !important;
font-weight: 600;
padding: 8px 15px;
border-radius: 0;
border: 0;
font-size: 16px;
text-decoration: none !important;
}
.common-btn:hover{
color: #fff !important;
text-decoration: none;
}
.big-btn.common-btn {
min-width: 250px;
}
.btn-dash.common-btn {
min-width: 250px;
border-radius: 4px;
color: #fff;
background: #222;
padding: 12px 42px;
}
.btn-dash.common-btn.green-btn {
min-width: 380px;
border-radius: 0;
color: #000;
background: #e4c02a;
padding: 5px 22px;
box-shadow: 4px 4px 8px #8a8383;
}
.btn-dash.common-btn.green-btn.wish-list-btn {
color: #7e7e7c;
background: #cccccc;
padding: 5px 22px;
}
.small-btn.common-btn {
color: #fff !important;
padding: 10px 22px;
min-width: 130px;
}
.small-btn.common-btn:hover{
color: #fff !important;
}
.custom-dropdown{
position: relative;
}
.dropdown-menu {
min-width: 160px;
}
#wrapper .link-more{
font-size:17px;
color: #e4c12a;
text-transform: uppercase;
font-weight: 600;
text-decoration: underline;
}
#wrapper .link-more:hover {
color: #e4c02a;
font-weight: 500;
}
#wrapper .clr-red{
color: #f70101;
}
#wrapper .black-clr-text{
color: #000;
}
#wrapper .white-clr{
color: #fff;
}
#wrapper .green-clr{
color: #39393e;
}
#wrapper .bg-zin-clr{
background: #e2bbac;
}
#wrapper .bg-black-clr{
background: #000;
}
#wrapper .bg-zin-light-clr{
background: #715d56;
}
#wrapper .bg-green-clr{
background: #e4c02a;
}
.scale-effect{
overflow: hidden;
cursor: pointer;
position: relative;
}
.scale-effect:after{
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.2);
z-index: 99;
}
.scale-effect img{
transition: all 0.3s ease-in-out;
}
.scale-effect:hover img{
transform: scale(1.1);
}
.custom-dropdown .dropdown-menu {
border: none;
padding: 0;
margin-top: 10px;
border-radius: 0;
}
.custom-dropdown .dropdown-menu .dropdown-item {
border-bottom: none !important;
padding: 8px 22px;
margin-bottom: 0;
}
.custom-dropdown .dropdown-menu .dropdown-item:hover {
background: #050831;
color: #fff !important;
font-weight: 500;
}
.custom-dropdown .dropdown-menu .dropdown-item:last-child{
border: 0;
}
.badge-wrapper{
position: relative;
}
.badge-custom {
background: #474748;
color: #fff;
border-radius: 50%;
position: absolute;
top: -2px;
right: 0;
z-index: 99;
padding: 0;
font-size: 9px;
width: 16px;
height: 16px;
line-height: 16px;
}
.width-250{
min-width: 250px;
}
.width-220{
width: 220px;
}
.width-180{
min-width: 180px;
}
.width-190{
width: 190px;
}
.position-rel{
position: relative;
}
.increase-index {
z-index: 999999;
}
.img-blog {
width: 100%;
height: 360px;
object-fit: cover;
object-position: center top;
}
.title-height{
min-height: 56px;
}
.min-height-75{
min-height: 75px;
}
@media screen and (max-width: 1200px) {
.subTitle {
font-size: 20px;
}
.badge-custom {
top: -2px;
right: 0;
}
}
@media screen and (max-width: 991px) {
.custom-dropdown .dropdown-menu {
margin-top: 2px;
}
.section {
padding: 40px 0;
}
.common-btn {
padding: 12px 32px;
font-size: 15px;
min-width: 200px;
}
.common-text {
font-size: 14px;
line-height: 1.7;
}
.title {
font-size: 28px;
font-weight: 600;
padding: 8px 0;
}
.title:after,
.title:before {
width: 150px;
height: 3px;
}
.badge-custom {
background: #000;
}
.btn-dash.common-btn.green-btn {
min-width: 250px;
}
.img-blog {
height: 290px;
}
.title-height{
min-height: 48px;
}
.min-height-75{
min-height: 75px;
}
}
@media screen and (max-width: 767px) {
.section {
padding: 25px 0;
}
.title {
font-size: 18px;
}
.title:after,
.title:before {
width: 100px;
height: 2px;
}
.subTitle {
font-size: 18px;
}
.title-height{
min-height: auto;
}
.min-height-75{
min-height: auto;
}
}
/* !Font-weight
---------------------------------------------------------- */
.font-w-600{
font-weight: 600;
}
.font-w-500{
font-weight: 500;
}
.font-w-400{
font-weight: 400;
}
.font-w-bold{
font-weight: bold;
}
/* !Font-weight
---------------------------------------------------------- */
/* !Font-size
---------------------------------------------------------- */
#wrapper .font-size-12{
font-size: 12px;
}
#wrapper .font-size-13{
font-size: 13px;
}
#wrapper .font-size-14{
font-size: 14px;
}
#wrapper .font-size-15{
font-size: 15px;
}
#wrapper .font-size-16{
font-size: 16px;
}
.font-size-17{
font-size: 17px;
}
#wrapper .font-size-18{
font-size: 18px;
}
.font-size-19{
font-size: 19px;
}
#wrapper .font-size-20{
font-size: 20px;
}
.font-size-21{
font-size: 21px;
}
.font-size-22{
font-size: 22px;
}
.font-size-23{
font-size: 23px;
}
.font-size-24{
font-size: 24px;
}
.font-size-25{
font-size: 25px;
}
.font-size-26{
font-size: 26px;
}
.font-size-27{
font-size: 27px;
}
.font-size-28{
font-size: 28px;
}
.font-size-29{
font-size: 29px;
}
.font-size-30{
font-size: 30px;
}
.font-size-31{
font-size: 31px;
}
.font-size-32{
font-size: 32px;
}
.font-size-33{
font-size: 33px;
}
.font-size-34{
font-size: 34px;
}
.font-size-35{
font-size: 35px;
}
.font-size-36{
font-size: 36px;
}
.font-size-37{
font-size: 37px;
}
.font-size-38{
font-size: 38px;
}
.font-size-39{
font-size: 39px;
}
.font-size-40{
font-size: 40px;
}
.font-size-41{
font-size: 41px;
}
.font-size-42{
font-size: 42px;
}
.font-size-43{
font-size: 43px;
}
.font-size-44{
font-size: 44px;
}
.font-size-45{
font-size: 45px;
}
@media screen and (max-width: 1200px) {
#wrapper .font-size-18 {
font-size: 16px;
}
}
@media screen and (max-width: 767px) {
#wrapper .font-size-20 {
font-size: 16px;
}
#wrapper .font-size-26 {
font-size: 22px;
}
}
/* !Padding & Margin
---------------------------------------------------------- */
#wrapper .m-top-5{
margin-top:5px;
}
#wrapper .m-top-10{
margin-top:10px;
}
#wrapper .m-top-15{
margin-top:15px;
}
#wrapper .m-top-20{
margin-top:20px;
}
#wrapper .m-top-30{
margin-top:30px;
}
#wrapper .m-top-40{
margin-top:40px;
}
#wrapper .m-top-50{
margin-top:50px;
}
#wrapper .m-top-60{
margin-top:60px;
}
#wrapper .m-top-70{
margin-top:70px;
}
#wrapper .m-top-80{
margin-top:80px;
}
#wrapper .m-top-90{
margin-top:90px;
}
#wrapper .m-top-100{
margin-top:100px;
}
/* !Margin Bottom
---------------------------------------------------------- */
#wrapper .m-bottom-5{
margin-bottom:5px;
}
#wrapper .m-bottom-10{
margin-bottom:10px;
}
#wrapper .m-bottom-20{
margin-bottom:20px;
}
#wrapper .m-bottom-30{
margin-bottom:30px;
}
#wrapper .m-bottom-40{
margin-bottom:40px;
}
#wrapper .m-bottom-50{
margin-bottom:50px;
}
#wrapper .m-bottom-60{
margin-bottom:60px;
}
#wrapper .m-bottom-70{
margin-bottom:70px;
}
#wrapper .m-bottom-80{
margin-bottom:80px;
}
#wrapper .m-bottom-90{
margin-bottom:90px;
}
#wrapper .m-bottom-100{
margin-bottom:100px;
}
/* !Margin left
---------------------------------------------------------- */
#wrapper .m-left-10{
margin-left:10px;
}
#wrapper .m-left-20{
margin-left:20px;
}
#wrapper .m-left-30{
margin-left:30px;
}
#wrapper .m-left-40{
margin-left:40px;
}
#wrapper .m-left-50{
margin-left:50px;
}
#wrapper .m-left-60{
margin-left:60px;
}
#wrapper .m-left-70{
margin-left:70px;
}
#wrapper .m-left-80{
margin-left:80px;
}
#wrapper .m-left-90{
margin-left:90px;
}
#wrapper .m-left-100{
margin-left:100px;
}
/* !Margin Right
---------------------------------------------------------- */
#wrapper .m-right-10{
margin-right:10px;
}
#wrapper .m-right-20{
margin-right:20px;
}
#wrapper .m-right-30{
margin-right:30px;
}
#wrapper .m-right-40{
margin-right:40px;
}
#wrapper .m-right-50{
margin-right:50px;
}
#wrapper .m-right-60{
margin-right:60px;
}
#wrapper .m-right-70{
margin-right:70px;
}
#wrapper .m-right-80{
margin-right:80px;
}
#wrapper .m-right-90{
margin-right:90px;
}
#wrapper .m-right-100{
margin-right:100px;
}
/* !Padding Top
---------------------------------------------------------- */
#wrapper .p-0{
padding:0px;
}
#wrapper .p-15{
padding:15px;
}
#wrapper .p-top-0{
padding-top:0px;
}
#wrapper .p-top-10{
padding-top:10px;
}
#wrapper .p-top-20{
padding-top:20px;
}
#wrapper .p-top-30{
padding-top:30px;
}
#wrapper .p-top-40{
padding-top:40px;
}
#wrapper .p-top-50{
padding-top:50px;
}
#wrapper .p-top-60{
padding-top:60px;
}
#wrapper .p-top-70{
padding-top:70px;
}
#wrapper .p-top-80{
padding-top:80px;
}
#wrapper .p-top-90{
padding-top:90px;
}
#wrapper .p-top-100{
padding-top:100px;
}
/* !Padding Bottom
---------------------------------------------------------- */
#wrapper .p-bottom-0{
padding-bottom:0;
}
#wrapper .p-bottom-10{
padding-bottom:10px;
}
#wrapper .p-bottom-20{
padding-bottom:20px;
}
#wrapper .p-bottom-30{
padding-bottom:30px;
}
#wrapper .p-bottom-40{
padding-bottom:40px;
}
#wrapper .p-bottom-50{
padding-bottom:50px;
}
#wrapper .p-bottom-60{
padding-bottom:60px;
}
#wrapper .p-bottom-70{
padding-bottom:70px;
}
#wrapper .p-bottom-80{
padding-bottom:80px;
}
#wrapper .p-bottom-90{
padding-bottom:90px;
}
#wrapper .p-bottom-100{
padding-bottom:100px;
}
/* !Padding Left
---------------------------------------------------------- */
#wrapper .p-left-0{
padding-left: 0;
}
#wrapper .p-left-10{
padding-left:10px;
}
#wrapper .p-left-20{
padding-left:20px;
}
#wrapper .p-left-30{
padding-left:30px;
}
#wrapper .p-left-40{
padding-left:40px;
}
#wrapper .p-left-50{
padding-left:50px;
}
#wrapper .p-left-60{
padding-left:60px;
}
#wrapper .p-left-70{
padding-left:70px;
}
#wrapper .p-left-80{
padding-left:80px;
}
#wrapper .p-left-90{
padding-left:90px;
}
#wrapper .p-left-100{
padding-left:100px;
}
/* !Padding Right
---------------------------------------------------------- */
#wrapper .p-right-10{
padding-right:10px;
}
#wrapper .p-right-20{
padding-right:20px;
}
#wrapper .p-right-30{
padding-right:30px;
}
#wrapper .p-right-40{
padding-right:40px;
}
#wrapper .p-right-50{
padding-right:50px;
}
#wrapper .p-right-60{
padding-right:60px;
}
#wrapper .p-right-70{
padding-right:70px;
}
#wrapper .p-right-80{
padding-right:80px;
}
#wrapper .p-right-90{
padding-right:90px;
}
#wrapper .p-right-100{
padding-right:100px;
}
@media screen and (max-width: 1300px){
#wrapper .p-left-50 {
padding-left: 40px;
}
}
@media screen and (max-width: 991px) {
#wrapper .m-top-10{
margin-top:5px;
}
#wrapper .m-top-20{
margin-top:10px;
}
#wrapper .m-top-30,
#wrapper .sp-m-top-15{
margin-top:15px;
}
#wrapper .m-top-40{
margin-top:20px;
}
#wrapper .m-top-50{
margin-top:25px;
}
#wrapper .m-top-60{
margin-top:30px;
}
#wrapper .m-top-70{
margin-top:35px;
}
#wrapper .m-top-80{
margin-top:40px;
}
#wrapper .m-top-90{
margin-top:45px;
}
#wrapper .m-top-100{
margin-top:50px;
}
/* !Margin Bottom
---------------------------------------------------------- */
#wrapper .m-bottom-10{
margin-bottom:5px;
}
#wrapper .m-bottom-20{
margin-bottom:10px;
}
#wrapper .m-bottom-30{
margin-bottom:15px;
}
#wrapper .m-bottom-40{
margin-bottom:20px;
}
#wrapper .m-bottom-50{
margin-bottom:25px;
}
#wrapper .m-bottom-60{
margin-bottom:30px;
}
#wrapper .m-bottom-70{
margin-bottom:35px;
}
#wrapper .m-bottom-80{
margin-bottom:40px;
}
#wrapper .m-bottom-90{
margin-bottom:45px;
}
#wrapper .m-bottom-100{
margin-bottom:50px;
}
/* !Margin left
---------------------------------------------------------- */
#wrapper .m-left-10{
margin-left:5px;
}
#wrapper .m-left-20{
margin-left:10px;
}
#wrapper .m-left-30{
margin-left:15px;
}
#wrapper .m-left-40{
margin-left:20px;
}
#wrapper .m-left-50{
margin-left:25px;
}
#wrapper .m-left-60{
margin-left:30px;
}
#wrapper .m-left-70{
margin-left:35px;
}
#wrapper .m-left-80{
margin-left:40px;
}
#wrapper .m-left-90{
margin-left:45px;
}
#wrapper .m-left-100{
margin-left:50px;
}
/* !Margin Right
---------------------------------------------------------- */
#wrapper .m-right-10{
margin-right:5px;
}
#wrapper .m-right-20{
margin-right:10px;
}
#wrapper .m-right-30{
margin-right:15px;
}
#wrapper .m-right-40{
margin-right:20px;
}
#wrapper .m-right-50{
margin-right:25px;
}
#wrapper .m-right-60{
margin-right:30px;
}
#wrapper .m-right-70{
margin-right:35px;
}
#wrapper .m-right-80{
margin-right:40px;
}
#wrapper .m-right-90{
margin-right:45px;
}
#wrapper .m-right-100{
margin-right:50px;
}
/* !Padding Top
---------------------------------------------------------- */
#wrapper .p-top-10{
padding-top:5px;
}
#wrapper .p-top-20{
padding-top:10px;
}
#wrapper .p-top-30{
padding-top:15px;
}
#wrapper .p-top-40{
padding-top:20px;
}
#wrapper .p-top-50{
padding-top:25px;
}
#wrapper .p-top-60{
padding-top:30px;
}
#wrapper .p-top-70{
padding-top:35px;
}
#wrapper .p-top-80{
padding-top:40px;
}
#wrapper .p-top-90{
padding-top:45px;
}
#wrapper .p-top-100{
padding-top:50px;
}
/* !Padding Bottom
---------------------------------------------------------- */
#wrapper .p-bottom-10{
padding-bottom:5px;
}
#wrapper .p-bottom-20{
padding-bottom:10px;
}
#wrapper .p-bottom-30{
padding-bottom:15px;
}
#wrapper .p-bottom-40{
padding-bottom:20px;
}
#wrapper .p-bottom-50{
padding-bottom:25px;
}
#wrapper .p-bottom-60{
padding-bottom:30px;
}
#wrapper .p-bottom-70{
padding-bottom:35px;
}
#wrapper .p-bottom-80{
padding-bottom:40px;
}
#wrapper .p-bottom-90{
padding-bottom:45px;
}
#wrapper .p-bottom-100{
padding-bottom:50px;
}
/* !Padding Left
---------------------------------------------------------- */
#wrapper .p-left-10{
padding-left:5px;
}
#wrapper .p-left-20{
padding-left:10px;
}
#wrapper .p-left-30{
padding-left:15px;
}
#wrapper .p-left-40{
padding-left:20px;
}
#wrapper .p-left-50{
padding-left:25px;
}
#wrapper .p-left-60{
padding-left:30px;
}
#wrapper .p-left-70{
padding-left:35px;
}
#wrapper .p-left-80{
padding-left:40px;
}
#wrapper .p-left-90{
padding-left:45px;
}
#wrapper .p-left-100{
padding-left:50px;
}
/* !Padding Right
---------------------------------------------------------- */
#wrapper .p-right-10{
padding-right:5px;
}
#wrapper .p-right-20{
padding-right:10px;
}
#wrapper .p-right-30{
padding-right:15px;
}
#wrapper .p-right-40{
padding-right:20px;
}
#wrapper .p-right-50{
padding-right:25px;
}
#wrapper .p-right-60{
padding-right:30px;
}
#wrapper .p-right-70{
padding-right:35px;
}
#wrapper .p-right-80{
padding-right:40px;
}
#wrapper .p-right-90{
padding-right:45px;
}
#wrapper .p-right-100{
padding-right:50px;
}
}
@media screen and (max-width: 767px) {
#wrapper .p-left-50 {
padding-left: 0;
}
}