@font-face{	font-family: 'Eraser';	src:url(https://animationkolkata.com/mcc/css/font/EraserRegular.ttf);}body {
	/*cursor:url(../animation/arrow1.gif), auto;*/
	background-color: white !important;
	font-family: 'Open Sans', sans-serif !important;
}
* {
	-webkit-print-color-adjust: exact !important;
}
a:link:after, a:visited:after {
    content: "" !important;
}
::-webkit-scrollbar{
    width:8px;
}
::-webkit-scrollbar-track{
    box-shadow: inset 0 0 2px rgba(150,150,150,0.8);
	background: #ffcd07;
}
::-webkit-scrollbar-thumb{
    border-radius: 10px;
	background: #f00;
    box-shadow: inset 0 0 6px rgba(255,255,255,0.8);
}
@media (min-width: 1px) {
	.search-box {
		padding-right:13.33% !important;
		width:91.66% !important;
	}
}
@media (min-width: 768px) {
	.search-box {
		padding-right:7.33% !important;
		width:95% !important;
	}
}
@media (min-width: 992px) {
	.search-box {
		padding-right:7.33% !important;
		width:93.66% !important;
	}
}
.search-box {
	text-align:center;
	background:blue;
	border-color: #fff;
    outline: 0;
	width:93.66%;
	padding-right:9.8%;
	margin-left:-15px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6) !important;
    -webkit-animation-name: example2;
    -webkit-animation-duration: 4s;
	-webkit-animation-iteration-count: infinite;
    -moz-animation-name: example2;
    -moz-animation-duration: 4s;
    -moz-animation-iteration-count: infinite;
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
	-o-animation-name: example2;
    -o-animation-duration: 4s;
    -o-animation-iteration-count: infinite;
	-o-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
	animation-name: example2;
    animation-duration: 4s;
	animation-iteration-count: infinite;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6) !important;
}
@-webkit-keyframes example2 {
    0%  {border-color: #f00;}
    25%  {border-color: #ffcc07;}
    50%  {border-color: #fff;}
    75%  {border-color: #ffcc07;}
	100%  {border-color: #f00;}
}

@-moz-keyframes example2 {
    0%  {border-color: #f00;}
    25%  {border-color: #ffcc07;}
    50%  {border-color: #fff;}
    75%  {border-color: #ffcc07;}
	100%  {border-color: #f00;}
}

@-o-keyframes example2 {
    0%  {border-color: #f00;}
    25%  {border-color: #ffcc07;}
    50%  {border-color: #fff;}
    75%  {border-color: #ffcc07;}
	100%  {border-color: #f00;}
}

/* Standard syntax */
@keyframes example2 {
    0%  {border-color: #f00;}
    25%  {border-color: #ffcc07;}
    50%  {border-color: #fff;}
    75%  {border-color: #ffcc07;}
	100%  {border-color: #f00;}
}
.search-btn {
	margin-left:10px !important;
	cursor:pointer;
}
#display-result {
	position:absolute;
	top:45px;
	left:0px;
	width:99.3%;
	background:rgba(255,255,255,1);
	z-index:+999;
	max-height:500px;
	overflow:auto;
	overflow-x:hidden;
}
.view-box  button{
	border:0;
	height:54px;
	width:100%;
	background:transparent;
	text-align:left;
	box-shadow: 0px 5px 10px #888888;
	transition:1s all;
}
.view-box  button:hover{
	background:rgba(0,0,0,0.2);
}
.view-box  button img{
	height:48px;
	width:50px;
	margin:2px;
}
.p-nav {
	margin-top:5px;
	background:rgba(0,0,0,0.1);
	border:1px solid Black;
	margin:15px !important;
    padding:0px !important;
}
.p-nav-bar {
	text-align:center;
	background:rgba(255,204,7,0.7);/*#ffcc07;*/
	border-radius:0px 0px 8px 8px;
	height:35px;
	padding:5px;
	font-size:16px;
	font-weight:bold;
	cursor:pointer;
}
#o {
	border-radius:0px 0px 8px 0px;
}
#w {
	border-radius:0px 0px 0px 8px;
}
#o.active{
	background:transparent;
	border-radius:0px 0px 8px 0px;
	border:0;
}
#a.active{
	background:transparent;
	border-radius:0px 0px 8px 8px;
	border:0;
}
#w.active{
	background:transparent;
	border-radius:0px 0px 0px 8px;
	border:0;
}
.p-body {
	background:transparent;
	border-top:0;
}
.see-more:hover {
	color:blue;
}
.see-more {
	text-align: center;
    padding: 5px;
    background: rgba(0,0,0,0.2);
    margin-bottom: 10px;
    cursor: pointer;
    border-radius: 20px;
}
.option-box {
	background: #ffcd07;
    margin: 45px !important;
    padding: 45px 30px;
    font-size: 50px;
    border-radius: 50px;
    word-wrap: break-word;
	color: red;
    -webkit-animation-name: example;
    -webkit-animation-duration: 4s;
	-webkit-animation-iteration-count: infinite;
    -moz-animation-name: example;
    -moz-animation-duration: 4s;
    -moz-animation-iteration-count: infinite;
	-o-animation-name: example;
    -o-animation-duration: 4s;
    -o-animation-iteration-count: infinite;
	animation-name: example;
    animation-duration: 4s;
	animation-iteration-count: infinite;
}
a .option-box,a .option-box:hover,a .option-box:focus{
	text-decoration: none !important;
    color: inherit !important;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes example {
    0%   {background-color:#ffcd07;color:red;}
    20%  {background-color:#ffcd07;color:black;}
    40%  {background-color:#0080ff;color:black;}
    60%  {background-color:#0080ff;color:white;}
    80% {background-color:#ff0000;color:white;}
    100% {background-color:#ffcd07;color:white;}
}

@-moz-keyframes example {
    0%   {background-color:#ffcd07;color:red;}
    20%  {background-color:#ffcd07;color:black;}
    40%  {background-color:#0080ff;color:black;}
    60%  {background-color:#0080ff;color:white;}
    80% {background-color:#ff0000;color:white;}
    100% {background-color:#ffcd07;color:white;}
}

@-o-keyframes example {
    0%   {background-color:#ffcd07;color:red;}
    20%  {background-color:#ffcd07;color:black;}
    40%  {background-color:#0080ff;color:black;}
    60%  {background-color:#0080ff;color:white;}
    80% {background-color:#ff0000;color:white;}
    100% {background-color:#ffcd07;color:white;}
}

/* Standard syntax */
@keyframes example {
    0%   {background-color:#ffcd07;color:red;}
    20%  {background-color:#ffcd07;color:black;}
    40%  {background-color:#0080ff;color:black;}
    60%  {background-color:#0080ff;color:white;}
    80% {background-color:#ff0000;color:white;}
    100% {background-color:#ffcd07;color:white;}
}
.nav li a {
	color:black;
}
a:focus {
	outline:none !important;
}
.social-fixed-left > iframe{
	margin:0px;
	padding:0px;
	height:40px;
}
.social-fixed-left {
	position:fixed;
	left:0px;
	top:calc(40% - 75px);
	z-index:+9999;
}
@media (max-width: 768px) {
	.g-plusone,.social-fixed-left {
		/*visibility:hidden !important;
		display:none;*/
		left:5px;
		top:-21px !important;
	}
}
@charset "utf-8";
/* CSS Document */

*
{margin:0;
padding:0;
/*font-family: 'Open Sans', sans-serif;*/
}
.justify {
	text-align:justify;
}
.justify-center {
	text-align: justify;
	text-align-last: center;
	-webkit-text-align-last: center;
	-moz-text-align-last: center;
	-o-text-align-last: center;
}
.website-name,.aligntop {
	text-align:center !important;
}
@media (min-width: 992px) {
	.website-name {
		text-align:left !important;
	}
	.aligntop {
		text-align:right !important;
	}
}
.searchform *:focus {
	outline-color: transparent;
}
.searchform > .search {
	padding:2px 35px 2px 10px;
	border:2px solid grey;
	border-radius:15px;
	width:100%;
}
.searchform > .search-butn {
	position:absolute;
	right:20px;
	top:2px;
	padding:4px 5px;
	background:transparent;
	border:none;
	border-left:2px solid grey;
}
.header
{
	width:100%;
	float:left;
	background:url(https://animationkolkata.com/mcc/images/maac_animationkolkata_header1.jpg);
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	padding:0 !important;
}
.header_top
{
	width:100%;
	float:left;
	padding:18px;
	font-family: 'Lato', sans-serif;
	font-weight:500;
	background:rgba(255,255,255,.64);
	border-bottom:1px solid #F00;
	font-size:14;
	color:#282828;
	}
	.aligntop
	{
		text-align:right;}
	.aligntop a:visited,	.aligntop a:active, .aligntop a:link {
		text-decoration:none;
		color:#282828;
	}
	.aligntop a
	{
		font-size:14;
		color:#282828;
		text-decoration:none;
		}
	.aligntop a:hover
	{
		color:#F00;
		text-decoration:none;}
	.spacer
	{
		padding:0 5px !important;
		margin:5px;}
		
.header_mid
{
	float:left;
	width:100%;
	padding:22px 0 0 0;}
	.logo
	{float:left;
	padding:0 !important;
	margin:0 !important;
	}
.social
{
	font-size:25px;
	text-align:right;
	}
	.social li
	{display:inline;
	padding-left:5px;}	
	.social li a
	{color:#FFF;
	}
	.social li a:hover
	{color:#ffcd07;
	}
.social1
{
	font-size:25px;
	}
	.social1 li
	{display:inline;
	padding-left:5px;}	
	.social1 li a
	{color:#FFF;
	}
	.social1 li a:hover
	{color:#ffcd07;
	}
.facebook
{
	color:#3b5999 !important;}
	.facebook:hover
{
	color:#ffcd07 !important;}
	.blog
{
	color:#f79738 !important;}
	.blog:hover
{
	color:#ffcd07 !important;}
	.youtube
{
	color:#da2724 !important;}
	.youtube:hover
{
	color:#ffcd07 !important;}
	.twitter
{
	color:#4798d7 !important;}
	.twitter:hover
{
	color:#ffcd07!important;}
	
	.google
{
	color:#bf3020 !important;}
	.google:hover
{
	color:#ffcd07 !important;}
	
	.instargram
{
	color:#8d3db8 !important;}
	.instargram:hover
{
	color:#ffcd07 !important;}
	
	.pinterest
{
	color:#bd081c !important;}
	.pinterest:hover
{
	color:#ffcd07 !important;}
	
	
.headernav
{font-family: 'Lato', sans-serif;
/*font-size:16;*/
	color:#282828;
	font-weight:700;
	
}

.headernav li
{display:inline;
display:inline-flex;
padding:5px;
border-right:1px solid #FFF;
}
.headernav li a
{
	padding:6px 8px;
	text-decoration:none;
	/*color:#fff;
	background:#ffcd07;*/
	color:#282828;
	background:rgba(240,236,15,1);
	border-radius:5px;
	}	
.headernav li a:hover
{ /*background:#ffcd07;*/
background:rgba(240,236,15,1);
color:#f00;
}
@media (max-width: 991px) {
	.headernav li a {
		font-size:10px;
	}
}
.sign
{background:#ffcd07;
color:#282828;
padding:9px 22px;
font-weight:700;}
.sign:hover
{color:#FFF;text-decoration:none !important;
}
.rows
{padding:10px 0;

}
.padding_clear
{
	padding:0 !important;
	margin:0 !important;}
	.formarea
	{background:#ffcd07;
	padding:20px 0 !important;
	}
.formheader
{
	border-left:5px solid #F00;font-family: 'Lato', sans-serif;
	font-size:20px;
	padding:0 20px;
	line-height:20px;
	color:#000;
	
	
	}	
	.formheader span
	{font-weight:900;
	font-size:25px;
	}
	.formbar
	{padding:20px 20px 18px 10px;
	font-weight:900 !important;
	font-family: 'Lato', sans-serif;
	}
	.myform
	{background: none !important;
	border-color:transparent !important;
	border-bottom:1px solid #fff !important;
	padding:20px 20px 1px 20px; !important;
	border-radius:0 !important; 
	font-weight:700 !important;
	font-size:14px !important;color:#000 !important; box-shadow: none !important;
	
	
	}
	.myform:focus {
        border-color: transparent !important;
        box-shadow: none !important;
    }

.navback
{background:rgba(0,0,0,.4)!important;
border-radius:0 !important;
border:0 !important;
margin:10px 0 0 0;
}
.navbar-nav li a
{padding:20px 20px !important;
color:#fff !important;
font-family: 'Lato', sans-serif !important;
transition:all .3s ease-in-out; 
-moz-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
}

.navbar-nav li a  {
	border-bottom: rgba(255,0,0,0) 2px solid !important;
}
	
.navbar-nav li a.active,.navbar-nav li a:hover
{background:rgba(0,0,0,.5) !important;
border-bottom:#ff0000 2px solid !important;
padding:20px 20px !important;
color:#ffcd07 !important;
}
.dro li a
{padding:20px 25px !important;
background:#333 !important;
font-family: 'Lato', sans-serif !important;
transition:all .3s ease-in-out; 
-moz-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
}
.dro li a:hover
{background:rgba(0,0,0,.5) !important;
transition:all.3s ease-in-out !important;
padding:20px 25px 18px 25px!important;
color:#ffcd07 !important;
}
	
.news
{background:#101010;
float:left;
padding:21px 0;
border-bottom:#2e2e2e 1px solid;
width:100%;

}
.news_header
{font-family: 'Open Sans', sans-serif;
font-size:18px;
color:#ed1b24;
font-weight:700;
	}
	.news_header span
	{color:#FFF;
	}
	.scroll
	{
		color:#FFF;font-family: 'Open Sans', sans-serif;
font-size:15px;
padding:4px 0;
		}
.welcome
{background:#101010;
float:left;
padding:42px 0;

width:100%;font-family: 'Open Sans', sans-serif;

}
.welcometo
{ color:#FFF;
font-size:21px;
letter-spacing:2px;
font-weight:700;
}
.maac
{color:#fcca07;
font-size:107px;

font-weight:900;
margin:-20px 0 0 0;
display:block}
.centre
{font-weight:700;
margin:-20px 0 0 0;color:#ffab00;margin:-25px 0 0 0;display:block}

.mcc_comp
{
	width:100%;
	float:left;
	padding:20px 0;
	background:#000;}

	.part
{
	width:100% !important;
	float:left !important;
	
	background-color:#000 !important;
	background-size:cover !important;
	height:500px !important;}


.confirm
{padding:10px 50px !important;}

.welcometext
{ color:#FFF;
width:85%;
margin:20px auto;
font-size:15px;}

.readmore
{
	border-radius:30px;
	color:#ed1b24;
	text-transform:uppercase;
	font-size:14px;
	text-decoration:none;
	padding:10px 20px;
	border:2px solid #ed1b24;
	font-weight:700;
	transition:all .3s ease-in-out; 
-moz-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
	}
.readmore:hover
{background:#ed1b24;
color:#FFF;
text-decoration:none;
}
.readmore1
{
	border-radius:30px;
	color:#ed1b24 !important;
	text-transform:uppercase;
	font-size:14px !important;
	text-decoration:none;
	padding:10px 20px;
	border:2px solid #ed1b24 !important;
	font-weight:700;
	background:transparent;
	transition:all .3s ease-in-out; 
-moz-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
	}
.readmore1:hover
{background:#ed1b24 !important;
color:#FFF !important;
text-decoration:none;
}
.section1 > .button--2 {
	padding:10px 20px !important;
}
section.section1 {
	padding:0 !important;
}
.sofm
{
	width:100%;
	float:left;
	text-align:center;
	font-family: 'Open Sans', sans-serif;padding:50px 0;
	}
.sofm h1
{font-size:38px;
font-weight:700;
color:#000;
letter-spacing:-1px;
}
.bar
{width:59px;
height:6px;
background:#F00;
margin:0px auto;
}
.main
{
	padding-bottom:0 !important;
	padding-top:0 !important;}
.whymaac
{
	float:left;
	width:100%;
	padding:0;background:#fcca07;}
.yellow
{
padding:30px 0 !important;color:#000 !important;
font-size:15px;

}
.yellow h1
{
	font-size:38px;
	font-weight:700;
	color:#000;}
	.mcccomp
	{
		width:100%;
		float:left;
		background:#101010;
		padding:0 0 40px 0;}
	.mcc
	{
		font-size:38px;
		font-weight:700;
		color:#fcca07;
		padding:20px 0 10px 0;
		}
	.mcc span
	{
		color:#FFF;
		}
	.dfc
	{font-size:27px;
	  color:#FFF;
	  padding:20px 0 10px 0;
		}
	
	.pwp
	{font-size:16px;
		color:#fcca07;
		line-height:32px;
		}
	.pwp span
	{
		color:#CCC;
		}
	.pwp a
	{
		font-size:16px;
		color:#F00;
		border:solid 2px #F00;
		
		padding:10px 10px;
		font-weight:700;
		border-radius:10px;}
		.self h1 a
	{
		font-size:16px;
		color:#F00;
		border:solid 2px #F00;
		
		padding:10px 10px;
		font-weight:700;
		border-radius:10px;}
	.pwp a:hover
	{
		text-decoration:none;
		color:#F00;
		background:#FC3;
		border:none;
		padding:10px 10px;}
	.self h1 a:hover
	{
		text-decoration:none;
		color:#F00;
		background:#FC3;
		border:none;
		padding:10px 10px;}
		.wp
	{font-size:16px;
		color:#fcca07;
		line-height:32px;
		padding:20px 0 ;
		}
		.wp a
	{
		font-size:16px;
		color:#F00;
		border:solid 2px #F00;
		
		padding:10px 10px;
		font-weight:700;
		border-radius:10px;}
	.wp a:hover
	{
		text-decoration:none;
		color:#F00;
		background:#FC3;
		border:none;
		padding:10px 10px;}
	.backborder
	{
		width:100%;
		height:2px;
		background:#FC3;
		float:left;}
	.animation
	{
		width:100%;
		float:left;
		background:#101010;
		padding:20px 0 0 0;}
	.poster
	{
		width:100%;
		padding:20px 0 0 0 ;}
	.under
	{width:90px;
	height:4px;
	background:#F00;
	margin:0px auto;
	}
	.mccwinner
	{
		width:100%;
		float:left;
		padding:50px 0;}
	.maaccourses_parallax
	{
		float:left;
		width:100%;}
.background
{
	width:100%;
	background:url(https://animationkolkata.com/mcc/images/paralaxbg_maac.jpg);
	background-attachment:fixed;
	float:left;
	height:350px;}
.maaccourses_heading
{
	font-size:38px;
	font-weight:700;
	color:#FFF;}
	.maaccourses_heading span
	{
		color:#fcca07;}
.icon
			{
				width:100px;
				height:100px;
				border:1px solid #535557;
				text-align:center;
				border-radius:50%;
				margin:15px auto;
				margin:25px auto;
				font-size:50px;
				padding:10px 0;
				}
.bar2
{
	width:61px;height:6px;
	background:#FFF;
	margin:10px auto;}
.course_name
{
	font-size:23px;
	font-weight:700;
	color:#FFF;
}
.course_name:hover
{color:	#fcca07;
text-decoration:none;
}
.motion
{
	color:#FFF !important;
	text-decoration:none;
	padding:2px;
	}
.motion:hover
{
	text-decoration:none;
	color:#fcca07 !important;}
.careerdev
{
	width:100%;
	float:left;
	padding:66px 0 45px 0;
	text-align:center;
	
	color:#000;
	}
	.careerdev h1{
font-weight:700;font-size:38px;}
.careerdev h1 span{
	color:#F00;
}
.careerdev p
{
	margin:20px auto;
	width:80%;
	font-weight:300;
	color:#000;
	font-size:24px;
}
.placmnt
{
	background:url(https://animationkolkata.com/mcc/images/placements_background.jpg);
	background-size:cover;
	background-attachment:fixed;
	width:100%;
	float:left;
	padding:0 0 40px 0;
	text-align:center;}
	.placmnt h1{
		color:#F00;
font-weight:600;font-size:38px;
margin-bottom:0;}
.placmnt h1 span{
	color:#fcca07;}
	.bar3
{
	width:61px;height:6px;
	background:#fcca07;
	margin:10px auto;}
	.chow
	{
		font-size:14px;
		color:#CCC;
		}
@media only screen and (max-width: 1000px) {
	.grid {
		width:100% !important;
	}
}
@media only screen and (max-width: 1000px) {
	figure.effect-jazz img {
		min-height: 70% !important; 
		max-height: 70% !important; 
	}
}
.map
{width:100%;
float:left;
padding:50px 0 0 0;
}

.footer
{width:100%;
float:left;
padding:0 0 28px 0;
background:#191919;}
.footer address
{
	width:100%;
	text-align:center;
	padding:62px 0;
	}
	
	
	.call
	{font-size:38px;
	font-weight:700;
	color:#FFF;
		}
		.no
	{font-size:50px;
	font-weight:700;
	color:#fcca07;
		}
		.no_2
		{font-size:25px;
	font-weight:500;
	color:#FFF;
		}
		.mail
		{font-size:17px;
	font-weight:500;
	color:#FFF;
	}
	
	.fts
	
	{
	    
		border-bottom:1px solid #373737;
		}
		
	.nav_bot
	{
		font-size:15px;
		padding:0;
		}
		.nav_bot ul li
		{display:inline;
		
		text-decoration:none;
		padding:0px 10px;
		border-right:1px solid #FFF;
		}
		.nav_bot ul li a
		{color:#FFF;
		text-decoration:none;
		}
		.nav_bot ul li a:hover
		{color:#fcca07;
		text-decoration:none;
		}
		.copy
		{font-size:13px;
		color:#929191;
		}
		
		/* About Us css*/
		
		
		
	.about
	{
			width:100%;
			background:#000;
			float:left;
			
		}
	.about h1
	{
			font-size:40px;
			color:#FFF;
			text-align:center;
			margin:40px 0 10px 0;
			}
		
	.about h1 span
	{
	color:#FC0;
	padding:20px 0 0 0;
	}
	.ba
	{	
	width:59px;
	height:6px;
	background:#FC0;
	margin:0px auto;
	}

	.text
	{
	color:#999;
	font-weight:500;
	font-size:14px;
	text-align:center;
	padding:30px 0 20px 0;
	}
	.text span
	{
		color:rgba(255,0,0,.7);
		}
	.about h2
	{
			font-size:40px;
			color:#FFF;
			text-align:center;
			
			}
	.about h2 span
	{
	color:#FC0;
	padding:20px 0 0 0;
	}
	.tex
	{
	color:#999;
	font-weight:500;
	font-size:14px;
	text-align:center;
	padding:30px 0 40px 0;
	}
	.pic
	{
	float:left;
	padding:0 0 30px 20px;
	}

	.qu
	{
		float:left;
		width:100%;
		}
	
	.qu h1{
		font-size:40px;
		color:#000;
		text-align:center;
		margin:30px 0 10px 0;
		font-weight:500;
			}
		
	.qu h1 span
		{
	color:#F00;
	padding:20px 0 0 0;
	}
	.bb
	{
	width:59px;
	height:6px;
	background:#FC0;
	margin:0px auto;
	}	

	.ed
	{
	text-align:justify;
	font-size:14px;
	color:#000;
	padding:50px 0 0 0;
	line-height:22px;
	}
	
	.campus
	{width:100%;
	float:left;
	background:rgba(204,204,204,.3);
	}
	.campus h1
	{font-size:40px;
		color:#000;
		text-align:center;
		margin:30px 0 10px 0;
		font-weight:500;
	}
	.campus h1 span
	{color:#F00;
	padding:20px 0 0 0;
	}
	.cam
	{padding:30px 0 10px 0;
	}
	.cam h1
	{font-size:24px;
	color:#F00;
	text-align:center;
	font-weight:700;
	}
	
	.ges
	{
	padding:50px 0 40px 0;
	}
	.ff
	{
	
	padding:20px 0 !important;
	}
	
	
	/* student_work*/
	
	
	.work
	{
		font-size:30px !important;
		color:#FFF !important;
		}
	.stu
	{
		color:#999 !important;
		}
	
	.vi{
		float:left;
		width:100%;
	}
	
	.we
	{
			width:100%;
			background:#000;
			float:left;
			padding:0 0 30px 0;
			
		}
	.we h1{
			font-size:40px;
			color:#FFF;
			text-align:center;
			margin:40px 0 10px 0;
			}
		
		.we h1 span{
		color:#FC0;
		padding:20px 0 0 0;
	}
	.gh
	{
	color:#999;
	font-size:14px;
	font-weight:500;
	padding:0 0 20px 0;
	
	}
	.ay
	{
		padding:0 0 0 10px;
		}
	
	.vi
	{
		float:left;
		background:url(https://animationkolkata.com/mcc/images/student_work_background.png);
		background-size:350px 283px;
		background-repeat: no-repeat;
		-moz-background-size:350px 283px;
		-ms-background-size:350px 283px;
		-o-background-size:350px 283px;
		-webkit-background-size:350px 283px;
		height:300px;
		padding:10px 0 0 0;
		
		
		
	}
	.vi2
	{
		float:left;
		background:url(https://animationkolkata.com/mcc/images/student_work_background.png);
		background-size:350px 283px;
		background-repeat: no-repeat;
		-moz-background-size:350px 283px;
		-ms-background-size:350px 283px;
		-o-background-size:350px 283px;
		-webkit-background-size:350px 283px;
		height:300px;
		padding:10px 0 0 0;
		margin:0px 10px;
	}
	.wk
		{
			
			float:left;
			width:100%;
			padding:60px 0 10px 0;
			
			}
	.agom
	{
		width:100%;
		float:left;
		padding:10px 0 0 0;
		}
		
	 .vx
		{
			width:100%;
			float:left;
			padding:0 0 20px 0;
			
			}	
		
	.grap
		{font-family: 'Exo', sans-serif;
			font-size:30px;
			color:#600;
			text-align:left;
			padding:10px 0 20px 0;
			font-weight:700;
			}
		
	.mul
	{
		width:100%;
		float:left;
		}
	.res
	{
		width:100% !important;
		float:left !important;
		padding:0 0 10px 0 !important;}
		
	.rse:hover
	{
		opacity:.8;
		transition:all ease-in-out .5s;
		
		transform:scale(.9,.9);}
	.grp
	{font-family:'Open Sans', sans-serif;
			font-size:20px;
			color:#000;
			text-align:center;
			padding:0 0 20px 0 !important;
			font-weight:700;
			}		
	/* contact_us*/
				
				
	.work
	{
		font-size:30px !important;
		color:#FFF !important;
		}
	.stu
	{
		color:#999 !important;
		}
	
	.callus
	{
	
	color:#CCC;
	text-transform:uppercase;
	font-size:14px;
	text-decoration:none;
	padding:10px 20px;;
	border:2px solid #FFF;
	font-weight:700;
	transition:all .3s ease-in-out; 
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	}
	.callus:hover
	{
	background:#FFF;
	color:#000;
	text-decoration:none;
	}
	.addr
	{
		width:100%;
		float:left;
		margin:20px 0;
		
	}
	.mch
	{
		width:100%;
		text-align:center;
		font-size:24px;
		color:#000;
		padding:30px 0 30px 0;
		font-weight:700;
		}
	.maac1
	{
		width:100%;
		text-align:center;
		font-size:24px;
		color:#000;
		padding:0 0 30px 0;
		font-weight:700;
		}
	
	.mp
	{
		width:100%;
		float:left;
		padding:10px 0 0 0;
	}
	
	.na
	{
	font-size:16px;
	color:#000;
	font-weight:bold;
	}
	.inter
	{
	font-size:16px;
	color:#000;
	font-weight:500;
	}
	
	.md
	{
		width:100%;
		float:left;
		padding:10px 0 20px 0;
		}
	.ln
	{
		width:100%;
		float:left;
		}
	.ma
	{
		padding:40px 0 0 0;
		}
		
		
	/*placements*/
	
	
	
	.lo
	{
		width:100%;
		float:left;
		}
	
	.lgo
	{
		width:20%;
		float:left;
		padding:10px 0 0 10px;
		
		}
	.place
	{
	float:left;
	padding:20px 0 0 15px;
	
		
	}
	.ace
	{
		padding:23px 0 0 0;
		}
	
	
	/*testimonials*/
	
	.ka{
		background:#FFF !important;
		}
	.testt
	{ 
		 color:#000 !important;
         text-align:center;
         font-size:15px;
		 }
	.rash
	{
		color:#F00 !important;
		}	
	
	.crk
	{
		color:#F00 !important;
		}
	.at
	{
			color:#000 !important;
			
			}
	.amm h1
	{
		font-size:18px;
		color:#000;
		text-decoration:none;
		}
	.sl
	{
		width:100%;
		float:left;}
			
	/*rewards*/
	
	.rewards
	{
		width:100%;
			float:left;
			padding:0 0 30px 0;
		}
	.rewards h1
	{
			font-size:40px;
			color:#F00;
			text-align:center;
			margin:40px 0 10px 0;
			font-weight:600;
			}
		
	.rew
	{
		color:#F00 !important;
		}
	
	.gf
	{
		width:100%;
		float:left;
		}

	.tal
	 {
	width:100%;
	float:left;
	margin:10px 0 0 0;
	}
	.to
	{
		text-align:center !important;
		background:rgba(255,204,0,.7) !important;
		font-weight:600 !important;
		}
	.of
	{
		text-align:center !important;
		background:rgba(255,0,0,.7) !important;
		font-weight:600 !important;
		}
	.re
	{
		padding:20px 0;
		width:100%;
		}
	.pal
	{
		border:solid #000 1px;
		padding:0 10px;
		background:rgba(102,102,102,.1);
		
	}
	.pal ol
	{
		width:100%;
		float:left;}
	.award
	{
		font-size:20px;
		color:#000;
		font-weight:bold;
		}
	.placement
	{
		font-size:14px;
		float:left;
		color:#333;
		font-weight:600;
		line-height:25px;
		padding:0 10px;
		}
	.lis
	{
		width:100%;
		float:left;
		padding:0 0 20px 0;}
	.line
	{
		width:100%;
		height:2px;
		background:#FC3;}
	/*events*/
	
	.evn
		{
			
			float:left;
			width:100%;
			padding:40px 0 40px 0;
			
			}
			
	.ev
	{
			width:100%;
			background:#000;
			float:left;
			padding:0 0 30px 0;
			
		}
	
	.ev h1
	{
			font-size:40px;
			color:#FFF;
			text-align:center;
			margin:40px 0 10px 0;
		}
		
	
	
	.sre
	{width:80%;}
	
	
	.mlu h4
	{
		font-family:'Open Sans', sans-serif;
		text-align:left;
		line-height:25px;
		font-size:20px;
		color:#666;}
		
	.read1
	{texr-decoration:none;
	text-align:center;
	font-family:'Open Sans', sans-serif;
	background:#ed1c24;
	padding:7px;
	border-radius:5px;
	font-size:16px;
	color:#fff;
	float:right;
	margin-top:20px;}
	
	.read1:hover
	{text-decoration:none !important;
	background:#fecd07 !important;
	color:#000 !important;}
	
	
	.res:hover
	{
		opacity:.8;
		transition:all ease-in-out .5s;
		
		transform:scale(.9,.9);}
		.sre:hover
	{
		opacity:.8;
		transition:all ease-in-out .5s;
		
		transform:scale(.9,.9);}
	.bee
	
	{	
	width:100%;
	float:left;
	height:2px;
	background:rgba(255,0,0,.5);
	margin:0px auto;
	}
	.pagename
	{
		float:right;
		}
	.pagename li a
	{
		background:rgba(255,0,0,.8) !important;
		color:#FC3 !important;
		font-weight:700 !important;}
	.pagename li a:hover
	{
		background:#FC3 !important;
		color:rgba(255,0,0,.8) !important;
		font-weight:700 !important;}	
		
	.upcoming
	{
		width:100%;
		float:left;
		}
	.upcoming h1
	{
		font-size:40px;
		color:#F00;
		font-weight:600;}
	.goa
	{
		padding:20px 0 10px 0;
		}
	.nsmtext
	{
		padding:30px 0 0 0;
		font-size:16px;
		color:#333;}
	.nsmtext p span
	{
		color:#000;
		font-weight:700;}
	.contac
	{
		font-size:14px;
		color:#333;}
	.contac p span
	{
		font-size:13px;
		color:#666;
		font-weight:700;}
	.join
	{
		font-size:16px;
		color:#000;
		text-decoration:none;
		padding:20px 0;}
	.join a
	{
		font-size:16px;
		color:#F00;
		text-decoration:none;
		border:none !important;}
		.join a:hover
	{
		
		color:#039 !important;
		text-decoration:none !important;
		border:none !important;
		box-shadow:none !important;}
		.join_maac
	{
	
	color:#F00 !important;
	text-transform:uppercase !important;
	font-size:14px;
	text-decoration:none;
	padding:0 0 !important;
	border:none !important;
	font-weight:700;
	transition:all .3s ease-in-out; 
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	}
	.join_maac:hover
	{
	background:#FFF !important;
	color:#000 !important;
	text-decoration:none !important;
	border:none !important;
	box-shadow:none !important;}
	
	
	
	/* courses*/
	/*3d animation*/
	.anim
	{
		background: url(https://animationkolkata.com/mcc/images/courses_back.jpg) !important;
		background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
		}
	.anm
	{
		background:url(https://animationkolkata.com/mcc/images/animation_back.jpg) !important;
		background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
		}
	.inm
	{
		background:url(https://animationkolkata.com/mcc/images/gaming_back.jpg) !important;
		background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
		}
	.ame
	{
		background:url(https://animationkolkata.com/mcc/images/vfx_back.jpg) !important;
		background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
		}
	.stb
	{
		background:url(https://animationkolkata.com/mcc/images/short_term_back.jpg) !important;
		background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
		}
	.vad
	{
		background:url(https://animationkolkata.com/mcc/images/ipvad_back.jpg) !important;
		background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;}
	.anima
	{
			width:100%;
			float:left;
			padding:0 0 30px 0;
			
		}
	.anima h1{
			font-size:30px;
			color:#000;
			text-align:center;
			margin:40px 0 10px 0;
			font-weight:700;
			}
		
		.anima h1 span
		{
		color:#F00;
		padding:20px 0 0 0;
		font-weight:700;
		}
	.max
	{ width:100%;
	float:left;
		
		}
	.add
	{
		width:100%;
		
		}
	.add h1
	{
		font-size:14px;
		color:#F00;
		font-weight:bold;
		}
	.add h1 span
	{
		color:#000;
		font-weight:500;
		line-height:25px;
		}
	.add h2
	{
		font-size:14px;
		color:#F00;
		font-weight:600;
		}
	.add h2 span
	{
		color:#000;
		
		}
	.or
	{
		width:100%;
		float:left;
		padding:0 0 30px 0;
		}
	.pro
	{
		width:100%;
		float:left;
		
		}
	.pro h1
	{
		font-size:18px;
		color:#F00;
		}
	.por h1
	{
		font-size:14px;
		color:#F00;
		}
	.por p
	{
		font-size:12px;
		color:#000;
		text-align:justify;
		}
	.ad li
	{
		display:inline !important;
		}
	.bor
	{
		border:5px #000000;
		background:rgba(204,204,204,.4);}
	.care h3
	{
		font-size:20px;
		background:rgba(255,0,0,.6);
		border-radius:10px;
		color:#FFF;
		padding:10px 10px;
		text-align:center;
		}
	.pre li
	{
		font-size:13px;
		color:#000;
		font-weight:400;
		margin:0 0 0 60px;
		}
	.apd
	{
		padding:20px 0 0 0;
		}
	/*extra*/
	.core
	{
		width:100%;
		padding:10px 0 0 0;
		float:left;
		
		}
	
		
		
	.term
	{
		width:100%;
		float:left;
		}
	.term h1
	{
		font-size:14px;
		color:#000;
		text-decoration:none;}
	.term h1 a
	{
		font-size:14px;
		color:#000;
		text-decoration:none;
		}
	.term h1 a:hover
	{
		text-decoration:none;
		color:#FC0;
		}
	/*FAQ*/
	.min
	{
		background:url(https://animationkolkata.com/mcc/images/faq_img.jpg) !important;
		background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;}
	.faq
	{
		width:100%;
		}
	.fqa
	{
		font-size:36px;
		color:#F00;
		}
	.dvd
	{
		width:100%;
		float:left;
		}
	.dvd ul li a
	{
		font-size:12px;
		text-decoration:none;
		color:#fff;		font-variant:small-caps;
		}
	.dvd ul 
	{
		padding:0 0 0 20px;}
	.dvd ul li 
		{
			list-style:url(https://animationkolkata.com/mcc/images/tick.png);
			padding:10px 0 0 0 ;
			
		}
	
	
	.que h1
	{
		font-size:30px;
		color:#F00;
		}
	.que h1 span
	{
		font-size:20px;
		color:#F00;
		}
	.que p
	{
		font-size:13px;
		color:#333;
		}
	.que p span
	{
		color:#F00;
		font-weight:bold;}
	.avm
	{
		font-weight:bold;
		color:#000 !important;}
		
		
		
		
	/*download*/
	.down
	{
		width:100%;
		float:left;
		padding:20px 0 100px 0;
		}
	.win a
	{
		font-size:100px;
		color:#F00;
		text-decoration:none;
		
		}
	.win a:hover
	{
		color:#000;
		text-decoration:none !important;
	}
	.cen
	{
		font-size:18px;
		color:rgba(0,0,0,.5);
		}
	.cen span
	{
		color:rgba(255,0,0,.8);
		}
	.down h1
	{
		font-size:30px;
			color:#000;
			text-align:center;
			margin:40px 0 10px 0;
			font-weight:700;}
	.lod
	{
		padding:50px 0 0 0;
		}
	/*terms*/
	
	.cip
	{
		font-size:16px;
		color:#333;
		text-align:justify;
		line-height:25px;
	}
	.tou
	{
		font-size:24px;
		color:#F00;
		}
	
	.tou span
	{
		font-size:14px;
		color:#333;
	
		}
	
	
	.priv
	{
		font-size:14px;
		color:#333;
		}
	.lne
	{
		width:100%;
		float:left;
	}
	.omg
	{
		padding:10px 0 0 0;}
	.ogm
	{
		padding:10px 0 120px 0;}
		
	.career
	{
		font-size:24px;
		color:#F00;
		text-align:left;}
	
	.faq p
	{
		font-size:14px;
		color:#666;}
	/*mcc*/
	.fom
	{
		width:100%;
		float:left;
		background:url(https://animationkolkata.com/mcc/images/mcc_back.jpg);
		background-size:cover;
		-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
		}
		.sin
		{
			background:rgba(0,51,102,.3);
			padding:20px 0 40px 0;
			margin:100px 0 100px 0;}
	.use
	{
		background:rgba(255,255,255,.2) !important;
		height:50px !important;
		border:none !important;
		box-shadow:#000 !important;
		font-size:14px !important;
		color:#FFF !important;
		}
	.use:focus
	{
		border-bottom:none !important;
		}
	.ino
	{
		width:100% !important;
		height:50px !important;
		background:rgba(0,153,0,.6)!important;
		font-size:14px !important;
		color:#000 !important;
		border:none !important;
		border-radius:10px !important;}
	
	.dob
	{
		padding:5px 0 0 20px !important;
		font-size:14px;
		color:#FFF;}
	.addres
	{
		max-width:100%;
		min-width:100%;}
		.mcl
		{
			font-size:16px;
			color:#CCC;
			line-height:20px;}
		
	.gray
	{
		background:url(https://animationkolkata.com/mcc/images/mcc-main-form-back.jpg);
		padding:10px 0 0 0 !important;
		background-size:cover !important;
		-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
		}
	.form-back
	{
		background:rgba(0,0,0,.5);
		float:left;
		}
		
		.use_1
		
		{background:rgba(255,255,255,.8) !important;
		height:35px !important;
		border:none !important;
		box-shadow:#000 !important;
		font-size:14px !important;
		color:#000 !important;
		}
	.use_1:focus
	{
		border-bottom:none !important;
		}
	.use_2
		
		{background:rgba(255,255,255,.8) !important;
		height:35px !important;
		border:none !important;
		box-shadow:#000 !important;
		font-size:14px !important;
		color:#000 !important;
		}
	.use_2:focus
	{
		border-bottom:none !important;
		}
	.maac-club
	{
		font-size:20px;
		color:#FFF;
		text-align:right;
		margin:50px 0 0 0 !important;
		font-family: 'PT Sans Narrow', sans-serif;
		line-height:30px;}
	.creative
	{
		margin:20px 0 0 0 !important;}
	.reset
	{
		background:rgba(0,102,204,1)!important;
		border:none !important;}
	.reset:focus
	{
		background:rgba(0,102,204,1) !important;}
	.com
	{
		font-size:40px;
		font-family: 'Exo 2', sans-serif;
		color:#900;
		padding:0 0 20px 0;
		font-weight:550;}
	.crea h1 a
	{ color:#900;
	font-size:14px;
	width:50%;
	float:left;
		}
		.crea h2 a
	{ color:#900;
	font-size:14px;
	float:right;
	width:50%;
	float:left;
		}
	.crea
	{
		padding:0 0;}
		.crea h1 a:hover
		{
			color:#FC3;
			text-decoration:none;
			
			}
		.crea h2 a:hover
		{
			color:#FC3;
			text-decoration:none;
			margin-top:o !important;
			margin-bottom:0 !important;
			
			
			}
	.dd
	{
		padding:10px 0 0 0;}
	
	.path
	{
		background:url(https://animationkolkata.com/mcc/images/mcc_header_bg.jpg) !important;
		background-size:cover !important;
		-webkit-background-size:cover !important;
	-moz-background-size:cover !important;
	-ms-background-size:cover !important;
	-o-background-size:cover !important;
	padding-bottom:20px;}
	.face
	{
		padding:230px 0 0 0;
		float:left;
		margin:0 0 0 80px;}
	
	.fb
	{
		width:60%;}
	
	/*index*/
	
	.box1
{
	width:100%;
	padding:0;
	margin:0 auto;
	float:right;
	position:relative;
	top:300px;
	right:0px;
	font-family:OpenSans;
	}
.maaclogo
{
	margin:0 0 0 50px;}

.box1 h3
{
	color:#fff;
	font-size:21px;
	font-family:'Open Sans', sans-serif;
	font-weight:bold;
	letter-spacing:3px;
	text-align:center;
	margin-top:0;
	margin-bottom:0;}
	
.box1 h1
{
	color:#fcca07;
	font-size:107px;
    font-weight:900;
    display: block;
	letter-spacing:3px;
	text-align:center;
	margin-top:0;
	margin-bottom:0;font-family:'Open Sans', sans-serif;
	}
	
.box1 h4
{text-align:center;
	color:#fcca07;
	font-size:14px;
	 font-weight: 900;
font-family:'Open Sans', sans-serif;	
margin-top:0;
	margin-bottom:0;
	padding:5px 0 0 0;}


.box2
{width:30%; background:rgba(255,205,7,.5); position:fixed; top:10px; right:10px; padding:10px 0 0 0;}
.box3
{width:30%;  position:fixed; top:10px; left:10px; padding:10px 0 0 0;
}
.box3 h1
{
	color:#fcca07;
font-size:30px;
font-weight:700;}
.box3 h1 span
{
	color:#FFF;
font-size:30px;
font-weight:700;}
.enter2
{
width:100%; margin:20px auto; text-align:center;
}

.website
{width:100%;}

.enter
{
border-radius:5px  !important;
background:rgba(237,27,36,.5) !important;
font-size:24px !important;
border:none !important;
font-weight:700 !important;
margin-left:30px !important;}

.enter:hover
{background:#ffcd07  !important;
color:#000 !important;}

.box1 h2
{font-family:'Open Sans', sans-serif;
padding-top:15px;
color:#FFF;
text-align:center;
margin-bottom:0;
margin-top:0;
font-size:18px;
font-weight:bold;}
.box1 h2 a
{font-family:'Open Sans', sans-serif;
padding-top:15px;
color:#FFF;
text-align:center;
margin-bottom:0;
margin-top:0;
font-size:18px;
font-weight:bold;}
.box1 h2 a:hover
{
	text-decoration:none !important;
	color:rgba(237,27,36,1) !important;}

@media(max-width:700px)
{
	
	.box1
{
	width:100%;
	padding:0;
	margin:0 auto;
	float:right;
	position:relative;
	top:500px;
	right:0px;
	font-family:OpenSans;
	}

.box1 h3
{
	color:#fff;
	font-size:21px;
	font-family:'Open Sans', sans-serif;
	font-weight:bold;
	letter-spacing:3px;
	text-align:center;
	margin-top:0;
	margin-bottom:0;}
	
	.box1 h2
{font-family:'Open Sans', sans-serif;
padding-top:15px;
color:#FFF);
text-align:center;
margin-bottom:0;
margin-top:0;
font-size:18px;
font-weight:bold;}
.box1 h2 a
{font-family:'Open Sans', sans-serif;
padding-top:15px;
color:#FFF);
text-align:center;
margin-bottom:0;
margin-top:0;
font-size:18px;
font-weight:bold;}
.box1 h2 a:hover
{
	text-decoration:none !important;
	color:rgba(237,27,36,1) !important;}	
.box1 h1
{
	color:#fcca07;
	font-size:90px;
    font-weight:900;
    display: block;
	letter-spacing:3px;
	text-align:center;
	margin-top:0;
	margin-bottom:0;font-family:'Open Sans', sans-serif;
	}
	
.box1 h4
{text-align:center;
	color:#fcca07;
	font-size:14px;
	 font-weight: 900;
font-family:'Open Sans', sans-serif;	
margin-top:0;
	margin-bottom:0;}


.box2
{width:100%; background:rgba(255,205,7,.5); position:absolute; top:0px !important; right:0px !important; padding:10px 0 0 0; margin:0; }
.header2
{padding:0 !important;}

.box3
{width:100%; position:absolute;  text-align:center; top:370px; left:0 !important; padding:10px 0 0 0;
}
.box3 h1
{
	color:#fcca07;
font-size:30px;
font-weight:700;}
.box3 h1 span
{
	color:#FFF;
font-size:30px;
font-weight:700;}
.enter2
{
width:100%; margin:0 !important; text-align:center; margin-top:20px !important;
 margin-left:15px !important;}

.enter
{
border-radius:5px  !important;
background:rgba(237,27,36,.5) !important;
font-size:20px !important;
border:none !important;
font-weight:700 !important;
margin-left:0px !important;}

.enter:hover
{background:#ffcd07  !important;
color:#000 !important;}}

@media(max-width:700px)
{
	.face
	{
		padding:0 0 0 0;
		float:left;}
		
		.background
{
	width:100%;
	background:url(https://animationkolkata.com/mcc/images/paralaxbg_maac.jpg);
	background-attachment:fixed;
	float:left;
	height:800px;}
.maaccourses_heading
{
	font-size:38px;
	font-weight:700;
	color:#FFF;}
	.maaccourses_heading span
	{
		color:#fcca07;}
.icon
			{
				width:50px;
				height:50px;
				border:1px solid #535557;
				text-align:center;
				border-radius:50%;
				margin:15px auto;
				margin:25px auto;
				font-size:25px;
				padding:5px 0;
				}
.bar2
{
	width:61px;height:6px;
	background:#FFF;
	margin:10px auto;}
.course_name
{
	font-size:23px;
	font-weight:700;
	color:#FFF;
}
.course_name:hover
{color:	#fcca07;
text-decoration:none;
}
.motion
{
	color:#FFF !important;
	text-decoration:none;
	}
.motion:hover
{
	text-decoration:none;
	color:#fcca07 !important;}
	
	}

@media(max-width:400px)
{.welcometo
{ color:#FFF;
font-size:18px;
letter-spacing:2px;
font-weight:700;
}
.maac
{color:#fcca07;
font-size:80px;

font-weight:900;
margin:-20px 0 0 0;
display:block}
.centre
{font-weight:700;
margin:-20px 0 0 0;color:#ffab00;margin:-25px 0 0 0;display:block}
.sofm
{
	padding:20px 0;
	}
	.sofm h1
{font-size:20px;
font-weight:700;
color:#000;
letter-spacing:-1px;
}
.careerdev h1
{
	font-size:30px}
	.partners
	{display:none;
	
	}
	.patner
	{
		padding:20px 0 !important;}
	.no
	{font-size:40px;
	font-weight:700;
	color:#fcca07;
}

.box1 h2
{font-family:'Open Sans', sans-serif;
padding-top:15px;
color:#FFF);
text-align:center;
margin-bottom:0;
margin-top:0;
font-size:16px;
font-weight:bold;}

}
.res
{width:80%;}

@media(max-width:991px){
		.background
{
	width:100%;
	background:url(https://animationkolkata.com/mcc/images/paralaxbg_maac.jpg);
	background-attachment:fixed;
	float:left;
	height:800px;}
.maaccourses_heading
{
	font-size:38px;
	font-weight:700;
	color:#FFF;}
	.maaccourses_heading span
	{
		color:#fcca07;}
.icon
			{
				width:80px;
				height:80px;
				border:1px solid #535557;
				text-align:center;
				border-radius:50%;
				margin:15px auto;
				margin:25px auto;
				font-size:35px;
				padding:10px 0;
				}
.bar2
{
	width:61px;height:6px;
	background:#FFF;
	margin:10px auto;}
.course_name
{
	font-size:23px;
	font-weight:700;
	color:#FFF;
}
.course_name:hover
{color:	#fcca07;
text-decoration:none;
}
.motion
{
	color:#FFF !important;
	text-decoration:none;
	}
.motion:hover
{
	text-decoration:none;
	color:#fcca07 !important;}
}

section {
    padding-top: 100px;
    padding-bottom: 100px;
}

.quote {
    color: rgba(0,0,0,.1);
    text-align: center;
    margin-bottom: 30px;
}

/*-------------------------------*/
/*    Carousel Fade Transition   */
/*-------------------------------*/

#fade-quote-carousel.carousel {
  padding-bottom: 60px;
}
#fade-quote-carousel.carousel .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-inner .active {
  opacity: 1;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-indicators {
  bottom: 10px;
}
#fade-quote-carousel.carousel .carousel-indicators > li {
  background-color: #e84a64;
  border: none;
}
#fade-quote-carousel blockquote {
    text-align: center;
    border: none;
}
#fade-quote-carousel .profile-circle {
    width: 200px;
    height: 200px;
    margin: 0 auto;
    border-radius: 200px;
}
/*thank-you*/

.greeting
{
	background:#333;
	border:none;
	padding:70px 0 40px 0;
	
	
}
.greeting_maac
{
	font-size:40px;
	text-align:center;
	color:#fff;
	font-weight:600;
	
}
.greeting_maac span
{
	color:#ffc908;
}
.bordr
{width:70px;
height:4px;
background:rgba(255,0,0,.6);
margin:0px auto;
	
}
.thank_you
{
	font-family: 'Amatic SC', cursive;
	font-size:30px;
	text-align:center;
	color:green;
	padding:70px 0 0 0;
}
.smil
{
	font-size:170px;
	color:#ffc908;
	text-align:center;
	padding:30px 0 0 0;
}

/*demo_page*/

.like
{
	color:#333 !important;
	font-size:14px !important;}
	
.like-selected
{
	color:#fff !important;
	background:#3b5da8 !important;
	text-decoration:none !important;
	}	
.like-not-selected
{
	color:#333 !important;
	}
.like:focus
{
	/*color:#fff !important;
	background:#3b5da8 !important;
	text-decoration:none !important;*/
	}
.like-not-selected:hover
{
	color:#fff !important;
	background:#3b5da8 !important;
	text-decoration:none !important;
	border:1px solid #3b5da8 !important;
	}
	
.student_name
{
	padding:8px 0 0 10px;
	font-size:14px;
	color:#333;}
.work_images
{
	width:100%;
		float:left;
		padding:30px 0 0 0;}
		
		
/*mcc-rewards*/

.mcc_menu
{
	width:100%;
	float:left;
	background:#eee;
	background:url(https://animationkolkata.com/mcc/images/mcc_back.jpg);
	background-size:cover;
	background-attachment:fixed !important;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
}

.menu-back
{
	background:rgba(153,153,153,.3);
	margin:20px 0 0 0;}
	
.mcc-menu2
{
	padding:10px 0 10px 0;
	border-bottom:1px solid #666;
	color:#fff;}
.w_to_mcc
{
	font-size:36px;
	color:#ed1c24;
	font-weight:600;}
.stu_name
{
	font-size:18px;
	color:#fff;
	padding:0 0 60px 50px;}
.bar_bottom
{
	width:59px;
height:6px;
background:#ffcc07;
margin:0px auto;}

.name-style
{
	padding:20px 0 0 0;}
.student_rewards
{
	font-size:20px;
	color:#fff;}
.scrollss
	{
		color:#FFF;font-family: 'Open Sans', sans-serif;
font-size:15px;
padding:20px 0;
		}
.marquee-notice:hover{
	    scrollamount:0;
}
.notice-board {
	background: url(https://animationkolkata.com/mcc/images/notice-board.png);
    background-size: cover;
    overflow: hidden;
    max-width: 220px;
    min-width: 220px;
    min-height: 405px;
	max-height: 587px;
}
.pagination  li.active a {
	background-color:#FC3 !important;
	color:rgba(255,0,0,.8) !important;
}
.navbar-nav >li>ul>li>a.active,.navbar-nav >li>ul>li>ul>li>a.active {
	padding:5px 20px !important;
}
.navbar-inverse .navbar-nav>li>a {
	font-size:16px !important;
	font-weight:bold !important;
	padding-left:11px !important;
	padding-right:11px !important;
}
.padd > a {
	padding-right:25px;
	font-weight:700;
}
.student-head h1 {
	color:#000;
}
.student-head span {
	color:#F00 !important;
}
@media (max-width: 991px) {
	.course-extra .right {
		float:left !important;
	}
}
@media (min-width: 992px) {
	.course-extra .right {
		text-align:right !important;
	}
}
.menu-back > .row.active {
	background:#aaa;
}