@font-face {
  font-family: 'MyWebFont';
  src: url('../fonts/Pacifico.ttf'); /* IE9 Compat Modes */
}
@font-face {
  font-family: 'MyWebFont1';
  src: url('../fonts/Century-Gothic.ttf'); /* IE9 Compat Modes */
}
@font-face {
  font-family: 'MyWebFont2';
  src: url('../fonts/BebasNeue-Regular.ttf'); /* IE9 Compat Modes */
}
@font-face {
  font-family: 'MyWebFont3';
  src: url('../fonts/Lucida.ttf'); /* IE9 Compat Modes */
}

body{
	font-size: 16px;
	font-family: 'MyWebFont3', sans-serif !important;
}
body::-webkit-scrollbar { 
  /* This is the magic bit */
  display: none;
}

@media (min-width: 768px) {
.navyash{
	position: fixed;
	top : 0;
	z-index: 1000;
}
}
@media (max-width: 768px) {

}
.screen-only
{
display: block;
}
.mobile-only
{
display: none;
}
@media screen and (max-width: 768px)
{
.screen-only
{
display: none;
}
@media screen and (max-width: 768px){
.yash1234{
	position: fixed;
	top : 0;
	z-index: 1000;
}
}
.mobile-only
{
display: block;
}
}

.background{
	background-image: url('../img/home bg 1.png');
	background-size: cover;
	background-position: center;
	height: 100vh;
}
.background1{
	background-image: url('../img/about_background.png');
	background-size: cover;
	background-position: center;
	height: 100vh;
}
@media screen and (max-width: 768px){
.background{
	height: 350px !important;
}
.background1{
	background-image: url('../img/about_background.png');
	background-size: cover;
	background-position: center;
	height: 65vh !important;
}
}

.pacifico {
  font-family: 'MyWebFont', sans-serif !important;
}
.gold_font {
  font-family: 'MyWebFont1', sans-serif !important;
}
.bebas{
	font-family: 'MyWebFont2', sans-serif !important;
	font-size:46px;
	color:#1e1e1e;
	letter-spacing:3px;
	font-family: 'MyWebFont1' !important;
}
.dates{
	font-size: 2.5vw;
	color: white;
	/*text-shadow: 4px 4px black;*/
}
.thomso{
	font-size: 10vw;
	color: white;
	/*text-shadow: 4px 4px black;*/
	margin-top: -10px;
}
@media screen and (max-width: 480px){
.dates{
	font-size: 4vw;
	color: white;
	/*text-shadow: 4px 4px black;*/
}
}
@media screen and (max-width: 480px){
.thomso{
	margin-top: 5px;
	font-size: 15vw  !important;
}
}
@media screen and (max-width: 480px){
.song{
	margin-top: 5px;
	font-size: 5vw !important;
}
}
@media screen and (max-width: 480px){
.annual{
	margin-top: 5px;
	font-size: 4vw  !important;
}
}
.song{
	font-size: 3vw;
	color: white;
	/*text-shadow: 4px 4px black;*/
	margin-top: -10px;
}
.annual{
	font-size: 2.5vw;
	color: white;
	/*text-shadow: 4px 4px black;*/
	margin-top: -10px;
}
.star{
	height: 20px;
	width: 20px;
}
@media screen and (max-width: 480px){
.star{
	height: 10px;
	width: 10px;
}
}	

.hidden{
	display: none;
}
.text_link_1{
	font-size: 16px;
}
.trending{
	padding: 20px;
	font-size: 46px;
	background-color: #1A1A1A;
	font-weight: 600;
	color: white;
}
@media screen and (max-width: 768px){
.trending{
	background-color: white !important;
	color: #1A1A1A;
}
}
.events{
	padding: 20px;
	font-size: 32px;
	background-color: white;
	font-weight: 600;
	color: #1A1A1A;
}
.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.hovereffect .overlay {
      position: absolute;
    overflow: hidden;
    width: 80%;
    height: 28%;
    left: 10%;
    top: 65%;
    border-bottom: 1px solid #FFF;
    /* border-top: 1px solid #FFF; */
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(0,1);
    -ms-transform: scale(0,1);
    transform: scale(0,1);
}

.hovereffect:hover .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.hovereffect img {
  display: block;
  position: relative;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}

.hovereffect:hover img {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.6" /><feFuncG type="linear" slope="0.6" /><feFuncB type="linear" slope="0.6" /></feComponentTransfer></filter></svg>#filter');
  filter: brightness(0.6);
  -webkit-filter: brightness(0.6);
}

