body { background:#fff; font-family: 'Lato', sans-serif; font-size:14px; font-weight:400;  background:url(../images/banner-bg.jpg) 0 center no-repeat; background-size:contain;}

/* * {transition: all 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s; -moz-transition: all 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s; -webkit-transition: all 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s;}*/


.animsition,
.animsition-overlay {  position: relative;  opacity: 0;  -webkit-animation-fill-mode: both;       -o-animation-fill-mode: both;        animation-fill-mode: both;}
.animsition-loading {  position: fixed;  top: 0;  z-index: 100;  width: 100%;  height: 100%;  background: url(../images/loader.gif) center center no-repeat;  -webkit-animation-fill-mode: both;      -o-animation-fill-mode: both;  animation-fill-mode: both;}

.animsition-loading:after {position: fixed;top: 50%; width: 100%; margin-top: 20px; font-size: 16px;  color: #aaa;  text-align: center;  content: "";}
.animsition-overlay-slide { position: fixed;  z-index: 1;  width: 100%;  height: 100%;  background-color: #ddd;}



h1 { margin:0; font-weight:100; font-size:257px; color:#000;}

.index1000 { z-index:10000; position:relative;}
a {color: #cc0c3b;}

a:focus {outline:none; color: #cc0c3b;}

.animated {visibility: hidden;}
.animated.visible { visibility: visible;}


.nav-brand { font-size:32px; color:#000; text-transform:uppercase; position:absolute; left:237px; top:41px; user-select:none;}
.nav-brand .light { font-weight:300;}
.nav-brand .bold { font-weight:700;}
.nav-brand:focus,
.nav-brand:hover { color:#000; }

#page-nav { position:fixed; z-index:1000; top:50%; right:30px;}
#page-nav ul { padding:0; margin:0; }
#page-nav ul li { margin:5px 0; list-style:none;}
#page-nav ul li a { width:8px; height:8px; background:#c4c4c4; display:block; border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; -webkit-border-radius:50%; position:relative;}
#page-nav ul li a.active { background:#000;} 
#page-nav ul li a.active:before { width:10px; height:10px; content:""; position:absolute; border:2px solid #000; background:none; left:-1px; top:-1px; border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; -webkit-border-radius:50%;}

.translateY50 {transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.translateX50 {transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -webkit-transform:translateX(-50%); }
.box-shadow { box-shadow:0 21px 30px 3px rgba(0, 0, 0, 0.25); -moz-box-shadow:0 21px 30px 3px rgba(0, 0, 0, 0.25); -ms-box-shadow:0 21px 30px 3px rgba(0, 0, 0, 0.25); -o-box-shadow:0 21px 30px 3px rgba(0, 0, 0, 0.25); -webkit-box-shadow:0 21px 30px 3px rgba(0, 0, 0, 0.25);}

.para-section { padding:0; float:left; width:100%; position:relative; }
.para-text { margin:160px 0;}

.lines { position:fixed; top:0; left:0; width:100%; height:100%; background:url(../images/line.png) center top repeat-y; z-index:100;}

.banner { position:relative; padding:0; height:900px; }
.banner-text { text-align:center;  position:absolute; top:50%; z-index: 1000;}

.banner-text.laptopfix { display:none;}

.back-line { position: absolute; overflow: hidden;  left: 563px;  overflow: hidden;   position: absolute;    top: 129px; }

.back-line polygon {animation: arrow 2s infinite;	-webkit-animation: arrow 2s infinite; opacity:0; }

.back-line polygon:nth-child(1n) { animation-delay:-0s; -webkit-animation-delay:-0s; }
.back-line polygon:nth-child(2n) { animation-delay:-0.5s; -webkit-animation-delay:-0.5s;}
.back-line polygon:nth-child(3n) {	animation-delay:-1s;	-webkit-animation-delay:-1s; }

@keyframes arrow { 0% {opacity:0} 40% {opacity:1} 80% {opacity:0} 100% {opacity:0} }
@-webkit-keyframes arrow /*Safari and Chrome*/ { 0% {opacity:0} 40% {opacity:1} 80% {opacity:0} 100% {opacity:0 } }

.scroll-bottom { position:fixed; bottom:20px; left:50%; text-align:center;  z-index: 1000;}
.scroll-bottom span { display:block; color:#999; font-size:12px; text-transform:uppercase; margin-bottom:5px;}
.scroll-bottom img { display:inline-block; vertical-align:middle; height:59px; opacity:0.5;}

.section-number {  font-size:185px;  font-weight:700; margin:0; line-height:136px; color:#000;}
.section-head { font-size:44px; font-weight:700; margin-top:23px; line-height:normal; color:#000; }
.section-text { font-size:28px; line-height:40px; color:#666666; margin-top:23px; }
.section-image { float:right; margin-left:30px; }
.small-text { color: #cc0c3b;  display: inline-block; font-size: 18px; font-weight: 700; margin-top: 14px;}

.col-sm-5 .section-text,
.col-sm-5 .section-head { padding-right:30px;} 


#picnic .section-head { margin-top:0;}
#picnic .picnic-text { margin-top:45px;}

.owl-carousel { margin-top:52px;}
.owl-carousel .item img{ display: block; width: 100%; height: auto;}
.owl-wrapper-outer { box-shadow:0 21px 30px 3px rgba(0, 0, 0, 0.25); -moz-box-shadow:0 21px 30px 3px rgba(0, 0, 0, 0.25); -ms-box-shadow:0 21px 30px 3px rgba(0, 0, 0, 0.25); -o-box-shadow:0 21px 30px 3px rgba(0, 0, 0, 0.25); -webkit-box-shadow:0 21px 30px 3px rgba(0, 0, 0, 0.25);}
.owl-theme .owl-controls {margin-top: 40px;}
.owl-theme .owl-controls .owl-page span { margin:5px 5px 5px 0; width:8px; height:8px; background:#c4c4c4; position:relative;}
.owl-theme .owl-controls .owl-page.active span { background:#000;} 
.owl-theme .owl-controls .owl-page.active span:before { width:10px; height:10px; content:""; position:absolute; border:2px solid #000; background:none; left:-1px; top:-1px; border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; -webkit-border-radius:50%;}


.owl-theme .owl-controls .owl-buttons { position:absolute; width:100%; top:42%; padding:0 15px; opacity:0; transition:all ease-in-out 0.3s;}  
.owl-theme:hover .owl-controls .owl-buttons { opacity:1;}
.owl-theme .owl-controls .owl-next { float:right; background:url(../images/next.png) center no-repeat !important; background-size:100% auto !important; }
.owl-theme .owl-controls .owl-prev { float:left; background:url(../images/prev.png) center no-repeat  !important; background-size:100% auto !important;}  

.owl-theme .owl-controls .owl-buttons .owl-next,
.owl-theme .owl-controls .owl-buttons .owl-prev { margin:0; width:28px; height:68px; border-radius:0;}

#experiments .experiments-text { margin-top:80px;}
#experiments .framework-logo { margin-top:80px; display:inline-block;}

#startups {height:auto !important;}
#startups .startups-text { margin-top:100px; } /*180*/

.logo-detail { margin-top:100px; } /* 123 px*/
.logo-detail:last-child { margin-bottom:200px;}
.logo-detail .section-text { margin-top:40px; color:#000;}
.website-link { font-size:18px; color: #cc0c3b; font-weight:700; margin-top:14px; display:inline-block;}
.website-link:hover { color:#1393e5;}

.website-link.btn { padding:12px 15px; background:#666666; color:#fff;}


#analytical-apps .para-text { margin-top:150px;}
#healthy-company .owl-carousel,
#conference-rooms .owl-carousel,
#analytical-apps .owl-carousel { max-width:680px; margin-top:0;}
#analytical-apps .analytical-app-list { margin:21px 0 0; padding-left:0;}
#analytical-apps .analytical-app-list li { list-style:inside; font-size:30px; line-height:60px; cursor:pointer; }
/*
#analytical-apps .analytical-app-list li,
#analytical-apps .analytical-app-list li a { color:#00704a;}
#analytical-apps .analytical-app-list li + li,
#analytical-apps .analytical-app-list li + li a { color:#4285f4;}
#analytical-apps .analytical-app-list li + li + li,
#analytical-apps .analytical-app-list li + li + li a { color:#0083ba;}
#analytical-apps .analytical-app-list li + li + li + li,
#analytical-apps .analytical-app-list li + li + li + li a { color:#12b5ea;}
*/
#achievements .achievements-text { margin-top:150px;}
#achievements .logo-detail:last-child { margin-bottom:150px;}

#new-learnings .section-head { margin-top:84px;}
#new-learnings .section-text { margin-bottom:50px;}
#new-learnings .learning-icon { margin-top:120px;}
#new-learnings .learning-box .section-text { margin-bottom:160px; color:#000;}

#new-learnings .learning-box-4,
#new-learnings .learning-box-1 { animation-delay:0.1s;}
#new-learnings .learning-box-5,
#new-learnings .learning-box-2 { animation-delay:0.2s;}
#new-learnings .learning-box-6,
#new-learnings .learning-box-3 { animation-delay:0.4s;}


#components-library .components-library-text { margin-top:110px;}
#components-library .section-head { margin-top:44px;}
#components-library .d-material-logo { font-size:160px; color:#000; margin-top:70px; margin-bottom:140px;}
#components-library .d-material-logo span { font-weight:300;}
#components-library .d-material-logo strong { font-weight:700;}


#diwali-festival { height:auto !important; padding-bottom:50px;}
#diwali-festival .section-head { margin-top:0;}
#diwali-festival .diwali-festival-text { margin-top:45px;}

#cafeteria .cafeteria-text img { margin-top:30px;}

#bid-adieu .bid-adieu-text { margin:10px 0 0;}
/*#bid-adieu .bid-adieu-text .bid-title { font-size:60px; line-height:60px; font-weight:700; color:#000;}
#bid-adieu .bid-adieu-text .section-text { margin-top:72px;}*/


#thank-you {}
#thank-you .thank-you-text { margin:230px 0;}
#thank-you .thank-you-text .big-title { font-size:60px; line-height:60px; font-weight:700; color:#000;}
#thank-you .thank-you-text .section-text { margin-top:72px;}
#thank-you .thank-you-text .thank-you { font-size:90px; color:#000; font-weight:700; margin-top:60px;}
#thank-you .thank-you-text .digi-brand { display:inline-block; text-transform:uppercase; color:#000;  font-size:41px; margin-top:54px;}
#thank-you .thank-you-text .digi-brand .light { font-weight:300;}
#thank-you .thank-you-text .digi-brand .bold { font-weight:700;}


.pace-running { margin-right:17px; overflow:hidden;}
.pace-overlay { position:fixed; top:0; left:0; width:100%; height:100%; background:#fff; z-index:10000;}
/*.pace-done .pace-overlay  { display:none;}*/
.pace-running .pace  { right:17px;}
.pace:before { position:absolute; content:"This might take a while to load but it's  worth the wait."; left:-10%; top:110%; width:120%; text-align:center; font-size:18px; }
.pace {  -webkit-pointer-events: none;  pointer-events: none;  -webkit-user-select: none; -moz-user-select: none;  user-select: none; position: fixed; z-index: 100000; top: 0;	left: 0;	bottom: 0;
right:0;	margin:auto;	height:294px;	max-width:350px;	background:url(../images/digi-loader-1.png) 0 0 no-repeat;}
.pace .pace-progress { 	background:url(../images/digi-loader-2.png) 0 0 no-repeat; position: absolute;	z-index: 10; top: 0;	left: 0;  margin:auto; max-width:350px;	width:100%; height:294px; 
 -webkit-transition: height 1s; -moz-transition: height 1s; -o-transition: height 1s; transition: height 1s; }
 


@media screen and (max-width:1280px) and (min-width:1260px) {

	.banner-text { display:none;}
	.banner-text.laptopfix { position:fixed; width:100%; left:0; display:block; }
	h1 { font-size:140px;}
	.back-line {margin-left:-10px; top:51px; left:50%;}
	.back-line svg { width:43px;}
	.nav-brand { font-size: 20px;  left: 441px;  top: 22px;}

}


@media screen and (max-width:1200px){ 
	.banner { height:670px;}
	.scroll-bottom { position:absolute;}	 
	body { background-position: 0 0 !important; }
	h1 {font-size:200px;}
	.banner-text { width:100%; left:0; }
	.nav-brand {  font-size: 24px; left: 50%; margin-left: -262px; top: 29px;}
	.back-line {left: 50%; margin-left: -9px; top: 92px;}
	.back-line svg { height:90px; width:76px;}
	.section-image { width:100%; margin-left:0;} 
	.section-number { font-size:144px;}
	.section-head { font-size:36px;}
	.section-text { font-size:24px;  line-height: 1.4;} 
	.website-link { font-size:16px;}
	#page-nav { display:none;}
	.para-text {  margin: 100px 0; display:table; width:100%;}
	.para-section + .para-section { height:auto !important; padding-bottom:40px;}
	.owl-carousel { width:80%; margin:52px auto 0; }	
	#experiments .framework-logo { margin-top:50px;}
	#experiments .framework-logo:nth-child(1n) img{ height:80px;}
	#experiments .framework-logo:nth-child(2n) img{height:100px;}
	#experiments .framework-logo:nth-child(3n) img{ height:100px;}		

	.logo-detail { margin-top: 70px;}
	.logo-detail .section-text {  color: #000;  margin-top: 20px;}
	.website-link { margin-top:10px;}
	.logo-detail:last-child { margin-bottom:0;}
	#healthy-company .owl-carousel,
	#conference-rooms .owl-carousel,
	#analytical-apps .owl-carousel {  width:100%; margin-left:0px;}
	#analytical-apps .section-head { margin-top:0;}
	#new-learnings .learning-icon {  margin-top: 20px;}
	#components-library .d-material-logo {      font-size: 100px;  margin-bottom: 70px;  margin-top: 50px}
	#analytical-apps .analytical-app-list li { font-size: 24px; line-height: 45px;}
	
	#thank-you .thank-you-text {  margin: 50px 0;}
	#thank-you .thank-you-text .thank-you { font-size: 70px;  margin-top: 50px;}
	#thank-you .thank-you-text .digi-brand { font-size:30px;}
	
	.col-sm-5 .section-text, .col-sm-5 .section-head {   padding-right: 0px;}

}

@media screen and (max-width:1024px){  
	#new-learnings .learning-icon { margin-top:0;}	
	#components-library .d-material-logo { font-size: 110px;  margin-bottom: 50px;  margin-top: 20px;}
}

@media screen and (max-width:991px){   
	.banner { height:520px !important;}
	h1 {  font-size: 140px; }
	.nav-brand { font-size: 17px;  margin-left: -185px;  top: 24px;}
	.back-line { margin-left: -8px;  top: 67px;}
	.back-line svg { height: 60px; width: 56px;}
	.para-text { margin:100px 0 0; }
	.section-head { font-size: 28px;}
	.section-number { font-size: 100px; line-height: 69px;}
	.section-text { font-size:20px; margin-top:10px;} 
	#healthy-company .owl-carousel,
	#conference-rooms .owl-carousel,
	#analytical-apps .owl-carousel { margin-left:20px;}
	.website-link {  font-size: 14px;}
	#components-library .d-material-logo { font-size: 70px;  margin-top: 10px; margin-bottom:0;}
	#new-learnings .learning-icon { height: 80px;}

	#achievements .logo-detail:last-child { margin-bottom:0;}

	#new-learnings .new-learnings-text,
	#achievements .achievements-text,

	#diwali-festival .diwali-festival-text,
	#picnic .picnic-text,
	#experiments .experiments-text {  margin-top: 100px;}
	
	#thank-you .section-head br { display:none;} 
	#thank-you .thank-you-text .thank-you { font-size: 55px;  margin-top: 30px;}
	#thank-you .thank-you-text .digi-brand { font-size: 30px;}
	
	.owl-theme .owl-controls .owl-buttons { display:none;}
	

	
}

@media screen and (max-width:767px) {
	.banner {  height: 280px !important;}	
	h1 { font-size: 90px;}		
	.nav-brand {  font-size: 22px;  margin-left: -90px;  top: -26px;  width: 180px;}
	.scroll-bottom { display:none;}
	.back-line {  margin-left: -24px;  top: 47px;}
	.back-line svg { height: 30px; width: 66px;}
	
	.para-text {  margin: 70px 0 0; text-align:center;}
	.section-image { width:280px; float:none; margin-left:0;  margin-top: 30px;}
	.section-number {  font-size: 50px;  line-height: normal; }
	.section-head { margin-top:0; font-size: 24px;}
	.section-text { font-size:18px;}
	.section-head br,
	.section-text br { display:none;} 	

	#analytical-apps .para-text,
	#new-learnings .new-learnings-text,
	#achievements .achievements-text,

	#diwali-festival .diwali-festival-text,
	#picnic .picnic-text,
	#experiments .experiments-text {  margin-top: 70px;}
	.owl-carousel { margin-top:35px;}
	
	#experiments .framework-logo { margin-top: 20px;}

	#experiments .framework-logo:nth-child(n) img { height: 50px;}
	.logo-detail a.book-a-wheel img { height:60px;}
	.logo-detail a.iterate img { height:44px;}
	.logo-detail a.impect img { height:16px;}
	.logo-detail a.sappling img { height:91px;}
	.logo-detail a.voicetation img { height:70px;}
	.logo-detail a.impression img { height:45px;}
	.logo-detail a.exercise-buddy img { height:45px;}
	.logo-detail a.nextenders img { height:45px;}
	#healthy-company .owl-carousel,	
	#conference-rooms .owl-carousel,	
	#analytical-apps .owl-carousel {  margin: 30px auto 0;}
	.logo-detail {  margin-top: 50px;}
	.website-link { margin-top:5px;}
	#analytical-apps .analytical-app-list li { font-size: 20px;  line-height: 33px;}
	
	#healthy-company .owl-carousel,
	#conference-rooms .owl-carousel,
	#analytical-apps .owl-carousel { max-width:380px; width:80%;}
	#analytical-apps .owl-carousel {}
	#new-learnings .learning-box .section-text br{ display:block;}


	#thank-you .thank-you-text .thank-you { font-size: 45px;  margin-top: 30px;}
	#thank-you .thank-you-text .digi-brand { font-size: 24px;}

	.pace-running { margin-right:0px; }
	.pace-running .pace  { right:0px;}
	
	

}
@media screen and (max-width:480px) {
	h1 { font-size: 65px;}	
	#healthy-company .owl-carousel,
	#conference-rooms .owl-carousel,
	#analytical-apps .owl-carousel { max-width:290px; width:100%;}
	#new-learnings .learning-icon { height:50px;}
	.back-line { margin-left: -3px; top: 30px;}
	.back-line svg { height: 26px; width: 25px;}
	
	.para-text { margin-top:40px;}
	#analytical-apps .para-text,
	#new-learnings .new-learnings-text,
	#achievements .achievements-text,

	#diwali-festival .diwali-festival-text,
	#picnic .picnic-text,
	#experiments .experiments-text {  margin-top: 40px;}
	.section-image  { margin-bottom:20px;}
	.section-number { font-size:40px; }
	.section-text { margin-top:20px; font-size:16px; }
	.section-head { font-size:20px; margin-bottom:0;}
	.owl-carousel { width:100%; max-width:320px;}
	
	.owl-wrapper-outer,
	.box-shadow {  box-shadow: 0 4px 6px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 4px 6px 1px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 4px 6px 1px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 4px 6px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 4px 6px 1px rgba(0, 0, 0, 0.2);}
	
	#components-library .d-material-logo { font-size:45px;}
	#analytical-apps .analytical-app-list li { font-size: 16px;  line-height: 1.4;}
	.logo-detail a.exercise-buddy img,
	.logo-detail a.nextenders img { height:35px;}
	#new-learnings .section-text {  margin-bottom: 30px;}
	#new-learnings .learning-box .section-text {  margin-bottom: 40px; margin-top:10px;}
	

	#thank-you .thank-you-text .thank-you { font-size: 35px;  margin-top: 30px;}
	#thank-you .thank-you-text .digi-brand { font-size: 20px;}
	
	.banner {  height: 320px !important;}
	

}
@media screen and (max-width:369px) {
	.banner { height: 480px !important;}
}

@media screen and (max-width:640px) {
.pace  { max-width:140px; height:117px; background-size:140px 117px;}	
.pace .pace-progress { max-width:140px; max-height:117px; background-size:140px 117px;} 	
.index1000 { z-index:1000;}
.pace:before  { font-size:14px; width:200%; left:-50%;} 
}