@charset "UTF-8";
html * {
  outline: none !important;
}
body,html{
 height: 100%;
  padding: 0px;
  margin: 0px;
  position: relative;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  color: #656d78;
  background-color:#2D3864;   
/*  background: url(../img/bkg.jpg);*/
/*  overflow-y:hidden; */
}
#container{
width: 100%;
height: 100%;
padding: 0px;
margin: 0px;
border: 0px;
}

div#show_logo_area table tr td img {
width: 104px;
}

#show_ma{
width: auto;
float: left;
color:black;
margin-top: 5px;
font-weight: 700;
font-size: 25px;
}



#show_mc{
width: 82px;
float: left;
color: white;
margin-top: 5px;
font-weight: 700;
font-size: 10px;
background-color:gray;
padding: 5px;
/*margin-left: -392px;*/
}
/*#top_coner{
width:100%;
background-color: #1d3257;
height: 7%;
}*/

#top_coner{
width: 100%;
background-color:#2D3864;
height: 35px;
font-size: 20px;
color: whitesmoke;
font-weight: 600;
padding-top: 5px;
}


#top_coner_lines{
width:100%;
background-color:gray;
height: 7px;
}

#butoom_coner {
    width: 100%;
    background-color:#2D3864;
    height: 20px;
    float: left;
    margin-top: -10px;
}

/*#top_orange{
width: 100%;
height: 5px;
background-color: #295234;
}*/


/*#bottom_orange{
width: 100%;
height: 20px;
background-color: #295234;   
margin-top: 7px;
}*/

#top_orange_shaddow{
width: 100%;
height:5px;
background-color: #FFF776;    
}

/*#top_orange{
width: 100%;
height: 10px;
height: 2%;
background-color: #f98900;
}*/

#show_logo_bg {
width: 100%;
/*height: 20%;*/
/*height: 22%;*/
height: 135px;
/*border: 1px solid red;*/
}

#show_logo {
width: 132px;
/* height: 134px; */
/*margin-top: 10px;*/
margin-left: 50px;
float: left;
height: 30%;
}

#show_logo img{
width:310px;
position: absolute;
margin-top: -15px;
}
/*

#show_logo img{
width:90%;
}
*/

#show_long_text{
width:300px;
height: 70%;
/*height: 100px;*/
/*border: 1px solid red;*/
float: left;
margin-top: 20px;
padding-top: 10px;
margin-left: 45px;
/*padding-left: 5px;*/
}

.weltona_text{
color: #1d3257;
font-size: 24px;
font-weight: bold;
}

.high_text{
font-size: 15px;
background-color: #f98900;
color: white;
font-weight: bold;
padding: 5px;
width: 160px;
margin-left: 3px;
padding-left: 5px;
}

div#show_nice img {
width: 95px;
}

.direction_text{
font-size: 10px;
background-color: #1d3257;
color: white;
font-weight: bold;
padding: 5px;
width: 150px;
margin-left: 3px;  
}

#login_back {
width: 100%;
/*background-color: #d2d3d5;*/
height:350px;
/*margin-top: 1%;*/
background: url(../img/bkg.jpg);
/*border: 1px solid red;*/
}

#show_nice{
margin-left: 20px;   
}


#show_logo_area{
width: 100%;
background-color: white;
height: 120px;
}


/*#login_back {
width: 100%;
background-color: #d2d3d5;
height:60%;
margin-top: 1%;
}*/

/*#top_orange {
width: 100%;
height:10px;
background-color: #f98900;
}*/


#top_bottom_conner {
width: 100%;
background-color: #1d3257;
height:10%;
}

/*#top_bottom_conner {
width: 100%;
background-color: #1d3257;
height: 80px;
}*/
/*
#show_boy img{
width:83%;
margin-left: 80px;
margin-top: 3%;
}*/


