.popup-slider .item .content img {
  margin: auto;
}


@font-face {
  font-family: 'mulilight';
  src: url('../fonts/muli-light-webfont.woff2') format('woff2'),
       url('../fonts/muli-light-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'muliregular';
  src: url('../fonts/muli-regular-webfont.woff2') format('woff2'),
       url('../fonts/muli-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'mulisemibold';
  src: url('../fonts/muli-semibold-webfont.woff2') format('woff2'),
       url('../fonts/muli-semibold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}
@font-face {
  font-family: 'MuliBlack';
  src: url('../fonts/MuliBlack.eot');
  src: url('../fonts/MuliBlack.eot') format('embedded-opentype'),
       url('../fonts/MuliBlack.woff2') format('woff2'),
       url('../fonts/MuliBlack.woff') format('woff'),
       url('../fonts/MuliBlack.ttf') format('truetype'),
       url('../fonts/MuliBlack.svg#MuliBlack') format('svg');
}

@font-face {
  font-family: 'mulibold';
  src: url('../fonts/muli-bold-webfont.woff2') format('woff2'),
       url('../fonts/muli-bold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}


@font-face {

  font-family: 'MuliExtraBold';
  src: url('../fonts/MuliExtraBold.eot');
  src: url('../fonts/MuliExtraBold.eot') format('embedded-opentype'),
       url('../fonts/MuliExtraBold.woff2') format('woff2'),
       url('../fonts/MuliExtraBold.woff') format('woff'),
       url('../fonts/MuliExtraBold.ttf') format('truetype'),
       url('../fonts/MuliExtraBold.svg#MuliExtraBold') format('svg');

}


@font-face {
  font-family: 'Rockwell';
  src: url('../fonts/Rockwell.eot');
  src: url('../fonts/Rockwell.eot') format('embedded-opentype'),
       url('../fonts/Rockwell.woff2') format('woff2'),
       url('../fonts/Rockwell.woff') format('woff'),
       url('../fonts/Rockwell.ttf') format('truetype'),
       url('../fonts/Rockwell.svg#Rockwell') format('svg');
}


@font-face {
  font-family: 'RockwellBold';
  src: url('../fonts/RockwellBold.eot');
  src: url('../fonts/RockwellBold.eot') format('embedded-opentype'),
       url('../fonts/RockwellBold.woff2') format('woff2'),
       url('../fonts/RockwellBold.woff') format('woff'),
       url('../fonts/RockwellBold.ttf') format('truetype'),
       url('../fonts/RockwellBold.svg#RockwellBold') format('svg');
}



* { margin: 0px; padding: 0px; -webkit-font-smoothing: antialiased; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-text-size-adjust: none; }
html, body { width: 100%; font-size: 14px; line-height: 1.86; color: #1c2d41; font-family: 'muliregular'; background: #f7f7f8; }
*::-webkit-input-placeholder { opacity:1; color: #75808c; }
*::-moz-placeholder { opacity:1; color: #75808c; }
*:-ms-input-placeholder { opacity:1; color: #75808c; }
input[type=checkbox] { -webkit-appearance: checkbox; margin: 5px 0 0 5px; display: inline-block; vertical-align: top;}
button, input, textarea, select { -webkit-appearance: none; -webkit-border-radius: 0px; font-family: 'mulisemibold'; font-size: 16px; transition: all 0.6s; -webkit-transition: all 0.6s; -ms-transition: all 0.6s; }
:focus,input:focus, textarea:focus { outline: none; }
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; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
:focus { outline: none; }
p { color: #1c2d41; opacity: 0.9; }  
a { text-decoration: none; transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; text-decoration: none; outline: none; color: #000; }
a:hover { text-decoration: none; }
ul, ol { list-style: none; }
h1, h2, h3, h4, h5, h6 {  font-family: 'MuliExtraBold'; }

img { display: block; }  

/***New css*/
.logo img {
  width: 200px;
}
.bannerSlide:before {
  content: "";background: linear-gradient(90deg, #ffffffd9 33.99%, rgba(250, 252, 255, 0) 100%);
  position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;}.banner_bar .subtext h1 {font-size: 45px;    line-height: 1.2;}
.right-header ul li img {width: 70px;    border-radius: 6px;}
.right-header ul li {display: inline-block;    margin-right: 20px;}
.right-header ul li:last-child a, .errorBox a {background-color: #6f3def;font-size: 18px;color: #fff;padding: 12px;border-radius: 6px;}
.headerItems{   align-items: center;margin: 0px -10px 0;}
.right-header ul li:last-child:hover {box-shadow: 0px 20px 20px -15px rgba(0, 0, 0, 0.5);}
header.header_site.stickyhead .logo img {filter: brightness(0) invert(1);}
header.header_site.stickyhead .right-header ul li:last-child a {background-color: #fff;color: #4819f2;}
.leader-app.itemBox.disflexArea .subText .heading img, .classroomArea .subText img {width: 80px;margin-bottom: 20px;border-radius:6px;}
.leadersArea .itemBox {padding-bottom: 50px;}
.footerBox .item ul li a:hover {background-color: #4819f2;color: #fff !important;}
  /* wrapper */
#wrapper { width: 100%; position: relative; overflow: hidden; }

.container { padding: 0 15px; width: 100%; max-width: 1210px; margin: 0 auto }
.container_lg { padding: 0 15px; width: 100%; max-width: 1450px; margin: 0 auto }
.disflexArea { display: flex; -webkit-display: flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; justify-content: space-between; -webkit-justify-content: space-between; }
.algnflexArea { align-items:center; -webkit-align-items:center; }

.heading { width: 100%; }
.heading h2 { font-size: 32px; color: #1c2d41; line-height: 1.13; opacity: 1; }

.header_site { padding: 35px 0 20px; width: 100%; position: absolute; top: 0; left: 0; right: 0; z-index: 9999; }

.header_site.stickyhead { -webkit-animation:stickyhead ease-in-out 0.7s 0.1s both; -moz-animation:stickyhead ease-in-out 0.7s 0.1s both; animation:stickyhead ease-in-out 0.7s 0.1s both; width: 100%; top:0; left: 0px; position: fixed; box-shadow: 0 0 7px rgba(0,0,0,.3); z-index: 9999; border: none; background: #4819f2; padding: 15px 0px; }


header.header_site form { position: relative; }
header.header_site form input.searchbox { width: 100%; font-size: 16px; color: #75808c; padding: 12px 20px; border: 0; background: #fff; line-height: 1.54; }
header.header_site form button.searchIcon { color: #fff;  opacity: 0.56; position: absolute; top: 0; bottom: 0; right: 15px; font-size: 24px; border: 0; background: transparent; cursor: pointer;  }


.banner_bar { width: 100%;  } 
.bannerSlide { padding: 110px 0; width: 100%; height: 700px; background-size: cover; background-repeat: no-repeat;position: relative; }  
.banner_bar .container { height: 100%; display: flex; align-items: flex-start; justify-content: flex-start; }
.banner_bar .subtext { width: 100%;     padding-top: 200px;z-index: 999;  }  
.banner_bar .subtext .box { margin: 0 auto; padding: 15px 30px 15px 15px; max-width: 580px; border-radius: 42px; align-items: center; box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.5); background: #1c2d41; }    
.banner_bar .subtext .box span {  width: 54px; height: 54px; display: flex; justify-content: center; align-items: center; background-color: #1bcf6e; border-radius: 100%; }
.banner_bar .subtext .box h3 { font-size: 20px; color: #1ce274; opacity: 0.9; font-family: 'mulibold'; }
.banner_bar .subtext .box a.click { font-size: 14px; color: #f7f7f8; opacity: 0.9; }
.banner_bar .subtext .box .closeBtn img { width: 20px; }

/* experimentArea */
.experimentArea { padding: 0 0 80px; width: 100%; }
.experimentArea .itemBox1 {  width: 100%; padding: 58px 80px; box-shadow: 0 32px 28px 0 rgba(75, 61, 125, 0.22); border-bottom: 8px solid #4819f2; background: #fff; position: relative; z-index: 1; top: -50px; } 

.experimentArea .itemBox1 .heading { width: 26%; position: relative; z-index: 1; }
.experimentArea .itemBox1 .content { width: 74%; padding: 0 0 0 40px; }
.experimentArea .itemBox1 .content .text { width: calc(50% - 17px); }



/* leadersArea */

.leadersArea { width: 100%; padding: 0 30px; border-bottom: 2px solid #e3e3e6; } 
.leadersArea .itemBox {  }
.leadersArea .itemBox .subText { width: 50%; padding: 0 110px 0 0; }
.leadersArea .itemBox .subText p { padding: 0 0 30px; }
 a.more { color: #4819f2; font-family: 'mulisemibold'; }
.leadersArea .itemBox .heading h2 { margin: 0 0 20px; }
.leadersArea .itemBox .galleryImage { width: 50%; position: relative;display: flex;justify-content: flex-end;    padding-bottom: 50px; }
.leadersArea .itemBox .galleryImage .images { width: calc(50% - 10px); }
.leadersArea .content-image, .hoverImage { width: 100%; display: block; }
.leadersArea .hoverImage { display: none; }
.content:hover .content-image{ display: none; }
.leadersArea .itemBox .galleryImage .images .content { position: relative; width: 100%;  margin: 0 0 15px; overflow: hidden; }
.leadersArea .itemBox .galleryImage .images .content:hover .hoverImage { display: block; box-shadow: 0 32px 28px 0 rgba(75, 61, 125, 0.22);
  background-blend-mode: color-burn; }
  
.leadersArea .itemBox .galleryImage .images .content .content-details { position: absolute; padding-left: 1em; padding-right: 1em; width: 100%; top: 70%; left: 0; opacity: 0; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; z-index: 2; }
.leadersArea .itemBox .galleryImage .images .content a.arrowIcon { position: absolute; top: 20px; right: 20px; display: none; transition: all ease 0.5s; z-index: 3;  }
.leadersArea .itemBox .galleryImage .images .content:hover a.arrowIcon { display: block; }
.leadersArea .itemBox .galleryImage .images .content:hover .content-details { top: 60%; left: 0; opacity: 1; }
.leadersArea .itemBox .galleryImage .images .content .content-details h3 { color: #fff; line-height: 1.4; font-family: 'RockwellBold'; }
.leadersArea .itemBox .galleryImage .images .content .content-details p { color: #fff; font-size: 14px;  line-height: 1.43;  font-family: 'mulibold'; }
.leadersArea .itemBox .galleryImage .images .content .fadeIn-bottom { top: 80%; }
.leadersArea .itemBox .galleryImage .images:nth-of-type(1) .content:nth-of-type(1):hover .content-details { top: 48%; }
.leadersArea .itemBox .galleryImage .images:nth-of-type(2) .content:nth-of-type(2):hover .content-details { top: 48%; }

/* .leadersArea  { position: absolute; right: 30px; bottom: 40px; } */
.bannerslickSlider .slick-dots { position: absolute; bottom: 80px; left: 0; right: 0; text-align: center; margin: 0 auto; }
.leadersArea .slick-dots, .resourcesArea .panelContainer .slick-dots  { position: absolute; bottom: -9px; left: 0; }
.leadersArea .slick-dots  li .button:focus,  .bannerslickSlider .slick-dots li button:focus, .resourcesArea .panelContainer .slick-dots li button:focus  { border: 0; outline: 0; } 
.leadersArea .slick-dots  li, .bannerslickSlider .slick-dots li, .resourcesArea .panelContainer .slick-dots li { display: inline-block; }
.leadersArea .slick-dots  li button, .bannerslickSlider .slick-dots li  button, .resourcesArea .panelContainer .slick-dots li  button { margin: 0 6px; width: 8px; height: 8px; font-size: 0; border: 1px solid transparent; background: #cecece; border-radius: 100%;}
.leadersArea .slick-dots  li.slick-active button, .bannerslickSlider .slick-dots li.slick-active button, .resourcesArea .panelContainer .slick-dots li.slick-active button { background: #626d7b; border: 1px solid transparent; }



 /* classroomArea */
 .classroomArea { width: 100%; }
 .rommPart {  padding: 60px 30px; }  
 .classroomArea .container { -webkit-display: flex; display: flex; justify-content: flex-end; }
 .classroomArea .subText { max-width: calc(50% - 10px); }
 .classroomArea .heading h2 { padding: 0 0 20px; } 
 .classroomArea  .subText p { padding: 0 0 30px; }
 .classroomArea img.classImages { width: 100%; margin: -125px 0 0; display: block; }
 .classroomArea .heading {width: calc(50% - 10px);}
 section.classroomArea .borderArea {padding-bottom: 140px;}
 .classroomArea .subText h2 {padding-bottom: 20px;font-size: 32px;line-height:1.2em;}




/* footer_part */
.footer_site { padding: 70px 0 0; background: #1c2d41;  position: relative; }
ul.fooetr-btns li a {    background-color: #d8d8d8;padding: 13px;font-size: 15px !important;    color: #1c2d41 !important;    border-radius: 6px;}
.footerBox.disflexArea h3 {padding-bottom: 38px;}
ul.fooetr-btns li a span { margin-right: 10px;}
ul.fooetr-btns li {margin-bottom: 26px;}
.copyrightArea.disflexArea .item {width: calc(33.3% - 10px);}
.item.disclaimer {
    text-align: center;
}
.item.disclaimer ul li a{color:#fff;}
.copyrightArea.disflexArea .item:last-child ul li {display: inline;padding-right: 40px;}
.copyrightArea.disflexArea .item:last-child ul li a {color: #fff;}
.copyrightArea.disflexArea .item:last-child ul {text-align: right;}

/* footerBox */
.footerBox { padding-bottom: 60px; border-bottom: 2px solid #f7f7f8; display: flex; -webkit-display: flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; justify-content: space-between; -webkit-justify-content: space-between; }
.footerBox .item { width: calc(33.33% - 0px);     text-align: center;}
.item.footer-contact ul li a {
    background-color: transparent !important;
}
.footerBox  h3 { padding-bottom: 25px; font-size: 20px; line-height: 1.2; color: #f7f7f8; opacity: 0.9; }
.footerBox .item ul li { padding: 5px 0; line-height: 1; }
.footerBox .item ul li a { font-size: 14px; color: #f7f7f8; line-height: 1.1; position: relative; z-index: 1; font-family: 'mulisemibold'; opacity: 0.9; }
.footerBox .item ul li a:hover { color: #1ce274; }
.item.footer-contact ul li {
    color: #f7f7f8;
}

.footerBox .socialIcons { padding: 60px 0 0; }
.socialIcons ul li:first-child { padding: 0 70px 0px 0; font-size: 20px; line-height: 1.2; color: #f7f7f8; font-family: 'MuliExtraBold'; }
.socialIcons ul li { display: inline-block; }
.socialIcons ul li a { margin-right: 20px; width: 32px; height: 32px; line-height: 32px; font-size: 14px; text-align: center; color: #1c2d41;  border-radius: 5px; background: #d8d8d8; display: inline-block; }
.socialIcons ul li a i { line-height: 32px; color: #1c2d41; }
.socialIcons ul li a:hover{    background-color: #4819f2;}
.socialIcons ul li a:hover i{ color: #fff;}



.footerBox .contectItem { width: 30%; }
.footerBox .contectItem .icon { padding-top: 20px;  }
.footerBox .contectItem .icon:nth-of-type(1) { padding: 0 0 60px; }
.footerBox .contectItem .icon p { padding: 0 25px 0 0; font-size: 14px; color: #f7f7f8; flex: 1; opacity: 0.9; font-family: 'mulisemibold'; }
.footerBox .contectItem .icon p a { color: #f7f7f8; }
.footerBox .contectItem .icon i { margin-right: 20px; width: 24px; height: 24px; line-height: 24px; font-size: 14px; text-align: center; color: #1c2d41;  border-radius: 5px; background: #d8d8d8; }
.footerBox .contectItem .icon i.fas.fa-phone { transform: rotate(90deg) }

.phone { cursor: text; }

/* copyrightArea */
.copyrightArea { padding: 40px 0 90px; width: 100%; }
.copyrightArea {  }
.copyrightArea.disflexArea { justify-content: flex-start; -webkit-justify-content: flex-start; }
.copyrightArea .FtrText { padding: 0 0 0 50px; }
.copyrightArea .FtrText h3 { padding-bottom: 5px; font-size: 20px; opacity: 0.9; line-height: 1.2; color: #f7f7f8;}
.copyrightArea .FtrText p { font-size: 14px; opacity: 0.9;  line-height: 1.71; color: #f7f7f8; font-family: 'mulisemibold';}


/* copyright */
.footerBtn { width: 100%; padding: 15px 0; text-align: center; background: #5e6977; }
.footerBtn p { font-size: 14px; opacity: 0.9; color: #f7f7f8; font-family: 'mulibold'; letter-spacing: 0.49px; }

/*Privacy*/
section.privacy-policy {
    padding: 185px 0px 50px;
}
section.privacy-policy h1 {
    font-family: Rockwell;
    padding-bottom:20px;
    color: #1c2d41;
    font-size: 48px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.08;
    letter-spacing: normal;
}
section.privacy-policy h2 {
    padding-top: 30px; padding-bottom:20px;}
    
/**Error page*/

.errorpage {
    padding: 180px 0px;
}
.errorpage h1 {
    font-size: 100px;line-height:1.3em;
}
.errorBox {
    border: 1px solid #1c2d41;
    padding: 40px;
    border-radius: 10px;    margin-top: 20px;
}
/* Responsive */

@media all and (max-width: 1800px){ 
   


}
@media all and (max-width: 1620px){ 

}
@media all and (max-width: 1560px){

}

@media all and (max-width: 1365px){


}

@media all and (max-width: 1279px){
       
}


@media all and (max-width: 1199px){
  
}

@media all and (max-width: 1040px){

}
@media all and (max-width: 991px){
  .errorpage h1 {
    font-size: 50px;}  
.experimentArea .itemBox1 .heading {
    width: 100%;
} 
.experimentArea .itemBox1 .heading h2 {
    width: 29%;
    margin: 0 0 30px;
}
.experimentArea .itemBox1 .content {
    width: 100%;
    padding: 0;
}
.experimentArea .itemBox1 .content .text {
    width: calc(50% - 10px);
}
.experimentArea .itemBox1 {
    padding: 30px 30px;
}
.leadersArea .itemBox .subText {
    width: 100%;
    padding: 0 0px 35px 0;
}
.leadersArea .itemBox .galleryImage img {
    width: 100%;
}
.classroomArea .heading img {
    width: 100%;
}
.classroomArea .subText {
    max-width: calc(100% - 10px);
}
.socialIcons ul li:first-child {
    padding: 0 22px 0px 0;}
.socialIcons ul li a {
    margin-right: 5px;}  
.disflexArea.errorpage .item {
    width: calc(100% - 0px);
    margin-bottom: 35px;
}    
}
@media all and (max-width:850px){
    .footerBox .item {
    width: calc(100% - 0px);
}
.copyrightArea.disflexArea .item {
    width: calc(100% - 10px);
}
.copyrightArea.disflexArea .item:last-child ul {
    text-align: left;
    padding-top: 30px;
}
.item.disclaimer {
    text-align: left !important;
    padding-top: 17px;
} 
}
@media all and (max-width: 767px){
    
.right-header ul li{    margin-right: 4px;}
.right-header ul li img {
    width: 34px;}
.logo img {
    width: 130px;
}    
.banner_bar .subtext h1{    line-height: 1.1em;}   
.leadersArea{padding: 0 15px;}
h2{line-height:1.2em;}
.socialIcons ul li a {
    margin-right: 8px;}
.bannerSlide{height: 500px;}
.banner_bar .subtext{    padding-top: 100px;}
.experimentArea .itemBox1 .heading h2 {
    width: 100%;}
.experimentArea .itemBox1 .content .text {
    width: calc(100% - 10px);
    padding-bottom: 20px;
}
.experimentArea {
    padding: 0 0 30px;}
.leadersArea .itemBox .galleryImage {
    width: 100%;}
.classroomArea .heading {
    width: calc(100% - 10px);
}    
 header.header_site form input.searchbox{padding: 12px 9px;font-size: 14px;}   
 .experimentArea .itemBox1 {
    padding: 20px 15px;
}
.classroomArea .subText{padding-top: 40px;}
.rommPart {
    padding: 60px 15px;
}
.socialIcons ul li:first-child {
    padding: 0 10px 0px 0;}
.errorBox{padding: 20px;} 
.errorpage {
    padding: 135px 0px;
}
   
}