ul.nav {
    padding: 0.5% 0 0.5% 6% !important;
}


/*--header-nav--*/
.navbar-default {
	background-color: #f54785;
	border:none;
	padding: 7px 0em;
	margin: 0;
	border-radius: 0;
	margin-top:1em;
}
.navbar-header a.navbar-brand {
	color: #00BFF3;
	font-family: 'Jockey One', sans-serif;
	font-size: 3em;
	font-weight: 100;
	margin-bottom: 0;
}
.navbar-header a.navbar-brand:hover {
	color: #00BFF3;
	text-decoration:none;
}
ul.nav.navbar-nav.navbar-right.margin-top {
	margin-top: 0px;
	padding:0;
}
ul.nav.navbar-nav.navbar-right.margin-top li{
	margin:0px 80px 0px 0px;
	padding:0px 0px 0px 0px;
}
.cl-effect-2 a {
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	perspective: 1000px;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	color: #00BFF3;
	background-color: #0B0354;
}
.dropdown-menu {
	background-color: #0B0354;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
	background-color: #0B0354;
}
span.caret:hover {
	color: #00BFF3;
}
.cl-effect-2 a span {
	position: relative;
	display: inline-block;
	padding: 0;
	font-size: 14px;
	font-family: 'Jockey One', sans-serif;
	font-weight: 300;
	background: none !important;
	-webkit-transition: -webkit-transform 0.3s;
	-ms-transition: -webkit-transform 0.3s;
	-o-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	color: #fff;
}

.cl-effect-2 a span::before {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 100%;
	font-size: 14px;
	font-weight:lighter;
	color: #ffffff !important;
	padding: 0;
	z-index:999;
	background: none;
	content: attr(data-hover);
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	transition: background 0.3s;
	-webkit-transform: rotateX(-90deg);
	-ms-transform: rotateX(-90deg);
	-o-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
	-webkit-transform-origin: 50% 0;
	-o-transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
}
.cl-effect-2 a:hover span,
.cl-effect-2 a:focus span {
	/*-webkit-transform: rotateX(90deg) translateY(-22px);
	-moz-transform: rotateX(90deg) translateY(-22px);
	-o-transform: rotateX(90deg) translateY(-22px);
	-ms-transform: rotateX(90deg) translateY(-22px);
	transform: rotateX(90deg) translateY(-22px);*/
	color: #fff;
}

.csstransforms3d .cl-effect-2 a:hover span::before,
.csstransforms3d .cl-effect-2 a:focus span::before {
	background: none;
	color:#fff !important;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: red !important;
	font-weight: 600;
	font-size: 50px;
	z-index:999;
}
span.glyphicon.glyphicon-search.edit {
	color: #fff;
}
.btn-warning {
	color: #fff;
	background-color: #00BFE9 !important;
	 border-color: #00BFE9;
}
.btn-warning:hover{
	color: #fff;
	background-color: #00BFE9 !important;
	border-color: #00BFE9;
}
.btn-warning:hover{
	background-color: rgb(216, 11, 54) !important;
	border-color: rgb(216, 11, 54);
	transition:0.5s;
}
.bgi{
	background:url(../images/1.jpg);
	background-size:cover;
	min-height:700px;
	padding-top: 17em !important;
	text-align:center;
}


@media (max-width:1024px){
	ul.nav.navbar-nav.navbar-right.margin-top li{
	margin:0px 30px 0px 0px;
	padding:0px 0px 0px 0px;
}
}

@media (max-width:960px){
	ul.nav.navbar-nav.navbar-right.margin-top li{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
}

@media (max-width:640px){
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	color: #00BFF3;
	background-color: #000000;
}
}