@font-face {
    font-family: 'proxima_novablack';
    src: url('fonts/fontsfree-net-proxima-nova-black-webfont.woff2') format('woff2'),
         url('fonts/fontsfree-net-proxima-nova-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_novabold';
    src: url('fonts/fontsfree-net-proxima-nova-bold-webfont.woff2') format('woff2'),
         url('fonts/fontsfree-net-proxima-nova-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


/*--------------------------   Slider --------------------------*/
.bx-controls-auto {
    display: none;
}
.ca-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
}

.ca-item {
    position: relative;    
    height: 100%;
    text-align: center;
}

.ca-item-main {
   
}

.ca-item-main h3 {
    text-align: center;
    font-size: 18px !Important;
    color: #284599 !Important;
    font-weight: normal;
    font-family: 'RalewayMedium' !Important;
    margin-bottom: 10px;
}

.ca-item-main .content {
    word-wrap: break-word;
}
.ourstaffcont p {
    margin-bottom: 10px;
    text-shadow: 0px 0px;
    font-size: 13px !important;
    color: #747474;
    line-height: 24px !important;
    padding: 0px 15px;
    font-family: 'RalewayMedium';
    font-weight: normal !Important;
}
.ca-nav span {
    width: 25px;
    height: 38px;
/*     background: transparent url(/wp-content/uploads/2016/07/arrows.png) no-repeat top left; */
    position: absolute;
    top: 50%;
    margin-top: -19px;
    left: -40px;
    text-indent: -9000px;
    opacity: 0.7;
    cursor: pointer;
    z-index: 100;
}
.ca-nav span.ca-nav-next {
    background-position: top right;
    left: auto;
    right: -40px;
}

div#ca-container {
    position: relative;
    margin: 25px auto 20px auto;
    width: 990px;
    height: 450px;
}
.owl-nav .owl-prev {
    position: ABSOLUTE;
    top: 50%;
    left: 70px;
	border: 0px;
	background: none;
	cursor: pointer;
}
.owl-nav .owl-next {
    position: absolute;
    top: 50%;
    right: 70px;
	border: 0px;
	background: none;
	cursor: pointer;
}

.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
  display: none;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
  transform-style: preserve-3d;
}
.owl-carousel .owl-item {
   
    z-index: 99999;
}
/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
/*   background: url("owl.video.play.png") no-repeat; */
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
} 

.owl-theme .owl-dots .owl-dot {
  display: inline-block;
}

.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #d6d6d6;
  display: block;
  -webkit-backface-visibility: visible;
  -webkit-transition: opacity 200ms ease;
  -moz-transition: opacity 200ms ease;
  -ms-transition: opacity 200ms ease;
  -o-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #000;
}

.owl-dots {
    text-align: center;
}
/*--------------------------   end Slider --------------------------*/

/**********************************
		STYLE RESET STARTS
**********************************/

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, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, 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; vertical-align: baseline; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { min-height: 101vh; }
body { font-size: 15px; line-height: 1;  font-family: 'nunitoregular'; }
 
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ul { list-style: none; }
ol{ padding-left: 25px; }
 
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; } 
 
table, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0; font-size: 100%; font: inherit; vertical-align: baseline; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; max-width: 100%; }
th, td{ padding: 10px; }
th{ font-weight: 500; }

table[border="0"], table[border="0"] th, table[border="0"] td{ border: none; }
 
