/*!
 * GYANCITY RESEARCH LABS (http://gyancity.com)
 * Designed and developed by Anirudh Khanna and Akshay
 * Special thanks to: http://startbootstrap.com
 */

/* Global Styles */

html,
body {
    height: 100%;
}

body {
/*    padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}


.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */

header.carousel {
    height: 320px;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

.period {
    display: block;
    font-style: italic;
}


/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}







/* ************** Gyancity Styles ************** */

/****************************************
			DEFINING FONTS
****************************************/
@font-face {
    font-family: "LucidaFax";
    src: local('Lucida Fax'), url('../fonts/lucidafax.ttf') format('truetype');
}

@font-face {
    font-family: "Impact";
    src: local('Impact'), url('../fonts/impact.ttf') format('truetype');
}

@font-face {
    font-family: "LucidaSans";
    src: local('Lucida Sans Unicode'), url('../fonts/lucidasans.ttf') format('truetype');
}

@font-face {
    font-family: "LaoUI";
    src: url('../fonts/laoUI.ttf') format('truetype');
}

@font-face {
    font-family: "Gothic";
    src: url('../fonts/gothic.ttf') format('truetype');
}


/* Body Font Open Sans */
@font-face {
  font-family: "Open Sans";
  src: local('Open Sans'), local('OpenSans'), url('../fonts/OpenSans.ttf') format('truetype');
}
/****************************************
			//DEFINING FONTS
****************************************/




/****************************************
				ANIMATION
****************************************/
/*-- Element Slide-Up Animation --*/
.slideanimup {
}

.slideup {
	/* The name of the animation */
	-webkit-animation-name: slideup;
	animation-name: slideup;

	/* The duration of the animation */
	-webkit-animation-duration: 1s;
	animation-duration: 1s;

	/* Make the element visible (in case it is hidden in .slideanimup)*/
	visibility: visible; 
}

/* Go from 0% to 100% opacity (see-through) and specify the percentage from when to slide in the element along the Y-axis */
@-webkit-keyframes slideup {
	0% {
		opacity: 0;
		-webkit-transform: translateY(70%);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0%);
	}
}

@keyframes slideup {
	0% {
		opacity: 0;
		transform: translateY(70%);
	}
	100% {
		opacity: 1;
		transform: translateY(0%);
	}
}


/*-- Element Slide-Left Animation --*/
.slideanimleft {
}

.slideleft {
	-webkit-animation: slideleft 1s forwards;
	animation: slideleft 1s forwards;
}

@-webkit-keyframes slideleft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(50%);
	}
	40% {
		opacity: 0.1;
	}
	60% {
		opacity: 0.3;
	}
	80% {
		opacity: 0.6;
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0%);
	}
}

@keyframes slideleft {
	0% {
		opacity: 0;
		transform: translateX(50%);
	}
	40% {
		opacity: 0.1;
	}
	60% {
		opacity: 0.3;
	}
	80% {
		opacity: 0.6;
	}
	100% {
		opacity: 1;
		transform: translateX(0%);
	}
}


/*-- Element Slide-Right Animation --*/
.slideanimright {
}

.slideright {
	-webkit-animation: slideright 1s forwards;
	animation: slideright 1s forwards;
}

@-webkit-keyframes slideright {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-50%);
	}
	40% {
		opacity: 0.1;
	}
	60% {
		opacity: 0.3;
	}
	80% {
		opacity: 0.6;
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0%);
	}
}

@keyframes slideright {
	0% {
		opacity: 0;
		transform: translateX(-50%);
	}
	40% {
		opacity: 0.1;
	}
	60% {
		opacity: 0.3;
	}
	80% {
		opacity: 0.6;
	}
	100% {
		opacity: 1;
		transform: translateX(0%);
	}
}
/****************************************
				//ANIMATION
****************************************/





/****************************************
			PAGE CONTENTS
****************************************/
.page-content p{
	line-height: 23px;
	font-size: 15px;
	font-family: 'Open Sans', sans-serif;
	color: #222;
}


/* Color Span for headings */
.colorspan {
	color: #E88000;
	font-family: "LucidaFax", "Lucida Fax", serif;
	font-weight: normal;
}
/****************************************
			//PAGE CONTENTS
****************************************/




