/*-- Mutants International --*/

@import 'https://fonts.googleapis.com/css?family=Open+Sans:400,600,300,700';

body{
    background-color:#000;
	background-position: absolute;
	min-height: 100%;
	min-width: 100%;
	width:auto;
	height:auto;
	background-size: cover;
    position: relative;
}
.validation-summary-errors ul {
    list-style-type:none;
}
.validation-summary-errors {
    color:red;
        
}

#login{
	padding-top: 25px;
}

.text-danger ul
{
    list-style-type : none;
    color : red;
}


#login .login-panel{
	position:;
	top: 45%;
	transform:translateY(20px);
	border: 3px solid;
	border-color: #fff9c4;
	border-radius: 10px;
}

#login .panel .panel-heading{
	background-color:#ffffff ;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;

}

#login .panel .panel-heading .welcome{
	/*background-color: #7CA8C6;*/
	background-color: #3C5E86;
	border-radius: 7px;
	border:1px;
	padding-left: 15px;
	padding-right: 10px;
}

#login .panel .panel-heading .welcome img{
	width: 50%;
	height: auto;
	align-items: center;
	align-self: center;
	transform: translateX(50%);
	transform: translateY(10px);
	transform: translate3d(15px);
	vertical-align:middle;
	/*border:1px;
	border-radius: 5px;
	box-shadow:0px 0px 1px 1px;*/
}

#login .panel .panel-heading h6{
	/*font-family: 'Alegreya+Sans+SC';*/
	font-weight: 400;
	font-size: 20px;
	text-align: center;
	transform: translateX(5px);
	color: #ffffff;
}



#login .panel .panel-body{
	/*background-image: url(../images/globeglaass/login-bag.jpg); */
	background-color: #ffffff;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	padding-left: 5px;
	margin-bottom: 0px;
	padding-bottom: 25px;
}

#login .panel .panel-body .form-group{
	padding-left: 5px;
	margin-bottom: 5px;
	padding-right: 5px;
}

#login i{
	color:#6ad193;
	padding-top: 17px;
	padding-right: 5px;
	font-size: 20px;
}

#login input[type="submit"]{
	background-color: #E9AC6D;
	border-color:#E9AC6D;
	height: 40px;
	width: 90%; 
	align-items: center;
	text-align: center;
	vertical-align: center;
	border-radius: 7px;
	font-size: 20px;
	font-style: bold;
	font-weight: 500;
	color: #212121;
	padding-top: 5px;
	padding-left: 7px;
  
}

#login input{
	right: 10%;
	display: block;
  	padding-right: 10px;
  	padding-left: 4px;
  	padding-top: 1px;
  	border: solid 2px #607d8b;
  	border-radius: 7px;
  	margin: 4px;
  	height: 39px;
  	width: 100%;
  	transition: box-shadow 0.3s, border 0.3s;
  	font-size: 20px;
  	font-style: bold;
  	color: #00acc1;
}

#login input[required="required"]:hover{
  border: solid 2px #ff9800;
  box-shadow: 0 0 3px 2px #ff9800;
}

#login input[type="submit"]:hover{
	background-color:#fe8f34;
}


#login a{
	font-size:14px;
	color:#00acc1;
}

#login a:hover{
	color: #00acc1;
}

#Globe-Contact {
    transform:translateY(50px)
}



















/*--Media Sizes--*/



/* Large desktop */
@media (min-width: 1200px) and (max-width: 1500px){
	
	#login{
		padding-top: 20px;
	}

	#login .login-panel{
		top: 40%;
		transform:translateY(15px);
		border: 3px solid;
		border-color: #fff9c4;
		border-radius: 10px;
	}

	#login .panel .panel-heading{
		background-color:#ffffff ;
		border-top-right-radius: 10px;
		border-top-left-radius: 10px;

	}

	#login .panel .panel-heading .welcome{
		/*background-color: #7CA8C6;*/
		background-color: #3C5E86;
		border-radius: 7px;
		border:1px;
		padding-left: 15px;
		padding-right: 10px;
	}

	#login .panel .panel-heading .welcome img{
		width: 50%;
		height: auto;
		align-items: center;
		align-self: center;
		transform: translateX(40%);
		transform: translateY(7px);
		transform: translate3d(9px);
		vertical-align: center;
	}

	#login .panel .panel-heading h6{
		font-weight: 400;
		font-size: 16px;
		text-align: center;
		transform: translateX(5px);
		color: #ffffff;
	}

	#login .panel .panel-body{
		background-color: #ffffff;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		padding-left: 5px;
		margin-bottom: 0px;
		padding-bottom: 0px;
	}

	#login .panel .panel-body .form-group{
		padding-left: 5px;
		margin-bottom: 2px;
		padding-right: 5px;
	}

	#login i{
		color:#6ad193;
		padding-top: 15px;
		padding-right: 5px;
		font-size: 15px; 
	}

    #login input[type="submit"]{
		background-color: #E9AC6D;
		border-color:#E9AC6D;
		height: 30px;
		width: 100%; 
		align-items: center;
		text-align: center;
		border-radius: 7px;
		font-size: 16px;
		font-style: bold;
		font-weight: 500;
		color: #212121;
        padding:5px;
        padding-top:4px;
	}

	#login input{
		right: 10%;
		display: block;
	  	padding-right: 10px;
	  	padding-left: 4px;
	  	padding-top: 1px;
	  	border: solid 2px #607d8b;
	  	border-radius: 7px;
	  	margin: 4px;
	  	height: 39px;
	  	width: 100%;
	  	transition: box-shadow 0.3s, border 0.3s;
	  	font-size: 15px;
	  	font-style: bold;
	  	color: #00acc1;
	}

	#login input[required="required"]:hover{
	  border: solid 2px #ff9800;
	  box-shadow: 0 0 3px 2px #ff9800;
	}

	#login input[type="submit"]:hover{
		background-color:#fe8f34;
	}


	#login a{
		font-size:14px;
		color:#00acc1;
		padding-left: 25px;
	}

	#login a:hover{
		color: #00acc1;
	}
}








