@font-face{font-family:'icomoon';src:url(../fonts/icomoon.eot?hpfvox);src:url(../fonts/icomoon.eot?hpfvox#iefix) format("embedded-opentype"),url(../fonts/icomoon.ttf?hpfvox) format("truetype"),url(../fonts/icomoon.woff?hpfvox) format("woff"),url(../fonts/icomoon.svg?hpfvox#icomoon) format("svg");font-weight:400;font-style:normal}
[class^="icon-"],[class*=" icon-"]{font-family:'icomoon'!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-user:before{content:"\e902"}
.icon-mail:before{content:"\e900"}
.icon-lock:before{content:"\e901"}
html,body{height:100%}
body{overflow-x:hidden;font-family:'Raleway',sans-serif;background-image:url(../images/login_02.png);background-position:right top;background-repeat:no-repeat;background-size: inherit;}
footer{padding-top:3em;color:#4a4a4a;z-index:2;position:relative}
.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#FFEB3B;background-color:rgba(0,0,0,0.24)}
.row{margin:0 auto}
.pl_zero{padding-left:0}
a{color:#000;text-decoration:none}
a:hover{color:#2196F3;text-decoration:none}
h1,.h1{font-size:28px}
h2,.h2{font-size:24px}
h3,.h3{font-size:20px}
h4,.h4{font-size:14px}
h5,.h5{font-size:10px}
h6,.h6{font-size:10px}



.left{float:left}
.right{float:right!important}
.p_zero{padding-left:0;padding-right:0}
.full{width:100%}
.container{max-width:1200px;width:100%}
.ta_left{text-align:left!important}
.ta_right{text-align:right!important}
.ta_center{text-align:center}
.item img{width:100%;height:auto}
.panel-info>.panel-heading{color:#000;background-color:#fff;border-color:#fff}
.panel-title{margin-top:0;margin-bottom:0;font-size:20px;color:inherit;text-align:center;font-weight:700;padding:16px 0}
.panel-info{border-color:#fff;box-shadow:0 0 41px -3px #0000004f;padding:3em 1em}
.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000\9;background-color:rgba(0,0,0,0.31);border:1px solid #fff;border-radius:10px}
.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#000}
.glyph{font-size:16px;width:15em;padding-bottom:1em;margin-right:4em;margin-bottom:1em;float:left;overflow:hidden}
.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
span.input-group-addon{background:none;border:0;font-size:24px;z-index:2;left:0;position:absolute;top:14px;width:50px}
span.input-group-addon i{border-right:1px solid #5CAAFF;padding-right:10px}
.mainbox input.form-control{border:0;box-shadow:none;border-radius:0;width:100%;position:absolute;left:0;border-bottom:1px solid #ccc;padding-left:60px;z-index:1;top:6px;min-height:50px;color:#0183FD}
.mainbox input.form-control:focus{border-bottom:1px solid #0183FD;z-index:0}
.input-group.v2{width:100%;float:left;position:relative;display:inline-block;min-height:49px;margin-bottom:1em}
.btn-primary{color:#fff;background-color:#0183FD;border-color:#0183fd;border-radius:2px!important;font-weight:700}
.carousel-inner>.item>img,.carousel-inner>.item>a>img{height:100%}
.mainbox{max-width:489px;left:0;right:0;margin-left:auto;margin-right:auto;text-align:center;margin-top:6em;height:100%}
.logo img{width:85%;height:auto}

.margintop{margin-top:2em;display:inline-block;width:100%}
div#myCarousel{margin-top:24em;background:#fff}
@media screen and (max-width:992px) {
.row_shadow{display:flex;flex-flow:column}
.col-slider{order:2}
.col-login{order:1}
body{
    background-size: contain
}
.carousel-inner>.item>img,.carousel-inner>.item>a>img{height:100%}
	

}


.footer {
    position: fixed;
    left: -10px;
    bottom: 0;
    width: 100%;
    background-color: white;
    color: black;
    text-align: right;
}