body {
    /*font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 300;
    color: #888;
}
a, a:hover, a:focus {color: #de615e;text-decoration: none; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
h1, h2 {margin-top: 10px;font-size: 38px;   font-weight: 100; color: #555; line-height: 50px;}
h3 {font-size: 22px; font-weight: 300; color: #555; line-height: 30px;}
img { max-width: 100%; }
::-moz-selection { background: #de615e; color: #fff; text-shadow: none; }
::selection { background: #de615e; color: #fff; text-shadow: none; }
.btn-link-1 {display: inline-block;height: 50px;margin: 5px;padding: 16px 20px 0 20px;background: #de615e;font-size: 16px; font-weight: 300;line-height: 16px;color: #fff;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.btn-link-1:hover, .btn-link-1:focus, .btn-link-1:active { outline: 0; opacity: 0.6; color: #fff; }
.btn-link-1.btn-link-1-facebook { background: #4862a3; }
.btn-link-1.btn-link-1-twitter { background: #55acee; }
.btn-link-1.btn-link-1-google-plus { background: #dd4b39; }
.btn-link-1 i {padding-right: 5px;vertical-align: middle;font-size: 20px;line-height: 20px;}
.btn-link-2 {display: inline-block;	height: 50px;margin: 5px;padding: 15px 20px 0 20px;	background: rgba(0, 0, 0, 0.3);	border: 1px solid #fff;	font-size: 16px; font-weight: 300;line-height: 16px; color: #fff;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.btn-link-2:hover, .btn-link-2:focus, 
.btn-link-2:active, .btn-link-2:active:focus { outline: 0; opacity: 0.6; background: rgba(0, 0, 0, 0.3); color: #fff; }
/***** Top content *****/
.inner-bg {padding: 100px 0 170px 0;}
.top-content .text {color: #fff;}
.top-content .text h1 { color: #fff; }
.top-content .description {	margin: 20px 0 10px 0;}
.top-content .description p { opacity: 0.8; }
.top-content .description a {color: #fff;}
.top-content .description a:hover, .top-content .description a:focus { border-bottom: 1px dotted #fff; }
.form-box {  background-color: #1157a5; border-bottom: 8px solid #ec222b;border-radius: 30px 30px 50px 50px;}
.form-box-padd{padding: 4%;margin-top: 4%;}
.form-top {	overflow: hidden;padding: 0 25px 15px 25px;-moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;text-align: left;}
.form-top i{color:#ec222b; font-weight: 800;}
.form-top-new span{color: #1157a5; font-weight: 600;}
.form-top-new{padding: 24px;font-size: 24px;text-transform: uppercase;font-weight: 800;}
.form-top-left {float: left;width: 75%;padding-top: 25px;}
.form-group-new-btn .btn{background-color: #ec222b; border-color: #b80c44;padding: 1% 8% 1% 8%;font-size: 15px; font-weight:600;}
.form-group-new-btn .btn:hover{background-color:#fced0a; color:#ec222b; font-weight:600;}
.text-style-new{font-weight: 400; font-size: 14px;}
.form-group-new input[type="text"], input[type="password"], textarea, textarea.form-control{padding: 9px 10px; font-size: 14px;background: azure;margin-top: 10px;color:#ec222b;font-family: Arial, Helvetica, sans-serif;}
.form-group-new input[type="password"]:focus{background-color: azure;color:#ec222b;font-family: Arial, Helvetica, sans-serif;}
.form-top-left h3 { margin-top: 0; color: #fff; }
.form-top-left p { opacity: 0.8; color: #fff; }
.form-top-right {float: left;width: 25%;padding-top: 5px;font-size: 66px;color: #fff;line-height: 100px;text-align: right;opacity: 0.3;}
.form-bottom {padding: 25px 25px 30px 25px;background: #7F7F7F;-moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;text-align: left;}
.form-bottom form textarea {	height: 100px;}
.form-bottom form button.btn {width: 100%;}
.form-bottom form .input-error {	border-color: #de615e;}
.social-login {	margin-top: 35px;}
.social-login h3 {	color: #fff;}
.social-login-buttons {	margin-top: 25px;}
.dl-menuwrapper li:active{background-color:#ec222b;}
/***** Media queries *****/

   .login-animate{
	position: relative;
    animation: myfirst 1s;
 	animation-fill-mode: forwards;
}

@-webkit-keyframes myfirst {
     0%   {top: -40px;}
    100% {top: 75px;}
}

@media (min-width: 992px) and (max-width: 1199px) {}
@media (min-width: 768px) and (max-width: 991px) {}
@media (max-width: 767px) {	.form-top-new{padding: 6px;font-size: 15px;}}
@media (max-width: 415px) {h1, h2 { font-size: 32px;}}