#show_boy img{
width:495px;
/*margin-left: 180px;*/
margin-top: 15%;
margin-left: 96%;
/*background: url(../img/login_bg.png);*/
/*border: 1px solid blue;*/
}

#show_boy{
width:360px;
/*width:30%;*/
float: left;
}

#show_login_idea{
/*width: 100%;*/
float: left;
/*border: 1px solid black;*/
margin-left: 15%;
/*background-image: url(../img/bkg.png);*/
/*min-height: 330px;*/
min-height: 330px;
/*border-left: 10px solid #f98900;*/
/*border-bottom: 20px solid #f98900;*/
/*margin-top: -20px;
*/
margin-bottom: 20px;
/*margin-top:40px;*/
}

#slash{
/*width: 30%;*/
width: 426px;
height: 340px;
margin-left: 5%;
/*border: 1px solid red;*/
/*background-image: url(../img/login_bg.png);*/
float: left;
padding-top: 15px;
position: relative;
}

#shome_me img{
width:80%;
margin-left: 20px;
position: relative;
}

.shome{
width:80%;
margin-left: 20px;
position: relative;
}

.form-group{margin-bottom:15px}

.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px}

.form-control{display:block;width:93%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee;opacity:1}

.alert-danger {
    background-color: #b64645;
    color: #FFF;
    border-color: #af4342;
}

.fade.in {
    opacity: 1;
}

.alert {
    float: left;
    width: 100%;
    /* width: 95%; */
    margin-bottom: 5px;
    line-height: 10px;
    border-radius: 5px;
    padding: 5px;

}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

.login-container .login-box .login-body .btn-link {
    color:#295234;
    border: 0px;
}

.btn-info {
    background-color:#2D3864;
    border-color:#2D3864;
}

.free{
color: #1d3257 !important;
text-decoration: none;
padding-left: 20px;
}

.btn {
    font-size: 12px;
    padding: 4px 15px;
    line-height: 20px;
    font-weight: 400;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    color:white !important;
    font-weight:bold;
}

.btn-link {
    font-weight: 600;
    color: #33414e;
    text-decoration: none;
}

.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type=submit].btn-block,input[type=reset].btn-block,input[type=button].btn-block{width:100%}

.weltona_text_login{
color: #1d3257;
font-size: 24px;
font-weight: bold;
margin-top:5px;
/*margin-left:100px;*/
margin-bottom:10px;
width: inherit;
/*border: 1px solid red;*/
text-align: center;
}

.weltona_text_login_image{
font-size: 24px;
width: 70px;
/*margin-left:100px;*/
margin-bottom:15px;
width: inherit;
/*border: 1px solid red;*/
padding-left:100px;
}

#hope{
position:absolute;
width:340px;
margin-top:150px;
z-index:99999;
margin-left:17px;
/*background-color: red;*/
}


#avenue img{
position:absolute;
width:370px;
height: 350px;
margin-top:70px;
z-index:99999;
margin-left:17px;
background-color: white;
/*background: url(../img/login_bg.png);*/
/*border: 1px solid red;*/
/*background-color: red;*/
}


@media only screen and (max-width:1024px) {

#login_back {
    width: 100%;
    /* background-color: #d2d3d5; */
    height: 500px;
    margin-top: 1%;
/*    background: url(../img/bkg.jpg);*/
    /* border: 1px solid red; */
}


#show_boy img {
    width:495px;
    margin-left: 12%;
    margin-top: 14%;
}

}



@media only screen and (max-width:1023px) {

#show_boy img {
    width: 480px;
    margin-left: 40px;
    margin-top: 19%;
    /* border: 1px solid blue; */
}

}

@media only screen and (max-width:1004px) {

#show_boy img {
    width: 450px;
    margin-left: 40px;
    margin-top: 27%;
    /* border: 1px solid blue; */
}

}

@media only screen and (max-width:979px) {

#show_boy img {
    width: 400px;
    margin-left: 40px;
    margin-top: 40%;
    /* border: 1px solid blue; */
}

}


