body {
		font: 15px/20px 'Josefin Sans', sans-serif;
		letter-spacing: 0.50px;
		background-color: #f5f5f5;
		color: #6e6e6e;
	}
	
	/* REVOLUTION SLIDER */
	.bannercontainer {
		width: 100%;
		position: relative;
		padding: 0;
		margin-bottom: 0px;
    }
     
    .banner{
		width: 100%;
		position: relative;
		background:#e1645e;
		height:100vh !important ;
    }
	
	.tp-leftarrow.default,
	.tp-rightarrow.default {
		width: 36px;
		height: 36px;
		border-radius: 35px;
		background: #fbeae9  no-repeat center center;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
	}
	
	.tp-leftarrow.default:hover,
	.tp-rightarrow.default:hover {
		background-color: #3a3a3a;
	}
	
	.tp-leftarrow.default {
		background-image: url(../images/prev.png);
	}
	
	.tp-rightarrow.default {
		background-image: url(../images/next.png);
	}
	
	.tp-bullets.simplebullets.round .bullet {
		width: 10px;
		height: 10px;
		margin: 0 3px;
		border-radius: 50%;
		border: 2px solid #00d2ed;
		background: transparent;
		display:none;
	}
	
	.tp-bullets.simplebullets.round .bullet:hover,
	.tp-bullets.simplebullets.round .bullet.selected { background-color: #00d2ed; }
	
	.banner .pattern {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: url(../images/pattern.png) repeat top left;
		opacity: 0.3;
	}
	
	.tp-caption.title {
		font-size: 36px;
		line-height: 48px;
		font-weight: 500;
		color: #fff;
	}
	
	.tp-caption.title-small {
		font-size: 30px;
		line-height: 40px;
		font-weight: 500;
		color: #fff;
	}
	
	.tp-caption.title-big {
		font-size: 86px;
		line-height: 100px;
		font-weight: 500;
		color: #282e3a;
	}
	
	.tp-caption.text {
		font-size: 14px;
		line-height: 24px;
		color: #fff;
	}
	
	.tp-caption .btn, 
	.tp-caption .btn:hover {
		color: #fff;
	}
	
	
.circle {
    position: absolute;
    top: -150px;
    left: -130px;
    width: 300px;
    height: 300px;
    z-index: -1;
}


.circle text {  font-size: 15px; letter-spacing:1px; color:#fff; }

.circle svg { position: absolute; left: 0; top: 0; width: 100%; height: 350px;

  -webkit-animation-name: rotate;
     -moz-animation-name: rotate;
      -ms-animation-name: rotate;
       -o-animation-name: rotate;
          animation-name: rotate;
  -webkit-animation-duration: 8s;
     -moz-animation-duration: 8s;
      -ms-animation-duration: 8s;
       -o-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;
      -ms-animation-iteration-count: infinite;
       -o-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
     -moz-animation-timing-function: linear;
      -ms-animation-timing-function: linear;
       -o-animation-timing-function: linear;
          animation-timing-function: linear;

}


	
	
/*ball start*/	
	





@-webkit-keyframes rotate {
    from { -webkit-transform: rotate(360deg); }
    to { -webkit-transform: rotate(0); }
}
@-moz-keyframes rotate {
    from { -moz-transform: rotate(360deg); }
    to { -moz-transform: rotate(0); }
}
@-ms-keyframes rotate {
    from { -ms-transform: rotate(360deg); }
    to { -ms-transform: rotate(0); }
}
@-o-keyframes rotate {
    from { -o-transform: rotate(360deg); }
    to { -o-transform: rotate(0); }
}
@keyframes rotate {
    from { transform: rotate(360deg); }
    to { transform: rotate(0); }
}




/*ball start*/

.ball {
position:relative;
z-index:999;
-webkit-animation: ro-1 5s linear infinite; 
	-moz-animation: ro-1 5s linear infinite; 
	-o-animation: ro-1 5s linear infinite;
	animation: ro-1 5s linear infinite;

}


@keyframes ro-1 {
        from {
-webkit-transform: rotate(0deg) translateX(20px) rotate(0deg);
}
 to {
-webkit-transform: rotate(360deg) translateX(20px) rotate(-360deg);
}
    }


/*ball2 start*/

.award {
animation: bounce-4 2s;
animation-direction: alternate;
animation-iteration-count: infinite;
position:relative;
z-index:999;
}


@keyframes bounce-1 {
        0%   { transform: translateY(0); }
        50%  { transform: translateY(-30px); }
        100% { transform: translateY(0); }
    }

/*helmet start*/	
	

.helmet {
animation: rotate2 1s;
animation-direction: alternate;
animation-iteration-count: infinite;
position:relative;
z-index:999;
}



@-webkit-keyframes rotate2 {
    from { -webkit-transform: rotate(20deg); }
    to { -webkit-transform: rotate(0); }
}
@-moz-keyframes rotate2 {
    from { -moz-transform: rotate(20deg); }
    to { -moz-transform: rotate(0); }
}
@-ms-keyframes rotate2 {
    from { -ms-transform: rotate(20deg); }
    to { -ms-transform: rotate(0); }
}
@-o-keyframes rotate2 {
    from { -o-transform: rotate(20deg); }
    to { -o-transform: rotate(0); }
}
@keyframes rotate2 {
    from { transform: rotate(20deg); }
    to { transform: rotate(0); }
}


/*helmet end*/



 @keyframes bounce-4 {
        0%   { transform: scale(1,1)    translateY(0); }
        10%  { transform: scale(1.1,.9) translateY(0); }
        30%  { transform: scale(.9,1.1) translateY(-40px); }
        50%  { transform: scale(1,1)    translateY(0); }
        100% { transform: scale(1,1)    translateY(0); }
		 }
	
	

.testing {
	-webkit-animation: slide-right 6s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite alternate-reverse both;
	        animation: slide-right 6s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite alternate-reverse both;
}
@-webkit-keyframes slide-right {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  25% {
    -webkit-transform: translateX(40px);
            transform: translateX(40px);
  }
   50% {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
   100% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
}


.award {
	-webkit-animation: slide-bottom 4s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite alternate-reverse ;
	        animation: slide-bottom 4s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite alternate-reverse ;
}


@-webkit-keyframes slide-bottom {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
    50% {
    -webkit-transform: translateX(-30px);
            transform: translateX(-30px);
  }
  100% {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}


.circle.icon1-3 {
    left: -40px;
    top: -130px;
}
.circle.icon1-2 {
    left: -35px;
    top: -120px;
}
.circle.icon1-1 {
    left: -10px;
}
.circle.icon-micro {
    left: -90px;
}
.circle.icon-radio-music {
    top: -118px;
}

.hidden {
  visibility: hidden;
}

h3.slide-txt2 {
text-align: center;
    color: #00000061;
    font-size: 17px;
}

.line {
    width: 100px;
    height: 2px;
    background: #c73133;
	position:absolute;
	bottom:-6px;
	right:0px;

}

.line_r{
  -webkit-animation: line_r_animation 3s infinite;
  animation: line_r_animation 3s infinite;
}

h4.sub-title {
   font-size: 35px;
    padding: 15px 0;
    letter-spacing: 1px;
    font-weight: 700;
    color: #686363;
	line-height:50px;
}

section.about-section h4.sub-title2 {
 font-size: 20px;
    padding-bottom: 0px;
    letter-spacing: 0px;
    font-weight: 700;
    margin: 15px auto 0;
    line-height: 25px;
	
	}
.text-right {
    text-align: right;
}
span.red-text {
    color: #c53547;
}

p {
    letter-spacing:0;
    margin-top: 5px;
	font-size:15px;
}

strong {
    font-weight: bolder;
    color: #626161;
    font-weight: 600;
}


@keyframes line_r_animation {
    0%   {left: calc(2% + 65px); width: 0px;}
    35%   {left: calc(2% + 0px); width: 65px;}
    70%   {left: calc(2% + 0px); width: 0px;}
    100%   {left: calc(2% + 0px); width: 0px;}
}

@-webkit-keyframes line_r_animation {
    0%   {right: calc(2% + 65px); width: 0px;}
    35%   {right: calc(2% + 0px); width: 65px;}
    70%   {right: calc(2% + 0px); width: 0px;}
    100%   {right: calc(2% + 0px); width: 0px;}
}

@keyframes line_r_animation {
    0%   {right: calc(2% + 60px); width: 0px;}
    35%   {right: calc(2% + 0px); width: 65px;}
    70%   {right: calc(2% + 0px); width: 0px;}
    100%   {right: calc(2% + 0px); width: 0px;}
}





.wave {
position: absolute;
    background: #edf2f303;
    z-index: 50;
    bottom: 0;
    width: 100%;
}

.waves {
  position:relative;
  width: 100%;
  height:3vh;
  margin-bottom:-7px; /*Fix for safari gap*/
  min-height:100px;
}
.text-grey {
    color: #858484;
    font-weight: 300;
    padding-bottom: 10px;
	letter-spacing: 0px;
    font-family: inherit;
}



/* Animation */

.parallax > use {
  animation: move-forever 25s cubic-bezier(.50,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 2s;
}

@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
  .waves {
    height:10px;
    min-height:15px;
  }
  .content {
    height:30vh;
  }
  h1 {
    font-size:24px;
  }
}


       
.buiding img{
	width:100%;
}


.mt-8{
	margin-top:100px;
}
.pt-10 {
    padding-top: 130px;
}

a.anim-btn{
	font-size:14px;
	font-weight:600;
	text-transform:uppercase;
	color:#c73133;
	letter-spacing:-0.50px;
}


.buiding{
	position:relative;
}
.buiding .circle {
    position: absolute;
    top: -103px;
    right: -190px;
    width: 500px;
    height: 500px;
    z-index: -1;
    left: unset;
}

.buiding .circle text {  font-size: 10px; letter-spacing:15px; color:#fff; }

.buiding .circle svg { position: absolute; left: 0; top: 0; width: 100%; height: 540px;

  -webkit-animation-name: rotate;
     -moz-animation-name: rotate;
      -ms-animation-name: rotate;
       -o-animation-name: rotate;
          animation-name: rotate;
  -webkit-animation-duration: 5s;
     -moz-animation-duration: 5s;
      -ms-animation-duration: 5s;
       -o-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;
      -ms-animation-iteration-count: infinite;
       -o-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
     -moz-animation-timing-function: linear;
      -ms-animation-timing-function: linear;
       -o-animation-timing-function: linear;
          animation-timing-function: linear;

}

.coacdemics img{
	width:400px;
}
.pt-9 {
    padding-top: 90px;
}
.coacdemics{
	position:relative;
	text-align:center;
}
.coacdemics .circle {
    position: absolute;
    top: -153px;
    right: -135px;
    width: 500px;
    height: 500px;
    z-index: -1;
    left: unset;
}

.coacdemics .circle text {  font-size: 10px; letter-spacing:3px; color:#fff; }

.coacdemics .circle svg { position: absolute; left: 0; top: 0; width: 100%; height: 540px;

  -webkit-animation-name: rotate;
     -moz-animation-name: rotate;
      -ms-animation-name: rotate;
       -o-animation-name: rotate;
          animation-name: rotate;
  -webkit-animation-duration: 5s;
     -moz-animation-duration: 5s;
      -ms-animation-duration: 5s;
       -o-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;
      -ms-animation-iteration-count: infinite;
       -o-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
     -moz-animation-timing-function: linear;
      -ms-animation-timing-function: linear;
       -o-animation-timing-function: linear;
          animation-timing-function: linear;

}

.coacdemics2 img{
	width:400px;
}
.pt-9 {
    padding-top: 90px;
}
.coacdemics2{
	position:relative;
}
.coacdemics2 .circle {
    position: absolute;
    top: -161px;
    left: -195px;
    width: 500px;
    height: 500px;
    z-index: -1;
    right: unset;
}

.coacdemics2 .circle text {  font-size: 10px; letter-spacing:3px; color:#fff; }

.coacdemics2 .circle svg { position: absolute; left: 0; top: 0; width: 100%; height: 540px;

  -webkit-animation-name: rotate;
     -moz-animation-name: rotate;
      -ms-animation-name: rotate;
       -o-animation-name: rotate;
          animation-name: rotate;
  -webkit-animation-duration: 5s;
     -moz-animation-duration: 5s;
      -ms-animation-duration: 5s;
       -o-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;
      -ms-animation-iteration-count: infinite;
       -o-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
     -moz-animation-timing-function: linear;
      -ms-animation-timing-function: linear;
       -o-animation-timing-function: linear;
          animation-timing-function: linear;

}

.personal-skills img{
	width:80%;
}
.pt-9 {
    padding-top: 90px;
}
.personal-skills{
	position:relative;
	text-align:center;
}
.personal-skills .circle {
    position: absolute;
    top: -105px;
    left: -157px;
    width: 500px;
    height: 500px;
    z-index: -1;
    right: unset;
}

.personal-skills .circle text {  font-size: 10px; letter-spacing:3px; color:#fff; }

.personal-skills .circle svg { position: absolute; left: 0; top: 0; width: 100%; height: 540px;

  -webkit-animation-name: rotate;
     -moz-animation-name: rotate;
      -ms-animation-name: rotate;
       -o-animation-name: rotate;
          animation-name: rotate;
  -webkit-animation-duration: 5s;
     -moz-animation-duration: 5s;
      -ms-animation-duration: 5s;
       -o-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;
      -ms-animation-iteration-count: infinite;
       -o-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
     -moz-animation-timing-function: linear;
      -ms-animation-timing-function: linear;
       -o-animation-timing-function: linear;
          animation-timing-function: linear;

}

.career-planning img{
	width:100%;
}
.pt-9 {
    padding-top: 90px;
}
.career-planning{
	position:relative;
	text-align:center;
}
.career-planning .circle {
    position: absolute;
    top: -155px;
    left: 105px;
    width: 500px;
    height: 500px;
    z-index: -1;
    right: unset;
}

.career-planning .circle text {  font-size: 10px; letter-spacing:3px; color:#fff; }

.career-planning .circle svg { position: absolute; left: 0; top: 0; width: 100%; height: 540px;

  -webkit-animation-name: rotate;
     -moz-animation-name: rotate;
      -ms-animation-name: rotate;
       -o-animation-name: rotate;
          animation-name: rotate;
  -webkit-animation-duration: 5s;
     -moz-animation-duration: 5s;
      -ms-animation-duration: 5s;
       -o-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;
      -ms-animation-iteration-count: infinite;
       -o-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
     -moz-animation-timing-function: linear;
      -ms-animation-timing-function: linear;
       -o-animation-timing-function: linear;
          animation-timing-function: linear;

}



.facility{
	position:relative;
	margin:40px 0px;
}
.facility .circle {
    position: absolute;
    top:-212px;
    left: -126px;
    width: 500px;
    height: 500px;
    z-index: -1;
    right: unset;
}

.facility .circle text {  font-size: 10px; letter-spacing:3px; color:#fff; }

.facility .circle svg { position: absolute; left: 0; top: 0; width: 100%; height: 540px;

  -webkit-animation-name:none;
     -moz-animation-name: none;
      -ms-animation-name: none;
       -o-animation-name: none;
          animation-name: none;
  -webkit-animation-duration: 5s;
     -moz-animation-duration: 5s;
      -ms-animation-duration: 5s;
       -o-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;
      -ms-animation-iteration-count: infinite;
       -o-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
     -moz-animation-timing-function: linear;
      -ms-animation-timing-function: linear;
       -o-animation-timing-function: linear;
          animation-timing-function: linear;

}


.left-top{
	position:absolute;
	left:0px;
	top:200px;
	width:20%;
	height:30%;

}

.left-bottom{
	position:absolute;
	left:0px;
	bottom:40px;
	width:20%;
	height:30%;

}
.right-top{
	position:absolute;
	left: 80%;
	top:200px;
	width:20%;
	height:30%;

}
.right-bottom{
	position:absolute;
	left: 80%;
	bottom:40px;
	width:20%;
	height:30%;
}

.left-top, .right-bottom, .right-top, .left-bottom img{
	margin-top:30px;
}

.accelementsfour, .accelementsthree, .accelementstwo, .accelements div img{
	width:170px !important;
	height:170px;
}
.accelementsfour, .accelementsthree{
	float:right;
}
		
.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px;
    display: none;
}
		
		h3.slide-txt {
    font-size: 230px;
    font-family: 'Krona One';
    letter-spacing: -12px;
	color: #e7cbcb2e;
}
.hide{
	display:none;	
}
.wave-left {
    background: url(../images/mainpage/wave-left.png) no-repeat;
    position: absolute;
    width: 100px;
    height: 100vh;
    z-index: 50;
    background-size: contain;
}
.wave-right {
    background: url(../images/mainpage/wave-right.png) no-repeat;
    position: absolute;
    width: 100px;
    height: 100vh;
    z-index: 50;
    background-size: contain;
	right:0;
	background-position: right;
}

.wave-left1 {
    background: url(../images/mainpage/wave-left.png) no-repeat;
    position: absolute;
    width: 100px;
    height: 47vh;
    z-index: 50;
    background-size: contain;
}
.wave-right2 {
    background: url(../images/mainpage/wave-right.png) no-repeat;
    position: absolute;
    width: 100px;
    height: 47vh;
    z-index: 50;
    background-size: contain;
	right:0;
	background-position: right;
}

ul.smo {
  position: absolute;
  top: 40%;
  left: 32%;
  transform:translate(-50%, -50%);
  margin: 0;
  padding: 0;
  display: flex;
}

ul.smo li {
  list-style: none;
  margin: 0 20px;
  height: 60px;
  
}

 ul.smo li a .fab{
  font-size: 20px;
   color: black;
   line-height: 40px;
   transition: .5s;
}

 ul.smo li a {
  position: relative;
   display: block;
   width: 40px;
   height: 40px;
   background: #b73041;
   text-align: center;
   transform: perspective(1000px) rotate(-30deg) skew(25deg) translate(0,0);
   transition: .5s;
   box-shadow: -10px 10px 10px rgba(0,0,0,.5);
}

ul.smo li a:before {
  content: '';
    position: absolute;
    top: 5px;
    left: -11px;
    height: 100%;
    width: 11px;
    background: #932230;
    transition: .5s;
  transform: rotate(0deg) skewY(-45deg);
}

ul.smo li a:after {
  content: '';
    position: absolute;
    bottom: -9px;
    left: -6px;
    height: 11px;
    width: 100%;
    background: #972d3a;
    transition: .5s;
  transform: rotate(0deg) skewX(-45deg);
}

/*ul.smo li a:hover{
  transform: perspective(1000px) rotate(-30deg) skew(25deg) translate(20px,-20px);
  box-shadow: -50px 50px 50px rgba(0,0,0,.5);
}*/
ul.smo li:hover .fab{
  color:white;
}


ul.smo li:hover:nth-child(1) a {
  background: #5E77AB;
}

ul.smo li:hover:nth-child(1) a:before {
  background: #5E77AB;
}

ul.smo li:hover:nth-child(1) a:after {
  background: #4C68A2;
}

ul.smo li:hover:nth-child(3) a {
  background: #64B2EE;
}

ul.smo li:hover:nth-child(3) a:before {
  background: #64B2EE;
}

ul.smo li:hover:nth-child(3) a:after{
  background: #73BAF0;
}


ul.smo li:hover:nth-child(2) a {
  background: #E4506B;
}

ul.smo li:hover:nth-child(2) a:before {
  background: #E4506B;
}

ul.smo li:hover:nth-child(2) a:after{
  background: #E7617A;
}

ul.smo li:hover:nth-child(4) a {
  background: #0077af;
}

ul.smo li:hover:nth-child(4) a:before {
  background: #0077af;
}

ul.smo li:hover:nth-child(4) a:after{
  background: #0077af;
}






.r-list{
  --uirListPaddingLeft: var(--rListPaddingLeft, 0);
  --uirListMarginTop: var(--rListMarginTop, 0);
  --uirListMarginBottom: var(--rListMarginBottom, 0);
  --uirListListStyle: var(--rListListStyle, none);

  padding-left: var(--uirListPaddingLeft) !important;
  margin-top: var(--uirListMarginTop) !important;
  margin-bottom: var(--uirListMarginBottom) !important;
  list-style: var(--uirListListStyle) !important;
}

.r-link{
  --uirLinkDisplay: var(--rLinkDisplay, inline-flex);
  --uirLinkTextColor: var(--rLinkTextColor);
  --uirLinkTextDecoration: var(--rLinkTextDecoration, none);
  display: var(--uirLinkDisplay) !important;
  color: var(--uirLinkTextColor) !important;
  text-decoration: var(--uirLinkTextDecoration) !important;
}

/*
=====
COMPONENT
=====
*/

.breadcrumb{
  --uiBreadcrumbDividerColor: var(--breadcrumbDividerColor, inherit);
  --uiBreadcrumbDividerSize: var(--breadcrumbDividerSize, 1rem);
  --uiBreadcrumbIndent:  var(--breadcrumbIndent, .75rem);
}

.breadcrumb__list{
  gap: var(--uiBreadcrumbIndent);
  font-size: 20px;
    letter-spacing: -2px;
	color: #c73133;
}

.breadcrumb__group{
  display: inline-flex;
  align-items: center;
}

.breadcrumb__divider{
  margin-left: var(--uiBreadcrumbIndent);
  font-size: var(--uiBreadcrumbDividerSize);
      margin-right: 7px;
}

/*
=====
SKIN
=====
*/

.breadcrumb{
  --uiBreadcrumbTextColor: var(--breadcrumbTextColor);
  --uiBreadcrumbTextColorActive: var(--breadcrumbTextColorActive);
  
  --breadcrumbDividerColor: var(--uiBreadcrumbTextColor);
  --rLinkTextColor: var(--uiBreadcrumbTextColor);
  display: inline-block !important;
}

.breadcrumb__divider{
  color: var(--uiBreadcrumbDividerColor);
}

span.breadcrumb__point{
  color: var(--uiBreadcrumbTextColorActive);
}



.breadcrumb_type5{
  --breadcrumbDividerSize: 20px;
}



.page__section{
  padding: 1rem 2rem;
  color: #000;
  border-radius: 2px;
  text-align: center;
}

.page__section:nth-of-type(n+2){
   margin-top: 2.5rem;
}






#exampleContent {
	position: relative;
	width: 100%;
	overflow: hidden;
}
#mainContent, #example {
	position: relative;
	display: block;
	width: 800px;
	border: none;
	margin: 0 auto;
	height: 84vh;
	overflow: visible;
	background:url(../images/sub-page/cricel-bg.png) no-repeat;
	background-position:center center;
	background-size:550px;
}

img#boy {
    position: absolute;
    left: 31%;
    top: 30%;
    z-index: 9;
    width: 260px;
}

#skill1, #skill2, #skill3, #skill4{
	width:80px;
	height:80px;
}
#skill5, #skill6{
	width:80px;
	height:80px;
}

#skill1 {
top: 275px;
 left: 345px;
    position: absolute;
    
-webkit-animation: orbit 15s linear infinite; 
	-moz-animation: orbit 15s linear infinite; 
	-o-animation: orbit 15s linear infinite;
	animation: orbit 15s linear infinite;

}
 @-webkit-keyframes orbit {
 from {
-webkit-transform: rotate(0deg) translateX(230px) rotate(0deg);
}
 to {
-webkit-transform: rotate(360deg) translateX(230px) rotate(-360deg);
}
}



#skill2 {
	position: absolute;
top: 275px;
 left: 345px;
	-webkit-animation: orbit2 15s linear infinite;
	-moz-animation: orbit2 15s linear infinite; 
	-o-animation: orbit2 15s linear infinite; 
	animation: orbit2 15s linear infinite; 

}
 @-webkit-keyframes orbit2 {
 from {
-webkit-transform: rotate(0deg) translateY(230px) rotate(0deg);
}
 to {
-webkit-transform: rotate(360deg) translateY(230px) rotate(-360deg);
}
}






#skill3 {
	position: absolute;
top: 275px;
 left: 345px;
	-webkit-animation: orbit3 15s linear infinite;
	-moz-animation: orbit3 15s linear infinite; 
	-o-animation: orbit3 115s linear infinite; 
	animation: orbit3 15s linear infinite; 
}

 @-webkit-keyframes orbit3 {
 from {
-webkit-transform: rotate(0deg) translateY(-230px) rotate(0deg);
}
 to {
-webkit-transform: rotate(360deg) translateY(-230px) rotate(-360deg);
}
}


#skill4 {
	position: absolute;
top: 275px;
 left: 345px;
	-webkit-animation: orbit4 15s linear infinite;
	-moz-animation: orbit4 15s linear infinite; 
	-o-animation: orbit4 15s linear infinite; 
	animation: orbit4 15s linear infinite; 
}
 @-webkit-keyframes orbit4 {
 from {
-webkit-transform: rotate(0deg) translateX(-230px) rotate(0deg);
}
 to {
-webkit-transform: rotate(360deg) translateX(-230px) rotate(-360deg);
}
}