/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {

	body{
		background-color: green;
	}

	#login{
		padding-top: 30px;
	}

	#login .login-panel{
		top: 45%;
		transform:translateX(23px);
	}

	#login .panel .panel-heading .welcome{
		/*background-color: #7CA8C6;*/
		background-color: #3C5E86;
		border-radius: 7px;
		border:1px;
		padding-left: 12px;
		padding-right: 18px;
	}

	#login .panel .panel-heading .welcome img{
		width: 40%;
		height: auto;
		align-items: center;
		align-self: center;
		transform: translateX(30%);
		transform: translateY(5px);
		transform: translate3d(7px);
		vertical-align: center;
	}

	#login .panel .panel-heading h6{
		font-weight: 400;
		font-size: 14px;
		text-align: center;
		transform: translateX(3px);
		color: #ffffff;
	}

	#login .panel .panel-body{
		background-color: #ffffff;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		padding-left: 5px;
		margin-bottom: 0px;
		padding-bottom: 0px;
	}

	#login .panel .panel-body .form-group{
		padding-left: 20px;
	}

	#login i{
		color:#6ad193;
		padding-top: 5px;
		padding-right: 5px;
		font-size: 15px;
	}

	#login input{
		right: 10%;
		display: block;
	  	padding-right: 10px;
	  	padding-left: 4px;
	  	padding-top: 1px;
	  	border: solid 2px #607d8b;
	  	border-radius: 7px;
	  	margin: 4px;
	  	height: 32px;
	  	transition: box-shadow 0.3s, border 0.3s;
	  	font-size: 15px;
	  	font-style: bold;
	  	color: #00acc1;
	}

	#login input[required="required"]:hover{
	  border: solid 2px #ff9800;
	  box-shadow: 0 0 3px 2px #ff9800;
	}

	#login .panel .panel-body .form-group input[type="submit"]{
		background-color: #E9AC6D;
		border-color:#E9AC6D;
		height: 38px;
		width: 100%; 
		align-items: center;
		text-align: center;
		border-radius: 7px;
		font-size: 12px;
		font-style: bold;
		font-weight: 500;
		color: #212121;
        padding-right:6px;
	}

	#login .panel .panel-body .form-group input[type="submit"]:hover{
		background-color:#fe8f34;
	}


	#login a{
		font-size:13px;
		color:#00acc1;
	}

	#login a:hover{
		color: #00acc1;
	}

	#form-link{
		margin-bottom: 25px;
	}


}
 







/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

	body{
		background-color: yellow;
	}

	#login{
		padding-top: 30px;
	}

	#login .login-panel{
		top: 38%;
		transform:translateX(55px);
	}

	#login .panel .panel-heading .welcome{
		/*background-color: #7CA8C6;*/
		background-color: #3C5E86;
		border-radius: 7px;
		border:1px;
		padding-left: 12px;
		padding-right: 18px;
	}

	#login .panel .panel-heading .welcome img{
		width: 30%;
		height: 25%;
		align-items: center;
		align-self: center;
		transform: translateX(25%);
		transform: translateY(3px);
		transform: translate3d(5px);
		vertical-align: center;
	}

	#login .panel .panel-heading h6{
		font-weight: 400;
		font-size: 13px;
		text-align: center;
		transform: translateX(3px);
		color: #ffffff;
	}

	#login .panel .panel-body{
		background-color: #ffffff;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		padding-left: 5px;
		margin-bottom: 0px;
		padding-bottom: 0px;
	}

	#login .panel .panel-body .form-group{
		padding-left: 15px;
	}

	#login i{
		color:#6ad193;
		padding-top: 5px;
		padding-right: 5px;
		font-size: 15px;

	}

	#login input{
		right: 10%;
		display: block;
	  	padding-right: 10px;
	  	padding-left: 4px;
	  	padding-top: 1px;
	  	border: solid 2px #607d8b;
	  	border-radius: 7px;
	  	margin: 4px;
	  	height: 28px;
	  	transition: box-shadow 0.3s, border 0.3s;
	  	font-size: 13px;
	  	font-style: bold;
	  	color: #00acc1;
	}

	#login input[required="required"]:hover{
	  border: solid 2px #ff9800;
	  box-shadow: 0 0 3px 2px #ff9800;
	}

	#login .panel .panel-body .form-group input[type="submit"]{
		background-color: #E9AC6D;
		border-color:#E9AC6D;
		height: 38px;
		width: 100%; 
		align-items: center;
		text-align: center;
		border-radius: 7px;
		font-size: 13px;
		font-style: bold;
		font-weight: 500;
		color: #212121;
	}

	#login .panel .panel-body .form-group input[type="submit"]:hover{
		background-color:#fe8f34;
	}


	#login a{
		font-size:13px;
		color:#00acc1;
	}

	#login a:hover{
		color: #00acc1;
	}
	
}
 