@media only screen and (max-width:920px) {

#show_boy img {
    width: 350px;
    margin-left: 40px;
    margin-top: 51%;
    /* border: 1px solid blue; */
}


}


@media only screen and (max-width:868px) {

#show_boy img {
    width: 330px;
    margin-left: 40px;
    margin-top: 56%;
    /* border: 1px solid blue; */
}


}

@media only screen and (max-width:852px) {

#show_boy img {
    width: 330px;
    margin-left: 20px;
    margin-top: 56%;
    /* border: 1px solid blue; */
}

}


@media only screen and (max-width:828px) {

#slash {
    /* width: 30%; */
    width: 426px;
    height: 490px;
    margin-left: auto !important;
    margin-right: auto !important;
    /* border: 1px solid red; */
    /* background-image: url(../img/login_bg.png); */
    float: left;
    padding-top: 15px;
    position: relative;
}

}



@media only screen and (max-width:713px) {
    
    #sho_mc{
     width: 82px;
    float: left;
    color: white;
    margin-top: 49px;
    font-weight: 700;
    font-size: 10px;
    /*background-color: gold;*/
    padding: 5px;
    margin-left: -231px;
}



@media only screen and (max-width:643px) {

#slash {
    /* width: 30%; */
    width: 426px;
    height: 480px;
    /* margin-left: auto !important; */
    /* margin-right: auto !important; */
    float: left;
    padding-top: 30px;
    /* border: 1px solid red; */
    margin-left: 200px;
    padding-left: 20%;

}

}


@media only screen and (max-width:586px) {

#slash {
    /* width: 30%; */
    width: 426px;
    height: 480px;
    /* margin-left: auto !important; */
    /* margin-right: auto !important; */
    float: left;
    padding-top: 30px;
    /* border: 1px solid red; */
    margin-left: 200px;
    padding-left: 16%;

}



}

@media only screen and (max-width:586px) {

#slash {
    /* width: 30%; */
    width: 426px;
    height: 480px;
    /* margin-left: auto !important; */
    /* margin-right: auto !important; */
    float: left;
    padding-top: 30px;
    /* border: 1px solid red; */
    margin-left: 200px;
    padding-left: 14%;

}


}

@media only screen and (max-width:535px) {

#show_ma {
    width: auto;
    float: left;
    /*color: green;*/
    /*margin-top: 20px;*/
    font-weight: 700;
    font-size: 18px;
}

#show_mc {
    width: 82px;
    float: left;
    color: white;
    /*margin-top: 5px;*/
    font-weight: 700;
    font-size: 10px;
    /*background-color: gold;*/
    padding: 5px;
    /*margin-left: -354px;*/
}


#slash {
    /* width: 30%; */
    width:70%;
    height: 480px;
    float: left;
    padding-top: 30px;
    margin-left: 200px;
    padding-left: 14%;
    /*border: 1px solid black;*/

}


}



@media only screen and (max-width:495px) {

#slash {
    /* width: 30%; */
    /*width: 426px;*/
    height: 480px;
    /* margin-left: auto !important; */
    /* margin-right: auto !important; */
    float: left;
    padding-top: 30px;
    /* border: 1px solid red; */
    margin-left: 200px;
    padding-left: 11%;

}

}


@media only screen and (max-width:414px) {

#show_ma {
    width: auto;
    float: left;
    /*color: green;*/
    /*margin-top: 20px;*/
    font-weight: 700;
    font-size: 16px;
}

#show_mc {
    width: 82px;
    float: left;
    color: white;
    /*margin-top: 5px;*/
    font-weight: 700;
    font-size: 10px;
    /*background-color: gold;*/
    padding: 5px;
    /*margin-left: -354px;*/
}


#slash {
    /* width: 30%; */
    width:70%;
    height: 480px;
    float: left;
    padding-top: 30px;
    margin-left: 200px;
    padding-left: 14%;
    /*border: 1px solid black;*/

}


}