#skill5 {
	position: absolute;
top: 280px;
 left: 340px;
	-webkit-animation: orbit5 15s linear infinite;
	-moz-animation: orbit5 15s linear infinite; 
	-o-animation: orbit5 15s linear infinite; 
	animation: orbit5 15s linear infinite; 
}

 @-webkit-keyframes orbit5 {
 from {
-webkit-transform: rotate(0deg) translateX(150px) rotate(0deg);
}
 to {
-webkit-transform: rotate(-360deg) translateX(150px) rotate(360deg);
}
}


#skill6 {
	position: absolute;
top: 280px;
 left: 340px;
 -webkit-animation: orbit7 15s linear infinite;
	-moz-animation: orbit7 15s linear infinite; 
	-o-animation: orbit7 15s linear infinite; 
	animation: orbit7 15s linear infinite; 
	
}
@-webkit-keyframes orbit7 {
 from {
-webkit-transform: rotate(0deg) translateX(-150px) rotate(0deg);
}
 to {
-webkit-transform: rotate(-360deg) translateX(-150px) rotate(360deg);
}
}





.pl-3 {
    padding-left: 80px;
}


.stickey {
    position: fixed;
    top:0; left:0;
    width: 100%;
	background: #d7d7d7;
	z-index: 999;transform: translateY(0); }

