.close {
    color: #000;
    float: right;
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    margin-right: 0;
    margin-top: 6px;
    opacity: 0.9;
    text-shadow: 0 1px 0 #fff;
}
.mainbgin ul
{
	margin :0;
	padding : 0;
}
nav.animate th.colomy
{
	color: #000;
	background:#EAC937; 
}
a.animated-button.victoria-one {
	border: 2px solid #D24D57;
}
a.animated-button.victoria-one:after {
	background: #D24D57;
	-moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	transform: translateX(-50%) translateY(-50%) rotate(-25deg);
}
a.animated-button.victoria-one {
	border: 2px solid #DAB62B;
	background: rgba(218, 183, 43, 0.8);
}
a.animated-button.victoria-one:after {
	background: #DAB62B;
	-moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	transform: translateX(-50%) translateY(-50%) rotate(-25deg);
}

a.animated-button:link, a.animated-button:visited {
	position: relative;
	display: block;
	margin: 30px auto 0;
	padding: 14px 15px;
	color: #fff;
	font-size:22px!important;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	overflow: hidden;
	letter-spacing: .08em;
	border-radius: 0;
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
a.animated-button:link:after, a.animated-button:visited:after {
	content: "";
	position: absolute;
	height: 0%;
	left: 50%;
	top: 50%;
	width: 150%;
	z-index: -1;
	-webkit-transition: all 0.75s ease 0s;
	-moz-transition: all 0.75s ease 0s;
	-o-transition: all 0.75s ease 0s;
	transition: all 0.75s ease 0s;
}
a.animated-button:link:hover, a.animated-button:visited:hover {
	color: #000;
	text-shadow: none;
	z-index: 1;
}
a.animated-button:link:hover:after, a.animated-button:visited:hover:after {
	height: 450%;
}
a.animated-button:link, a.animated-button:visited {
	position: relative;
	display: block;
	margin: 50px auto 0;
	padding: 14px 15px;
	color: #fff;
	font-size:18px;
	border-radius: 0;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-size:16px;
	overflow: hidden;
	letter-spacing: .08em;
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	width: 39%;
}
nav.scrolly > h2.late {
    background: #fff none repeat scroll 0 0;
    color: #000;
    font-size: 30px;
    padding: 20px;
    text-align: center;
    text-transform: uppercase;
}
nav.scrolly .table-bordered > thead > tr > td, nav.animate .table-bordered > thead > tr > th {
    border-bottom-width: 1px;
}
nav.animate table 
{
	color: #fff;
	padding: 0 10px;
	font-size: 15px;
}
nav.scrolly {
    position: fixed;
    top: 0px;
    left: -0%;
    padding:0 5px;
    padding-top: 0px;
    padding-bottom: 15px;
    height: 100%;
    max-width: 260px;
   	width: 240px;
    text-align: left;
    background-color: rgba(0,0,0,1);
    box-shadow: -3px 0px 3px 0px rgba(160, 160, 160, 0.30);
    z-index: 100;    
    overflow: hidden;
}
.enddys .modal-content
{
	background-color: rgba(255,255,255,1); 
}
.loginform12 p
{
		font-size: 30px;
		text-align: center;
		margin-bottom: 50px;
}

.loginbtk {
    background: #21252a none repeat scroll 0 0;
    border: 1px solid #000;
    border-radius: 0;
    margin-top: 95px;
    padding: 13px 55px;
    text-align: center;
    color: #fff;
    margin: 0 auto;
    text-align: center;
    margin-right: 20px;
    text-decoration: none;
	list-style: none;
}
.loginbtk:hover {
	color: #ffffff;
	text-decoration: none;
	list-style: none;
}
.modal-dialog.mpbl{
    margin: 18% auto 30px;
    width: 600px;
    text-align: center;
   
}

.modal-header {
       background: #fff none repeat scroll 0 0;
    border-bottom: medium none;
    border-radius: 0px 0px 0 0;
    color: #fff;
    min-height: 16.43px;
    padding: 7px 15px;
}

.modal-body
{
	 
    margin-top: 1px;
    padding: 7px 15px 0;
    position: relative;
}
.modal-body.mybdy
{
	 
    margin-top: 1px;
    padding: 7px 15px 0;
    position: relative;
    padding-bottom: 50px;
}
.signin
{
	width:100%;
	height:auto;
	float:left;
}

 img.ImgShow{
    border: 0 none;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 200px;
    z-index: 9999;
}

img.ImgShow1{
    border: 0 none;
    left: 3px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 19px;
    z-index: 9999;
    width: 174px;
}
	  .signin ul
{
	margin:0 auto;
	padding:0;
	margin:0;
}
	  
.error {
	color :red;
}
	  .signin ul li
	  {
		float:right;  
	  }
	  
	  .signin ul li a
	  {
		float:right; 
		  color:#EAC937;
		  margin-top:25px;
	  }
	  
	  .signin ul li a:hover
	  {
		  text-decoration: none;
	  }
	
.modal-header h4.inn
{
	font-size:18px;
}

.latein
{
	width:100%;
	height: auto;
	float: left;
	text-align: center;
padding-top: 65px;
}

.latein ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline-block;
	
	}
	
	.latein ul li{
		float:left;
		color: #fff;
		font-size: 38px;
	}

	.latein ul li span{
		float:left;
		color: #fff;
		font-size: 11px;
		padding: 2px 15px;
		background: #B39524;
		border:1px solid #997700; 
		margin:0 5px 5px 5px;
			}