@media only screen and (max-width:385px) {

#slash {
    /* width: 30%; */
    width: 346px;
    height: 480px;
    /* margin-left: auto !important; */
    /* margin-right: auto !important; */
    float: left;
    padding-top: 30px;
    /* border: 1px solid red; */
    margin-left: 200px;
    padding-left: 8%;
/*    border: 1px solid red;*/
}

#hope{
position:absolute;
width:270px !important;
margin-top:120px !important;
z-index:99999;
margin-left:17px;
}

#top_coner{
width: 100%;
/*background-color: green;*/
height: 35px;
font-size: 15px;
color: whitesmoke;
font-weight: 600;
padding-top: 5px;
}

div#show_logo_area table tr td img {
    width: 74px;
}

}



@media only screen and (max-width:411px) {

#show_ma {
    width: auto;
    float: left;
    /*color: green;*/
    /*margin-top: 20px;*/
    font-weight: 700;
    font-size: 15px;
}

#show_mc {
  width: 82px;
float: left;
color: white;
margin-top: 5px;
font-weight: 700;
font-size: 10px;
/*background-color: gold;*/
padding: 5px;
/*margin-left: -241px;*/
}

div#show_nice img {
    width: 50px;
}


}

@media only screen and (max-width:375px) {
#show_mc {
    width: 82px;
    float: left;
    color: white;
    margin-top: 5px;
    font-weight: 700;
    font-size: 10px;
    /*background-color: gold;*/
    padding: 5px;
    /*margin-left: -237px;*/
}

#top_coner{
width: 100%;
/*background-color: green;*/
height: 35px;
font-size: 18px;
color: whitesmoke;
font-weight: 600;
padding-top: 5px;
}

}



@media only screen and (max-width:364px) {

#slash {
    /* width: 30%; */
    width: 326px;
    height: 480px;
    /* margin-left: auto !important; */
    /* margin-right: auto !important; */
    float: left;
    padding-top: 30px;
    /* border: 1px solid red; */
    margin-left: 200px;
    padding-left: 8%;
/*    border: 1px solid red;*/
}

}


@media only screen and (max-width:320px) {
#show_logo img {
    width: 270px;
    position: absolute;
    margin-top: -15px;
}

}

@media only screen and (max-width:352px) {

#slash {
    /* width: 30%; */
    /*width: 316px;*/
    height: 480px;
    /* margin-left: auto !important; */
    /* margin-right: auto !important; */
    float: left;
    padding-top: 30px;
    /* border: 1px solid red; */
    margin-left: 200px;
    padding-left: 8%;
/*    border: 1px solid red;*/
}

#show_logo img {
    width: 270px;
    position: absolute;
    margin-top: -15px;
}

#hope{
position:absolute;
width:250px !important;
margin-top:10px !important;
z-index:99999;
margin-left:17px;
}


.form-control {
    display: block;
    width: 93%;
    height: 25px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

}


@media only screen and (max-width:343px) {

#slash {
    /* width: 30%; */
    width: 306px;
    height: 480px;
    /* margin-left: auto !important; */
    /* margin-right: auto !important; */
    float: left;
    padding-top: 30px;
    /* border: 1px solid red; */
    margin-left: 200px;
    padding-left: 2%;
/*    border: 1px solid red;*/
}

.form-control {
    display: block;
    width: 93%;
    height: 20px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

}

@media only screen and (max-width:330px) {

#slash {
    /* width: 30%; */
    /*width: 306px;*/
    height: 430px;
    /* margin-left: auto !important; */
    /* margin-right: auto !important; */
    float: left;
    padding-top: 60px;
    /* border: 1px solid red; */
    /*margin-left: 200px;*/
    /*padding-left: 5%;*/
/*    border: 1px solid red;*/
}

div#show_logo_area table tr td img {
    width: 64px;
}