.mt-7 {
    margin-top: 70px;
}


h2.cont-title {
    font-size: 46px;
}
h4.cont-title2 {
    font-size: 140px;
}

h2.cont-title3 {
    font-size: 35px;
    letter-spacing: 20px;
}
h1.sub-title {
    padding-bottom: 23px;
}



.leftside img{
	width:100%;
}

.cm-bg {
    background: url(../images/sub-page/cm-bg.png) no-repeat;
    background-position: top right;
    /* background-position: top; */
    /* background-attachment: inherit; */
}
.cm{
	position:relative;
}
.circle15 {
    position: absolute;
    top: -200px;
    left: -21px;
    width: 320px;
    z-index: -1;
}


.circle15 text {  font-size: 10px; letter-spacing:3px; color:#fff; }

.circle15 svg { position: absolute; left: 0; top: 0; width: 100%; height: 540px;

  -webkit-animation-name: rotate;
     -moz-animation-name: rotate;
      -ms-animation-name: rotate;
       -o-animation-name: rotate;
          animation-name: rotate;
  -webkit-animation-duration: 5s;
     -moz-animation-duration: 5s;
      -ms-animation-duration: 5s;
       -o-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;
      -ms-animation-iteration-count: infinite;
       -o-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
     -moz-animation-timing-function: linear;
      -ms-animation-timing-function: linear;
       -o-animation-timing-function: linear;
          animation-timing-function: linear;

}









.academics-list {
    position: relative;
    display: block;
    padding: 20px 0 20px;
	width:100%;
	margin:0 auto;
}
.academics-list .container{
	width:60%;
}
section.academics-list h4.sub-title {
    padding-bottom: 0px;
	
}
.academics-list img{
	width:230px;
	margin-top:-20px;
	
}
.academic-lists .circle2 {
    position: absolute;
    top: -79px;
    right: -60px;
    width: 350px;
    height: 350px;
    z-index: -1;
    left: unset;
}
.academic-lists {
	position:relative;
	text-align:center;
}



.academic-lists .circle2 text {  font-size: 10px; letter-spacing:3px; color:#fff; }

.academic-lists .circle2 svg { position: absolute; left: 0; top: 0px; width: 100%; height: 350px;

  -webkit-animation-name: rotate;
     -moz-animation-name: rotate;
      -ms-animation-name: rotate;
       -o-animation-name: rotate;
          animation-name: rotate;
  -webkit-animation-duration: 5s;
     -moz-animation-duration: 5s;
      -ms-animation-duration: 5s;
       -o-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;
      -ms-animation-iteration-count: infinite;
       -o-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
     -moz-animation-timing-function: linear;
      -ms-animation-timing-function: linear;
       -o-animation-timing-function: linear;
          animation-timing-function: linear;

}


.mb-6 {
    margin-bottom: 80px;
}
.profession {
    display: block;
    font-size: 12px;
    color: #817d7f;
    text-transform: capitalize;
    padding-top: 10px;
}
a.lb-close {
    display: none !important;
}
.lb-details {
    display: none;
}
.lightbox .lb-image{
	border-radius: 0px !important;
    border: 10px solid #fbdad8 !important;
}

#globalcampus .container{
	width:75%;
}
#globalcampus.academics-list img {
    width: 450px;
    margin-top: 50px;
}