/****************************************
			NAVIGATION
****************************************/
.navbar {
	height: 90px;
	border-bottom: 1px solid #ccc;
	box-shadow: 0 2px 20px 1px rgba(100,100,100,.4);
	border-radius: 0px;
	z-index: 99999;
}

.navbar-brand{
	padding-top: 5px;
	margin-top: 0px;
}

.sitelogo{
	display: initial;
	/* Will be invisible in mobiles */
}

.sitename{
	display: none;
	/* Will be visible in mobiles */
	font-family:"LucidaFax", "Lucida Fax", serif;
	color: #E88000;
}

/* Navigation specific in PC */
@media(min-width:768px) {

	.navbar-right{
		margin-top: 20px;
	}

	.navbar-right >li{
		font-family: "LucidaFax", "Lucida Fax", serif;
		border-radius: 10px;
	}
		
	.navbar-right >li:hover {
		background: #555;
		color: white !important;
		transition: 0.3s;
	}

	.navbar-right >li.dropdown > a:focus{
		border-radius: 10px;
		color: #777;
	}
	
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover
	{
		color: white;
		border-radius: 10px;
		background: #555;	
	}

	.navbar-right > li > a:hover {
		color: white !important;
	}
	
	.dropdown:hover .dropdown-menu {
		display: block;
	}
}




/* Sticky Nav in PC */
.main-nav{
  position: relative;
}

.main-nav-scrolled {
  position: fixed;
  width: 100%;
  top: 0;
}




/* Navigation in mobiles */
@media(max-width:767px) {
	.navbar-brand{
		padding: 15px 20px;
	}
	
	.sitelogo{
		display: none;
		visibility: hidden;
	}

	.sitename{
		display: initial;
	}

/*
	Makes navbar in mobiles non-fixed at top:
	.main-nav {
		position: static;
	}
*/
	
	.navbar-right >li>a, .dropdown-menu>li>a {
		background: #555;
		color: #eee;
		z-index: 99999;
	}

	.navbar-right >li>a:hover, .navbar-right >li>a:focus{
		background: #222 !important;
		color: #eee;
		border: 200px solid black
		z-index: 99999;
	}

	.navbar-right >li{
		background: #555;
	}

	.dropdown-menu, .dropdown{
		margin: 0px;
		padding: 0px;
		z-index: 99999;
	}

	
	.dropdown-menu>li, .dropdown-menu>li>a{
		height: 27px;
	}
	
	.navbar {
		height: 50px;
		background-color: #222;
		border-color: #080808;
		z-index: 99999;
	}

	.navbar .navbar-brand {
		color: #9d9d9d;
	}
	
	.navbar .navbar-brand:hover,
	.navbar .navbar-brand:focus {
		color: #fff;
	}
	.navbar .navbar-text {
		color: #9d9d9d;
	}
	.navbar .navbar-nav > li > a {
		color: #eee;
	}
	.navbar .navbar-nav > li > a:hover,
	.navbar .navbar-nav > li > a:focus {
		color: #fff;
	}
	.navbar .navbar-nav > .active > a,
	.navbar .navbar-nav > .active > a:hover,
	.navbar .navbar-nav > .active > a:focus {
		color: #fff;
		background-color: #080808;
	}
	.navbar .navbar-nav > .disabled > a,
	.navbar .navbar-nav > .disabled > a:hover,
	.navbar .navbar-nav > .disabled > a:focus {
		color: #eee;
		background-color: transparent;
	}
	.navbar .navbar-toggle {
		border-color: #333;
	}
	.navbar .navbar-toggle:hover,
	.navbar .navbar-toggle:focus {
		background-color: #333;
	}
	.navbar .navbar-toggle .icon-bar {
		background-color: #fff;
	}
	.navbar .navbar-collapse,
	.navbar .navbar-form {
		border-color: #101010;
	}
	.navbar .navbar-nav > .open > a,
	.navbar .navbar-nav > .open > a:hover,
	.navbar .navbar-nav > .open > a:focus {
		color: #fff;
		background-color: #080808;
	}


	/* Mobile Mobile INVERSE FROM BOOTSTRAP */
	.navbar .navbar-nav .open .dropdown-menu > .dropdown-header {
		border-color: #080808;
	}
	.navbar .navbar-nav .open .dropdown-menu .divider {
		background-color: #080808;
	}
	.navbar .navbar-nav .open .dropdown-menu > li > a {
		color: #9d9d9d;
	}
	.navbar .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar .navbar-nav .open .dropdown-menu > li > a:focus {
		color: #fff;
		background-color: transparent;
	}
	.navbar .navbar-nav .open .dropdown-menu > .active > a,
	.navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
	.navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
		color: #fff;
		background-color: #080808;
	}
	.navbar .navbar-nav .open .dropdown-menu > .disabled > a,
	.navbar .navbar-nav .open .dropdown-menu > .disabled > a:hover,
	.navbar .navbar-nav .open .dropdown-menu > .disabled > a:focus {
		color: #444;
		background-color: transparent;
	}
}

