@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,600,700,300,800);


/*************************
*******Typography******
**************************/

body {
  background: #fff;
  font-family: century gothic;
  color:#4e4e4e;
  line-height: 22px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600; 
  font-family:century gothic;
  color:#4e4e4e;
}

h1{
  font-size: 36px;
  color:#fff;
}

h2{
  font-size: 20px;
  margin-top:14px;
}

h3{
  font-size: 16px;
  color: #787878;
  font-weight: 400;
  line-height: 24px;
}

h4{
  font-size: 16px;
}

a {
  color: #c52d2f;
  -webkit-transition: color 300ms, background-color 300ms;
  -moz-transition: color 300ms, background-color 300ms;
  -o-transition:  color 300ms, background-color 300ms;
  transition:  color 300ms, background-color 300ms;
}

a:hover, a:focus {
  color: #d43133;
}



.btn-primary {
  padding: 8px 20px;
  background: #996600;
  color: #fff;
  border-radius: 4px;
  border:none;
  margin-top: 10px;
}


.btn-primary:hover, 
.btn-primary:focus{
  background: #c52d2f;
  outline: none;
  box-shadow: none;
} 

.btn-transparent {
  border: 3px solid #fff;
  background: transparent;
  color: #fff;
}

.btn-transparent:hover {
  border-color: rgba(255, 255, 255, 0.5);
}

a:hover,
a:focus {
  color: #111;
  text-decoration: none;
  outline: none;
}
#top{
	background-color:#112735;
}
.link2{
	float:right;
}
#nav{
	position:relative;
	top:5px;
}

#nav li a{
	color:white;
}


#navbar{
	text-transform:uppercase;
	margin-top:36px;
	font-size:12px;
	float:right;
}
#dropdown{
	float:right;
	position:relative;
	right:20px;
	top:6px;
	font-family:cntury gothic;
	font-size:12px;
	
}

.con{
	list-style-type:none;
}


.center h2{
  font-size: 36px;
  margin-top: 0;
  margin-bottom: 20px;
}

.media>.pull-left{
  margin-right: 20px;
}

.media>.pull-right{
  margin-left: 20px;
}

body > section {
  padding: 70px 0;
}

.center {
  text-align: center;
  padding-bottom: 55px;
}

.scaleIn {
  -webkit-animation-name: scaleIn;
  animation-name: scaleIn;
}

.lead{
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.transparent-bg {
  background-color: transparent !important;
  margin-bottom: 0;
}

@-webkit-keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}


/*************************
*******Header******
**************************/

.navbar-brand {
  padding: 0;
  margin:0;
}
.navbar {
  border-radius: 0;
  margin-bottom: 0;
 
  padding: 15px 0;
  padding-bottom: 0;
}

 .navbar-nav{
  margin-top: 12px;
 }

.navbar-nav>li{
  margin-left: 35px;
  padding-bottom: 28px;
}

.navbar-inverse .navbar-nav > li > a {
  padding: 5px 12px;
  margin: 0;
  border-radius: 3px;
  color: #fff;
  line-height: 24px;
  display: inline-block;
}



.navbar-inverse {
  border: none;
}

.navbar-inverse .navbar-brand {
  font-size: 36px;
  line-height: 50px;
  color: #fff;
}




.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li > a:active{
color: #996600;
}





#nav li a i:hover{
	color:blue;
}


/*************************
*******Home Page******
**************************/


#carousel-example{
	box-shadow:9px 9px 20px 9px black;
}
#fa>li>a>i{
	color:#996600;
}
#fa>li>a>i:hover{
	color:blue;
}



.left-control, .right-control {
  position: absolute;
  top: 50%;
 /* height: 51px;
  width: 51px;
  line-height: 48px;
  border-radius: 50%;
  border:1px solid #fff;  
  z-index: 14;*/
  font-size: 50px;
  color:white;
  text-align: center;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.left-control {
  left:5px
} 

.right-control {
  right: 5px;
}

.left-control:hover, 
.right-control:hover {
  color:#996600;
}

#carousel-example:hover .left-control {
  left:30px
} 

#carousel-example:hover .right-control {
  right:30px
}



#follow:hover {
-webkit-transform:scale(1.2);
transform:scale(1.2);
background-color:darkred;
color:white;          
font-size:14px;
}
#follow {
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
background-color:lightgray;
height:281px;
}



#slider:hover {
-webkit-transform:scale(1.2);
transform:scale(1.2);
background-color:darkred;
color:white;
font-size:14px;
}
#slider {
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
background-color:lightgray;
height:281px;
}



#joinus:hover {
-webkit-transform:scale(1.2);
transform:scale(1.2);
background-color:darkred;
color:white;
font-size:14px;
}
#joinus {
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
background-color:lightgray;
height:281px;
}

#captions:hover {
text-shadow: 0px 0 15px #996600;
}
#captions {
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}
#captions:hover {
-webkit-transform:scale(1.2);
transform:scale(1.2);

}
#captions {
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;

}




#indicators li{
	background-color:#996600;
}


/*************************
********* About Us Page CSS ******
**************************/

#sl{
	box-shadow: 0px 5px 5px 5px black ;
}


	#sl:hover {