.hovereffect h2 {
  text-transform: uppercase;
  text-align: center;
  position: relative;
  font-size: 17px;
  background-color: transparent;
  color: #FFF;
  padding: 1em 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,-100%,0);
  transform: translate3d(0,-100%,0);
}

.hovereffect a, hovereffect p {
  color: #FFF;
  padding: 1em 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,100%,0);
  transform: translate3d(0,100%,0);
}

.hovereffect:hover a, .hovereffect:hover p, .hovereffect:hover h2 {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
/* Jayesh */
#collage1{
	padding:0px !important; 
}
#collage2{
	padding:0px !important; 
}
#collage3{
	padding:0px !important; 
 
}
#collage4{
	padding:0px !important; 	
	position:relative ;
}
#collage5{
	padding:0px !important; 
}
#collage6{
	padding:0px !important; 
}
#collage7,#collage8,#collage9,#collage10,#collage11,#collage12,#collage13,#collage14,#collage15,#collage16,#collage17,#collage18,#collage19{
	padding:0px !important; 
}
/* line 147, /home/hitman/Documents/cogni16/app/assets/stylesheets/static_pages.scss */
.glimpses-title {
  margin-top: 15px;
  background-color: #333333;
  height: 100px;
}

/* line 153, /home/hitman/Documents/cogni16/app/assets/stylesheets/static_pages.scss */
.glimpses-title span {
  margin-left: 40px;
  font-size: 30px;
  line-height: 100px;
  color: #fff;
}

/* line 160, /home/hitman/Documents/cogni16/app/assets/stylesheets/static_pages.scss */
.glimpses-social {
  margin-top: 15px;
  height: 100px;
  background-color: #333333;
}

/* line 168, /home/hitman/Documents/cogni16/app/assets/stylesheets/static_pages.scss */
.fb {
  border-style: none;
  border-bottom: 8px solid #3b5998;
  transition: 0.7s all ease;
}

/* line 174, /home/hitman/Documents/cogni16/app/assets/stylesheets/static_pages.scss */
.fb:hover {
  border-bottom: 100px solid #3b5998;
}

/* line 178, /home/hitman/Documents/cogni16/app/assets/stylesheets/static_pages.scss */
.gplus {
  border-style: none;
  border-bottom: 8px solid #d34836;
  transition: 0.7s all ease;
}

/* line 184, /home/hitman/Documents/cogni16/app/assets/stylesheets/static_pages.scss */
.gplus:hover {
  border-bottom: 100px solid #d34836;
}

/* line 188, /home/hitman/Documents/cogni16/app/assets/stylesheets/static_pages.scss */
.twitter {
  border-style: none;
  border-bottom: 8px solid #00aced;
  transition: 0.7s all ease;
}

/* line 194, /home/hitman/Documents/cogni16/app/assets/stylesheets/static_pages.scss */
.twitter:hover {
  border-bottom: 100px solid #00aced;
}

/* line 198, /home/hitman/Documents/cogni16/app/assets/stylesheets/static_pages.scss */
.youtube {
  border-style: none;
  border-bottom: 8px solid #bb0000;
  transition: 0.7s all ease;
}

/* line 204, /home/hitman/Documents/cogni16/app/assets/stylesheets/static_pages.scss */
.youtube:hover {
  border-bottom: 100px solid #bb0000;
}

/* line 208, /home/hitman/Documents/cogni16/app/assets/stylesheets/static_pages.scss */
.glimpses {
  margin-top: 15px;
}

