html {
scroll-behavior: smooth;
}
body {
font-family: ClanPro-NarrNews;
font-size: 14px;
line-height: 21px;
}
@font-face {
font-family: florida-serial-black;
src: url("../../../../../front/css/florida-serial-black.html");
}
p {
font-size: 16px;
line-height: 21px;
color: #666;
}
:focus {
outline: 0 !important;
}
img {
max-width: 100%;
}
.fixed {
background-color: #00ab84;
box-shadow: 0 0 10px rgba(0, 0, 0, .3);
position: fixed;
top: 00;
left: 0;
right: 0;
z-index: 9999;
}
.pdtb60 {
padding: 60px 0;
}
.pdt70 {
padding-top: 70px;
}
.pdb50 {
padding-bottom: 50px;
}
#fading-header {
top: -100%;
transition: all 1s ease;
}
.sticky {
position: fixed;
left: 0;
right: 0;
top: 0 !important;
z-index: 99999999;
}
.headerspace {
height: 96px;
}
header {
background: #ec890a url("../images/headerbg.jpg");
height: 96px;
background-size: cover;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 100;
}
.headerinner {
padding: 70px 0 25px 0;
position: relative;
margin: 0;
}
.headerinner #slide {
position: absolute;
left: 0;
top: 15px;
font-size: 30px;
color: #fff;
}
.headerlogo {
top: 20px;
position: absolute;
left: 0;
right: 0;
height: 0;
text-align: center;
margin: 0 auto;
z-index: 99;
width: 310px;
}
.headerlogo img {
width: 80%;
}
.headermenu {
position: static;
z-index: 99;
}
.headermenu .nav {
}
.headermenu .nav li {
font-family: ClanPro-NarrBold;
float: left;
}
.headermenu .nav li a {
color: #fff;
font-weight: 400;
text-transform: uppercase;
padding: 0 21px;
font-size: 19px;
display: block;
}
.headermenu .nav li ul {
display: inline-table;
opacity: 0;
visibility: hidden;
transition: .8s ease-in;
}
.headermenu .nav li:hover a {
color: #ffd700;
}
.headermenu .nav li:hover>ul {
opacity: 1;
visibility: visible;
}
.headermenu .nav li ul {
position: absolute;
top: 100%;
left: 0;
right: 0;
text-align: center;
margin: 0 auto;
background: #fff;
z-index: 80;
padding: 70px 0 10px;
}
.headermenu .nav li ul li {
display: block;
list-style: none;
padding: 10px 5px;
position: relative;
}
.headermenu .nav li ul li:after {
content: '';
position: absolute;
left: 0;
top: 10px;
width: 2px;
height: 20px;
background: #000;
}
.headermenu .nav li ul li:first-child:after {
display: none;
}
.headermenu .nav ul li a {
color: #000;
font-size: 16px;
}
.menuicon ul {
padding-top: 25px;
}
.menuicon ul li {
float: left;
list-style: none;
}
.menuicon ul li a {
color: #fff;
font-size: 18px;
padding: 0 17px;
}
.menuicon ul li {
position: relative;
padding-bottom: 15px;
}
.menuicon ul li ul {
display: none;
position: absolute;
top: 100%;
right: -30px;
width: 200px;
background: #fff;
z-index: 99;
padding: 10px 0;
}
.menuicon ul li:hover ul {
display: block;
}
.menuicon ul li ul li {
display: inline-block;
float: left;
list-style: none;
padding: 10px 5px;
border-bottom: 1px #000 solid;
width: 100%;
}
.menuicon ul li ul li a {
color: #000;
font-size: 16px;
}
#fading-header {
display: none;
}
#mainhomepage {
background: url("../images/mainhomebg.jpg") no-repeat center top;
background-size: cover;
min-height: calc(100vh - 150px);
position: relative;
}
#mainhomepage .innerty {
min-height: calc(100vh - 150px);
position: relative;
}
#mainhomepage .homepagemenu {
width: 25vw;
background-size: contain;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
z-index: 9;
right: 0;
}
#mainhomepage .homepagemenu .HM_link a {
color: #fff;
font-size: 1.5vmax;
line-height: 1.5vmax;
font-weight: 400;
text-transform: uppercase;
font-family: Florida-Serial-Black;
letter-spacing: 2px;
background: linear-gradient(to right, #fff 50%, #ffd700 50%, #ffd700);
background-size: auto;
background-clip: border-box;
background-size: 200%;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
transition: 0.5s ease-out;
position: absolute;
display: block;
}
#mainhomepage .homepagemenu .HM_link .ach-2 {
background: linear-gradient(to right, #fff 0%, #ffd700 00%, #ffd700);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
#mainhomepage .homepagemenu img {
height: 100%;
width: 90%;
position: absolute;
top: 0;
left: 0;
margin: 0 auto;
right: 0px;
bottom: 0;
}
#mainhomepage .homepagemenu .HM_link a:hover {
background-position: -100%;
transform: scale(1.1);
}
#mainhomepage .homepagemenu .HM_link {
position: relative;
}
#mainhomepage .homepagemenu .HM_link.about {
height: 16.5%;
width: 100%;
}
#mainhomepage .homepagemenu .HM_link.about a {
bottom: 0;
right: 5vw;
}
#mainhomepage .homepagemenu .HM_link.menuitry {
height: 25%;
width: 100%;
text-align: right;
}
#mainhomepage .homepagemenu .HM_link.menuitry a {
bottom: 1vw;
left: .2vw;
}
#mainhomepage .homepagemenu .HM_link.gallery {
height: 29.5%;
width: 100%;
text-align: right;
}
#mainhomepage .homepagemenu .HM_link.gallery .ach-1 {
top: 9%;
right: .2vw;
}
#mainhomepage .homepagemenu .HM_link.gallery .ach-2 {
bottom: 4%;
left: .2vw;
text-align: left;
}
#mainhomepage .homepagemenu .HM_link.feedback {
height: 29%;
width: 100%;
text-align: right;
position: relative;
}
#mainhomepage .homepagemenu .HM_link.feedback a {
top: 35%;
right: 1.5vw;
}
@keyframes shake {
0% {
transform: translate(1px, 1px) rotate(0deg);
}
10% {
transform: translate(-1px, -2px) rotate(-1deg);
}
20% {
transform: translate(-3px, 0px) rotate(1deg);
}
30% {
transform: translate(3px, 2px) rotate(0deg);
}
40% {
transform: translate(1px, -1px) rotate(1deg);
}
50% {
transform: translate(-1px, 2px) rotate(-1deg);
}
60% {
transform: translate(-3px, 1px) rotate(0deg);
}
70% {
transform: translate(3px, 1px) rotate(-1deg);
}
80% {
transform: translate(-1px, -1px) rotate(1deg);
}
90% {
transform: translate(1px, 2px) rotate(0deg);
}
100% {
transform: translate(1px, -2px) rotate(-1deg);
}
}
#mainhomepage .hwnsocial {
position: absolute;
bottom: 0px;
left: 0;
right: 0;
overflow: hidden;
z-index: 4;
}
#mainhomepage .hwnsocial .hwnsocial-inner {
padding: 45px 0 0 0;
position: relative;
height: 292px;
}
#mainhomepage .hwnsocial .hwnsocial-inner span {
color: #fff;
font-size: 25px;
display: block;
margin-bottom: 37px;
font-weight: bold;
margin-left: 0;
}
#mainhomepage .hwnsocial .hwnsocial-inner .bgsshade {
position: absolute;
bottom: 0;
left: -480px;
width: 1114px !important;
height: 292px !important;
}
#mainhomepage .hwnsocial a {
display: block;
float: left;
position: relative;
z-index: 9;
}
#mainhomepage .hwnsocial a+a {
margin-left: 15px;
}
#mainhomepage .hwnsocial a img {
width: 35px;
}
footer {
background: #f2f2f2;
padding: 19px 0 10px;
}
footer .ffirstbox ul li {
list-style: none;
display: inline-block;
padding: 0 15px;
}
footer .ffirstbox ul li a {
color: #333333;
font-size: 13px;
line-height: 15px;
font-family: ClanPro-NarrMedium;
}
footer .ffirstbox ul li+li {
border-left: 2px #333333 solid;
}
footer .fthirdbox ul {
}
footer .fthirdbox ul li {
list-style: none;
display: inline-block;
margin-right: 5px;
}
footer .fthirdbox ul li a img {
width: 25px;
;
}
footer .fthirdbox ul li:hover a img {
width: 25px;
;
}
.float-left {
float: left;
}
.float-right {
float: right;
}
#slide {
display: none;
}
.sidewarper {
z-index: 999999;
background-color: rgba(0, 0, 0, .9);
position: fixed;
height: 100%;
overflow: scroll;
overflow-x: hidden;
left: -1400px;
top: 0;
bottom: 0;
}
#slidesection {
width: 320px;
}
#slidesection .container {
padding: 0 !important;
}
#slidesection .overscroll {
padding: 10px 20px 30px;
}
#slidesection .topclose {
background-color: #ec890a;
color: #fff;
font-size: 20px;
font-family: ClanPro-NarrBold;
text-transform: uppercase;
padding: 15px 15px;
display: block;
}
#slidesection .topclose a {
display: block;
color: #fff !important;
cursor: pointer;
}
#slidesection .topclose a i {
float: right;
}
#slidesection .topclose a strong {
color: #fff;
}
#slidesection .overscroll #sidelinks {
color: #fff;
}
#slidesection .overscroll #sidelinks ul {
padding: 0;
}
#slidesection .overscroll #sidelinks ul li {
list-style: none;
}
#slidesection .overscroll #sidelinks a {
display: block;
padding: 10px 0;
font-family: ClanPro-NarrBold;
color: #fff;
font-weight: 400;
}
#slidesection .overscroll #sidelinks li+li {
border-top: 1px rgba(255, 255, 255, .2) dashed;
}
#slidesection .overscroll #sidelinks a {
color: #fff;
}
#slidesection .overscroll #sidelinks .subchild {
background-color: #155aba;
margin-top: 10px;
}
#slide {
cursor: pointer;
}
.accordion-toggle {
cursor: pointer;
margin: 0;
display: block;
position: relative;
}
.accordion-toggle span {
position: absolute;
right: 5px;
top: 8px;
text-align: center;
line-height: 20px;
color: #fff;
z-index: 999;
width: 20px;
height: 20px;
}
.accordion-toggle .disinb {
display: inline-block!important;
}
.accordion-content ul {
background-color: #333;
margin-top: 15px;
}
.accordion-content ul li {
border: 0!important;
}
.accordion-content ul a {
padding: 5px 10px!important;
}
.accordion-content {
display: none;
}
.topsocial a {
color: #fff;
display: inline-block;
font-size: 20px;
}
.topsocial a+a {
margin-left: 9px;
}
.mobilenone {
display: block;
}
@media (max-width: 768px) {
.mobilenone {
display: none !important;
}
#slide {
display: block;
margin-top: 20px;
font-size: 34px;
color: #fff;
}
.header .logo {
text-align: center;
}
}
@media (max-width: 430px) {
header .logo {
text-align: center;
}
}
.bannersection {
position: relative;
}
.bannersection .bannerlinkoverlap ul {
margin: 0 auto;
padding: 0;
}
.bannersection .bannerlinkoverlap ul li {
position: absolute;
display: inline-block;
}
.bannersection .bannerlinkoverlap ul li a {
color: #fff;
font-size: 28px;
font-weight: 400;
text-transform: uppercase;
font-family: Florida-Serial-Black;
letter-spacing: 2px;
background: linear-gradient(to right, #fff 50%, #ec890a 50%, #ec890a);
background-size: 200%;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
transition: 0.5s ease-out;
}
.bannersection .bannerlinkoverlap ul li a:hover {
background-position: -100%;
}
.bannersection .bannerlinkoverlap .overlapmenu li:nth-of-type(1) {
right: 16%;
top: 12.5%;
}
.bannersection .bannerlinkoverlap .overlapmenu li:nth-of-type(2) {
right: 36%;
top: 35%;
}
.bannersection .bannerlinkoverlap .overlapmenu li:nth-of-type(3) {
right: 11%;
top: 43.5%;
}
.bannersection .bannerlinkoverlap .overlapmenu li:nth-of-type(4) {
right: 29%;
top: 56%;
text-align: center;
line-height: 23px;
}
.bannersection .bannerlinkoverlap .overlapmenu li:nth-of-type(5) {
right: 12%;
top: 78%;
}
.bannersocial li {
position: absolute;
top: 77%;
z-index: 999;
}
.bannersocial li:nth-of-type(1) {
left: 12.5%;
}
.bannersocial li:nth-of-type(2) {
left: 17.5%;
}
.bannersocial li:nth-of-type(3) {
left: 22.5%;
}
.bannersocial li img {
width: 70px;
}
.bggrey {
background: #f6f7ff;
}
.width100 {
width: 100%;
}
.pr30 {
padding-right: 30px;
}
.pl30 {
padding-left: 30px;
}
.pdtb20 {
padding: 20px 0;
}
.pdtb70 {
padding: 70px 0;
}
.pdlr60 {
padding: 0px 60px;
}
.mdtb30 {
margin: 30px 0;
}
.mdtb10 {
margin: 10px 0;
}
.mdtb70 {
margin: 70px 0;
}
.mdtb50 {
margin: 50px 0;
}
.mdtb90 {
margin: 90px 0;
}
.pdl60 {
padding-left: 60px;
}
.feedbackimg {
padding-left: 100px;
}
.br6dashed {
border-left: 6px #cbcbcb dashed;
}
.mainSubheading h2 {
font-size: 34px;
color: #000;
text-align: left;
text-transform: uppercase;
margin-bottom: 15px;
font-family: ClanPro-Medium;
}
.img-containerIn {
margin-top: 40px;
}
.menuIn {
padding-bottom: 30px;
padding-top: 30px;
}
.mainheading h2 {
font-size: 30px;
color: #000;
text-align: left;
text-transform: uppercase;
margin-bottom: 20px;
font-family: Florida-Serial-Black;
}
.mainheading h2 span {
color: #ec890a;
}
.mainheading1 h2 {
font-size: 26px; line-height:26px;
color: #000;
text-align: left;
text-transform: uppercase;
margin-bottom: 10px;
font-family: Florida-Serial-Black;
}
.mainheading1 h2 span {
display:block;
color: #ec890a;
}
.mobileblockkmainhd span {
display:block
}
.aboutuspage {
text-align: center;
}
.aboutuspage .craftburger {
background: #cbcbcb;
padding: 10px 0;
text-align: center;
}
.aboutuspage .craftburger h3 {
font-size: 32px;
font-weight: 900;
color: #333;
margin: 0;
text-transform: uppercase;
font-family: ClanPro-NarrBold;
}
.aboutuspage .craftburger p {
margin-bottom: 0;
}
.aboutuspage h3 {
font-size: 32px;
font-weight: 900;
color: #333;
margin-top: 25px;
font-style: italic;
text-transform: uppercase;
font-family: ClanPro-NarrBold;
}
}
.aboutuspage p {
font-size: 18px;
line-height: 26px;
font-family: ClanPro-NarrNews;
color: #333;
text-align: justify;
text-align-last: center;
margin: 0;
}
.aboutuspage .punchline {
margin: 70px;
}
.aboutuspage .punchline h4 {
font-size: 44px;
color: #e11703;
text-transform: uppercase;
font-family: DoodlesOfFun;
}
.teamdetail {
height: 250px;
margin-bottom: 20px;
background: #e5e5e5;
}
.aboutusteam .teamdetail:nth-of-type(odd) {
background: #cdcdcd;
}
.aboutusteam .teamdetail:nth-of-type(odd) .col-lg-3 {
order: 2;
}
.aboutusteam .teamdetail:nth-of-type(even) .col-lg-9 .shape1 {
shape-outside: polygon(90% 0, 0% 100%, 0 100%);
-webkit-shape-outside: polygon(90% 0, 0% 100%, 0 100%);
clip-path: polygon(90% 0, 0% 100%, 0 100%);
float: left;
}
.aboutusteam .teamdetail:nth-of-type(odd) .row .col-lg-9 .teambox {
margin-right: 0px;
}
.aboutusteam .teamdetail:nth-of-type(even) .row .col-lg-9 .teambox {
margin-left: 0px;
}
html.chrome .aboutusteam .teamdetail:nth-of-type(odd) .row .col-lg-9 .teambox {
margin-right: 0px;
}
html.chrome .aboutusteam .teamdetail:nth-of-type(even) .row .col-lg-9 .teambox {
margin-left: 0px;
}
.aboutusteam .teamdetail:nth-of-type(odd) .col-lg-9 .shape1 {
display: none;
}
.aboutusteam .teamdetail:nth-of-type(odd) .col-lg-9 .shape2 {
shape-outside: polygon(54% 3%, 0 100%, 0 100%);
-webkit-shape-outside: polygon(54% 3%, 0 100%, 0 100%);
clip-path: polygon(54% 3%, 0 100%, 0 100%);
float: right;
}
.aboutusteam .teamdetail:nth-of-type(odd) .col-lg-9 .shape2 img {
transform: rotate(180deg);
}
.teamdetail .teamimg img {
width: 250px;
clip-path: polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%);
}
.teamdetail .teambox p {
text-align: justify;
color: #333;
font-size: 18px;
font-family: ClanPro-NarrNews;
line-height: 26px;
}
.teamdetail .teambox h4 {
color: #ec890a;
font-size: 35px;
margin-bottom: 20px;
margin-top: 20px;
font-weight: 800;
font-style: italic;
font-family: ClanPro-NarrBold;
}
.contactbtns {
margin-top: 30px;
padding: 13px 45px 7px 15px;
border-radius: 5px;
display: inline-block;
background: linear-gradient(to right, #ec890a 50%, #ffd700 50%, #ffd700);
background-size: auto;
background-clip: border-box;
background-size: 200%;
transition: 0.5s ease-out;
position: relative;
}
.contactbtns+.contactbtns {
margin-left: 20px;
}
.contactbtns a {
color: #fff;
font-size: 32px;
letter-spacing: 2px;
font-family: Florida-Serial-Black;
transition: 0.5s ease-out;
}
.contactbtns:hover {
background-position: -100%;
transform: scale(1.1);
}
.contactbtns:hover a {
transform: scale(1.5);
}
.contactbtns a img {
width: 30px;
position: absolute;
right: 10px;
top: 6px;
}
.contactbtns a+a {
margin-left: 7px;
}
.contactbtnsNew {
margin-top: 15px;
padding: 15px 10px;
border-radius: 5px;
display: inline-block;
background: linear-gradient(to right, #ec890a 50%, #ffd700 50%, #ffd700);
background-size: auto;
background-clip: border-box;
background-size: 200%;
transition: 0.1s ease-out;
position: relative;
}
.contactbtnsNew+.contactbtnsNew {
margin-left: 20px;
}
.contactbtnsNew a {
color: #fff;
font-size: 42px;
text-transform: uppercase;
letter-spacing: 2px;
font-family: Florida-Serial-Black;
transition: 0.5s ease-out;
line-height: 1;
}
.contactbtnsNew a span {
color: #fff;
display: block;
font-size: 14px;
letter-spacing: 0px;
font-family: ClanPro-NarrNews;
transition: 0.5s ease-out;
text-transform: none;
}
.contactbtnsNew:hover {
background-position: -100%;
transform: scale(1.1);
}
.contactbtnsNew:hover a {
transform: scale(1.5);
}
.contactbtnsNew a img {
width: 30px;
position: absolute;
right: 10px;
top: 6px;
}
.contactbtnsNew a+a {
margin-left: 7px;
}
/*.contactform h2 {
font-size: 30px;
padding-top: 0;
font-family: ClanPro-Bold;
margin: 0px;
font-weight: bold;
}*/
.contactform .subheading {
font-size: 25px;
color: #000;
line-height: 36px;
padding-top: 0;
font-family: ClanPro-Bold;
margin: 0px;
}
.contactform h3 {
font-size: 20px;
padding-top: 0;
font-family: ClanPro-Bold;
margin: 0px;
}
.contactform h5 {
font-size: 15px;
padding-top: 0;
font-family: ClanPro-Bold;
}
.contactform h6 {
font-size: 15px;
padding-top: 0;
font-family: ClanPro-Bold;
}
.contactform form input[type='text'] {
padding: 15px 20px;
background: #f1f1f1;
width: 100%;
border: none;
margin-bottom: 15px;
font-size: 16px;
font-weight: 600;
color: #000;
border-radius: 10px;
}
.contactform form input[type='file'] {
padding: 15px 20px;
background: #f1f1f1;
width: 100%;
border: none;
margin-bottom: 15px;
font-size: 16px;
font-weight: 600;
color: #000;
border-radius: 10px;
}
.contactform form textarea {
padding: 8px 20px;
background: #f1f1f1;
width: 100%;
resize: none;
border: none;
margin-bottom: 10px;
font-size: 15px;
font-weight: 600;
color: #000;
border-radius: 10px;
}
.contactform form input[type='submit'] {
color: #fff;
padding: 15px 60px;
font-size: 28px;
font-weight: 800;
border: 0;
border-radius: 10px;
font-family: ClanPro-Black;
background: linear-gradient(to right, #ec890a 50%, #ffd700 50%, #ffd700);
background-size: auto;
background-clip: border-box;
background-size: 200%;
transition: 0.1s ease-out;
position: relative;
}
.contactform form input[type='submit']:hover { cursor:pointer;
background-position: -100%;
transform: scale(1.1);
}
.contactform form input[type='text']::placeholder {
color: #b2b2b2;
opacity: 1;;
}
.contactform form input[type='text']:-ms-input-placeholder {
color: #b2b2b2;
}
.contactform form input[type='text']::-ms-input-placeholder {
color: #b2b2b2;
}
.contactform form textarea::placeholder {
color: #b2b2b2;
opacity: 1;;
}
.contactform form textarea:-ms-input-placeholder {
color: #b2b2b2;
}
.contactform form textarea::-ms-input-placeholder {
color: #b2b2b2;
}
.contactuspage .owl-dots {
margin: 0;
}
.contactuspage .owl-dots .owl-dot span {
-webkit-transition: .3s ease-out;
-moz-transition: .3s ease-out;
-o-transition: .3s ease-out;
transition: .3s ease-out;
width: 14px;
height: 14px;
border: none;
background-color: #cbcbcb;
display: inline-block;
margin: 0 3px;
border-radius: 50%;
}
.contactuspage .owl-dots .owl-dot.active span {
background-color: #666;
width: 14px;
}
.contactuspage .owl-carousel .owl-nav .owl-prev span {
background: transparent;
left: 45px;
position: relative;
color: #555;
font-size: 45px;
font-weight: 400;
border: 0;
}
.contactuspage .owl-carousel .owl-nav .owl-next span {
background: transparent;
right: 45px;
position: relative;
color: #555;
font-size: 45px;
font-weight: 400;
border: 0;
}
.findstoreaccor .md-accordion .card .card-header a:not(.collapsed) .rotate-icon {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.findstoreaccor .card .card-header a:not(.collapsed) h5 {
background: #ec890a;
color: #fff;
}
.findstoreaccor .card .card-header a:not(.collapsed) h5 i {
color: #fff;
}
.findstoreaccor .card-header {
border: 0;
background: transparent;
text-align: left;
border-radius: 0;
padding: 0;
}
.findstoreaccor .card-header h5 {
color: #5fb9e2;
font-family: ClanPro-Black;
padding: 7px 12px;
background: #e5e5e5;
text-transform: uppercase;
}
.findstoreaccor .card-header h5 i {
float: right;
font-weight: 900;
color: #ec890a;
font-size: 36px;
position: relative;
top: -8px;
}
.findstoreaccor .card {
border: 0;
margin-bottom: 20px;
}
.findstoreaccor .card-body {
text-align: left;
}
.findstoreaccor .card-body h6 {
font-size: 17px;
font-family: ClanPro-Medium;
margin-bottom: 10px;
font-weight: 400;
}
.findstoreaccor .card-body p {
font-size: 15px;
margin-bottom: 5px;
color: #000;
line-height: 24px;
}
.findstoreaccor .card-body a {
font-size: 17px;
margin: 5px 0 20px;
display: inline-block;
padding: 7px 10px;
font-family: ClanPro-Bold;
color: #0063fd;
}
.gallerypage {
padding: 80px 0px;
background-image: url("../images/gallerybg.jpg");
background-size: cover;
background-repeat: repeat;
min-height: calc(100vh - 167px);
}
.gallerypage .gallerybox {
margin-bottom: 20px;
text-align: center;
}
.gallerypage .gallerybox img {
cursor: pointer;
width: 100%;
}
.gallerypage .gallerybox h3 {
font-size: 17px;
text-align: center;
}
.galleryNavBox {
background: rgba(255, 255, 255, 0.95);
padding: 35px 10px 10px 10px;
margin-top: -80px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
margin-bottom: 30px;
box-shadow: 0 8px 6px -6px black;
}
.galleryNavBox .nav-tabs {
border-bottom: none;
}
.galleryNavBox .nav-tabs .nav-link {
border: none;
}
.galleryNavBox .nav-fill .nav-item {
border: none;
border-right: 1px solid #000;
border-top-left-radius: 0rem;
border-top-right-radius: 0rem;
}
.galleryNavBox .nav-fill .nav-item a {
color: #000000;
}
.galleryNavBox .nav-fill .nav-item .active {
color: #d03238;
}
.galleryNavBox .nav-fill .nav-item:last-child {
border: none !important;
}
.galleryNavBox .brdNone {
border-right: none !important;
}
.galleryNavBox .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
color: #d03238;
background-color: transparent;
}
.galleryNavBox .nav-link {
display: block;
text-transform: uppercase;
padding: 0.2rem 1rem;
color: #000;
cursor: pointer;
}
.galleryNavBox .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link:hover {
display: block;
text-transform: uppercase;
padding: 0.2rem 0.5rem;
color: #d03238;cursor: pointer;
}
.rightArrow, .leftArrow {
background: #666;
font-size: 40px !important;
display: block;
color: #fbd700;
padding: 10px;
}
.rightArrow {
}
.leftArrow {
}
.SubMenuBx {
width: 40%;
margin: 0 auto;
position: relative;
}
.centeredFr {
position: fixed;
top: 170px;
width: 100%;
z-index: 99;
}
.centered {
position: fixed;
top: 170px;
width: 100%;
z-index: 99;
}
.pdT100New {
padding-top: 0px;
}
.pdT100 {
padding-top: 0px;
}
.magazine {
background: #d5d2cd;
padding: 50px 0;
margin-top: 25px;
}
.magazine img {
box-shadow: 0 0 15px rgba(0, 0, 0, .7);
transition: transform .5s;
cursor: pointer;
}
.magazine img:hover {
transform: scale(1.1);
}
#slidesection .headerinner {
padding: 0 0px;
}
.howmuchpage .textright {
text-align: right;
}
.howmuchdetail p {
min-height: 110px;
}
.howmuchdetail table {
width: 100%;
text-align: left;
margin-bottom: 30px;
}
.howmuchdetail table tr:first-child td {
background: #e5e5e5;
color: #00a8e1;
font-family: ClanPro-Black;
font-size: 16px;
padding: 8px 15px;
}
.howmuchdetail table tr td {
background: #f1f1f1;
color: #000;
font-family: ClanPro-NarrNews;
font-size: 15px;
padding: 5px 15px;
}
.menupage {
background: #d2d2d2;
}
.aboutthebrand p {
text-align: justify;
text-align-last: center;
}
.termandcondetail {
text-align: left;
}
.termandcondetail h3 {
text-align: left;
font-style: normal;
font-family: ClanPro-Bold;
font-size: 23px;
}
.termandcondetail h4 {
text-align: left;
font-style: normal;
font-family: ClanPro-Bold;
font-size: 19px;
}
.termandcondetail p {
text-align: left;
font-style: normal;
font-size: 16px;
text-align: justify;
text-align-last: left;
line-height: 22px;
}
.termandcondetail ul {
margin-left: 25px;
}
.termandcondetail ul li {
font-style: normal;
font-size: 16px;
text-align: justify;
text-align-last: left;
line-height: 22px;
list-style: none;
padding: 5px 0;
color: #666;
}
@media(min-width:576px) {
.headerinner {
padding: 100px 0 35px 0;
margin: 0;
}
.headerinner #slide {
top: 20px;
}
.aboutuspage .craftburger h3 {
font-size: 24px;
}
footer .ffirstbox ul li a {
font-size: 15px;
line-height: 17px;
}
}
}
@media(min-width:768px) {
.headerinner #slide {
top: 35px;
}
}
@media(max-width:576px) {
.centeredFr {
position: fixed;
top: 120px;
width: 100%;
z-index: 99;
}
.centered {
position: fixed;
top: 170px;
width: 100%;
z-index: 99;
}
.pdT100New {
padding-top: 70px;
}
.pdT100 {
padding-top: 100px;
}
.pdlr60 {
padding: 0px 30px !important;
}
.aboutuspage .craftburger h3 {
font-size: 24px;
}
.aboutuspage .craftburger p {
margin-bottom: 0;
text-align: center;
}
.aboutuspage h3 {
font-size: 24px;
}
.aboutuspage p {
text-align: justify;
}
.aboutuspage .punchline h4 {
font-size: 30px;
}
.aboutuspage .punchline {
margin: 30px 0;
}
.mainSubheading h2 {
font-size: 28px;
}
.aboutusteam .teamdetail:nth-of-type(2n+1) .row .col-lg-8 .teambox {
margin-right: 0px;
}
.aboutusteam .teamdetail:nth-of-type(2n+1) .col-lg-8 .shape2 {
display: none;
}
.aboutusteam .teamdetail:nth-of-type(2n) .row .col-lg-8 .teambox {
margin-left: 0px;
}
.aboutusteam .teamdetail:nth-of-type(2n) .col-lg-8 .shape1 {
display: none;
}
.aboutusteam .teamdetail:nth-of-type(2n+1) .col-lg-4 {
order: 0;
}
.teamdetail {
height: auto;
margin-bottom: 20px;
background: #e5e5e5;
padding: 15px 0;
}
.teamdetail .teambox h4 {
font-size: 19px;
}
.mainheading h2 {
font-size: 40px;
}
.contactbtns a {
padding: 9px 8px;
font-size: 26px;
}
.contactbtns a img {
width: 30px;
}
.contactform h3 {
font-size: 23px;
}
footer .ffirstbox ul li+li {
border-left: 0;
}
.carousel-control-prev-icon, .carousel-control-next-icon {
width: 20px;
height: 30px;
}
.findstoreaccor .card .card-header h5 {
font-size: 16px;
padding-right: 30px;
font-family: ClanPro-NarrNews;
}
.findstoreaccor .card .card-header h5 i {
position: absolute;
right: 11px;
top: 0px;
}
.faqsdetail .card .card-header h5 i {
position: absolute;
right: 11px;
top: 0px;
}
.magazine img {
margin-bottom: 30px;
}
.howmuchpage .textright {
text-align: left;
}
.howmuchpage .br6dashed {
border: 0;
}
.br6dashed {
border-top: 6px #cbcbcb dashed !important;
margin-top: 20px;
padding-top: 20px;
}
.howmuchpage .pl30 {
padding-left: 15px;
}
.howmuchpage .pr30 {
padding-right: 15px;
}
.feedbackimg {
padding-left: 0px;
}
.contactbtnsNew+.contactbtnsNew {
margin-left: 0px;
}
.galleryNavBox {
background: #fff;
padding: 40px 5px 15px 5px;
margin-top: -80px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
}
.galleryNavBox .nav-link {
display: block;
padding: 0.0rem 0.2rem;
color: #000;
}
}
@media(min-width:768px) {
.headerlogo {
width: 465px;
top: 5px;
}
#mainhomepage .hwnsocial .hwnsocial-inner {
}
#mainhomepage .hwnsocial .hwnsocial-inner .bgsshade {
left: -295px;
}
#mainhomepage .hwnsocial a+a {
margin-left: 10px;
}
#mainhomepage .hwnsocial a img {
width: 45px;
}
}
@media(min-width:992px) {
.headerinner {
padding: 60px 0 15px 0;
margin: 0 5%;
}
#mainhomepage .hwnsocial .hwnsocial-inner .bgsshade {
left: -395px;
}
#mainhomepage .hwnsocial .hwnsocial-inner {
}
#mainhomepage .hwnsocial .hwnsocial-inner span {
margin-left: 6px;
}
}
@media(min-width:1200px) {
.headerinner {
margin: 0 15%;
}
#mainhomepage .hwnsocial .hwnsocial-inner {
}
#mainhomepage .hwnsocial .hwnsocial-inner .bgsshade {
left: -495px;
}
#mainhomepage .hwnsocial a+a {
margin-left: 15px;
}
#mainhomepage .hwnsocial a img {
width: 45px;
}
#mainhomepage .hwnsocial .hwnsocial-inner span {
margin-left: 15px;
}
}
.maincontent {
overflow-x: hidden;
}
.mainheadibng {
font-family: florida-serial-black;
font-size: 74px;
}
.thankyoubtyu {
background: #f7f8fc url("../images/bg-ab-1.png") repeat-x top;
display: flex;
flex-direction: column;
min-height: calc(100vh - 167px);
position: relative;
align-items: center;
justify-content: center;
}
.thankyoubtyu .hyugt {
font-family: florida-serial-black;
font-weight: lighter;
padding-bottom: 10px;
}
.verticalalign {
display: flex;
flex-direction: column;
min-height: calc(100vh - 150px);
position: relative;
align-items: center;
justify-content: center;
}
.extpop {
top: 50px;
}
.modal-body {
border-radius: 0.3rem !important;
position: relative;
overflow: hidden;
}
.close {
position: absolute;
right: 5px;
top: 5px;
color: #fff;
opacity: 1;
}
.popnewstrt h3 {
margin: 0 auto;
margin-bottom: 0px;
line-height: 1.2;
width: 40%;
}
.popnewstrt h6 {
font-size: 12px;
line-height: 20px;
}
.popnewstrt h6 a {
color: #ffffff;
}
.topfixedbutton {
text-align: right;
position: fixed;
right: 20px;
top: 14px;
z-index: 999999;
cursor: pointer;
}
.fixedbutton {
position: fixed;
right: 5px;
bottom: 10px;
z-index: 99;
cursor: pointer;
}
.fixedimg {
transition: transform 0.5s ease;
transform: scale(0.9);
}
.fixedimg:hover {
transform: scale(1.2);
}
.onlymobile {
background-color: rgba(0, 0, 0, .5);
position: absolute;
bottom: 0;
right: 0;
height: 100%;
width: 135px;
z-index: 99;
}
.onlymobile a {
display: block;
color: #fff;
padding: 5px 0;
text-align: center;
height: 19%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
width: 100%;
text-align: center;
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
line-height: 15px;
font-family: Florida-Serial-Black;
}
.onlymobile a:nth-of-type(4) {
height: 24%;
color: #ffd700;
}
.onlymobile a+a {
border-top: 1px rgba(255, 255, 255, .2) solid;
}
.onlymobile a img {
width: 32px;
height: auto;
margin: 3px 0;
}
.homemobilesocial {
position: absolute;
bottom: 70px;
left: 10px;
border: 3px #fff dashed;
border-radius: 20px;
padding: 15px;
}
.homemobilesocial span {
display: block;
color: #fff;
font-size: 18px;
display: block;
margin-bottom: 10px;
font-weight: bold;
margin-left: 0;
}
.homemobilesocial a+a {
margin-left: 5px;
}
.homemobilesocial a img {
width: 38px;
height: auto;
}
@media(max-width:468px) {
.topfixedbutton {
text-align: right;
position: fixed;
right: 10px;
top: 24px;
z-index: 1000;
cursor: pointer;
}
.topfixedbutton img {
width: 110px;
}
.popnewstrt.modal-dialog {
margin: .5px .1rem !important;
}
.popnewstrt h6 {
font-size: 14px;
line-height: 20px;
}
.popnewstrt .modal-body {
padding: 6px !important;
}
.popnewstrt h3 {
margin: 0 auto;
margin-bottom: 0px;
line-height: 1.2;
width: 100%;
}
.popnewstrt .row {
margin: 0 -1px !important;
}
.popnewstrt .row>div {
padding: 0 1px !important;
}
}
.ordernowhomepage {
position: absolute;
bottom: 140px;
left: 10px;
}
.pushable {
background: hsl(340deg 100% 32%);
border-radius: 12px;
border: none;
padding: 0;
cursor: pointer;
outline-offset: 4px;
}
.front {
display: block;
padding: 26px 42px 16px 42px;
border-radius: 12px;
font-weight: bold;
font-size: 2.50rem;
text-transform: uppercase;
background: hsl(345deg 100% 47%);
color: white;
transform: translateY(-6px);
-webkit-animation: whiteglowing 2200ms infinite;
-moz-animation: whiteglowing 2200ms infinite;
-o-animation: whiteglowing 2200ms infinite;
animation: whiteglowing 2200ms infinite;
}
.pushable:active .front {
transform: translateY(-2px);
}
@-webkit-keyframes whiteglowing {
0% {
background: #ec890a;
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .4);
}
50% {
background: #fdde00;
color: #000;
-webkit-box-shadow: 0 0 40px rgba(0, 0, 0, .4);
}
100% {
background: #ec890a;
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .4);
}
}
@-moz-keyframes whiteglowing {
0% {
background: #ec890a;
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .4);
}
50% {
background: #fdde00;
color: #000;
-webkit-box-shadow: 0 0 40px rgba(0, 0, 0, .4);
}
100% {
background: #ec890a;
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .4);
}
}
@-o-keyframes whiteglowing {
0% {
background: #ec890a;
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .4);
}
50% {
background: #fdde00;
color: #000;
-webkit-box-shadow: 0 0 40px rgba(0, 0, 0, .4);
}
100% {
background: #ec890a;
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .4);
}
}
@keyframes whiteglowing {
0% {
background: #ec890a;
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .4);
}
50% {
background: #fdde00;
color: #000;
-webkit-box-shadow: 0 0 40px rgba(0, 0, 0, .4);
}
100% {
background: #ec890a;
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .4);
}
}
#exampleModalw .modal-body {
background-color: #fff !important;
}
#exampleModalw .modal-body .close {
opeacity: 1 !important;
color: #000 !important;
}
@media(min-width:768px) {
.popnewstrt h6 {
font-size: 16px;
line-height: 25px;
}
}
@media(max-width:768px) {
.ondes {
display:none !important;
}
.onmob {
display:inherit !important;
}
}
@media(max-width:468px) {
.front {
font-size: 1.25rem;
line-height: inherit;
padding: 16px 42px 16px 42px
}
}
.colorbluee {
background:#e11703 none !important
}
.foodcourtsection {
padding:5px 0 25px 0;
}
.foodcourtsection .yellowfood {
background-color:#fbd700;
padding:15px 10px 10px 10px;
margin:0 10px;
min-height: 93px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.foodcourtsection .yellowfood > * {
width:100%;
}
.foodcourtsection .yellowfood h3 {
margin:0;
}
.foodcourtsection .redfood {
background-color:#ec890a;
position:relative;
padding:10px 15px 5px 15px;
}
.foodcourtsection .redfood:after {
position:absolute;
left:0;
top:-9px;
content:"";
background:url("../images/cornerr.jpg") repeat-x 0 0;
width:9px;
height:9px
}
.foodcourtsection .redfood:before {
position:absolute;
right:0;
top:-9px;
content:"";
background:url("../images/cornerr.jpg") repeat-x -9px 0;
width:9px;
height:9px
}
.foodcourtsection .blueefood {
background-color:#e11703;
position:relative;
padding:20px 15px 5px 15px;
margin:0 10px;
min-height: 79px;
}
.foodcourtsection h2 {
font-size: 20px;
font-family: ClanPro-Bold;
}
.foodcourtsection .blueefood img {
position:absolute;
top:100%;
left:0;
width:100%;
height:20px;
right:0;
}
.grey_bg-new {
background-color:#e5e5e5;
}
.rightbluehead {
background-color:#e11703;
padding:26px 10px;
position:relative;
color:#fff;
text-align:center;
margin-right:33px;
margin-left:9px;
}
.rightbluehead h2 {
display:inline-block;
border-top:6px #fff solid;
border-bottom:6px #fff solid;
padding:15px 0;
font-size:25px;
line-height:25px;
font-weight:bold;
}
.rightbluehead img {
top:0;
bottom:0;
height:100%;
width:21px;
position:absolute;
left:100%;
}
.schedulebtn {
display:inline-block;
line-height:32px;
}
@media(min-width:576px) {
.mobileblockkmainhd span {
display: inline-block
}
}
@media(min-width:768px) {
.rightbluehead {
padding:76px 10px;
margin-right:0;
margin-left:0
}
.mainheading h2 span {
display:inline-block
}
.mainheading1 h2 span {
display:inline-block
}
}
@media(min-width:992px) {
.mainheading h2 {
font-size: 40px;
}
.mainheading1 h2 {
font-size: 28px; line-height:33px;
}
}
@media(min-width:1200px) {
.mainheading h2 {
font-size: 50px;
}
.mainheading1 h2 {
font-size: 37px; line-height:42px;
}
}
#page-region > div > div {
min-height:0 !important;
max-width:none !important
}
.calendly-overlay .calendly-popup-close {
top:20%;
right:20%;
}
.colcoverrs{
min-height: calc(100vh - 150px);
}
.colcoverrsinner{ height:100%; overflow:auto}
.colpoty{ position:relative;}
.colpoty .colpotyinner{ position:absolute ; top:0; right:0; bottom:0; left:00; overflow:auto}
.ondes {
display:inherit;
}
.onmob {
display:none;
}
.franchisenewsdiv {
background: #fff;
padding: 50px 0;
margin-top: 25px;
}
.franchisenewsdiv img {
box-shadow: 0 0 15px rgba(0, 0, 0, .7);
transition: transform .5s;
cursor: pointer;
}
.franchisenewsdiv img:hover {
transform: scale(1.1);
}
#franchisenewsarea .owl-dots{
display: none;
}