a:hover {
    color: #000  !important;
}

.read-more__link {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    color: #df5659;
    border-bottom: 2px solid #c73133;
    padding-bottom: 5px;
    font-family: inherit;
    letter-spacing: 0px;
}

ul.list-c{
	list-style:none;
	padding:0px;
	margin:0px;
}
.list-c li {
    background: url(../images/list-img.png) no-repeat left 4px;
    padding: 2px 30px;
    margin-bottom: 15px;
	line-height:20px;
}



.coacdemics4 img{
	width:240px;
}

.coacdemics4{
	position:relative;
}
.coacdemics4 .circle {
    position: absolute;
    top: -161px;
    left: -195px;
    width: 500px;
    height: 500px;
    z-index: -1;
    right: unset;
}

.coacdemics4 .circle text {  font-size: 10px; letter-spacing:3px; color:#fff; }

.coacdemics4 .circle svg { position: absolute; left: 0; top: 0; width: 100%; height: 540px;

  -webkit-animation-name: rotate;
     -moz-animation-name: rotate;
      -ms-animation-name: rotate;
       -o-animation-name: rotate;
          animation-name: rotate;
  -webkit-animation-duration: 5s;
     -moz-animation-duration: 5s;
      -ms-animation-duration: 5s;
       -o-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;
      -ms-animation-iteration-count: infinite;
       -o-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
     -moz-animation-timing-function: linear;
      -ms-animation-timing-function: linear;
       -o-animation-timing-function: linear;
          animation-timing-function: linear;

}

.circle.icon1-4 {
    top: -120px;
}

.help img {
    width: 100%;
}



img.center-img{
	width:220px !important;
	height:auto !important;
}
img.award, img.helmet, img.testing, img.ball {
    width: 100% !important;
    height: auto !important;
}


/*new add*/



@import 'https://fonts.googleapis.com/icon?family=Material+Icons';
.nav-top {
  align-items: center;

}
.nav-top .hamburger {
  margin-left: auto;
  color: #fff;
  cursor: pointer;
}

.nav-drill {
  margin-top: 50px;
  transform: translateX(100%);
}

.nav-is-toggled .nav-drill {
  transform: translateX(0);
}
.nav-is-toggled::after {
  opacity: 1;
  visibility: visible;
}

.nav-drill {
  display: flex;
  position: fixed;
  z-index: 100;
  top: 35px;
  right: 0;
  width: 100%;
  height: 100vh;
  background:url(../images/menu-bg.png) no-repeat #fdf6f5;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  transition: 0.45s;
  box-shadow: 0px 1px 6px 0px #00000042;
  background-position: top right;
}
.nav-items {
  flex: 0 0 100%;
  list-style:none;
margin-left: 6%;
margin-top: 30px;
}

.nav-link {
 display: inline !important;
    padding: 10px 15px;
    color: #df5457;
    font-size: 25px;
    line-height: 40px;
    font-weight: 600;
    -webkit-text-fill-color: white;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #868383;
}

a.nav-link:hover{
	color:#9d9696 !important;
	-webkit-text-fill-color: #433c3c;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #433c3c;
}
.nav-expand-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateX(100%);
  transition: 0.3s;
  visibility: hidden;
}