/* line 212, /home/hitman/Documents/cogni16/app/assets/stylesheets/static_pages.scss */
.glimpse-image {
  height: 400px;
}
/*************************/
.dim{
    position: absolute;
    top: 43%;
    left: 82%;
    padding: 20px;
    height: 80px;
    width: 80px;
    background: #1A1A1A;
    background: linear-gradient(to right, white 50%, black 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all 1s ease;
    z-index: 1000;
	opacity: 0.75;
}
/*#collage4:hover >.dim{
    background-position:left bottom;
}*/
.modal.fade{
-webkit-transition:opacity .3s linear, top .3s ease-out;
-moz-transition:opacity .3s linear, top .3s ease-out;
-ms-transition:opacity .3s linear, top .3s ease-out;
-o-transition:opacity .3s linear, top .3s ease-out;
transition:opacity .3s linear, top .3s ease-out;
top:-25%;}
.play {
	position: absolute;
	top: 40%;
	left: 90%;
  width: 0;
  height: 50px;
  background-image: url('../img/1-active.png');
	background-size: cover;
	background-position: center;
  transition: 2s width;
}
.open{
	   width: 50px;
}
#trending_svg{fill:none;stroke-width:0.6;stroke:#9B9B9B;}
#trending_svg1{fill:none;stroke-width:0.4;stroke:#9B9B9B;}
#trending_svg2{fill:none;stroke-width:0.4;stroke:#9B9B9B;}
#trending_svg3{fill:none;stroke-width:0.4;stroke:#9B9B9B;}
#trending_svg4{fill:none;stroke-width:0.4;stroke:#9B9B9B;}
#trending_svg5{fill:none;stroke-width:0.4;stroke:#9B9B9B;width:55%;}
#trending_svg6{fill:none;stroke-width:0.8;stroke:#9B9B9B;}
.trending_svg5{fill:none;stroke-width:0.4;stroke:#9B9B9B;}
.opacity_text{
	opacity: 1!important;
}
.red{
	stroke:#f47c12 !important;
}
.black{
	stroke:black !important;
}
.reddish{
	stroke:#f47c12 !important;
}
#text_trending_svg{
	fill:black;
	font-family: 'MyWebFont3', sans-serif !important;
	font-size:9px;
}


.form-control{
	border-radius: 0px !important;
	border: 1px solid grey;
	font-size: 16px;
	padding: 21px 21px;
	background-color: #E8E8E8;
}
textarea.form-control{
	min-height: 150px !important;
}
.btn{    padding: 10px 26px;
    font-size: 16px;
    line-height: 1.3333333;
    border-radius: 24px;
    border: 1.5px solid grey;
    color: #4B4B4B;
    background-color: transparent !important;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
	margin-top: 4vh;
}
.btn:hover{
	        color: white!important;
    padding: 10px 26px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 24px;
    background-color: #1A1A1A !important;
}
.btn1{    padding: 10px 26px;
    font-size: 16px;
    line-height: 1.3333333;
    border-radius: 24px;
    border: 1.5px solid grey;
    color: #4B4B4B;
    background-color: white !important;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
	margin-top: 4vh;
}
.btn1:hover{
	        color: white!important;
    padding: 10px 26px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 24px;
    background-color: #1A1A1A !important;
}
blockquote{
	border-left: 0px !important;
}
@media (max-width: 768px) {
blockquote{
    display: block;
    text-align: -webkit-center;
}
}
.modal-body{
	margin: 0px !important;
    padding: 0px !important;	
}
.modal-header{
	background-image: url('../img/transparent.png') !important;
	background-size: cover;
}
.modal-content {
	border-radius: 0px !important;
	background-color: black;
}
.modal-header{
	border-bottom: 0px !important;
}
.modal-backdrop
{
    opacity:0.2 !important;
}
.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #fff !important;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=100) !important;
    opacity: 1 !important;
}
@media screen and (min-width: 768px){
#intro{
	padding-left: 0px; 
	margin-left: 0px; 
	border-radius: 0; 
	height:100vh;
}
}
@media screen and (max-width: 768px){
#intro{
	padding-left: 0px; 
	margin-left: 0px; 
	border-radius: 0; 
}
}
@media screen and (min-width: 768px){
#intro1{
	padding-left: 0px; 
	margin-left: 0px; 
	border-radius: 0; 
	height:100vh;
}
}
@media screen and (max-width: 768px){
#intro1{
	padding-left: 0px; 
	margin-left: 0px; 
	border-radius: 0; 
}
}
@media screen and (min-width: 768px){
.about_content{
	padding: 10vh;

}
.about_content > p{
	color: white; text-align: center; font-size: 2.5vh;
}
}
@media screen and (max-width: 768px){
.about_content{
	padding: 50px;
}
.about_content > p{
	color: white; text-align: center; font-size: 13px;
}
}
@media screen and (max-width: 468px){
.about_content{
	padding: 25px;
}
.about_content > p{
	color: white; text-align: center; font-size: 10px;
}
}
@media screen and (max-width: 768px){
.yash1234567{
	height: 50px !important;
}
}
#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100000;
		background-color: white;
}
#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #3498db;

    -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    z-index: 100100;
}

    #loader:before {
        content: "";
        position: absolute;
        top: 5px;
        left: 5px;
        right: 5px;
        bottom: 5px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #e74c3c;

        -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
        animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    }

    #loader:after {
        content: "";
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #f9c922;

        -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
          animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    }

    @-webkit-keyframes spin {
        0%   { 
            -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(0deg);  /* IE 9 */
            transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
        }
        100% {
            -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(360deg);  /* IE 9 */
            transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
        }
    }
    @keyframes spin {
        0%   { 
            -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(0deg);  /* IE 9 */
            transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
        }
        100% {
            -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(360deg);  /* IE 9 */
            transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
        }
    }

    #loader-wrapper .loader-section {
        position: fixed;
        top: 0;
        width: 51%;
        height: 100%;
        background: #222;
        z-index: 100000;
    }

    #loader-wrapper .loader-section.section-left {
        left: 0;
    }
    #loader-wrapper .loader-section.section-right {
        right: 0;
    }

    /* Loaded styles */
    .loaded #loader-wrapper .loader-section.section-left {
        -webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateX(-100%);  /* IE 9 */
                transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */

        -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
                transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
    }
    .loaded #loader-wrapper .loader-section.section-right {
        -webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateX(100%);  /* IE 9 */
                transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */

        -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
                transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
    }
    .loaded #loader {
        opacity: 0;

        -webkit-transition: all 0.3s ease-out;  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
                transition: all 0.3s ease-out;  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */

    }
    .loaded #loader-wrapper {
        visibility: hidden;

        -webkit-transform: translateY(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateY(-100%);  /* IE 9 */
                transform: translateY(-100%);  /* Firefox 16+, IE 10+, Opera */
    
        -webkit-transition: all 0.3s 1s ease-out;  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
                transition: all 0.3s 1s ease-out;  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
    }