.latein p{
		color: #fff;
		font-size: 38px;
        text-align: center;
	}


.profileinn
{
	width:100%;
	height: auto;
	float:left;
}

.profileinn img
{
height: auto !important;
border:1px solid #ddd;
}

.form-control
{
	border-radius: 0;
}

.mainbg .modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
  -o-transition: -o-transform .3s ease-out;
  transition: transform .3s ease-out;
  -webkit-transform: translate(-100%,20%);
  -ms-transform: translate(-100%,20%);
  -o-transform: translate(-100%,20%);
  transform: translate(-100%,20%);
}
.mainbg .modal.in .modal-dialog {
  -webkit-transform: translate(0,0);
  -ms-transform: translate(0,0);
  -o-transform: translate(0,0);
  transform: translate(0,0);
}

label.dash
{
	
	font-weight: normal;
	
}


.form-group.inset
{
	margin-bottom:9px; 
}



.btn-primary.probutton
{
	background-color: #21252a;
	border:1px solid #000;
}

.animate {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.nav-controller {
    position: fixed;
    top: 15px;
    left: 95px;
    padding: 2px 6px 1px;
    border: 5px solid rgb(51, 51, 51);
    color: #fff;
    border-radius: 0;
    font-size: 12pt;
    cursor: pointer;
    z-index: 300;
    
}

nav > h4
{
color: #fff;
font-size: 18px;
text-align: center;
line-height: 1.5;
margin-top:30px;
padding-left: 15px;
padding-right: 15px;	
}

nav > h2
{
color: #fff;
font-size: 24px;
text-align: center;


}

nav ~ .nav-controller > .controller-open {
    display: inline-block;
    content: "";
    display: inline-block;
    font-family: "FontAwesome";
    transition: all 0.9s ease-in-out 0s;
}

nav ~ .nav-controller > .controller-close {
    display: none;
}
nav.focus ~ .nav-controller > .controller-open {
    display: none;
}

nav.focus ~ .nav-controller > .controller-close {
    display: inline-block;
    content: "";
    display: inline-block;
    font-family: "FontAwesome";
    transition: all 0.9s ease-in-out 0s;
}

nav {
    position: fixed;
    top: 0px;
    left: -0%;
    padding-top: 65px;
    padding-bottom: 15px;
    height: 100%;
    max-width: 260px;
    text-align: left;
    background-color: rgba(0,0,0,0.9);
    box-shadow: -3px 0px 3px 0px rgba(160, 160, 160, 0.30);
    z-index: 100;    
    overflow: auto;
}

nav.focus {
    left: -100%;
}

nav > .divider {
    content: '';
    border-bottom: 1px solid rgb(230, 230, 230);
    max-height: 1px;
    overflow: hidden;
    margin: 15px 0px;
}

nav > h4,
nav > p,
nav > ul {
    padding: 0px 28px;
}

nav > h4 {
    font-family: 'Anton', sans-serif;
}

nav > ul {
    list-style: none;
}
nav > ul > li {
    margin: 5px 0px;   
}
nav > ul > li > a {
    color: rgb(190, 190, 190);   
}
nav > ul > li > a:hover {
    font-size: 1.1em;
    font-weight: 700;
    color: rgb(51, 51, 51);
    text-decoration: none;
}

.mainbg
{ background-attachment: fixed;
    background-color: #464646;
    background:url(../img/bg.jpg)no-repeat top center;
   width:100%;
   height:100%;
   position:absolute;
   top:0;left:0;
   background-size: cover;
 
}

.mainbgin
{ background-attachment: fixed;
    background-color: #464646;
    background:url(../img/bg1.jpg)no-repeat top center;
   width:100%;
   height:100%;
   position:absolute;
   top:0;left:0;
   background-size: cover;
     
}

.coming
{
	width:100%;
	height: auto;
	margin-top:55px;
	text-align: center;
}

.comingin
{
	width:100%;
	height: auto;
	margin-top:65px;
	text-align: center;
}

.comingin p{
	color: #fff;
	padding-top: 50px;
	font-size:57px;	
}

.coming img{
	text-align: center;
	margin: 0 auto;
}

.btn-primary.probutton:hover{
	color: #ea8625;
}

.logoin
{
	width:100%;
	height: auto;
	text-align: center;
}

.logoin img{
	text-align: center;
	margin: 0 auto;
}

.logindas
{
	margin: 0 auto;
	width:100%;
	text-align: center;
	
}

.comingin ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.comingin ul li{
	float:left;
}

.loginform.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
}