/* Remove overflow before menu collapse */
@media(min-width:767px) and (max-width:991px) {
	.navbar-right>li>a{
		padding: 5px;
	}
}

/****************************************
			//NAVIGATION
****************************************/



/****************************************
			CAROUSEL
****************************************/

/* Carousel Captions */
.encourageinnovation{
	position: absolute;
	top: 15px;
	left: 250px;
	font-size: 65px;
	font-family: "Impact", sans-serif;
	color: #002854;
	text-transform: uppercase;
}
@media(max-width:1200px) {
	.encourageinnovation{
		left: 100px;
		font-size: 55px;
	}
}
@media(max-width:900px) {
	.encourageinnovation{
		font-size: 45px;
	}
}
@media(max-width:360px) {
	.encourageinnovation{
		left: 20px;
	}
}


.getpublished{
	position: absolute;
	top: 120px;
	left: 200px;
	font-size: 46px;
	font-family: "LucidaSans", "Lucida Sans Unicode", "Lucida Grande", Tahoma, sans-serif;
	color: #333;
}
@media(max-width:1000px) {
	.getpublished{
		left: 60px;
		font-size: 35px;
	}
}
@media(max-width:360px) {
	.getpublished{
		left: 30px;
		top: 25px;
	}
}

.worldclasswork{
	position: absolute;
	max-width: 50%;
	top: 30px;
	left: 150px;
	font-size: 45px;
	font-family: "Gothic", Arial, sans-serif;
	color: #222;
	text-shadow: 2px 1px 7px rgba(150, 150, 150, 1);
	font-weight: bold;
}
@media(max-width:800px) {
	.worldclasswork{
		top: 60px;
		left: 100px;
		font-size: 30px;
	}
}
@media(max-width:400px) {
	.worldclasswork{
		top: 50px;
		left: 50px;
		font-size: 20px;
	}
}
/****************************************
			//CAROUSEL
****************************************/




/****************************************
		CONFERENCE WRAPPERS
****************************************/
.conf-icon {
	color: #E86600;
	font-size: 200px;
}

.bg-grey {
	background-color: #f6f6f6;
	margin-top: 50px;
	padding: 60px 125px 60px 125px;
}

@media(max-width:700px) {
	.bg-grey {
		padding: 50px;
	}
}

.bg-white {
	background-color: #fff;
	margin-top: 40px;
	padding: 10px 100px 10px 150px;
}

@media(max-width:700px) {
	.bg-white{
		padding: 50px;
	}
}
/****************************************
		//CONFERENCE WRAPPERS
****************************************/




/****************************************
			PARTNERS
****************************************/
.partner:hover {
	-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
	transition: 0.2s;
	box-shadow: 1px 1px 7px #444;
}
/****************************************
			//PARTNERS
****************************************/




/****************************************
			FOOTER
****************************************/
footer {
	color: #afafaf;
	background: #444;
	padding: 45px 45px 5px 45px;
	margin:0px;
	bottom: 0px;
	font-family: "Open Sans", sans-serif;
}

footer a{
	color: #ccc;
	text-decoration: underline;
}

footer a:hover{
	color: #eee;
	text-decoration: underline;
}
/****************************************
			//FOOTER
****************************************/

















/****************************************
			PUBLICATIONS
****************************************/
.publications-list{
	margin-top: 30px;
	margin-bottom: 50px;
	padding-left:0px;
}

.publications-list > li {
	list-style-position: inside;
	padding: 10px 15px;
	margin-bottom: -1px;
	background-color: #fff;
	border: 1px solid #ddd;
	overflow-x: hidden;
}
.publications-list > li:hover {
	background: #f7f7f7;
}
/****************************************
			//PUBLICATIONS
****************************************/