.nav-expand-content .nav-back-link {
  display: flex;
  align-items: center;
  background-color: #fdf6f5  !important;
  color: #fff;
}
.nav-expand-content .nav-back-link::before {
  content: "chevron_left";
  margin-right: 0.5em;
  font-family: "Material Icons";
}
/*.nav-expand-link {
  display: flex;
  justify-content: space-between;
}*/
.nav-expand-link::after {
  content: "chevron_right";
  flex: 0 1 auto;
  font-family: "Material Icons";
  vertical-align:middle;
}
.nav-expand.active > .nav-expand-content {
  transform: translateX(0);
  visibility: visible;
}
.nav-expand .nav-expand-content {
  background-color: #fdf6f5;
}
.nav-expand .nav-expand-content .nav-link {
  background-color: #fdf6f5;
}
.nav-expand .nav-expand-content .nav-expand-content {
  background-color: #fdf6f5;
}
.nav-expand .nav-expand-content .nav-expand-content .nav-link {
  background-color: #fdf6f5;
}
.nav-expand .nav-expand-content .nav-expand-content .nav-expand-content {
  background-color: #fdf6f5;
}
.nav-expand .nav-expand-content .nav-expand-content .nav-expand-content .nav-link {
  background-color: #fdf6f5;
}
.nav-expand .nav-expand-content .nav-expand-content .nav-expand-content .nav-expand-content {
  background-color: #fdf6f5;
}
.nav-expand .nav-expand-content .nav-expand-content .nav-expand-content .nav-expand-content .nav-link {
  background-color: #fdf6f5;
}
