.mainlogo
{
	width:100%;
	height:auto;
	margin: 0 auto;
}

.mainlogo img{
	margin: 0 auto;
}

.loginbt
{ 
	background:#21252A;
	border-radius: 0;
	padding:13px 55px;
	margin-top:95px;
	text-align: center;
	border:1px solid #000;
	
}

.logdas .modal-dialog
{
	width:452px;
}

.btn-primary:hover
{
	background:#21252A;
	border:1px solid #000;
	color: #E9C938;
}

.btn-primary:focus
{
background:#21252A;
border:1px solid #000;
}

.modal-content
{
	border-radius:0;
}

.loginform
{
	width:100%;
	padding: 25px 75px;
	float:left;
}

.loginform .input-group .form-control
{
	height: 42px;
}

.logdas .modal-content
{
	background-color: rgba(255,255,255,0.5);
}

.logdas .input-group-addon
{
	background-color:#21252a;
	color: #fff;
	border:1px solid #21252a;
}

.sumbitbutton
{
	width:100%;
	background:#21252A;
	border-radius:0;
	border:1px solid #000;
	font-size: 18px;
	padding:8px 12px;
	margin-top: 35px;
	color: #fff;
}

.logdas .btn-default:hover
{
	background:#21252A;
	color: #EAC937;
	border:1px solid #000;
}

.logdas .modal-header
{
	background: none!important;
}


.carousel-control, .modal-backdrop.in
{
	opacity: 0.7;
}

@media (min-width:320px) and (max-width:350px){
.comingin p {
    color: #fff;
    font-size: 20px;
    padding-top: 27px;
}
.text 
	{
    font-size: 1.1em!important;
    }

}
@media (min-width:350px) and (max-width:550px){
.comingin p {
    color: #fff;
    font-size: 30px;
    padding-top: 80px;
}
.text 
	{
    font-size: 1.3em!important;
    }
}
@media (min-width:320px) and (max-width:550px){
.modal-dialog.mpbl
{
	width:80%;
}
.loginbtk
{
	padding:13px 32px;
}


}
@media (min-width:550px) and (max-width:800px){
.modal-dialog.mpbl
{
	width:80%;
}
.loginbtk
{
	padding:13px 32px;
}
.comingin p
{
	font-size:30px;
}
.text 
	{
    font-size: 1.3em!important;
    }
}
@media (min-width:767px) and (max-width:990px){
.comingin p
{
	font-size:37px;
}
.text 
	{
    font-size: 1.4em!important;
    }
}

@media (min-width:320px) and (max-width:767px)
{
	.nopadding
	{
		padding:0 15px !important;
	}
	
	.profileinn img
{
height: auto !important;
border:1px solid #ddd;
margin: 0 auto 45px;
}

.logdas .modal-dialog
{
	width:auto;
}

.loginform
{
	padding: 25px;
}

}

body {
  margin: 0px;
  width: 100%;
}
.wrap {
  margin: 0px auto;
  width: 486px;
}

.box {
  width: 160px;
  height: 120px;
  float: left;
  background: #347fc3;
  border: 1px solid #fff;
  overflow: hidden;
}

