-@charset "utf-8";

/*body css start*/
body { overflow-x: visible; font-family: "DM Serif Text", serif; font-size: 16px; line-height: 24px; font-weight: 400; letter-spacing: 0px; color: #fff; overflow: visible; }
.container { max-width: 1440px; }
h1, h2, h3, h4, h5, h6 { color: #fff; font-weight: 400; font-family: "DM Serif Text"; font-style: italic; }
h1 { font-size: 250px; line-height: 0.9; letter-spacing: -7.5px; font-family: "DM Serif Display", serif; padding-top: 50px; }
h2 { font-size: 200px; line-height: 0.8; letter-spacing: -6px; }
h3 { font-size: 36px; line-height: 0.84; }
h4 { font-size: 30px; line-height: 1; }
b, strong { font-weight: 700; }
p { }
a { text-decoration: none; color: #fff; -o-transition: all 0.2s; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; }
*:focus { outline: none; outline-offset: 0px none; }
a:hover, a:focus { color: #fff; text-decoration: none; outline: none; }
button:focus { outline: 0px none; outline: 0px auto -webkit-focus-ring-color; }
body { background-image: url('../images/landingpage/landing-page-background-image.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: fixed; }
.btn-theme { background-color: #000000; font-size: 40px; font-style: italic; font-family: "DM Serif Text", serif; padding: 30px 100px; text-align: center; line-height: 1; display: flex; color: #ffffff; font-weight: 400; letter-spacing: -0.8px; cursor: pointer; text-transform: capitalize; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.btn-theme:hover { background: #ffffff; color: #AA020F; }
.mb-30 { margin-bottom: 30px; }
.mb-50 { margin-bottom: 50px; }
#DhamakaModal input[type="submit"] { background: #000000; font-size: 18px; font-style: italic; font-family: "DM Serif Text", serif; padding: 16px 25px; color: #fff; text-transform: capitalize; font-weight: 400; border: navajowhite; }
#DhamakaModal input[type="submit"]:hover { background: #AA020F !important; border: navajowhite; }

/*Fullscreen Css Start*/
.overflowhide { overflow: hidden; }
.pageloaderLanding { z-index: 11; position: fixed; top: 0px; left: 0px; width: 100%; height: 100vh; background-image: url('../images/landingpage/landing-page-background-image.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: fixed; }
.pageloaderLanding .container { position: relative; min-height: 100%; }
.caption { text-align: center; width: 100%; position: absolute; top: 0px; height: 100%; left: 0px; }
.contentmain { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; min-height: 100%; }
.imganimation { text-align: center; }
.logomain { margin-bottom: 15px; opacity: 0; transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.2s; transform: matrix(1.1, 0, 0, 1.1, 0, -50); display: block; }
.logotextcol { display: block; overflow: hidden; text-align: center; margin-bottom: 35px; }
.logotext { margin-bottom: 10px; opacity: 0; transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1.000); transform: matrix(1, 0, 0, 1, -350, 0); display: inline-block; margin: 0px 2px; }
.logotextcol .logotext:nth-child(1) { transition-delay: 0.25s; }
.logotextcol .logotext:nth-child(2) { transition-delay: 0.20s; }
.logotextcol .logotext:nth-child(3) { transition-delay: 0.15s; }
.logotextcol .logotext:nth-child(4) { transition-delay: 0.1s; }
.logotextcol .logotext:nth-child(5) { transition-delay: 0.05s; }
.animText.logotext { transform: matrix(1, 0, 0, 1, 0, 0); opacity: 1; }
.logotext2 { opacity: 0; transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.4s; transform: matrix(1, 0, 0, 1, 0, 50); }
.animText.logotext2 { transform: matrix(1, 0, 0, 1, 0, 0); opacity: 1; }
.h100vh { height: 100vh; }
.h100vhinner { height: 100%; }
.dhamaka-banner-text { display: flex; align-items: center; justify-content: center; }
.h-space { height: 80vh; }
.fixedsectionimg { width: 100%; display: flex; justify-content: center; align-items: center; position: sticky; top: 6%; }
.w-50 { width: 50%; }
.firecrackerrow-wrap img { width: 100%; height: auto; }
.followus { flex-direction: column; }
.socialicon a { margin: 0px 10px; display: inline-flex; background-color: transparent; width: 70px; height: 70px; vertical-align: middle; border-radius: 100%; text-align: center; border: 1px solid #fff; transition: all 0.3s ease; align-items: center; justify-content: center; }
.socialicon a:hover { background-color: transparent; }
.socialicon a svg { fill: #fff; width: 32px; height: 32px; transition: all 0.3s ease; }
.socialicon a:hover svg { fill: #AA020F; }
.socialicon a:hover { background: #fff; }
.socialicon a:hover svg path { fill: #AA020F; stroke: #AA020F; }
.text-black { color: #000; }
button.headerclose { outline: navajowhite; border: navajowhite; box-sizing: content-box; }
.headerclose a::before, .headerclose a::after { background: #000; height: 1px; }
.DhamakaModal h3 { font-style: none }
.modal-body { padding: 50px; overflow: hidden; border-radius: 0px; }
.modal-content { border-radius: 0px; }
button.headerclose { background: transparent; height: 20px; width: 20px; top: 20px; right: 20px; }
.headerclose a { height: 20px; width: 20px; }
.headerclose a::before { width: 20px; top: 50%; transform: translateY(-50%) rotate(-45deg); }
.headerclose a::after { width: 20px; transform: translateY(-50%) rotate(45deg); top: 50%; }
.headerclose a:hover::before, .headerclose a:hover::after { background: #000; }
.mainlogo a { display: inline-block; }
.mainlogo { padding: 30px 0px; position: absolute; top: 0; }
.mainlogo { position: absolute; top: 0; left: 0; z-index: 9; }
.pageloaderLanding { overflow: hidden; }
.mobimg { display: none; }
.modal-content h3 { margin-bottom: 25px; }
form .form-control { padding: 14px 22px; color: #444; }
.form-group { margin-bottom: 20px }
form .form-control { border: 1px solid #444; }
form .form-control:focus { border-color: #AA020F; outline: 0; background-color: transparent; }
.mb-450 { margin-bottom: 450px; }
.mb-300 { margin-bottom: 300px }
.singletextleft { padding-right: 14px; }
.singletextright { padding-left: 14px }
.singletext { overflow: hidden; }


@media screen and (max-width: 1920px) and (min-height: 1000px) {
.fixedsectionimg {
   
    top: 15%;
}
}

@media only screen and (min-width:1650px) {
    .container { max-width: 1536px; }
}
@media only screen and (max-width:1650px) {
    h1 { font-size: 150px; letter-spacing: -4.5px; }
    h2 { font-size: 120px; line-height: 0.8; letter-spacing: -3px; }
    .btn-theme { padding: 25px 50px; }
    .mb-300 { margin-bottom: 200px; }
    .mb-450 { margin-bottom: 300px; }
}
@media only screen and (max-width:1199px) {
    .mobimg { display: block; }
    .desktopimg { display: none; }
    .h-space { height: unset; }
    .logomain img { max-width: 200px; margin: 0px auto; }
    .contentmain { width: 100%; }
    .mainlogo { padding: 15px 0px; }
    .mainlogo img { max-width: 50px; }
    h1 { font-size: 80px; letter-spacing: -2.5px; padding-top: 0px; }
    .mobimg { width: 100%; text-align: center; }
    .mobimg img { max-width: 500px; }
    h2 { font-size: 70px; line-height: 0.8; letter-spacing: -2px; }
    .btn-theme { padding: 15px 30px; font-size: 30px; letter-spacing: 0; }
    .socialicon a { margin: 0px 5px; width: 40px; height: 40px; }
    .socialicon a svg { fill: #fff; width: 20px; height: 20px; transition: all 0.3s ease; }
    .mb-30 { margin-bottom: 20px; }
    .mb-50 { margin-bottom: 30px; }
    .logotextcol { transform: scale(0.7); }
    .logotextcol { margin-bottom: 20px; }
    .h100vh { height: auto; }
    section.dhamaka-banner { padding-top: 120px; margin-bottom: 80px; }
    section.firecrackerrow { margin-bottom: 70px; }
    section.singlebtnrow, .followusrow, section.singletextrow { margin-bottom: 100px; }
    button.headerclose { height: 20px; width: 20px; top: 15px; right: 15px; }
    .modal-body { padding: 30px; }
    .logotext2 img { max-width: 370px }
    body { background-attachment: scroll; /* disable fixed on mobile */ }
    .singletextright { padding-left: 7px; }
    .singletextleft { padding-right: 7px; }
}
@media only screen and (max-width:992px) {
    .mobimg img { max-width: 400px; }
}
@media only screen and (max-width:580px) {
    .mobimg img { max-width: 300px; }
    h1 { font-size: 70px; letter-spacing: -1px; }
    h2 { font-size: 45px; letter-spacing: -1px; }
    .btn-theme { padding: 12px 25px; font-size: 24px; letter-spacing: 0; }
    h4 { font-size: 20px; }
    h3 { font-size: 30px; }
    form .form-control { padding: 15px 15px; }
    body { background-image: url('../images/landingpage/landing-page-background-image-mob.jpg'); }
    .logomain img { max-width: 160px; }
    .logotextcol { transform: scale(0.6); }
    .logomain img { max-width: 160px; }
    .logotext2 img { max-width: 320px; }
    .logotextcol { margin: 0px 0px; padding-left: 20px; }
    form .form-control { margin-bottom: 0px; }
    .singletextright { padding-left: 5px; }
    .singletextleft { padding-right: 5px; }
}