@import url(http://fonts.googleapis.com/css?family=Lustria);
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@import url(http://fonts.googleapis.com/css?family=Oswald);
@import url(http://fonts.googleapis.com/css?family=Droid+Sans);
@import url(http://fonts.googleapis.com/css?family=Ek+Mukta:400,600,700);
@import "bootstrap-social.less"
@import url('http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css');
@import url(fonts.css);

/*  font-family: 'Oswald', sans-serif;  */
/*  font-family: 'Open Sans', sans-serif;  */
/*  font-family: 'ProximaNovaRgRegular';  */
/*  font-family: 'MyriadPro-Regular';  */
/*  font-family: 'MyriadPro-SemiboldCond';  */
/*  font-family: 'MyriadPro-LightCond';  */
/*  font-family: 'Droid Sans', sans-serif;  */




a {
	color:#000; 
	text-decoration:none;
	
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
}
a:hover {color:#007dc6;}

img {border:none}
.clr {clear:both}

#header {margin:0.6em 0; text-align:center}
#header img {width:25%; min-width:265px;}

#menu {width:100%; margin:0 auto; background:#611b74;}
#menu .inner {width:60%; margin:0 auto; padding:0 0 0;} 
#menu .inner ul {margin:0; padding:0}
#menu .inner li {list-style:none; float:left;}
#menu .inner li a {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#fff; display:block; text-transform:uppercase; padding:19px 20%;}
#menu .inner li a:hover {background:#ca69e4;}

#banner {width:100%; margin:0 auto; text-align:center}


.read-more { background-color: #000000; border-radius: 3px; color: #fff; font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: 700; padding: 20px 40px; text-transform: uppercase;}
.read-more:hover {background:#cb268c; color:#fff}


.intro-text {color:#611b74}


#scroller {background:#e7c0f1; color:#611b74; margin:3em 0}

#flexiselDemo3 {
	display: none;
}
.nbs-flexisel-container {
	position: relative;
	max-width: 100%;
}
.nbs-flexisel-ul {
	position: relative;
	width: 9999px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
}
.nbs-flexisel-inner {
	overflow: hidden;
	margin:2em 0;
}
.nbs-flexisel-item {
	float: left;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	position: relative;
	line-height: 0px;
	padding-right:0.1em;
}
.nbs-flexisel-item > img {
	cursor: pointer;
	position: relative;
	width:90%
}
/*** Navigation ***/






/* Carousel Styles */

.carousel-inner img {
    width: 100%;
    max-height: 650px;
}

.carousel-control {
    width: 0;
}

.carousel-control.left,
.carousel-control.right {
	opacity: 1;
	filter: alpha(opacity=100);
	background-image: none;
	background-repeat: no-repeat;
	text-shadow: none;
}

.carousel-control.left span {
	padding: 0;
}

.carousel-control.right span {
	padding: 0;
}

.carousel-control .glyphicon-chevron-left, 
.carousel-control .glyphicon-chevron-right, 
.carousel-control .icon-prev, 
.carousel-control .icon-next {
	position: absolute;
	top: 45%;
	z-index: 5;
	display: inline-block;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
	left: 30px;
}

.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
	right: 30px;
}



.carousel-control.left span:hover,
.carousel-control.right span:hover {
	opacity: .7;
	filter: alpha(opacity=70);
}

.carousel-inner > .item {
  margin-left:0;
  margin-top:0;
  margin-bottom:0;
  padding-left: 0;
  width: 100%;
  height: auto;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left:0;
  padding-left: 0;
}




/* ===========================
--- Footer
============================ */

footer {
    background-color: #350f40;
}

footer {
	text-align: center;
	padding: 20px 0 ;
	
}

footer p {
	color: #f8f8f8;
	font-size: 14px;
	font-family: 'Ek Mukta', sans-serif;
}

footer a.totop {
	color: #fff;
	margin-bottom: 30px;
}
footer a.totop:focus {
	outline: 0;
}



/* menu */
ul.footer-menu {
	list-style: none;
}

ul.footer-menu li {
	float: left;
	margin: 0 0 0 10px;

}

ul.footer-menu li a {
	color: #fff;
	font-size: 16px;
	border-left: 1px solid #999;
	padding-left: 9px;
	line-height: 1.1em;
}

ul.footer-menu li:first-child a {
	border-left: none;
	padding-left: 0;
}

.social-widget {
	margin-top: 20px;
	margin-bottom: 30px;
}
.social-widget ul li a:hover {
	color: #fff;
}

footer .social-widget ul.team-social li a {
	margin: 0 5px;
}




.portfolio-item {
    margin-bottom: 25px;
}




.main-head-color {color:#611b74}




/**************  DROP DOWN MENU  ******************/

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.header-text {font-family: 'Open Sans', sans-serif; font-size:1.2em; font-weight:bold}

.home-img {height:100px;}


/*****************************************************************/

.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}
html,
body,
.carousel,
.carousel-inner,
.carousel-inner .item {
  height: 100%;
}
.item:nth-child(1) {
  background: silver;
}
.item:nth-child(2) {
  background: red;
}
.item:nth-child(3) {
  background: orange;
}