#show_ma {
    width: auto;
    float: left;
    /*color: green;*/
    margin-top: 5px;
    font-weight: 700;
    font-size: 12px;
}

#show_mc {
    width: 82px;
    float: left;
    color: white;
    margin-top: 5px;
    font-weight: 700;
    font-size: 10px;
    /*background-color: gold;*/
    padding: 5px;
    /*margin-left: -189px;*/
}

  #hope{
position: absolute;
    width: 240px !important;
    margin-top: 13px !important;
    z-index: 99999;
    margin-left: 17px;
}



#top_coner{
width: 100%;
    /*background-color: green;*/
    height: 35px;
    font-size: 18px;
    color: whitesmoke;
    font-weight: 600;
    padding-top: 5px
}


#show_logo_area {
    width: 100%;
    background-color: white;
    height: 76px;
}

}


@media only screen and (max-width:319px) {

#slash {
    /* width: 30%; */
    width: 100%;
    height: 430px;
    /* margin-left: auto !important; */
    /* margin-right: auto !important; */
    float: left;
    padding-top: 60px;
    /* border: 1px solid red; */
    margin-left: 200px;
    padding-left: 5%;
/*    border: 1px solid red;*/
}

#show_logo img {
    width: 250px;
    position: absolute;
    margin-top: -15px;
}

#top_coner {
    width: 100%;
    /* background-color: green; */
    height: 35px;
    font-size: 15px;
    color: whitesmoke;
    font-weight: 600;
    padding-top: 5px;
}



.form-control{display:block;width:93%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee;opacity:1;}

.form-control{
border: 1px solid #D51F2D;
margin-top: 10px;
}

/*#top_coner{
width: 100%;
height: 35px;
font-size: 18px;
color: whitesmoke;
font-weight: 600;
padding-top: 5px;
}*/


#show_logo_area {
    width: 100%;
    background-color: white;
    height: 76px;
}



}


@media only screen and (max-width:274px) {

div#show_logo_area table tr td img {
    width: 44px;
}

#top_coner {
    width: 100%;
    /* background-color: green; */
    height: 35px;
    font-size: 14px;
    color: whitesmoke;
    font-weight: 600;
    padding-top: 5px;
}

}



@media only screen and (max-width:246px) {

div#show_nice img {
    width: 24px;
}

#show_logo_area {
    width: 100%;
    background-color: white;
    height: 65px;
}

#show_ma {
    width: auto;
    float: left;
    /*color: green;*/
    margin-top: 5px;
    font-weight: 700;
    font-size:8px;
}

#top_coner {
    width: 100%;
    /*background-color: green;*/
    height: 11px;
}

#show_mc {
    width: 82px;
    float: left;
    color: white;
    margin-top: 5px;
    font-weight: 700;
    font-size: 10px;
    padding: 5px;
}


#top_coner{
width: 100%;
/*background-color: green;*/
height: 35px;
font-size: 13px;
color: whitesmoke;
font-weight: 600;
padding-top: 5px;
}


}



@media only screen and (max-width:209px) {

div#show_nice img {
    width: 24px;
}

#show_logo_area {
    width: 100%;
    background-color: white;
    height: 65px;
}

#show_ma {
    width: auto;
    float: left;
    /*color: green;*/
    margin-top: 5px;
    font-weight: 700;
    font-size:8px;
}

#top_coner {
    width: 100%;
    /*background-color: green;*/
    height: 11px;
}

#show_mc {
    width: 82px;
    float: left;
    color: white;
    margin-top: 5px;
    font-weight: 700;
    font-size: 10px;
    padding: 5px;
}

.form-control {
    border: 1px solid #D51F2D;
    margin-top: 10px;
    width: 78%;
}


#top_coner{
width: 100%;
/*background-color: green;*/
height: 35px;
font-size: 11px;
color: whitesmoke;
font-weight: 600;
padding-top: 5px;
}


}