* {padding: 0;margin: 0;font-family: 'Roboto', sans-serif;}
body, html {overflow-x: hidden;scroll-behavior: smooth;}
p {line-height: 1.5em;margin-bottom: 10px;font-weight: 300;}
.para {font-size: 1.5em;}
.pw {color: #fff;}
.pwc {color: #fff;}
.paraw {font-size: 1.5em;color: #fff;text-align: center;}
.footerpara{margin-bottom: 0;text-align: center;}
.footerpara a{text-decoration: none;color: #fff;}
.headerphone a{text-decoration: none;color: #333;}
.header {float: left;width: 100%;height: auto;z-index: 99999;position: fixed;}
#headerspacer {height: 10vh;}
.g100 {float: left;width: 100%;height: auto;}
.g100p {float: left;width: 100%;height: auto;padding-top: 20px;padding-bottom: 20px;}
.g100pc {float: left;width: 100%;height: auto;padding-top: 20px;padding-bottom: 20px;text-align: center;}
.g100blog {float: left;width: 100%;height: auto;padding-top: 20px;padding-bottom: 20px;}
.g95 {float: left;width: 95%;height: auto;margin-left: 2.5%;}
.g90c {float: left;width: 90%;height: auto;margin-left: 5%;}
.g90 {float: left;width: 90%;height: auto;}
.g90m {float: left;width: 90%;height: auto;}
.g80 {float: left;width: 80%;height: auto;}
.g80c {float: left;width: 80%;height: auto;margin-left: 10%;}
.g80ct {float: left;width: 80%;height: auto;margin-left: 10%;text-align: center;font-size: 1.5em;}
.g70 {float: left;width: 70%;height: auto;}
.g70c {float: left;width: 70%;height: auto;margin-left: 15%;}
.g60 {float: left;width: 60%;height: auto;}
.g60c {float: left;width: 50%;height: auto;margin-left: 20%;}
.g50 {float: left;width: 50%;height: auto;}
.g50bgw {border-radius: 5px;float: left;width: 50%;height: auto;background-color: #EFE7DB;padding-bottom: 20px;}
.g50c {float: left;width: 50%;height: auto;margin-left: 25%;}
.g50r {float: right;width: 45%;height: auto;}
.g40 {float: left;width: 40%;height: auto;}
.g40c {float: left;width: 40%;height: auto;margin-left: 30%;}
.g40c a{text-decoration: none; color: #333;}
.g25 .g95 a{text-decoration: none; color: #333;}
/* .footer .g33 .g95 ul li{text-align: center;} */
.g30 {float: left;width: 30%;height: auto;}
.floatright{float: right; width: fit-content; height: auto;}
.g30c {float: left;width: 30%;height: auto;margin-left: 35%;}
.g30cmenu {float: right;width: 30%;height: auto;margin-left: 35%;}
.g25 {float: left;width: 25%;height: auto;}
.g33 {float: left;width: 33%;height: auto;}
.g25c {float: left;width: 25%;height: auto;margin-left: 37.5%;}
.g20 {float: left;width: 20%;height: auto;}
.g10 {float: left;width: 10%;height: auto;}
.footer {float: left;width: 100%;height: auto;padding-top: 50px;padding-bottom: 50px;background-color: #f99f3eff;}
.footer a {text-decoration: none;color: #FFF;}
.footer ul li {float: left;width: 100%;height: auto;list-style: none;padding-bottom: 10px;}
.footer ul li a {text-decoration: none;color: #2C072E;}
.gtopframe {float: left;width: 100%;height: auto;background-color: #f99f3eff;padding-top: 5px;padding-bottom: 5px;}
.gicon {float: left;width: 25px;height: 25px;margin-left: 10px;margin-right: 15px;}
.giconnav {float: left;width: 25px;height: 25px;margin-left: 10px;margin-right: 5px;}
.giconc {margin: 0 auto;width: 50px;height: 50px;}
#leftmargin {margin-left: 25px;}
.gmenuframe {float: left;width: 100%;height: auto;padding-top: 5px;padding-bottom: 5px;}
.logoframe {float: left;width: 20%;height: auto;}
.gtopheaderphone {float: right;width: fit-content;height: auto;color: #000;}
.gmenuwrapper {float: left;width: 80%;height: auto;text-align: center;}
.gmenuwrapper ul li {position: relative;display: inline-block;padding: 15px 10px 15px 10px;text-transform: uppercase;}
.gmenuwrapper ul li a {text-decoration: none;color: #333;}
.gallery {float: left;width: 100%;height: auto;}
.gtitle{float: left; width: 100%; height: auto;font-size: 4vw;text-align: center;text-transform: uppercase;}
.gform {float: left;width: 100%;height: auto;padding-top: 20px;padding-bottom: 20px;background-color: #172952ff;z-index: 9999;position: relative;}
.captionframe{float: left; width: 100%; height: auto;border-right: 5px solid #EF5D50;}
.gsmalltitle{float: left; width: 100%; height: auto;font-size: 1em;color: #f99f3eff;text-transform: uppercase;}
.gsmalltitlecw{float: left; width: 100%; height: auto;font-size: 1em;color: #fff;text-transform: uppercase;text-align: center;}
.gtitlecent{float: left; width: 100%; height: auto;font-size: 4vw;}
.mySlides {display: none}
.gmediumtitle{float: left; width: 100%; height: auto;font-size: 1.3em;margin-top: 10px;}
.gtitilec{float: left; width: 100%; height: auto;font-size: 1.3em;margin-bottom: 10px; text-align: center;color: #fff;text-transform: uppercase;}
.gtitilecs{float: left; width: 100%; height: auto;font-size: 1em;margin-top: 10px; margin-bottom: 10px; text-align: center;color: #fff;text-transform: uppercase;}
.gtitilecd{float: left; width: 100%; height: auto;font-size: 1.3em;margin-bottom: 10px; text-align: center;color: #333;text-transform: uppercase;}
.gtitile{float: left; width: 100%; height: auto;font-size: 1.3em;margin-bottom: 10px; color: #333;text-transform: uppercase;}
.g2{float: left; width: 100%; height: auto;padding-top: 20px;padding-bottom: 20px;}
input{float: left; width: 100%; height: 40px;text-align: center;}
.gviewmore{margin: 0 auto; width: fit-content; height: auto;padding-top: 20px;}
.gtopackage{float: left; width: 100%; height: auto;background-color: #172952ff;padding-top: 20px;padding-bottom: 20px;}
.g100p ul li { list-style: none;font-weight: 300;margin-bottom: 5px;}
.g100p ul li::before {content: url('http://infantgroup.in/i/arrowrightd.svg');display: inline-block;width: 12px;height: 12px;margin-right: 10px;}
.glearnmore::after {content: url('http://infantgroup.in/i/arrowright.svg');display: inline-block;width: 12px;height: 12px;}
.gviewmore::after {content: url('http://infantgroup.in/i/arrowrightd.svg');display: inline-block;width: 12px;height: 12px;}
/* Masonry grid */.masonry {transition: all .5s ease-in-out;column-gap: 30px;column-fill: initial;  }
/* Masonry item */  .masonry .brick {margin-bottom: 30px;display: inline-block; /* Fix the misalignment of items */vertical-align: top; /* Keep the item on the very top */  }
/* Masonry image effects */  .masonry .brick img {transition: all .5s ease-in-out;backface-visibility: hidden; /* Remove Image flickering on hover */  }
.masonry .brick:hover img {opacity: .75;  }
/* Bordered masonry */  .masonry.bordered {column-rule: 1px solid #D8B86D;column-gap: 50px;  }
.masonry.bordered .brick {padding-bottom: 25px;margin-bottom: 25px;border-bottom: 1px solid #D8B86D;  }
/* Gutterless masonry */  .masonry.gutterless {column-gap: 0;  }
.masonry.gutterless .brick {margin-bottom: 0;  }
/* Masonry on tablets */  @media only screen and (min-width: 768px) and (max-width: 1023px) {.masonry {  column-count: 3;}
  }
/* Masonry on big screens */  @media only screen and (min-width: 1024px) {.desc {  font-size: 1.1em;  font-style: italic;}
  .intro {  letter-spacing: 1px;}
  .masonry {  column-count: 3;}
  }
.g1{float: left;width: 100%; height: 100vh;background-image: url('http://scynelis.com/i/giraffe.webp');background-position: center;background-size: cover;background-repeat: no-repeat;}
.gmenu{float: left;width: 100%; height: auto;text-align: center;margin-top: 50px;}
.gmenu ul li{display: inline-block;padding-left: 10px;padding-right: 10px;text-transform: uppercase;}
.gmenu ul li a{text-decoration: none;color: #333;}
.g1title{margin:0 auto; width: fit-content; height: auto; padding: 20px;background-color: #aa0044ff;font-size: 3vw;color: #fff;text-transform: uppercase;border-radius: 20px;margin-top: 30vh;}
.g2{float: left;width: 100%; height: auto;padding-top: 50px;padding-bottom: 50px;color: #333;}
.gsubtitle{margin: 0 auto; width: fit-content; height: auto;background-color: #aa0044ff;color: #fff;padding-top: 5px;padding-bottom: 5px;padding-left: 20px;padding-right: 20px;}
.g3{float: left;width: 100%; height: auto;padding-top: 50px;padding-bottom: 50px;}
.g4{float: left;width: 100%; height: auto;padding-top: 50px;padding-bottom: 50px;background-color: #aa0044ff;}
.gtitlecom{float: left;width: 100%; height: auto;}

.g5{float: left; width: 100%; height: auto;padding-top: 20px;padding-bottom: 20px;}
.g6{float: left; width: 100%; height: auto;padding-top: 20px;padding-bottom: 20px;}
.g7{float: left; width: 100%; height: auto;padding-top: 20px;padding-bottom: 20px;background-color: #aa0044ff;color: #fff;}
.g8{float: left; width: 100%; height: auto;padding-top: 20px;padding-bottom: 20px;}
.g9{float: left; width: 100%; height: auto;padding-top: 20px;padding-bottom: 20px;background-image: url('http://scynelis.com/i/pbg.webp');background-position: center;background-size: cover;background-repeat: no-repeat;}
.gtitlec{float: left; width: 100%; height: auto;font-size: 4vw;text-align: center;}


.gformtry{float: left;width: 100%; height: auto;-webkit-box-shadow: -1px 0px 17px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: -1px 0px 17px 0px rgba(0,0,0,0.75);
  box-shadow: -1px 0px 17px 0px rgba(0,0,0,0.75);border-radius: 25px;padding-top: 20px;padding-bottom: 20px;}
.gfootertitle{float: left;width: 100%; height: auto;font-size: 1.2vw;text-transform: uppercase;color: #fff;margin-bottom: 10px;}
.rf{float: left;width: 25px; height: auto; margin-top: -7px;}
.submitform{float: left; width: 50%;margin-left: 25%; height: auto;background-color: #aa0044ff;color: #fff;padding-left: 20px;padding-right: 20px;padding-top: 10px;padding-bottom: 10px;}
.gcode{float: left;width: 100%; height: auto;margin-top: 30px;}
input{float: left; width: 100%; height: 40px;text-align: center;border: none;border-bottom: 1px solid #aa0044ff;}

.footerpara{margin-bottom: 0;text-align: center;}
.footerpara a{text-decoration: none;color: #fff;}

.footer {float: left;width: 100%;height: auto;padding-top: 50px;padding-bottom: 50px;background-color: #aa0044ff;}
.footer a {text-decoration: none;color: #FFF;}
.footer ul li {float: left;width: 100%;height: auto;list-style: none;padding-bottom: 10px;}
.footer ul li a {text-decoration: none;color: #fff;}
.gcaptionwrapper{float: left;width: 100%; height: auto;margin-top: 20vh;margin-bottom: 20vh;}

.copyright{float: left;width: 100%; height: auto;text-align: center;color: #fff;background-color: #aa0044ff;padding-top: 5px;padding-bottom: 5px;text-transform: uppercase;font-size: 12px;}
.gviewmore{margin: 0 auto; width: fit-content; height: auto;padding-top: 20px;}
.gviewmored{margin: 0 auto; width: fit-content; height: auto;padding-top: 20px;}
.gviewmore::after {
  content: url('https://scynelis.com/i/arrowrightd.svg');
  display: inline-block;
  width: 12px;
  height: 12px;
}
.gviewmored::after {
  content: url('https://scynelis.com/i/arrowrightd.svg');
  display: inline-block;
  width: 12px;
  height: 12px;
}
.gviewmore a{text-decoration: none;color: #FFF;}
.gviewmored a{text-decoration: none;color: #333;}
.smallheader{float: left;width: 100%; height: auto;background-color: #fff;position: fixed;}
.g10s{float: left;width: 10%; height: 50px;}
.g10s img {height: 100%;}
.g90s{float: left;width: 90%; height: auto;}
.gmenus{float: left;width: 100%; height: auto;text-align: center;margin-top: 15px;}
.gmenus ul li{display: inline-block;padding-left: 10px;padding-right: 10px;text-transform: uppercase;}
.gmenus ul li a{text-decoration: none;color: #333;}

.gmenuframe {
  float: left;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  background-color: white;
  z-index: 999999;
} 

.show_on_mobile {
  display: none;
}

.hide_on_mobile {
  display: block;
}

.menuicon {
  float: right;
  position: absolute;
  right: 35px;
}

@media screen and (max-width: 750px) {.smallheader {display: block !important;}
.headerr{display: none;}
#headerspacer {height:0vh;}
.g25 {float: left;width: 100%;height: auto;margin-bottom: 10px;}
.gmenuitem{float: left; width: 100%; height: 100vh;background-color: #f99f3eff;z-index: 9999;position: fixed;display: none;z-index: 99999;}
.g100pf a{ text-decoration: none;color: #333;}
.g100m{float: left; width: 100%; height: auto;margin-top: 5px;margin-bottom: 5px;}
.gpagetitleinner{margin: 0 auto; width: fit-content; height: auto;text-align: center;font-size: 8vw;color: #fff;font-weight: bold;}
.g20 {float: left;width: 100%;height: auto;}
.g50 {width: 100%;margin-bottom: 20px;}
.g50bgw {width: 100%;margin-bottom: 20px;}
.g50c {width: 100%;margin-left: 0;}
.g60c {width: 100%;margin-left: 0;}
.g40c {width: 100%;margin-left: 0;}
.g30 {width: 100%;margin-left: 0;}
.g33 {width: 100%;}
.g33 {width: 100%;}
.g40 {width: 100%;}
.g60 {width: 100%;}
.show_on_mobile {display: block;}
.hide_on_mobile {display: block;}
.g1{float: left;width: 100%; height: 40vh;background-image: url('https://scynelis.com/i/giraffe.webp');background-position: center;background-size: cover;background-repeat: no-repeat;}
.g1title{margin:0 auto; width: fit-content; height: auto; padding: 20px;background-color: #aa0044ff;font-size: 3vw;color: #fff;text-transform: uppercase;border-radius: 20px;margin-top: 10vh;}
.g10 {float: left;width: 30%;height: auto;}
.g90m {float: left;width: 70%;height: auto;}
.g2{float: left;width: 100%; height: auto;padding-top: 10px;padding-bottom: 10px;color: #333;}
.gsubtitle{margin: 0 auto; width: fit-content; height: auto;background-color: #aa0044ff;color: #fff;padding-top: 5px;padding-bottom: 5px;padding-left: 20px;padding-right: 20px;}
.g3{float: left;width: 100%; height: auto;padding-top: 50px;padding-bottom: 50px;}
.g4{float: left;width: 100%; height: auto;padding-top: 50px;padding-bottom: 50px;background-color: #aa0044ff;}
.gtitle{float: left; width: 100%; height: auto;font-size: 4vh;text-align: center;text-transform: uppercase;}
.gsubtitle{float: left; width: 100%; height: auto;background-color: #aa0044ff;color: #fff;padding-top: 5px;padding-bottom: 5px;}
.gmobile{float: left;width: 70%; height: auto;text-align: center;margin-left: 10%;}
.g33 img{width: 70%; margin-left: 15%;}
.g33{margin-bottom: 20px;}
.gcaptionwrapper{float: left;width: 100%; height: auto;margin-top: 5vh;margin-bottom: 5vh;}
.gfootertitle{float: left;width: 100%; height: auto;font-size: 3vw;text-transform: uppercase;color: #fff;margin-bottom: 10px;}
.gmobilemenu{float: left;width: 80%; height: auto;margin-left: 10%;margin-top: 20vh;}
.gmobilemenu ul li{display: block;margin-top: 10px;margin-bottom: 10px;}
.gmobilemenu ul li a{text-decoration: none;text-transform: uppercase; text-align: center;}
}