-webkit-transform:scale(1.2);
transform:scale(1.2);
}
#sl {
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;

}


/***********************
****Films****
***********************/


.carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
      width: 100%;
height:410px;
      margin: auto;
  }

 /* #films:hover {
-webkit-transform:scale(1.2);
transform:scale(1.2);
}
#films {
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}
*/

/*#films:hover {
-webkit-box-shadow: 0px 0px 15px 10px rgba(255, 255, 255, .75);
box-shadow: 0px 0px 15px 10px rgba(255, 255, 255, .75);
}
#films {
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}*/








  /*films*/
/*#films{


background-image: url('../images/1972.jpg');
    background-size: 100% 100%;
    width: 100%;
    height: 570px;
    background-repeat: no-repeat;
    display: inline-block;
}*/

/*************************
********* Portfolio CSS ******
**************************/

#portfolio {
  text-align: center;
  }
#portfolio .container {
  width: 100%;
  padding: 0;
  margin: 0;
}
#portfolio img {
  width: 100%;
  transition: all 0.4s ease-in-out;
}
#portfolio img:hover {
  opacity: 0.5;
}
/* FILTER CSS */
.filter-wrapper {
    width: 100%;
    margin: 40px 0 24px 0;
    overflow: hidden;
    text-align: center;
}
.filter-wrapper li {
    display: inline-block;
    margin: 4px;
}
.filter-wrapper li a {
    color: #999999;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 8px 17px;
    display: block;
    text-decoration: none;
    transition: all 0.4s ease-in-out;
}
.filter-wrapper li .selected,
.filter-wrapper li a:focus,
.filter-wrapper li a:hover {
    color: #c52d2f;
    outline: none;
  }

/* ISOTOPE BOX CSS */
.iso-box-section {
    width: 100%;
}
.iso-box-wrapper {
    width: 100%;
    padding: 0;
    clear: both;
    position: relative;
}
.iso-box {
    position: relative;
    min-height: 50px;
    float: left;
    overflow: hidden;
    margin-bottom: 20px;
}
.iso-box > a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.iso-box > a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.fluid-img {
  width: 100%;
  display: block;
}

/*********************
****awards page css*****
**********************/
#awards{
	background-color:black;
	box-shadow:9px 9px 20px 9px black;
}


#left p{
	color:white;
	font-size:25px;
}
#left h2{
	color:white;
	font-size:20px;
	position:relative;
	left:18px;
}

#left small{
	color:#996600;
	position:relative;
	left:20px;
	font-size:18px;
}


#right p{
color:#996600;
font-size:50px;	
}


#right span{
color:white;
font-size:14px;	
}
#right h2{
	position:relative;
	top:-25px;
	color:white;
	
}

/***********************
****Testimonials****
***********************/

#quote-carousel {
    padding: 0 10px 30px 10px;
    margin-top: -5px;
}
#quote-carousel .carousel-control {
    background: none;
    color: #CACACA;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 70px;
}
#quote-carousel .carousel-indicators {
    position: relative;
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-top: 30px;
    margin-right: -19px;
}
#quote-carousel .carousel-indicators li {
    width: 50px;
    height: 50px;
    cursor: pointer;
    border: 1px solid #ccc;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    opacity: 0.4;
    overflow: hidden;
    transition: all .20s ease-in;
    vertical-align: left;
}
#quote-carousel .carousel-indicators .active {
    width: 128px;
    height: 128px;
    opacity: 1;
    transition: all .20s;
}
.item blockquote {
    border-left: none;
    margin: 0;
}
.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}



	#stationary:hover {
-webkit-transform:scale(1.2);
transform:scale(1.2);
}
#stationary {
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;

}
#stationary a{
	color:white;
	font-family:'Droid Serif', Verdana, serif;
	font-size:30px;
}
#stationary a:hover{
	color:#996600;
	font-family:'Droid Serif', Verdana, serif;
	font-size:50px;
}

/***********************
********* Footer ******
************************/
#footer {
    background-color: #121116;
    padding: 0px 0 0px;
}

.footer-logo {
    margin-bottom: 45px;
}

.footer-social {
    margin-bottom: 22px;
}

.footer-social h3 {
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 20px;
    padding-bottom: 20px;
    position: relative;
}

.footer-social h3:after {
  border-bottom: 1px solid #fff;
  bottom: 0;
  content: "";
  display: block;
  left: 50%;
  margin-left: -115px;
  position: absolute;
  width: 230px;
}

#fas {
  color: #fff;
  display: block;
  margin: 0 8px;
}

#fas:hover {
  color:#996600;
}

.copyright {
    font-size: 15px;
    font-weight: 600;
    color: #fff;
}

.copyright a {
    color:white;
	text-decoration:none;
}

/*.copyright a:hover {
    color:#996600;
}*/

.copyright a {
	color:white;

}
.copyright a:hover {
	color:#996600;

}

.copyright p:first-child {
    margin-bottom: 15px;
}


/*snehaloka*/
#side{
	box-shadow: 0px 5px 5px 5px black ;
}


#side:hover {
-webkit-transform:scale(1.2);
transform:scale(1.2);
}
#side {
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;

}


#fun li a i:hover{
	color:blue;
}