/* Landscape phones and down */
@media (max-width: 480px) {


}


/*MC CSS CHANGES START*/
#login .login-panel{
    border-radius: 0px;
    border: none;
}

#login .login-panel .panel-heading{
    padding: 0px;
}

#login .login-panel .panel-heading .welcome{
    border-radius: 0px;
    text-align: center;
    max-height: initial;
    display: inline-block;
    width: 100%;
}

#login .login-panel .panel-heading .welcome img{
    position: static;
    transform: none;
    display: inline-block;
}

#login .login-panel .panel-heading .welcome h6{
    transform: none;
    margin-bottom: 18px;
}

/*Home Slider Section Start*/
.globe-home-slider{
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.globe-home-slider .carousel-inner,
.globe-home-slider .carousel-inner > .item{
    width:100%;
    height:100%;
}

.globe-home-slider .carousel-inner > .item{
    background-size:cover;
    background-position:center;
    /*filter:blur(4px);
    -o-filter:blur(4px);
    -moz-filter:blur(4px);
    -webkit-filter:blur(4px);*/
}

.globe-home-slider .slide-01{
    background-image: url(../Images/slide-01.jpg);
}

.globe-home-slider .slide-02{
    background-image: url(../Images/slide-02.jpg);
}

.globe-home-slider .slide-03{
    background-image: url(../Images/slide-03.jpg);
}

.globe-home-slider .slide-04{
    background-image: url(../Images/slide-04.jpg);
}

.globe-home-slider .slide-05{
    background-image: url(../Images/slide-05.jpg);
}


.login-from-full-wrap{
    top: auto !important;
    bottom: auto;
    left: auto;
    right: auto;
    transform: none !important;
    margin: 0px;
    border: 2px solid #fff !important;
    box-shadow: 3px 3px 9px rgba(0,0,0,0.25);
    background-color: rgba(255,255,255,0.4);
}

.login-from-full-wrap .panel-heading{
    background-color: rgba(0,0,0,0.75) !important;
    border-radius: 0px !important;
}

.login-from-full-wrap .panel-heading .welcome{
    background-color: transparent !important;
}

.login-from-full-wrap .panel-body{
    background-color: transparent !important;
    padding-top: 0px;
    padding-bottom: 20px !important;
}

.login-from-full-wrap .panel-body input{
    border-radius: 0px !important;
    border: none !important;
    background-color: rgba(0,0,0,0.75);
    color: #fff !important;
    padding-left: 20px !important;
}

.login-from-full-wrap .panel-body input:-webkit-autofill,
.login-from-full-wrap .panel-body textarea:-webkit-autofill,
.login-from-full-wrap .panel-body select:-webkit-autofill{
    background-color:red;
    background:red;
}

.login-from-full-wrap .panel-body .user i.fa,
.login-from-full-wrap .panel-body .pass i.fa{
    color: #fff !important;
}

.text-danger.validation-summary-errors{
    padding: 10px 20px;
    font-size: 15px;
}

.text-danger.validation-summary-errors ul{
    margin: 0px;
    background-color: rgba(255,255,255,0.5);
    padding: 10px 15px;
    text-align: center;
}

#login-button-wrap .login-button{
    align-items: center !important;
    float: right;
    display: inline-block;
    width: auto !important;
    margin: 0px !important;
    padding: 6px 45px 6px 45px !important;
    margin-top: 8px !important;
    height: auto !important;
    border: none !important;
    background-color: #fe8f34 !important;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
}

#login-button-wrap .login-button:active:focus{
    box-shadow: none;
    outline: none;
}

#login-button-wrap .login-button:focus{
    outline:none;
}
/*Home Slider Section End*/
/*MC CSS CHANGES END*/