@media all and (min-width:480px) {
.o-container {
	padding: 0 24px
}
}

@media all and (min-width:720px) {
.o-container {
	padding: 0 48px
}
}
.o-header {
	margin: 0;
	padding: 0
}
.o-header-nav {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	background-color: #dc446e
}
.o-header-nav__link {
	padding: 12px;
	color: #fff
}
.o-header-nav__link:hover {
	color: #fff;
	background-color: #9d1d41
}
.o-header__title {
	margin: 24px;
	padding: 0;
	color: #818181;
	font-size: 28px;
	font-weight: 300;
	text-align: center
}

@media all and (min-width:480px) {
.o-header__title {
	margin: 36px;
	font-size: 42px
}
}
.o-section {
	margin-bottom: 0px
}
.o-section:last-child {
	margin-bottom: 0
}

@media all and (min-width:720px) {
.o-section {
	margin-bottom: 0px
}
}
.o-sub-nav {
	margin: 0;
	padding: 0
}
.o-sub-nav__items {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	list-style: none;
	margin: 0;
	padding: 0
}
.o-sub-nav__item {
	margin: 0;
	padding: 4px
}
.o-sub-nav__link {
	display: block;
	margin: 0;
	padding: 4px 24px;
	border: 2px solid #dc446e
}
.o-sub-nav__item.active .o-sub-nav__link, .o-sub-nav__link:hover {
	color: #fff;
	background-color: #dc446e
}
.o-footer {
	padding: 12px 0;
	text-align: center
}

