* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    text-decoration: none
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}
ol,
ul {
    list-style: none
}
blockquote,
q {
    quotes: none
}

button {
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
input::-webkit-contacts-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0;
}
a:focus,
button:focus,
input:focus,
a:hover {
    outline: none;
    text-decoration: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}
.clearfix:after {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
    display: table;
    clear: both
}
.clearfix:before {
    clear: both;
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
    display: table
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.pull-right {
    float: right
}
.pull-left {
    float: left
}
img {
    display: block;
    max-width: 100%
}

a {
outline: 0;
}
a:hover,
a:active,
a:focus {
     outline: none;
}
:hover,
:active,
:focus {
     outline: none;
}
input::-moz-focus-inner {
border: 0;

}

body {
    
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    overflow-x: hidden !important;
}

.hide_menu{display: none!important;}

section { float: left; width: 100%; }
header {width: 100%; float: left; top: 0; left: 0; z-index: 99999; background: #000; padding: 5px 0 13px 0; position: fixed; height: 68px; }
.container{ max-width: 1240px; width: 1240px; position: relative; margin: 0 auto; }

.navigation { float: left; width: 94%; text-align: center; }
.navigation ul { padding-top: 10px; }
.navigation li {  display: inline-flex; vertical-align: top;}
.navigation li a { transition: all ease 0.7s; font-size: 16px; color: #fff; display: block; padding: 0 15px; line-height: 36px; border:1px solid transparent; }
.navigation li.logoInnavigaion a img { width: 200px; height: 193px;  transition: all ease 0.7s;}
.navigation li.logoInnavigaion a { padding: 0; }

.navigation li.logoInnavigaion { margin-bottom: -160px; }
.navigation li a:hover { color: #ED008C; border: 1px solid #ED008C; border-radius: 20px; }
.navigation li.logoInnavigaion a:hover { border: 1px solid transparent; }

.enroltoday { position: absolute; font-size: 15px; text-transform: uppercase; padding: 0 15px; color: #fff; background: #ED008C; border: 1px solid #ED008C; border-radius: 20px; transition: all ease 0.7s; right: 0; top:10px; display: inline-block; line-height: 36px;}
.enroltoday:hover { background: none; color: #ED008C; }

.section1 { position: relative; float: left; width: 100%; }
.mainSlider { float: left; width: 100%; position: relative; }
.sliderCaption { position: absolute; width: 100%; text-align: center; bottom: 21%; }
.sliderCaption .enroltoday { position: relative;  font-size: 21px; padding: 0 34px; line-height: 66px; font-weight: 600; border-radius: 40px; }
.sliderCaption h2{ color: #fff; font-weight: 700; font-size: 60px; line-height: 60px; padding-bottom: 15px; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); }
.sliderCaption h3{ font-family: 'Dancing Script', cursive; font-size: 48px; padding-bottom: 25px; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); color: #fff; text-transform: capitalize;}
.sliderCaption h3 span{ color: #F2C94C; }
.btmArrow { float: left; width: 100%; text-align: center;  bottom: 0%; padding: 50px 0 0 0; position: absolute;}
.btmArrow a { display: inline-block; }
.btmArrow {
        -webkit-animation: action 1s infinite  alternate;
        animation: action 1s infinite  alternate;
    }
    @-webkit-keyframes action {
        0% { transform: translateY(0); }
        100% { transform: translateY(-20px); }
    }
    @keyframes action {
        0% { transform: translateY(0); }
        100% { transform: translateY(-20px); }
    }
.slick-arrow { display: none !important; }
.slick-list { padding: 0 !important; }
.slick-dots { position: absolute; width: 4%;  bottom: 12%; z-index: 99; text-align: center;  left: 1%; right: 0; margin: auto;}
.slick-dots li { position:relative;border-radius: 50%; width: 12px; height: 12px; position: relative; border:1px solid #fff; float: left; margin: 0 2px; float: left;}
.slick-dots li button {   font-size: 0; cursor: pointer; border-radius: 50%;padding: 0; margin: 0; }
.slick-dots li.slick-active {border:1px solid #fff; }
.slick-dots li.slick-active button { background: #fff; width: 100%; height: 100%; border-radius: 50%; position: absolute;left: 0; top:0; }


.blueBox { float: left; width: 100%; background: #5802C6; padding: 50px 0; text-align: center; }
.blueBox li { display: inline-block; border-left: 2px solid #fff; padding: 0 15px; }
.blueBox li:first-child { border: none; }
.blueBox li span {color: #EDE400; font-size: 36px; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);} 

.OurBrand { float: left; width: 100%; padding: 50px 0; } 
.OurBrand h3, .aboutsect h3 { font-weight: bold; font-size: 48px; line-height: 50px; padding-bottom: 30px; color: #ED008C; }
.aboutsect h3{padding-bottom: 50px;}

.BrandSlider .slick-dots { position: absolute; width: 7%; margin-bottom: -30px;  bottom: 0%; z-index: 99; text-align: center;  left: 1%; right: 0; margin: auto;}
.BrandSlider .slick-dots li { position:relative;border-radius: 50%; width: 12px; height: 12px; position: relative; border:1px solid #ED008C; float: left; margin: 0 2px; float: left;}
.BrandSlider .slick-dots li button {   font-size: 0; cursor: pointer; border-radius: 50%;padding: 0; margin: 0; }
.BrandSlider .slick-dots li.slick-active {border:1px solid #ED008C; }
.BrandSlider .slick-dots li.slick-active button { background: #ED008C; width: 100%; height: 100%; border-radius: 50%; position: absolute;left: 0; top:0; }
.OurBrand .slick-track { margin: auto; }
.aboutLeft { float: left; width: 30%; }
.aboutRight { float: left; width: 68%; }
.aboutsect { float: left; width: 100%; padding: 80px 0 50px 0; }
.aboutVideo { float: left; width: 90%; position: relative; }
.aboutVideo img { float: left; width: 100%; }
.playvideoabout { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 99; width: 60px; height: 60px; }
.playvideoabout img { width: 60px; height: 60px; }
.aboutContent { float: left; width: 100%; }
.aboutContent p{ font-size: 20px; color: #000; padding-bottom: 40px; line-height: 36px; }
.aboutContent strong { font-size: 24px; font-weight: 500; padding-right: 30px; display: block; line-height: 35px; }

.ourCourse { float: left; width: 100%; position: relative; background: #F7F7F7; }
.ourCourse:after { content: ''; height: 100%; background: #fff; right: 0; top:0; width: 38%; position: absolute;  }
.ourCourseLeft { float: left; width: 65%; padding: 45px 0; }
.ourCourseRight { float: right; width: 35%; position: relative;z-index: 9; padding: 25px 0; }
.courseList { float: left; width: 100%; }
.courseList h4 { color: #000; font-weight: 600; font-size: 23px; line-height: 30px; padding-bottom: 20px; }
.courseList li{ background: url(../images/listArrow.png) no-repeat left 3px; padding: 0 0 10px 25px; color: #000; font-size: 15px; }
.ourCourseDtl { float: left; width: 100%; padding-right: 30px; }
.ourCourseDtl h3 {  color: #ED008C; font-size: 40px; font-weight: 600; padding-bottom: 25px; line-height: 40px;}
.ourCourseDtl li { background: url(../images/redBullet.png) no-repeat left 8px; padding: 0 0 18px 25px; color: #000; font-size: 15px; line-height:24px;}
.ourCourseDtl ul { float: left; width: 100%; padding-bottom: 30px; }
.ourCourseDtl p { color: #000; font-size: 18px; line-height:30px;}

.session { float: left; width: 100%; text-align: center; padding: 60px 0 70px 0; }
.session p{ color: #000;font-size: 26px; font-weight: 600; line-height: 34px; padding-bottom: 15px; }
.session p samp{ color: #ED008C; }
.session p span { display: block; } 
.sessionBtn { float: left; width: 100%;  text-align: center; }
.sessionBtn .enroltoday { position: relative; border-radius: 25px; font-size: 21px; padding: 0 34px; line-height: 66px; font-weight: 600; border-radius: 40px;}

.blckBox { float: left; width: 100%; background: #000; padding: 50px 0; }
.blckBoxLeft, .blckBoxRight { float: left; width: 50%; }
.blckBoxContent { float: left; width: 100%; padding: 5% 15% 0 0; }
.blckBoxContent p { color: #fff; font-size: 24px; line-height: 42px; padding-bottom: 20px; }
.blckBoxContent .enroltoday { position: relative; font-size: 21px; padding: 0 34px; line-height: 66px; font-weight: 600; border-radius: 50px; }
.blckBoxRightContent { float: left; width: 100%; }
.blckBoxRightContent span { display: inline-block; color: #fff; font-size: 19px;  padding: 0 30px; border:1px solid #fff; margin: 0 10px 10px 0; line-height: 60px; border-radius: 5px; letter-spacing: 1px; font-weight: 300;}

.aboutAnkit { float: left; width: 100%; padding: 70px 20px; }
.aboutAnkit span { float: left; position: relative; padding: 30px 50px 40px 0; margin-right: 60px; }
.aboutAnkit span:before { position: absolute; content: ''; width: 5px; height: 90px; background: #ED008C; right: 0; top:0; }
.aboutAnkit span:after { position: absolute; content: ''; width: 90px; height: 5px; background: #ED008C; right: 0; top:0; }
.aboutAnkit h4{ color: #ED008C;font-size: 45px;font-weight: 600;padding:50px 0 40px 0;line-height: 40px; }
.aboutAnkit p { font-size: 20px; line-height: 32px; padding-bottom: 20px; }
.aboutAnkit strong { display: block; font-size: 27px; padding: 30px 0; font-weight: 500; line-height: 40px; }
.colargeSlider { float: left; width: 100%; padding: 50px 20px; }
.colargeInner { float: left; width: 100%; }
.colargeInner img { float: left; width: 100%; }
.awardjurny { float: left;width: 100%;padding: 50px 20px 50px 20px; } 
.awardjurny h5 span{ float: left;padding: 20px 30px 0 0; }
.awardjurny h5 { color: #000; font-size: 40px; font-weight: 700; padding: 0 50px 50px 0; } 
.awardjurny h5 samp { display: block; }

.awardjurnyList { float: left; width: 100%; }
.awardjurnyList ul { float: left; width: 50%; padding: 0 20px 0 0; }
.awardjurnyList li {  background: url(../images/listArrow.png) no-repeat left 3px; font-weight:600;padding: 0 0 24px 25px; color: #000; font-size: 16px; }
.awardjurnyList li.noImage { background: none; }
.awardjurnyList li.noImage a { color: #000; }

.ankitVideoSect { float: left; width: 100%; padding: 0 20px; }
.videoSectAnkit { float: left; width: 100%; position: relative; }
.videoSectAnkit img { float: left; width: 100%; }

.playvideo { position: absolute;width: 80px; height: 80px; left: 0; right: 0; top:0; bottom: 0; margin: auto;}

.ourGrooms { float: left; width: 100%; padding: 70px 0 0 0; }
.ourGrooms h3 { text-align: center; padding-bottom: 50px; color: #ED008C;font-size: 45px;font-weight: 600 }
.ourGroomsList { float: left;width: 100%; background: #5802C6; padding-bottom: 100px; position: relative; }
.ourGroomsList:before { position: absolute; content: '';  left: 0; top:0; background: #fff; height: 200px; width: 100%; }
.ourGroomsSlider { float: left; width: 100%; }
.ourGroomsSlider .slick-dots { bottom: 0; margin-bottom: -20px; }
.ourGroomsSlider .slick-dots li.slick-active {border:1px solid #ED008C; }
.ourGroomsSlider .slick-dots li.slick-active button { background: #ED008C; width: 100%; height: 100%; border-radius: 50%; position: absolute;left: 0; top:0; }
.footer { float: left; width: 100%; background: #000; padding: 40px 0; }
.footerLeft, .footerRight{ float: left; width: 50%; }
.socialLinks { float: left; width: 100%; padding-bottom: 25px;} 
.socialLinks li { float: left; padding-right: 40px;}
.socialLinks li a{ display: block; transition: all ease 0.7s; }
.socialLinks li a:hover { margin-top: -5px; }
.footerLeft p { color: #D5D5D5; font-size: 16px; }
.contactInfo { float: right; text-align: right; }
.contactInfo a { color: #D5D5D5; font-size: 16px; line-height: 40px; margin-bottom: 20px; display:inline-block; }
.contactInfo a span, .contactInfo p span { float: right; margin: 0 0 0 15px; }
.contactInfo a:hover {  color: #ED008C; }
.contactInfo p { color: #D5D5D5; font-size: 16px; line-height: 40px;}


.enqueryForm { position: fixed; width: 100%; height: 100%; z-index: 99999; background: #5802C6; left: 0; top:0; display: none; } 
.enqueryFormBox { float: left; width: 100%; padding: 10% 5%; }
.enqueryFormLeft { float: left; width: 40%; }
.enqueryFormLeft h5 { text-transform: uppercase; font-size: 95px; color: rgba(255, 255, 255, 0.42); line-height: 95px; font-weight: 700; }
.enqueryFormRight { float: left; width: 60%; }
.enqueryFormLeft p{ color: #fff; font-size: 28px; }
.formSect { float: left; width: 100%; padding: 10px 0 0 40px; }
.formRow { float: left; width: 100%; }
.rowLeft { float: left; width: 48%; }
.rowRight { float: right; width: 48%;  }
.inputF, .inputtextarea { float: left; width: 100%; border-radius: 5px; padding: 5px 15px; font-size: 15px; border:none;  height: 46px; margin-bottom: 25px}
.inputtextarea { height: 100px; font-family: 'Montserrat', sans-serif;}
.registerBtn { cursor: pointer; background: #ED008C; margin-bottom: 25px; border-radius: 5px; line-height: 48px; color: #fff; font-size: 22px; padding: 0 60px; text-transform: capitalize; border:none;} 
.registerBtn:active{border:2px solid #fff;}
.formSect p { font-size: 16px; color: #fff; font-weight: 300 }
.formSect p span { display:block;  }
.closeBtn { position: absolute; right: 20px; top:10px; color: #fff; font-size: 60px; }

header.darkHeader { padding-top: 0; }

 
header.darkHeader .navigation li.logoInnavigaion {margin-top: -17px;}
header.darkHeader .navigation li.logoInnavigaion a img{ width: 76px;height: 72px; }
header.darkHeader .enroltoday { top:15px; }
header.darkHeader .navigation ul { padding-top: 14px; }
.enqueryForm.showPopUp { display: block; overflow: auto; }
body.hideScroll { overflow: hidden !important; }
.mainSlider, .mainImage, .mainImage img { height: 100vh; width: 100%; }
.responsiveLogo { display: none; float: left; margin-top: -3px; }
.responsiveLogo a { display: block; }
.responsiveLogo a img { width: 76px;height: 72px; }
.mobileMenu { position: absolute; right: 27px; top:23px; width: 40px; height: 40px; display: none; } 
.mobileMenu a { display: block; } 
.mobileMenu a span { display: block; background: #fff; height: 2px; margin-bottom: 7px; }


.thanksPage { float: left; width: 100%; padding: 8% 0; text-align: center; height: 100vh; position: relative; }
.thanksLogo { float: left; width: 100%; padding-bottom: 2%; }
.thanksLogo a { display: block; text-align: center; }
.thanksLogo a img { display: inline-block; width: 170px; }

.backtohome { display: inline-block; padding: 0 25px; color: #fff; background: #ED008C;border: 1px solid #ED008C;
    border-radius: 20px; transition: all ease 0.7s; display: inline-block;line-height: 40px; }

.backtohome:hover { color: #ED008C; background: #fff; }
.thankpageContent h4{ font-size: 28px; font-weight: 600; padding-bottom: 15px; }
.thankpageContent p{ font-size: 17px; color: #000; padding-bottom: 25px; line-height: 26px;}
.thankpageContent p span { display: block; }
.thankpageContent { position: absolute; left:0; right: 0; top:0;bottom: 0; margin:auto; height: 300px; }