.text {
  text-align: center;
  margin-top: 5px;
  color: #fff;
  font-size: 1.8em;
  font-family: sans-serif;
  text-transform: uppercase;
}

.animated {
  animation-duration: 2.5s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
  40% {transform: translateY(-30px);}
  60% {transform: translateY(-15px);}
}
.bounce {
  animation-name: bounce;
}

@keyframes flash {
  0%, 50%, 100% {opacity: 1;}
  25%, 75% {opacity: 0;}
}
.flash {
  animation-name: flash;
}

@keyframes pulse {
  0% {transform: scale(1);}
  50% {transform: scale(1.1);}
  100% {transform: scale(1);}
}
.pulse {
  animation-name: pulse;
  animation-duration: 1s;
}

@keyframes rubberBand {
  0% {transform: scale(1);}
  30% {transform: scaleX(1.25) scaleY(0.75);}
  40% {transform: scaleX(0.75) scaleY(1.25);}
  60% {transform: scaleX(1.15) scaleY(0.85);}
  100% {transform: scale(1);}
}
.rubberBand {
  animation-name: rubberBand;
}

@keyframes shake {
  0%, 100% {transform: translateX(0);}
  10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
  20%, 40%, 60%, 80% {transform: translateX(10px);}
}
.shake {
  animation-name: shake;
}

@keyframes swing {
  20% {transform: rotate(15deg);}
  40% {transform: rotate(-10deg);}
  60% {transform: rotate(5deg);}
  80% {transform: rotate(-5deg);}
  100% {transform: rotate(0deg);}
}
.swing {
  transform-origin: top center;
  animation-name: swing;
}

@keyframes wobble {
  0% {transform: translateX(0%);}
  15% {transform: translateX(-25%) rotate(-5deg);}
  30% {transform: translateX(20%) rotate(3deg);}
  45% {transform: translateX(-15%) rotate(-3deg);}
  60% {transform: translateX(10%) rotate(2deg);}
  75% {transform: translateX(-5%) rotate(-1deg);}
  100% {transform: translateX(0%);}
}
.wobble {
  animation-name: wobble;
}

@keyframes flip {
  0% {transform: perspective(400px) translateZ(0) rotateY(0) scale(1);animation-timing-function: ease-out;}
  40% {transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);animation-timing-function: ease-out;}
  50% {transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);animation-timing-function: ease-in;}
  80% {transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);animation-timing-function: ease-in;}
  100% {transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);animation-timing-function: ease-in;}
}
.animated.flip {
  backface-visibility: visible;
  animation-name: flip;
}

@keyframes lightSpeedIn {
  0% {transform: translateX(100%) skewX(-30deg);opacity: 0;}
  60% {transform: translateX(-20%) skewX(30deg);opacity: 1;}
  80% {transform: translateX(0%) skewX(-15deg);opacity: 1;}
  100% {transform: translateX(0%) skewX(0deg);opacity: 1;}
}
.lightSpeedIn {
  animation-name: lightSpeedIn;
  animation-timing-function: ease-out;
}

@keyframes rollIn {
  0% {opacity: 0;transform: translateX(-100%) rotate(-120deg);}
  100% {opacity: 1;transform: translateX(0px) rotate(0deg);}
}
.rollIn {
  animation-name: rollIn;
}

@keyframes rotateIn {
  0% {transform-origin: center center;transform: rotate(-200deg);opacity: 0;}
  100% {transform-origin: center center;transform: rotate(0);opacity: 1;}
}
.rotateIn {
  animation-name: rotateIn;
}

@keyframes hinge {
  0% {transform: rotate(0);transform-origin: top left;animation-timing-function: ease-in-out;}
  20%, 60% {transform: rotate(80deg);transform-origin: top left;animation-timing-function: ease-in-out;}
  40% {transform: rotate(60deg);transform-origin: top left;animation-timing-function: ease-in-out;}
  80% {transform: rotate(60deg) translateY(0);transform-origin: top left;animation-timing-function: ease-in-out;}
  100% {transform: translateY(700px);}
}
.hinge {
  margin: 20px;
  animation-name: hinge;
}

@media all and (max-width: 680px) {
  .wrap {
   width: 100%;
  }
  .box {
    width: 100%;
  height: 55px;
    clear: both;
    margin: 0px auto;
  }
  .text {
   margin-top: 20px; 
  }
  .hingebox, .flipbox {
     display: none; 
  }
}