@media all and (min-width:480px) {
.o-footer {
	padding: 24px 0
}
}

@media all and (min-width:720px) {
.o-footer {
	padding: 48px 0
}
}
.c-tabs-nav {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0
}
.c-tabs-nav__link {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-right: 4px;
	padding: 12px;
	color: #fff;
	text-align: center;
	-webkit-transition: color .3s;
	transition: color .3s;
	border-radius: 10px;
    background: #c73133;
    box-shadow: 0px 3px 0px 1px #a92a2b, 0 0 0px 0px #e5383b;
}
.c-tabs-nav__link:last-child {
	margin-right: 0
}
.c-tabs-nav__link:hover {
	color: #6d6d6d
}
.c-tabs-nav__link.is-active {
	color: #dc446e;
	background-color: #000
}
.c-tabs-nav__link i, .c-tabs-nav__link span {
	margin: 0;
	padding: 0;
	line-height: 1
}
.c-tabs-nav__link i {
	font-size: 18px
}
.c-tabs-nav__link span {
	display: none;
	font-size: 14px;
    line-height: 18px;
}

@media all and (min-width:720px) {
.c-tabs-nav__link i {
	margin-bottom: 12px;
	font-size: 22px
}
.c-tabs-nav__link span {
	display: block
}
}
.c-tab {
	display: none;
}
.c-tab.is-active {
	display: block
}
.c-tab__content {
	padding: 20px 0 0 0;
}
.c-tabs.no-js .c-tabs-nav {
	display: none
}
.c-tabs.no-js .c-tab {
	display: block;
	margin-bottom: 1.5rem
}
.c-tabs.no-js .c-tab:last-child {
	margin-bottom: 0
}
.carbon-img, .carbon-wrap {
	margin: 0 0 4px;
	display: block
}
#carbonads {
	position: fixed;
	bottom: 12px;
	right: 12px;
	z-index: 1000;
	padding: 24px 12px 12px;
	width: 154px;
	background-color: #fff;
	line-height: 1.1;
	border: 1px solid #e7e7e7
}
.carbon-img {
	padding: 0;
	width: 130px;
	height: 100px
}
.carbon-text {
	color: #818181;
	font-size: 12px
}
.carbon-poweredby {
	font-size: 10px
}
.carbonad__close {
	display: block;
	position: absolute;
	top: 0;
	left: 12px;
	height: 24px;
	font-size: 11px;
	line-height: 24px
}

