/*PLAYFUL THEME*/
@import url(http://fonts.googleapis.com/css?family=Rokkitt:400,700);
@import url(http://fonts.googleapis.com/css?family=Roboto);

/*DEFAULT*/

::selection {
  background: #2dafa7 !important;
}

span {font-family:'roboto' !important;
   font-size:14px !important;
    color:#35424a;
}

body {background-color:#efefef;}
   
 h1 {font-family:'rokkitt' !important;
     font-weight:700 !important;
     font-size: 97px !important;
     color: #ffd451 !important;
     }
     
h2 {font-family: 'rokkitt' !important;
 font-size:36px !important;
    color:#35424a !important;
 }

.rw-sentence span {font-family: 'roboto' !important;
 font-size:30px !important;
 }

.rw-words-1 span{
    left:54%;
	opacity: 0;
	overflow: hidden;
	color: #f98025 !important;
	-webkit-animation: rotateWord 15s linear infinite 0s;
	-moz-animation: rotateWord 15s linear infinite 0s;
	-o-animation: rotateWord 15s linear infinite 0s;
	-ms-animation: rotateWord 15s linear infinite 0s;
	animation: rotateWord 15s linear infinite 0s;
}
.rw-words-1 span:nth-child(2) { 
    -webkit-animation-delay: 3s; 
	-moz-animation-delay: 3s; 
	-o-animation-delay: 3s; 
	-ms-animation-delay: 3s; 
	animation-delay: 3s; 
	color: #2dafa7 !important;
}
.rw-words-1 span:nth-child(3) { 
    -webkit-animation-delay: 6s; 
	-moz-animation-delay: 6s; 
	-o-animation-delay: 6s; 
	-ms-animation-delay: 6s; 
	animation-delay: 6s; 
	color: #ffd451 !important;	
}
.rw-words-1 span:nth-child(4) { 
    -webkit-animation-delay: 9s;
	-moz-animation-delay: 9s; 
	-o-animation-delay: 9s; 
	-ms-animation-delay: 9s; 
	animation-delay: 9s; 
	color: #e80032 !important;
}
.rw-words-1 span:nth-child(5) { 
    -webkit-animation-delay: 12s; 
	-moz-animation-delay: 12s; 
	-o-animation-delay: 12s; 
	-ms-animation-delay: 12s; 
	animation-delay: 12s; 
	color: #efefef !important;
}

.startnow {
  background: #d9002e !important;
  border: 1px solid #d9002e !important;
  font-size: 17px !important;
  padding: 21px 27px;
  margin-left: 0px !important;
  position: relative !important;
  border-radius: 15px !important;
  margin-bottom: -35px;
  font-family: 'roboto';
}

.startnow:hover {
    background:#c9002b !important;
}

.startnow:active {background-color: #ac0125 !important;
    border: 1px solid #ac0125 !important; 
    font-size: 17px !important;
    padding: 22px 27px;
}

.navbar {background-color: #fff !important;}
    
.gradient {display:none;}

.navbar-default .navbar-nav > li > a {
  color: #35424a !important;
  font-size: 14px  !important;
  font-family: 'roboto'  !important;
}
.navbar-default .navbar-nav > li > a:hover {
  color: #2dafa7  !important;
  font-size: 14px  !important;
}
.navbar-default .navbar-nav > li > a.current {
  color: #2dafa7  !important;
  font-size: 14px  !important;
}

p , a {font-family: 'roboto' !important;
   font-size:14px !important;
    color:#35424a;
}

.masked { -webkit-text-fill-color: #ffd451 !important;
    	background:none !important;
}

h3 {color:#2dafa7;
    font-size:17px !important;
    font-family: 'roboto' !important;
}



h4 {color:#35424a;
    font-size:17px !important;
    text-transform:uppercase !important;
    font-family: 'roboto' !important;
}

.big .fa {color: #d9002e !important;
  font-size: 50px !important;
  text-shadow: none !important;
  box-sizing: content-box !important;
  line-height: 130px !important;
  text-align: center !important;
  width: 130px !important;
  height: 130px !important;
  display: inline-block !important;
  overflow: hidden !important;
  border-radius: 50% !important;
  background-color: #fff !important;
  background: #fff !important;
}

.gototop {position: absolute;
  margin-left: 15%;
  margin-top: -9.5%;
  cursor: pointer;
  background: #dddddd !important;
  
}

.godown {position: absolute;
  color:#2dafa7 !important; 
  margin-left: -2%;
  margin-top: -2.3%;
  cursor: pointer;
  background: #efefef !important;}
  
 .godown1 {position: absolute;
  margin-left: -2%;
  margin-top: -2.5%;
  cursor: pointer;
  background: #35424a !important;}

 img {-webkit-filter: grayscale(1) opacity(0.4);}


/*MAIN*/

.main p , .main a {font-family: 'roboto' !important;
   font-size:14px !important;
    color:#fff;
}

.main {background-image: url('http://d33rxv6e3thba6.cloudfront.net/2015/3/5321b116210dad2f246a4ad1/21429-1fccmxk.jpg') !important;
    background-repeat:repeat;}

.bottom {background-image: url('http://d33rxv6e3thba6.cloudfront.net/2015/3/5321b116210dad2f246a4ad1/21429-1fcm65g.jpg') !important;
    background-repeat:repeat;}

.main h3 {color:#2dafa7;
    font-size:17px !important;
    font-family: 'roboto' !important;
}

.main h4 {color:#fff;
    font-size:27px !important;
    font-family: 'roboto' !important;
}

.main .fa {  color: #ffd451 !important;
  font-size: 15px !important;
  text-shadow: none !important;
  box-sizing: content-box !important;
  line-height: 40px !important;
  text-align: center !important;
  width: 40px !important;
  height: 40px !important;
  display: inline-block !important;
  overflow: hidden !important;
  border-radius: 50% !important;
  background-color: transparent!important;
  background: transparent !important;
}

.main h2 {font-family: 'rokkitt' !important;
 font-size:36px !important;
    color:#fff !important;
 }

/*NEGATIVE*/

.negative p , .negative a {font-family: 'roboto' !important;
    font-size:14px !important;
    color:#35424a;
}
.negative h2 {color:#35424a;
    font-size:30px !important;
    font-family: 'rokkitt' !important;
}

.negative {background-color: #fff !important;
  background-image: none !important;
}

.negative .fa {  color: #2dafa7 !important;
  font-size: 15px !important;
  text-shadow: none !important;
  box-sizing: content-box !important;
  line-height: 40px !important;
  text-align: center !important;
  width: 40px !important;
  height: 40px !important;
  display: inline-block !important;
  overflow: hidden !important;
  border-radius: 50% !important;
  background-color: transparent!important;
  background: transparent !important;
}


/*CAROUSEL*/

.carousel-indicators { bottom: 5% !important;
     
 }

.carousel-indicators li {
  margin: 5px !important;
  width: 15px !important;
  height: 15px !important;
  border-radius: 50px !important;
  background-color: transparent !important;
  border: 1px solid white!important;
    
}
  
  .carousel-indicators .active {
  margin: 5px !important;
  width: 15px !important;
  height: 15px !important;
  border-radius: 50px !important;
  background: #ffd451 !important;
  border: 1px solid white !important;
      
  }


#carous383 h4 {font-family: 'rokkitt'!important;
text-align:center !important;
font-size:70px!important;
text-shadow: none !important;
}

#carous383 p {font-family: 'roboto'!important;
font-weight: light !important;
text-align: center !important;
font-size:19px !important;
color:#fff !important;
}

#carous383 img {-webkit-filter: grayscale(1) opacity(0.5);}
    
#carous383 {background-color: #2dafa7 !important;}

/*MEDIAQUERIES*/

@media only screen and (max-width: 1440px) and (min-width: 991px){
.masked h1 {
  font-size: 5.5em !important;}}