/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

/*---------------*/
/***** Sadie *****/
/*---------------*/

figure.effect-sadie figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
	background: linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
	content: '';
	opacity: 0;
	-webkit-transform: translate3d(0,50%,0);
	transform: translate3d(0,50%,0);
}

figure.effect-sadie h2 {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	color: #484c61;
	-webkit-transition: -webkit-transform 0.35s, color 0.35s;
	transition: transform 0.35s, color 0.35s;
	-webkit-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0);
}

figure.effect-sadie figcaption::before,
figure.effect-sadie p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-sadie p {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 2em;
	width: 100%;
	opacity: 0;
	-webkit-transform: translate3d(0,10px,0);
	transform: translate3d(0,10px,0);
}

figure.effect-sadie:hover h2 {
	color: #fff;
	-webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
	transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
}

figure.effect-sadie:hover figcaption::before ,
figure.effect-sadie:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.grid1 {
	position: relative;
	margin: 0 auto;
	/*padding: 1em 0 4em;*/
	/*max-width: 1000px;*/
	list-style: none;
	text-align: center;
}

/* Common style */
.grid1 figure {
	position: relative;
	float: left;
	overflow: hidden;
	/*margin: 10px 1%;*/	
	height: auto;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.grid1 figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid1 figure figcaption {
	padding: 0.1em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid1 figure figcaption::before,
.grid1 figure figcaption::after {
	pointer-events: none;
}

.grid1 figure figcaption,
.grid1 figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid1 figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid1 figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid1 figure h2 span {
	font-weight: 800;
}

.grid1 figure h2,
.grid1 figure p {
	margin: 0;
}

.grid1 figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

/* Individual effects */

/*---------------*/
/***** Julia *****/
/*---------------*/

figure.effect-julia {
	background: #2f3238;
}

figure.effect-julia img {

	-webkit-transition: opacity 1s, -webkit-transform 1s;
	transition: opacity 1s, transform 1s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-julia figcaption {
	text-align: right;
}
@media (min-width: 768px) {
figure.effect-julia h2 {
	position: relative;
	padding: 0.5em 0.5em;
}
}
@media (max-width: 768px) {
figure.effect-julia h2 {
	position: relative;
	padding: 0.5em 2em;
}
}
figure.effect-julia p {
	display: block;
	
	    padding: 4px;
		padding-right:8px;
	color: white;
	text-transform: none;
	font-weight: 500;
	font-size: 3vh;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	webkit-transform: translate3d(-101%,0,0);
    transform: translate3d(-101%,0,0);
}

figure.effect-julia p:first-child {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
	margin-left: -50px;
}
figure.effect-julia p:first-child:hover {
	color: #f46801;
}
figure.effect-julia p:nth-of-type(2) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
	margin-left: -50px;
}
figure.effect-julia p:nth-of-type(2):hover{
	color: #f46801;
}
figure.effect-julia p:nth-of-type(3) {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

figure.effect-julia:hover p:first-child {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	
}

figure.effect-julia:hover p:nth-of-type(2) {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

figure.effect-julia:hover p:nth-of-type(3) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

figure.effect-julia:hover img {
	 -webkit-filter: grayscale(100%) !important;
    filter: grayscale(100%) !important;
	-webkit-transform: scale3d(1.1,1.1,1);
	transform: scale3d(1.1,1.1,1);
}

figure.effect-julia:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
div.carouselGallery-grid1 > div > div.col-lg-8 > div > div > div > figure > figcaption > h2,
div.carouselGallery-grid1 > div> div.col-lg-4 > div > div > div > figure > figcaption > h2,
div.carouselGallery-grid1 > div> div.col-lg-4 > div > figure > figcaption > h2,
div.carouselGallery-grid1 > div > div.col-lg-8 > div > div > figure > figcaption > h2
{
	font-family: MyWebFont3;
	text-align:right;
	position:absolute;
	bottom:8px;
	right:8px;
	font-size: 26px;
}



div.carouselGallery-grid1 > div> div.col-lg-8 > div > div > div > figure > figcaption > div,
div.carouselGallery-grid1 > div > div.col-lg-4 > div > div > div > figure > figcaption > div,
div.carouselGallery-grid1 > div > div.col-lg-4 > div > figure > figcaption > div,
div.carouselGallery-grid1 > div > div.col-lg-8 > div > div > figure > figcaption > div
{
	text-align:right;
	margin-top:10%;
	opacity:.8;
	padding-right: 10px;
	font-family: MyWebFont3;
}
div.carouselGallery-grid1 > div> div.col-lg-8 > div > div > div > figure > figcaption > div>p:hover,
div.carouselGallery-grid1 > div > div.col-lg-4 > div > div > div > figure > figcaption > div>p:hover,
div.carouselGallery-grid1 > div > div.col-lg-4 > div > figure > figcaption > div>p:hover,
div.carouselGallery-grid1 > div > div.col-lg-8 > div > div > figure > figcaption > div>p:hover
{
	color:#f46801;
}

.black_white:hover img{
	/*opacity: 0.4 !important;*/
    -webkit-transform: scale3d(1.1,1.1,1) !important;
    /* transform: scale3d(1.1,1.1,1); */
    -webkit-filter: grayscale(100%) !important;
    filter: grayscale(100%) !important;
}
.aftermovie_link{
	text-decoration: none !important;
}
.aftermovie_link_div{
	cursor: pointer !important;
}
.aftermovie_link:hover{
	color: #1A1A1A !important;
}
@media (min-width: 768px) {
.yashlakhani{
	position: fixed;
	top : 0;
	z-index: 1000;
	width: 7.33333% !important;
	background-color: transparent !important;
}
}
@media (max-width: 768px) {
.yashlakhani{
	position: fixed;
	top : 0;
	z-index: 1000;
	width: 102.3% !important;
	background-color: white;
	background-color: white !important;
}
}
@media (max-width: 768px) {

}
@media (max-width: 768px) {
.yash_lakhani_home{
	margin-left: 0% !important;
	width: 100% !important;
}
@media (max-width: 768px) {
.yash_sponsors{
	width: 100% !important;
}

.yash_previous_sponsors{
	margin-left: 0 !important;
	width: 100% !important;
}
.yash_previous_sponsors > div{
	margin-right: 0 !important;
	/*background-color: #1A1A1A !important;*/
}
}
@media (min-width: 768px) {
.event_image{
	height: 470px;
	width: 470 px;
}
}
@media (max-width: 768px) {
.event_image{
	height: auto;
	width: auto;
}
}
@media (max-width: 768px) {
.color_mobile{
	/* color: white !important; */
}
}
@media (min-width: 768px){
/* .extra_margin{
	margin-top: 2vh;
} */
/* .extra_yash_1{
	margin-top: 2vh;
} */
}
@media (min-width: 1200px) {
.rajat{
	width: 25% !important;
	
}
}
@media (max-width: 768px) {
.rajat{
	width: 100% !important;
	
}
}