@media all and (max-width:660px) {
#carbonads {
	display: none
}
}


a.c-tabs-nav__link img {
    width: 30px;
}

.o-container {
	margin: 0 auto;
	padding: 0 0;
}














/* Responsive Tabs - menucool.com/jquery-tabs */

ul.rtabs
{
    text-align:left; /*set to left, center, or right to align the tabs as desired*/    
    font-size:0;
    margin:0;
    padding:0;
    list-style-type:none;
}
        
ul.rtabs li
{
    margin:0;
    margin-right:4px; /*gap between tabs. Set it to -1px for no gap.*/
    padding:0;
    display:inline;
}
        
ul.rtabs li a
{
   padding: 0 16px;
    display: inline-grid;
   font-weight: 500; 
    font-size: 12px;
    line-height: 16px;
    text-decoration: none;
    color: #222;
    outline: none;
    border: 1px dashed #b9b6b6;
    border-bottom: none;
    border-radius: 15%;
    position: relative;
    text-align: center;
    width: 15%;
    height: 180px;
    margin-right: 12px;
   font: 14px/25px 'Montserrat', sans-serif;
    letter-spacing: -0.20px;
}
        
ul.rtabs li a:link, ul.rtabs li a:visited
{
    color:#222;
}
        
ul.rtabs li a:hover
{
    border-color: #DDD;
    background-color: #f18789;
    color: #fff;
}
  
/*selected tab style */
ul.rtabs li.selected a
{
color: #ffffff;
    font-weight: bold;
    border: 1px dashed #fdf6f5;
    background: #f18789;
    z-index: 3;
    font-size: 14px;
    box-shadow: inset -1px 0px 0px 7px #fff;
}   
        
/*selected tab style on hover */
ul.rtabs li.selected a:hover
{
    text-decoration:none;
}

/* container of content panels */
div.panel-container
{
    position:relative;    
    padding:0px; margin:0px;
    outline:none;
    margin-top:-2px;
}

/* content panel */       
div.panel-container > div
{
    padding:40px 0px;
    
    /* The two settings below should not be changed. */
    display: block;
    margin:0px;
}  
div.panel-container div.inactive
{
    display: none;
}

/* loading image before ajax content is retrieved. Only applicable when Ajax is used.*/
div.ajaxLoading {background:transparent url(loading.gif) no-repeat center center; height:150px; width:20px; font-size:0;padding:0; margin:0 auto; }

.rtabs img{
	margin:20px auto 0;
}


/* For mobiles */
@media only screen and (max-width:560px){
    ul.rtabs{
        box-sizing:border-box;
        border-left:1px solid #ccc;
        border-top:1px solid #ccc;
        min-width:260px;
    }

    ul.rtabs li{
        display:inline-block;
        box-sizing:border-box;
        margin-right:0;
        width:50%; /* set it to 100% for one column, 33.33% for three-column */
    }

    ul.rtabs li:last-child:nth-child(odd){
        width:100%;
    }

    ul.rtabs li a {
        border:none;
        border-right:1px solid #ccc;
        border-bottom:1px solid #ccc;
        display:block;
        padding:0;
        text-align:center;
        border-radius:0;
    }

    ul.rtabs li.selected a {
        background-color:#fff;
        background-image: linear-gradient(#fff, #fff 50%, #f4f4f4 50%, #fafafa);
    }

    div.panel-container {
        border-radius:0;
        min-width:260px;
        box-sizing:border-box;
    }
}
.sh-box {
  background: #fff;
  padding: 15px 15px 22px 15px;
  box-shadow: 0 2px 8px 0 rgba(0,0,0,0.1);
  border-radius: 4px;
  border: 1px solid #dde6ed;
}


.facilities {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-right: 4px;
  padding: 12px;
  color: #fff;
  text-align: center;
  -webkit-transition: color .3s;
  transition: color .3s;
  border-radius: 10px;
  background: #ec1d25;
  box-shadow: 0px 3px 0px 1px #a92a2b, 0 0 0px 0px #e5383b;
}

.content-box {
  box-sizing: content-box;
  /* Total width: 160px + (2 * 20px) + (2 * 8px) = 216px
     Total height: 80px + (2 * 20px) + (2 * 8px) = 136px
     Content box width: 160px
     Content box height: 80px */
}