p { margin:0 auto; font-size: 13px; line-height: 18px; color: #333; }

/**********************************
		STYLE RESET ENDS
**********************************/

/**********************************
		COMMON STYLE STARTS
**********************************/
*, ::before, ::after{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; outline: none; }

.text-left, .txtLft { text-align: left; }
.text-right, .txtRit { text-align: right; }
.text-center, .txtCntr { text-align: center; }
.text-justify, .txtJsty { text-align: justify; }

.text-lowercase, .txtLow { text-transform: lowercase; }
.text-uppercase, .txtUps, .txtCaps { text-transform: uppercase; }
.text-capitalize, .txtCapt { text-transform: capitalize; }

.clear, .clearfix{ clear:both; }
.clearfixer::after{ content: ''; display: block; visibility: hidden; height: 0; width: 100%; clear: both; }

a, img{ border:none; outline:none; text-decoration:none; }
a:focus, input:focus, textarea:focus{outline:none; text-decoration:none;}
img{ display: inline-block; }
em,i{ font-style: italic; }

hr{ margin:20px auto; border: none; border-bottom: 1px solid #ccc; }

/***** WP RELATED STYLES ****/
.alignleft { display: inline; float: left; margin-right: 1.5em; }
.alignright { display: inline; float: right; margin-left: 1.5em; }
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }

.alignnone, .aligncenter, .alignleft, .alignright, .alignwide{ margin-top: 0; margin-bottom: 0; }

.entry-content a, .entry-summary a, .widget a, .site-footer .widget-area a, .posts-navigation a, .widget_authors a strong{ 
	-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;
}

/**********************************
		COMMON STYLE ENDS
**********************************/

body { margin: 0 auto; color: #231f20;  position: relative; min-height: 100vh; background: #FFF; }

body.mailMsg{ overflow: hidden; }
.formMsg{ margin: 0 auto; background: rgb(0 0 0 / 50%); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; -webkit-display:flex; -webkit-flex-wrap:wrap; -webkit-justify-content:center; -webkit-align-items:center; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; text-align: center; padding: 0 20px; }
.formMsg > div{ background: #fff; padding: 30px; position: relative; }
.formMsg > div span{ position: absolute; display: inline-block; top: -15px; right: -15px; cursor: pointer; color: #fff; background: #f33e3e; height: 30px; width: 30px; text-align: center; line-height: 30px; border-radius: 25px; }


h1 { margin: 10px auto 20px; font:700 40px 'Myriad Pro', sans-serif; color: #000; }
h2 { margin: 10px auto; font:700 35px 'Myriad Pro', sans-serif; color: #000; }
h3 { margin: 10px auto; font:700 30px 'Myriad Pro', sans-serif; color: #000; }
h4 { margin: 10px auto; font:500 20px 'Myriad Pro', sans-serif; color: #000; }
h5 { margin: 10px auto; font:400 18px 'Myriad Pro', sans-serif; color: #000; }
p { margin: 0 auto 10px;  font-family: 'Josefin Sans'; color: #231f20; -ms-word-wrap: break-word; word-wrap: break-word; overflow-wrap: break-word; }
p strong { font-weight: 700; }
a { color: #00577d; }
a:hover, a:focus { text-decoration: none !important; color:#000; }
hr.grayLine { margin: 0 auto; border-bottom: 1px solid #E5E5E5; }
ul { margin: 0 auto 10px;  color: #231f20; font-family: 'nunitoregular'; }

button:focus, button:active{ outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }


.mainWrap{ margin: 0 auto; width: 100%; max-width: 1600px; -webkit-display:flex; -webkit-flex-wrap:wrap; -webkit-justify-content:space-between; -webkit-align-items:stretch; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:stretch; }
.banner{ margin: 0; position: relative; width: calc(100% - 490px); background: url(images/banner.jpg) no-repeat center; -webkit-background-size: cover; background-size: cover; min-height: 600px; }
.bnrLogos{ margin: 0 auto; float: left; width: 20%;}
.bnrLogos img{ margin: 0 auto; display: inline-block; padding: 10px 0; }
.formWrap{ margin: 0; width: 490px; padding: 60px 20px 30px; }
/*.regForm{ margin: 0 auto; border: 1px solid  #00c2f3; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; padding: 25px; padding-top: 50px; position: relative; text-align: center; }*/
.regForm {
    margin: 0 auto;
    background: #eeeeee;
    text-align: center;
    padding-bottom: 20px;
}
.regForm p, .regForm .form_contact {
    width: 80%;
    margin: 0 auto;
}
.form_contact {
    padding: 15px 0;
}
.regForm.loading::after{ content: ''; position: absolute; top: -20px; left: 0; right: 0; bottom: 0; z-index: 5; background: rgba(255,255,255,0.5) url(images/ajax-loader-lg.gif) no-repeat center; }
.regForm h4{ font-weight: 700; font-size: 18px; position: absolute; margin: 0 auto; line-height: 20px; top: -10px; left: 0; right: 0; text-align: center; color:#222; }
.regForm h4 span{ background: #fff; padding: 0 15px; display: inline-block; }
.fieldWrap{ margin: 0 auto 20px; }
.fieldWrap label{ margin: 0 auto 3px; display: block; text-align: left; }
.fieldWrap label span{ color:#FF0004; }
.fieldWrap input{ margin: 0 auto; display: block; line-height: 35px; border: none; padding: 0 10px; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.regForm button{ 
    background: #023d98;
    padding: 10px 25px 5px;
    color: #fff;
    border: none;    margin-top: 14px;
    font-size: 15px;
    font-family: 'Josefin Sans';
    border: 1px solid #2761aa;
    cursor: pointer;
}
.regForm button:hover, span.button_web a:hover, a.button_link:hover { border: 1px solid #023d98; background: #fff; color: #023d98;}



.logobar{ margin: 0 auto; width: 100%; }
.logoStrip{ margin: 0 auto; max-width: 1550px; -webkit-display:flex; -webkit-flex-wrap:wrap; -webkit-justify-content:space-between; -webkit-align-items:center; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; }


.doctor{ font-weight: 600; font-size: 32px; margin:15px auto; text-align: center; color:#fff; width: 40%; font-family:Arial, sans-serif; }

.aoutcnt{ margin: 0 auto; padding: 50px 10px 25px; max-width: 1150px; text-align: justify; }
.aoutcnt p{ margin-bottom: 15px; }

.pathWayContainer{ margin: 0 auto; padding: 50px 10px 20px; position: relative; overflow: hidden; }
.pathWayWrap{ margin:0 auto; max-width: 1150px; padding: 50px 30px; position: relative; border: 1px solid  #00c2f3; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
.pathWayWrap h3{ margin: 0 auto; position: absolute; font-size: 22px; line-height: 24px; top: -34px; width: 100%; text-align: center; font-weight: 400; left: 0; right: 0; max-width: 90%; }
.pathWayWrap h3 span{ background: #fff; margin: 0 auto; display: inline-block; padding: 0 20px; }
.pathWayWrap h3 span img{ margin-right: 20px; display: inline-block; vertical-align: middle; }
.pathWayWrap h3 strong{ font-weight: 400; display: inline-block; vertical-align: middle; }
.pathBoxWrap{ margin: 0 auto; -webkit-display:flex; -webkit-flex-wrap:wrap; -webkit-justify-content:space-between; -webkit-align-items:stretch; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:stretch; }
.pathBox{ margin: 0; width:calc(25% - 10px); background: #1783c6; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.pathBox.pathOne, .pathBox.pathFour{ width:calc(23% - 10px); }
.pathBox.pathTwo, .pathBox.pathThree{ width:calc(27% - 10px); }
.pathBox * { color:#fff; }
.pathBox.pathThree .pathCnt *, .pathBox.pathFour .pathCnt * { color:#222; }
.pathTitle, .pathCnt{ margin: 0 auto; padding: 10px 15px; position: relative; }
.pathCnt{ padding: 10px; }
.pathTitle{ border-bottom: 2px solid  #FFF; height: 70px; }
.pathTitle::before{ content: ''; background: url(images/color-divider.png) no-repeat center left -20px, url(images/color-divider.png) no-repeat center right -20px; width: calc(100% + 12px); height: 70px; position: absolute; left: -2px; top: 0; bottom: 0; z-index: 2; }
.pathTitle::after{ content: ''; background: #1783c6; width: 20px; height: 70px; position: absolute; right: -10px; top: 0; bottom: 0; z-index: 1; border-bottom: 2px solid  #FFF; }
.pathBox.pathThree .pathTitle, .pathBox.pathFour .pathTitle,
.pathBox.pathThree .pathTitle::after, .pathBox.pathFour .pathTitle::after{ border: none; }
.pathBox.pathThree .pathCnt, .pathBox.pathFour .pathCnt { height: calc(100% - 72px); width:calc(100% - 4px); position: relative; background: #fff; }
.pathTitle h4{ margin: 0 auto 5px; color:#fff; font-size: 20px; font-weight: 400; position: relative; z-index: 3; }
.pathTitle h5{ margin: 0 auto; color:#fff; font-size: 16px; font-weight: 400; position: relative; z-index: 3; }
.pathCnt p, .pathCnt ul li{ margin: 0 auto; color:#fff; font-size: 15px; font-weight: 400; }

.pathBox.pathTwo, .pathBox.pathTwo .pathTitle::after{ background: #68be66; }
.pathBox.pathThree, .pathBox.pathThree .pathTitle::after{ background: #f4763f; }
.pathBox.pathFour, .pathBox.pathFour .pathTitle::after{ background: #ef466d; }

p.pathInfo{ position: absolute; right: 30px; bottom: 10px; font-size: 14px; line-height: 14px; }
h4.pathSlogan{ margin: 0 auto; position: absolute; font-size: 24px; font-weight: 700; color:#00c2f3; line-height: 24px; left: 0; right: 0; width: 100%; bottom: -12px; text-align: center; }
h4.pathSlogan span{ background: #fff; margin: 0 auto; display: inline-block; padding: 0 20px; }
h4.pathSlogan i{ display: inline-block; margin: 0 4px; font-size: 28px; }

.cambLevels{ margin: 0 auto; padding: 40px 10px 0; max-width: 1150px; text-align: justify; }
.cambLevels p{ margin-bottom: 15px; }

.choiceContainer{ margin:20px auto; background: #feebe9; padding: 20px 10px; }
.choiceWrap{ margin: 0 auto; max-width: 1400px; border: 1px solid  #ef476e; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; overflow: hidden; }
.choiceWrap h3{ margin: 0 auto; background: #ef476e; color:#fff; text-align: center; font:700 26px Georgia, serif; padding: 8px 10px; }
.choiceWrap ul{ margin: 0 auto; list-style: none; padding:20px 30px; }
.choiceWrap li{ margin: 0 auto; display: inline-block; width: calc(25% - 5px); vertical-align:text-top; }
.choiceWrap p{ margin: 0 auto; padding-left: 15px; position: relative; font:400 26px Georgia, serif; color:#555; }
.choiceWrap p::before{ content: ''; position: absolute; top: 12px; left: 0; background: #ef476e; width: 7px; height: 7px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }

.progContainer{ margin: 0 auto; background: #b9e5fb; padding: 70px 10px 30px; }
.progWrap{ margin: 0 auto; max-width: 1450px; -webkit-display:flex; -webkit-flex-wrap:wrap; -webkit-justify-content:space-between; -webkit-align-items:stretch; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:stretch; }
.progCol{ margin: 0; background: #fff; border: 1px solid  #00577d; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; position: relative; padding: 60px 20px 20px; }
.progCol:first-child{ width: 57%; }
.progCol:last-child{ width: calc(43% - 20px);  }
.progCol h3{ margin: 0 auto; position: absolute; top: -10px; left: 0; right: 0; font-size: 32px; color:#fff; text-align: center; max-width: 90%; }
.progCol h3 span{ margin: 0 auto; display: inline-block; background: #00577d; padding: 10px 20px; -webkit-border-radius: 0 0 15px 15px; -moz-border-radius: 0 0 15px 15px; border-radius: 0 0 15px 15px; position: relative; }
.progCol:not(:first-child) h3 span::before, .progCol h3 span::after{ content: ''; position: absolute; top: 0; left: -10px; border: 5px solid  #231f20; border-top-color: transparent; border-left-color: transparent; }
.progCol h3 span::after{ border-left-color: #231f20; border-right-color: transparent; left: auto; right: -10px; }
.progCol:first-child h3 span::before{ content: ''; background: url(images/icon.png); width: 89px; height: 62px; position: absolute; left: -33px; top: -41px; }
.progCol p{ margin: 0 auto; text-align: justify; }

.groupContainer{ margin: 0 auto; background: #feebea; padding: 20px 10px; }
.groupWrap{ margin: 0 auto; max-width: 1450px; position: relative; padding-left: 50px; min-height: 300px; }
.groupWrap > h4{ margin: 0 auto; color:#ef476e; font:700 26px Georgia, serif; -webkit-transform-origin:top left; transform-origin:top left; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); transform: rotate(-90deg); position: absolute; left: 0; top: 300px; }
.gTable{ margin: 0 auto; -webkit-display:flex; -webkit-flex-wrap:wrap; -webkit-justify-content:space-between; -webkit-align-items:stretch; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:stretch; 
	border: 1px solid  #ef466d; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; overflow: hidden;
}
.gCell{ margin: 0 auto; width: 18%; font:700 25px Georgia, serif; font-weight: 400; }
.gCell:nth-child(1), .gCell:nth-child(6){ width: 14%; }
.gHead{ background: #ef476e; padding: 8px 20px; color:#fff; border-right: 1px solid  #FFF; font-weight: 700; }
.gSubHead{ background: #f8c4c0; color:#ef476e; padding: 20px; border-right: 1px dashed  #ee8787; border-bottom: 1px dashed #ee8787; }
.gCnt{ padding: 15px 20px;  border-right: 1px dashed #ee8787; }
.gCell:nth-child(6) .gHead, .gCell:nth-child(6) .gSubHead, .gCell:nth-child(6) .gCnt{ border: none; }
.gCnt p{ padding-left: 15px; position: relative; font:400 22px Georgia, serif; color:#555; }
.gCnt p::before{ content: ''; position: absolute; top: 12px; left: 0; background: #ef476e; width: 7px; height: 7px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }

.groupWrap > p{ margin:15px auto 0; color:#555; font-size: 20px; padding-left: 20px; }

.placements{ margin:20px auto; background: #00577e; padding: 25px 10px ; }
.placements h3{ margin: 0 auto 15px; color:#fff; font-size: 30px; position: relative; text-align: center; max-width: 1500px; }
.placements h3 span{ margin: 0 auto; display: inline-block; position: relative; background: #00577e; padding: 0 10px; z-index: 2; }
.placements h3::after{ content: ''; position: absolute; top: 50%; left: 0; right: 0; border: 1px solid  #6591A6; z-index: 1; }
.placements p{ margin:10px auto 0; max-width: 1300px; color:#fff; font-size: 25px; line-height: 30px; text-align: center; }
.placements p em{ font-style: normal; color:#fbb040; }

.winContainer{ margin: 0 auto 20px; padding: 20px 0px 20px 0px;     width: 100%;
    float: left;}
.winWrap{ margin: 0 auto; max-width: 1200px; -webkit-display:flex; -webkit-flex-wrap:wrap; -webkit-justify-content:space-between; -webkit-align-items:stretch; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:stretch; }
.winWrap h1{ margin: 0 auto 15px; font-family: 'nunitobold'; font-weight: 40; color:#FAC601; text-align: center; font-family: 'nunitobold'; padding: 10px 0px 0px 0px; width: 100%; }
.winBox{ margin: 0 0 35px; position: relative; z-index: 1; padding:30px 20px 20px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#87b5e1+0,72cbd3+100 */
	background: rgb(135,181,225); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(135,181,225,1) 0%, rgba(114,203,211,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(135,181,225,1) 0%,rgba(114,203,211,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(135,181,225,1) 0%,rgba(114,203,211,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87b5e1', endColorstr='#72cbd3',GradientType=1 ); /* IE6-9 */
}
.winBox::before{ content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+23,ffffff+100&1+23,0+100 */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 23%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 23%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 23%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
.winBox h3{ margin: 0 auto 20px; font-size: 25px; text-align: center; font-family: 'Roboto Condensed', sans-serif; }
.winBox.winOne{ width: 54%; }
.winBox.winTwo{ width: 43%; }
.winBox.winThree{ width: 47%; margin-bottom: 0; }
.winBox.winFour{ width: 52%; margin-bottom: 0; }
.winToppers{ margin: 0 auto; height: calc(100% - 60px);-webkit-display:flex; -webkit-flex-wrap:wrap; -webkit-justify-content:center; -webkit-align-items:stretch; display:flex; flex-wrap:wrap; justify-content:center; align-items:stretch;  border: 1px solid #0f75bd; }
.winDivider{ width: 100%; }
.winToppers figure{ margin: 0; width: auto; display: inline-block; text-align: center; padding: 0 10px; }

.winBox.winOne .winToppers{ padding: 30px 20px; }
.winBox.winOne figure:nth-child(n+4){ align-self:flex-end; }

.winBox.winTwo .winToppers{ margin-top: 30px; padding: 20px 10px; height:auto; position: relative; border-top: none; }
.winToppers h4{ margin: 0 auto; position: absolute; font-size: 24px; font-weight: 700; color:#0f75bd; line-height: 24px; left: 0; right: 0; width: 100%; top: -12px; text-align: center; overflow: hidden; }
.winToppers h4 span{ display: inline-block; padding: 0 10px; position: relative; }
.winToppers h4 span::before, .winToppers h4 span::after{ content: ''; border-top: 1px solid #0f75bd; width: 500%; position: absolute; left: -500%; top: 50%; }
.winToppers h4 span::after{ left: auto; right: -500%; }

.winBox.winThree .winToppers{ padding: 30px 20px; -webkit-justify-content:space-between; justify-content:space-between; }
.winBox.winThree .winDivider{ height: 30px; }
.winBox.winFour .winToppers{ padding: 30px 5px; }
.winBox.winFour figure{ padding: 0; width:20%; }
.winBox.winFour .winDivider{ height:10px; }

footer{ margin: 0 auto; background: #f7f7f7;width: 100%;
    float: left;
    padding: 20px 0px 20px 0px; }
.footWrap{margin: 0 auto; max-width: 1200px; }
.footLogos{ margin: 0 auto;   -webkit-display:flex; -webkit-flex-wrap:wrap; -webkit-justify-content:space-between; -webkit-align-items:stretch; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:stretch; }
.logoBox{ position: relative; -webkit-display:flex; -webkit-flex-wrap:wrap; -webkit-justify-content:space-between; -webkit-align-items:center; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; }
.logoBox h4{ margin: 0 auto; font-size: 19px; text-align: center; line-height: 20px; position: absolute; top: -10px; width: 100%; font-weight: 700; }
.logoBox h4 span{ display: inline-block; background: #fff; padding: 0 10px; }
.accolades{     width: 30%;    float: left;display:block; }
.associations{ margin: 0 auto; width: 74%; }
.footLogos figure{ display: inline-block; margin: 0 auto; }
.copyright.logoBox {
    
    float: left;
    display: block;
}
.contact.logoBox {
    
    float: left;
}
.footCnt{ margin:20px auto 0; border-top: 1px solid  #5f96ae; padding-top: 10px; text-align: center; }
.footCnt p, .footCnt p a{ margin: 0 auto; color:#fff; font-size: 25px; display: inline-block; }
.footCnt p{ vertical-align: top; }
.footCnt p span{ margin: 0 10px; }
.footCnt p a:hover{ color:#fdb813; }
.social{ display: inline-block; vertical-align: top; margin-left: 20px; }
.social a{ margin: 0 5px; display: inline-block; -webkit-transition:all 0.3s;  -moz-transition:all 0.3s; transition:all 0.3s; }
.social a:hover{ -webkit-transform: scale(1.2); -moz-transform: scale(1.2); transform: scale(1.2); }


html {
  scroll-behavior: smooth;
}.founderTxt h1 {    font-size: 30px;     margin-bottom: 25px;}.founderTxt  span.dec {font-size: 15px;}

.mobile {
    display: none;
}

@media only screen and (min-width : 992px){
	
}

@media only screen and (min-width : 1200px){
	
	.accolades  figure:first-of-type img{ width: 100px; }
	.accolades  figure:nth-of-type(2) img{ width: 60px; }
	.accolades  figure:nth-of-type(3) img{ width:70px; }
	
	.associations  figure:first-of-type img{ width: 150px; }
	.associations  figure:nth-of-type(2) img{ width: 200px; }
	.associations  figure:nth-of-type(3) img{ width:100px; }
	.associations  figure:nth-of-type(4) img{ width:110px; }
	.associations  figure:nth-of-type(5) img{ width:80px; }
	.associations  figure:nth-of-type(6) img{ width:100px; }
}

@media only screen and (max-width : 1400px){
	
	.progCol h3{ font-size: 25px; }
	
	.gHead, .gSubHead, .gCnt{ padding: 10px; }
	.gHead{ font-size: 20px; }
	.gSubHead, .gCnt p{ font-size: 20px; }
	.gCnt p::before{ top: 8px; }
	
}

@media only screen and (max-width : 1250px){
	.winBox.winOne figure:nth-child(-n+3){ width: 33.3%; }
	.winBox.winTwo{ width: 44%; }
}

@media only screen and (max-width : 1200px){
	
	.banner{ width: calc(100% - 400px); }
	.formWrap{ width: 400px; }
	
	.pathWayWrap{ padding: 50px 20px; }
	.pathTitle h4{ font-size: 16px; }
	
	.progCol:first-child{ padding-top: 80px; }
	
	.winBox{ width: 100% !important; }
	.winBox .winToppers{ height: auto; }
	.winBox.winOne .winDivider{ height: 30px; }
	.winBox.winThree .winDivider, .winBox.winFour .winDivider{ display: none; }
	.winBox.winFour figure{ padding: 0; width:14.2%; }
	
	.winBox.winThree{ margin-bottom: 35px; }
	
	.winBox.winOne .winToppers{ justify-content:space-around; }
	.winBox.winTwo .winToppers{ justify-content:space-between; }
	
	.accolades{ width: 100%; margin-bottom: 30px; }
	.associations{ width: 100%; }
	
	
}

@media only screen and (max-width : 991px){
	
	.banner{ min-height: 400px; width: calc(100% - 340px); }
	.bnrLogos{ padding-right: 0px; }
	.formWrap { width: 340px; padding: 30px 20px; }
	.regForm{ padding-top: 30px; }
	.fieldWrap{ margin-bottom: 10px; }
	
	.logoStrip figure{ margin: 0 auto; width: 100%; }
	.logoStrip h4{ width: 100%; padding: 0 20px; }
	
	.pathWayWrap h3 span{ padding: 0; }
	.pathWayWrap h3 strong{ width:calc(100% - 300px); }
	
	.pathBox.pathOne, .pathBox.pathFour, .pathBox.pathTwo, .pathBox.pathThree{ margin-bottom: 15px; width: calc(50% - 10px); }
	
	.choiceWrap li{ width: calc(50% - 4px); }
	
	.progCol:first-child, .progCol:last-child{ width: 100%; }
	.progCol:first-child{ margin-bottom: 30px; }
	
	.groupWrap{ padding: 0; }
	.groupWrap > h4{ text-align: center; margin-bottom: 20px; -webkit-transform-origin:center; transform-origin:center; -webkit-transform: rotate(0); -moz-transform: rotate(0); transform: rotate(0); position: relative; top: 0; }
	.gCell, .gCell:nth-child(1), .gCell:nth-child(6){ width: 33.3%; }
	.gCell:nth-child(3) .gHead, .gCell:nth-child(3) .gSubHead, .gCell:nth-child(3) .gCnt{ border: none; }
	
	.winBox.winTwo .winToppers, .winBox.winThree .winToppers{ justify-content:center; }
	.winBox.winThree .winToppers{ padding-bottom: 0; }
	.winBox.winThree figure{ width: 33.3%; margin-bottom: 20px; }
	
	.associations figure{ padding:5px 30px; }
	
	.pathTitle h4{ font-size: 18px; }
	.pathTitle h5{ font-size: 17px; }
	.pathCnt p, .pathCnt ul li{ font-size: 16px; }
	
}

@media only screen and (max-width : 991px) and (min-width : 767px) {
    .institution span.button_home {
        min-height: 82px;
    }
    .institution p.text-justify {
        min-height: 165px;
    }
    .address .set2 p, .phone .set2 p, .mail .set2 p {
        height: 40px;
    }
    p.textdata, p.textdata1 {
         top: 0px;
    }
    div.copyright.logoBox p {
        font-size: 14px;
    }
}

@media only screen and (max-width : 767px){
    div.mobile {
        display: block;
    }
    .desktop {
        display: none;
    }
    div.banner_text h2 {
        font-size: 25px;
    }
    div.gallery, div.gallery img {
        width: 100% !important;
        float: none;
        margin: 10px 0 !important;
    }
    div.about h3, div.institution h3, div.contact h3, div.our-team h3, div.home_about h3{
        font-size: 22px;
    }
    .set1, .set2, .set3 {
        margin-bottom: 15px;
    }
    div.col-sm-4 {
        width: 25%;
    }
    .details img {
        width: 100% !important;
        margin: auto !important;
    display: block !important;
    height: auto !important;
    }
    div.col-sm-8 {
        width: 70%;
    }
    div#contact_home, div.institute_inner, div.activity_inner, div.contact_inner {
        margin-top: 0px;
    }
    div.institute, div#contact_home, div.our-team{
        margin-bottom: 0px;
    }
    div.home_contact .cont {
        padding-top: 0px;
    }
    .bnrLogos {
        width: 40%;
    }
    div.institute .con-right, div.institute .img-right {
        padding-right: 15px;
    }
    div.institute .img-left, div.institute .con-left {
        padding-left: 15px;
    }
    .institute .con-left p, .institute .con-right p{
        height: auto !important;
    }
    span.text_italic {
        height: auto !important;
        padding: 0 !important;
    }
	.topnav{
		width:55% !important;
		margin-top: 40px;
	}
    .topnav a{
    	margin-left:0px !important;
    }
    form#regForm .img-left, form#regForm .img-right {
        padding: 0;
        margin: 0;
    }
    .winWrap.col-md-12.col-sm-12 {
        padding: 0px;
    }
    .foo-add {
        padding: 0px 0 0 0 !important;
    }
    .copyright.logoBox p {
        display: block;
        font-size: 14px !important;
        text-align: center !important;
    }
    
	.formWrap{ width: 400px; margin:30px auto 0; }
	
	.logoStrip h4{ font-size: 24px; max-width: 400px; }
	
	.aoutcnt{ text-align: justify; padding: 30px 10px; }
	
	.logoStrip figure img{ margin-bottom: 20px; }
	
	.pathWayContainer{ padding: 0 10px; margin-bottom: 20px; }
	.pathWayWrap{ padding: 20px; }	
	.pathWayWrap h3{ position: relative; top: 0; width: 100%; margin: 0 auto 30px; max-width: none; }
	p.pathInfo{ position: relative; left: 0; right: 0; bottom: 0; margin: 10px auto; text-align: center; width: 100%; }
	h4.pathSlogan{ position: relative; bottom: 0; }
	
	.pathBoxWrap{ -webkit-justify-content:center; justify-content:center; }
	.pathBox.pathOne, .pathBox.pathFour, .pathBox.pathTwo, .pathBox.pathThree{ width: 100%; max-width: 300px; margin:0 10px 15px; }
	
	.cambLevels{ text-align: justify; padding: 30px 10px; }
	
	
	.choiceWrap p{ font-size: 20px; margin-bottom: 10px; }
	.choiceWrap p::before{ top: 8px; }
	
	.gCell, .gCell:nth-child(1), .gCell:nth-child(6){ width: 50%; }
	.groupWrap > p{ padding-left: 0; text-align: center; }
	
	.winBox.winOne .winToppers{ padding-bottom: 0; }
	.winBox.winOne .winDivider{ height: 0; }
	.winBox.winOne figure:nth-child(-n+3){ width: auto; }
	.winBox.winOne figure{ margin-bottom: 20px; }
	.winBox.winFour .winToppers{ padding-bottom: 0; }
	.winBox.winFour figure{ width: 25%; margin-bottom: 20px; }
	
	.associations figure{ padding:5px 10px; }
	.footCnt p, .social{ display: block; margin: 0 auto; }
	.footCnt p{ margin-bottom: 15px; }
	.footCnt p, .footCnt p a{ font-size: 18px; }
}

@media only screen and (max-width : 567px){
    div..banner_text h2 {
        font-size: 16px;
    }
	
	.founderTxt h1 {    font-size: 22px;}.founderTxt  span.dec {font-size: 12px;}
	.pathWayWrap h3 span img{ display: block; margin: 0 auto; }
	.pathWayWrap h3 strong{ width: 100%; margin-top: 10px; }
	.pathBox.pathOne, .pathBox.pathFour, .pathBox.pathTwo, .pathBox.pathThree{  margin:0 0 15px; }
	h4.pathSlogan{ font-size: 20px; }
	
	.choiceWrap li{ width:100%; }
	
	.progCol h3{ font-size: 20px; }
	
	.gCell, .gCell:nth-child(1), .gCell:nth-child(6){ width: 100%; }
	.gCell .gHead, .gCell .gSubHead, .gCell .gCnt{ border: none; }
	
	.winBox.winThree figure, .winBox.winFour figure{ width: 50%; }
	
	.footCnt p span{ text-indent: -9999px; display: block; font-size: 5px; line-height: 5px; }
	
}


@media only screen and (max-width : 350px){
	.logoStrip h4{ font-size: 20px; }
}

.container{
	margin: 0 auto;
    padding: 0px 15px 0px 15px;
    max-width: 1250px;
    text-align: justify;
    overflow: hidden;
}

.heading, .products {
    width: 100%;
    float: left;
    display: block;
}

.products .set1 h3,.winWrap .set2 h3{
	font-size:32px;
	color:#FAC601;
	font-family: 'nunitobold';
}
.set1 {
    width: 50%;
    float: left;
    /*padding: 10px 0px 0px 0px !important;*/
}

ul.bullet li {
    font-weight: normal !important; font-family: 'nunitoregular';
	padding: 2px 0 5px 0;
}

.set2 {
    width: 50%;
    float: left;
  /*padding: 10px 0px 0 20px !important;*/
}

.about h3, .institution h3, .contact h3, .our-team h3 {
    text-align: center;
    color: #023d98;
    font-size: 35px;
    font-family: 'proxima_novabold';
    padding: 25px 0px 10px;
    text-transform: uppercase;
    margin-bottom: 0;
}
.home_about h3 {
    color: #023d98;
    font-size: 35px;
    font-family: 'proxima_novabold';
    padding: 0 0 5px;
    text-transform: uppercase;
    margin-bottom: 0;
}
.foo-add p.phone {
    background: url(images/phone.png) no-repeat top left;
    background-position: 0px 5px;
    padding: 10px 0px 10px 35px;
        width: 37%;
    float: left;
    border-right: 1px solid #000;
   
    margin: 0 0 0 50px;
    display: block;
}
.foo-add p,.foo-add p a {
    color: #000;
    font-size: 16px;
   font-family: 'nunitoregular';
    margin: 0px;
}
.foo-add p.email {
    background: url(images/mail.png) no-repeat top left;
    background-position: 0px 5px;
    padding: 10px 0px 15px 40px;
    width: 50%;
    float: right;
}
ul.bullet li{
	 background: url(images/list.png) no-repeat top left;
    background-position: 0px 5px;
    padding-left: 30px;

}
img.doc {
    width: 85%;
}
.foo-add {
    float: right;
    display: block;
	width:100%;padding: 25px 0 0 0;
}

.foo-address {
    width: 100%;
}
.doctor h1 {
    font-size: 15px;font-family: 'Montserrat-SemiBold';
    color: #000;text-transform:uppercase;    padding: 14px 0 0 0;
	margin-bottom:0px;
}
.logoStrip .col-md-8.col-sm-12 {
    padding-left: 0px !important;
}

.logoStrip.col-md-12.col-sm-12 {
    padding: 0px;	    margin: 0 auto;    text-align: center;
}.logoStrip.col-md-12.col-sm-12 img {width:100%;}
span.dec {
    font-size: 10px;font-family: 'Montserrat-SemiBold';
    color: #000;
}
span.des {
    font-size: 10px;
    color: #000;font-family: 'Montserrat-SemiBold';
    width: 100%;
    float: left;
    display: block;
}
.doctor p {
    text-align: justify;
        font-weight: 600;padding:10px 0px 0px 0px;
}
.vision {
    width: 100%;
    float: left;
    display: block;    padding: 25px 0px;
}
.vis-tet {
    float: left;
       
	    background-color: #FAC601;
}

.vis-tet h4{
	font-size:35px;font-family: 'nunitobold';
}
.vis-tet {
    padding: 48px 35px !important;
}
.vis-tet p{
	   font-family: 'nunitoregular';
}
.foo-sec1 img {
    padding-right: 25px;
}
.vis-test {
    float: right;
}

.tech-partner {
    width: 100%;
    float: left;
    display: block;
    padding: 50px 0 30px 0;
}
.vis-test.col-md-6.col-sm-12 {
    padding-left: 0px;	    padding-right: 0;
}
.winWrap .set1 {
    float: left;
}
.winWrap .set2 {
    float: right;
	padding: 35px 0px 0px 25px !important;
}
.foo-sec1 {
    float: left;
}

.foo-sec2 {
    float: right;
}
.winWrap {
    width: 100%;
    float: left;
    display: block;
}
.foo-sec2 img {
    padding-top: 55px;
    display: block;
    margin: auto;
    float: right;
}

.foo-add p a:hover{
	text-decoration:none;
}
.foo-sec1 h5{
	text-transform:uppercase; font-family: 'nunitoregular';
}
.winWrap p {text-align:center;    font-size: 16px;}

.foo {
  
    width: 100%;
    display: block;
    float: left;
    margin: auto;
	background-color:#2761aa;
}
.copyright.logoBox p {
    display: block;
    /*text-align: center;    */
    font-size: 15px;
    padding: 25px 0 0 0;
    color: #fff;
    font-family: 'Josefin Sans';
}

/* Add a black background color to the top navigation */
.topnav {
    margin: auto;
    width: 80%;
    float: right;
    text-align: right;
    margin-top: 20px;
}
#approach .set2 {
    padding-top: 5px !important; float: unset; padding: 5px 0px 0px 0px !important; margin: 0 auto; max-width: 500px
}

#approach ul.bullet li {
    background-position: 0px 7px;
}
header#masterhead {
    /*padding: 15px 0px;*/
	width: 100%;
    /*float: left;*/
    overflow: hidden;
    margin: auto;
    background: #2761aa;
}
/* Style the links inside the navigation bar */
.topnav a {
    font-family: 'Josefin Sans';
    display: inline-block;
    color: #fff;
    text-align: center;
    padding: 10px;
    text-decoration: none;
    font-size: 15px;
    margin-left: 10px;
    text-transform: uppercase;
}

/* Change the color of links on hover */
.topnav a:hover {
   /*background-color: #fac819;*/
    color: #000;
	text-decoration:none;
}

/* Add an active class to highlight the current page */
.topnav a.active {
  /*background-color: #fac819;*/
    color: #000;
}

/* Hide the link that should open and close the topnav on small screens */
.primary-menu .icon {
  display: none;
}@media screen and (max-width: 991px) {
    .topnav {
        width : 80%;
    }
    .topnav a {       font-family: 'Montserrat-SemiBold';    display: inline-block;    color: #fff;    text-align: center;    padding: 5px 7px;    text-decoration: none;    font-size: 13px;    margin-left: 0px;}
    .topnav a:first-child {
        padding-left: 0;
    }
}
@media screen and (max-width: 767px) { 
    .primary-menu {
        margin: auto;
        width: 50%;
        float: right;
        text-align: right;
    }
    .topnav { width: 50%; } 
    .topnav a {display: none;}  
    .primary-menu a.icon {    float: right;    display: block;  } 
    .topnav.responsive a {    float: none;    display: block;    text-align: left;}
    .topnav.responsive {    
        position: absolute;
        z-index: 99;
        background: grey;
        top: 30px;
        right: 5%;
    }
    div.primary-menu.responsive {
        margin-top: 20px;
    }
    div.topnav a:first-child {
        padding-left: 7px;
    }
    div#primarynav a {
        color: #000;
    }
    .topnav.responsive a.icon {    position: absolute;    right: 0;    top: 0;}
    img.doc {    width: auto;}
    
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) {
  .topnav.responsive {
    position: absolute;
    z-index: 99;
    background: grey;
    top: 30px;
    /* left: 0; */
    right: 5%;
    /*position: relative;*/
      
  }
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}

#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
      background-color: transparent;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

button#myBtn img {
    width: 40px;
    height: 40px;
}

#myBtn:hover {

}

#approach h1 {
    padding-top: 25px !important;
    overflow: hidden;
}


.banner_inner {
    position: relative;
    overflow: hidden;
    width: 100%;
}
.owl-dots {
    display: none;
}
div#home_banner {
    margin-bottom: 30px;
}
.banner_text {
    /*background-color: #2761aa;*/
    padding: 40px;
    /*border-top: 1px solid #fff;*/
}
.banner_text h2 {
    color: #2761aa;
    text-align: center;
    text-transform: uppercase;
    font-family: 'proxima_novablack';
    font-size: 35px;
}
/*.about p {*/
/*    text-align: center;*/
/*    font-size: 16px;*/
/*}*/
a.button_link {
    background-color: #023d98;
    color: #fff;
    padding: 8px 20px 5px;
    display: inline-block;
    text-transform: uppercase;
    font-family: 'Josefin Sans';
    font-size: 15px;
}
.set3 {
    float: left;
    /*padding: 10px 0px 0 20px !important;*/
}
span.button_home {
    display: block;
    text-align: center;
    background: #023d98;
    color: #fff;
    padding: 5px 10px;
    margin-bottom: 20px;
    font-family: 'Josefin Sans';
    font-weight: 600;
    min-height: 58px;
}
.set2 span.button_home{
    padding-top:18px;
}
.set3 span.button_home {
    padding: 5px 10px;
}
.institution img {
    min-height: 240px;
    margin-bottom: 20px;
}
span.button_web {
    display: block;
    text-align: center;
}

span.button_web a {
    background: #023d98;
    color: #fff;
    padding: 10px 25px 5px;
    display: inline-block;
    text-transform: uppercase;
    font-size: 15px;
    font-family: 'Josefin Sans';
    border: 1px solid #2761aa;
}
.home_activity img, .home_activity iframe {
    margin-bottom: 40px;
}
span.dark {
    font-family: 'Josefin Sans';
    font-weight: 700;
}
.institute, #contact_home, .our-team {
    margin-bottom: 30px;
}
.institute .img-right {padding-right: 0;}
.institute .img-left {padding-left: 0;}
.institute .con-right {padding-right: 25px;}
.institute .con-left p, .institute .con-right p {height: 507px; vertical-align: middle; display: table-cell;}
.institute .con-left {padding-left: 25px;}
.address, .phone, .mail {
    margin-bottom: 15px;
    overflow: hidden;
}

.address .set2 p, .phone .set2 p, .mail .set2 p {
    vertical-align: middle;
    display: table-cell;
    height: 109px;
}
textarea {
    border: none;
    width: 100%;
    padding: 0 10px;
}
#contact_home, .institute_inner, .activity_inner, .contact_inner {
    /*margin-top: 30px;*/
}
.home_contact {
    width: 100%;
    overflow: hidden;
    margin-top: 30px;
}
.home_contact .cont {
    padding-top: 30px;
}
.phone {
    padding: 20px 0px;
}
span.text_italic {
    height: 235px;
    vertical-align: middle;
    display: table-cell;
    font-family: 'Josefin Sans';
    font-style: italic;
    text-align: left;
    padding-right: 44%;
    font-size: 20px;
}
.details {
  position: relative;
}

.section {
     font-family: 'Josefin Sans';
    font-size: 15px;
    text-transform: uppercase;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgb(2 61 152 / 85%);
    color: #fff;
    visibility: hidden;
    opacity: 0;
    transition: opacity .2s, visibility .2s;
    margin-bottom: 0;
    padding-top: 10px;
}
.r57{
  right: 57px !important;
}

.details .section {
  visibility: visible;
  opacity: 1;
}
.section span {
     display: block;
    margin: 5px 0;
    font-size: 13px;
}
#contact_home .gallery {
    width: 28.5%;
    float: left;
    /*background: #023d98;*/
    margin: 15px;
}
#contact_home .gallery h1 {
    text-align:  center;
    padding: 60px;
    color: #fff;
    margin: 0;
    border: 2px solid #023d98;
}
#contact_home .gallery h1:hover {
    color: #023d98;
    background: #fff;
    border: 2px solid #023d98;
}
#category1_home .gallery a img{
        height: 280px !important;
    width: 340px !important;
    float:none !important;
}
.cate {
    width: 30%;
    float:  left;
    margin: 10px;
}
.cate h1 {
    text-align:  center;
    font-size: 20px;
}

.gallery img {
    border: 1px solid #eee;
}
.mail a,.home_contact a {
    color: #023d98;
}
div#category1_home h1 {
    color: #023d98;
}
.social-footer {
    float: left;
}
.social-footer ul li {
    display: inline-block;
    color: #fff;
    margin-left: 15px;
    font-size: 22px;
    float: none;
    padding: 15px 0 0 0;
}
.social-footer ul {
    text-align: right;
    display: block;margin-bottom: 0px;
}
.social-footer ul li a {
    padding: 10px 10px 10px 10px;
    display: block;
    position: relative;
    top: -20px;
}
.setdec1,.setdec2 {
    padding-top: 25px;
}

@media screen and (max-width: 767px){
    div.cate {
        width: 100%;
        margin: 0;
    }
    div#category1_home .gallery a img {
        width: 100% !important;
        height: auto !important;
        margin: 0;
    }
	.row-cols-5 .col{
		padding-bottom:15px;
    flex-basis: auto;

	}
	.address .set2 p, .phone .set2 p, .mail .set2 p {
    vertical-align: middle;
    display: table-cell;
    
}
div.home_contact .cont {
    padding-top: 0px;
    padding: 0px;
}
.text-left {
    text-align: left!important;
    font-size: 11px;
}
p.textdata a,p.textdata1 a{
    font-size: 11px;
}
.set2 p.textdata, .set2 p.textdata1{
   
    width:100% !important;
    height: auto !important;
}
.home_contact .set2.col-md-10.col-sm-8 {
    padding: 0px;
}
}


@media screen and (max-width: 480px){
	.set2 p.textdata, .set2 p.textdata1{
   
    width:100% !important;
    height: auto !important;
}
    
}

.banner_inner.page .banner_text{
    display: none;
}

div#home_banner .banner_text {
    background-color: #fff;
    border-top: 0px solid #fff;
    position: absolute;
    top: 35%;
    left: 0px;
    right: 0px;
    opacity: 0.7;
    
    width: 60%;
    margin: auto;
    display: block;
    padding: 13px;
}

div#home_banner .banner_text h2{
    margin-bottom:0px;
}

.details img {
      height: 249px;
    width: 100%;
    object-fit: cover;
    object-position: top;
  }
  
.set1.regForm.col-md-6.col-sm-12 {
    padding-top: 40px;
}
p.textdata,p.textdata1 {
    float: left;
    padding: 0px;
    position: relative;    width: 51%;
    margin-bottom: 0px;
    top: 30px;
    height: auto !important;
}
p.text_italic {
    padding: 25px 0px;
    font-size: 20px;
}

img.fosterschool {
    margin: auto;
    display: block;
    margin-bottom: 50px;padding-top:20px;
}

/* Basic styles for the overlay */
.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    opacity: 1;
    transition: opacity 0.3s ease;
}

/* Popup box */
.popup-box {
    background-color: #fff;
    padding: 5px;
    border-radius: 8px;
    text-align: center;
    position: relative;
    max-width: 60%;
    width: 400px;
   
}

/* Close button */
.close-btn {
    position: absolute;
    top: -15px;
    right: -15px;
    background-color: #f44336;
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    cursor: pointer;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
}

/* Image styling */
.popup-image {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
}