@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');

body{font-family: 'Roboto', sans-serif !important;}
.lginBnr{width:100%; height:100%; position:fixed; background:url(../images/banner.jpg) no-repeat; background-size:cover;}
.loginSec{width:55%; height:100%; float:right; position:relative; text-align:center; color:#fff; background:linear-gradient(141deg, #a5021f 0%, #d21639 51%, #e82346 75%);}
.loginBnrsec{width:45%; float:left; color:#fff; text-align:center; text-transform:uppercase;}
.loginBnrsec h1{margin:30px 0 40px; font-weight:500; font-size:60px; padding-bottom:18px; position:relative; letter-spacing:2px;}
.loginBnrsec h1:before{content:''; width:100px; height:3px; background:#fff; position:absolute; left:40%; bottom:0;}
.loginBnrsec h1 span{font-weight:300;}

.loginBnrsec p{font-size: 30px; letter-spacing: 3px; line-height: 50px;}
.loginBnrsec a{display:inline-block; padding:12px 45px; border-radius:50px; background: #e82346; color:#fff; text-transform:uppercase; text-transform:uppercase; font-size:16px; letter-spacing:2px; font-weight:500; margin:100px 0 0;-webkit-transition: all 0.5s ease-out;}
.loginBnrsec a:hover, .loginBnrsec a:focus{background: #a5021f; text-decoration:none; color:#fff; -webkit-transition: all 0.5s ease-out;}

.loginBnrsec img{height:60px; margin:65px 0 0;}

.formSection{width:40%; height:100%; margin:180px auto 0;}
.registerFrm{margin-top:50px !important;}
.formSection h2{text-align:center; font-size:22px; font-weight:300; text-transform:uppercase; letter-spacing:2px; margin-bottom:30px;}
.formSection input{width:100%; height:45px; background:none; border:solid 1px #fff; border-radius:50px; margin-bottom:20px; padding:0 20px; outline:none; -webkit-transition: all 0.5s ease-out;}
.formSection input[type=submit]{border:none; background:#fff; color:#e82346; font-weight:500; font-size:20px; text-transform:uppercase; margin-top:15px;}
.formSection input:focus{box-shadow:4px 7px 18px rgba(0, 0, 0, 0.22); -webkit-transition: all 0.5s ease-out;}

.formSection input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
.formSection input::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
.formSection input:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
.formSection input:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}

.formSection a{color:#fff;}
.formSection a:hover, .formSection a:focus{color:#fff;}

.footerCpy{width:100%; text-align:center; color:#fff; background:#333; position:absolute; left:0; bottom:0; line-height:45px; font-size:12px;}

.bdyCls{background:#efefef;}
.dashboardLft{width:20%; height:100%; position:fixed; background:linear-gradient(141deg, #a5021f 0%, #d21639 51%, #e82346 75%); box-shadow:1px 3px 7px #b7b7b7;}
.dashboardLft .logo{text-align:center; padding:15px 0; background:#fff;}
.dashboardLft .logo img{height:50px;}

.dashboardLft ul{margin:0; padding:0;}
.dashboardLft ul li{list-style:none;}
.dashboardLft ul li i{margin-right:10px;}
.dashboardLft ul li a{color:#fff; padding:14px 13px; border-bottom:solid 1px #f15571; display:block;}
.dashboardLft ul li a:hover, .dashboardLft ul li a:focus{text-decoration:none;}

.dashboardRght{width:80%; float:right; position:relative;}

.paddingCnt{padding:0 20px;}

.topHead{background:#fff; width:100%; height:60px; box-shadow:1px 2px 4px #ddd;}
.hdrMain{width:95%; margin:0 auto;}

.pgCnt{width:100%; margin:30px auto 0; padding:20px; background:#fff; box-shadow:3px 4px 5px #ddd; position:relative;}
.pgCnt span{position:absolute; right:3px; top:0; line-height:1; font-size:100px; color:#ccc; opacity:0.2;}

.pgCnt h2{
    margin:0; 
    padding:0; 
    text-align:center; 
    font-weight:400; 
    font-size:20px; 
    text-transform:uppercase; 
    letter-spacing:1px;
    color:#e82346;
}

.pgCnt input{margin-bottom:15px; border-radius:50px; padding:0 15px; border:solid 1px #d6d6d6; height:45px; width:100%; outline:none;}
.pgCnt input[type=radio], .pgCnt input[type=checkbox]{width:auto; height:auto; margin: 0 5px 0;}
.pgCnt input[type=submit], .pgCnt input[type=submit]:active{border:none; outline:none; width:auto; height:auto; padding:9px 20px; margin-bottom:0;}
.pgCnt label{margin-top:-5px}
.chckbx{margin-bottom:15px;}

.pgCnt img{width:100%; margin-bottom:25px;}

.pgCnt a{color:#e82346;}

.pgCnt .er_box_img{
    margin:0 auto;
    max-width:700px;
}
.pgCnt .er_box_img img{
    margin:0 0 20px 0;
    border: 1px solid #eee;
}

.fraem_12{
        max-width: 650px;
        position: relative;
        margin: 0 auto;
    }
.fraem_next{
    max-width:100%;
}    
.fraem_12:after{
        position: absolute;
        content: "";
        width: 50%;
        height: 38px;
        background: #f8fafd;
        bottom: 4px;
        right: 0;
}
.punch-viewer-navbar-logo-text{ font-size: 0px !important;}
    

.hdrLftTxt{font-size:22px; letter-spacing:2px; letter-spacing:4px; color:#333; text-transform:uppercase; line-height:60px;}

.hdrLftTxt .dropdown span{font-size: 14px; margin-right: 15px; font-weight: 500; color:#333;}

.avatarPrfl img{width:50px; height:50px; border-radius:50%; border: solid 1px #cac7c7; padding: 2px;}
.hdrLftTxt .dropdown{text-align:right; letter-spacing:0;}
.hdrLftTxt .dropdown-menu{border-radius:0;}
.hdrLftTxt .dropdown a:hover, .hdrLftTxt .dropdown a:focus{text-decoration:none;}

.hdrLftTxt .dropdown ul li i{width:14px; margin-right:2px; color:#d3173a;}
.hdrLftTxt .dropdown ul li a{padding:10px 15px;}

.mainBody{position:relative;}


.qstns{min-height:390px;}
.qstns p{font-size:18px; border-bottom:solid 1px #ccc; padding-bottom:10px;}
.qstns ul, .qstns ol{margin:0l; padding:0; line-height:26px;}
.qstns ul li{list-style:none;}

.alert{border-radius:0; width:90%; margin:5px auto;}

@media only screen and (max-width:1024px){
	.loginBnrsec h1{margin:50px 0 40px;}
	.loginBnrsec a{margin:25px 0 0;}
	.formSection{margin:134px auto 0;}
}

@media only screen and (max-width:768px){
	.lginBnr{position:relative; background-attachment:fixed;}
	.loginBnrsec{width:100%; padding:0 0 15px 0;}
	.loginSec{width:100%;}
	.loginBnrsec a{margin:25px 0 0;}
	.formSection{margin:50px auto 0; width:70%;}
	.footerCpy{line-height:40px; position:relative;}
	.loginBnrsec h1{font-size:30px;}
	.loginBnrsec p{font-size:20px; letter-spacing:2px; line-height:38px;}
}




@media only screen and (max-width:767px){
	.hdrMain { width: 91%; }
	.dashboardLft {  width: 100%; height: 100%; position: relative;}
	.dashboardRght { width: 100%;}
	
	
}

.pgCnt .desbord{
    border: none;
    outline: none;
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
    border-radius: 50px;
    font-size: 16px;
    display: inline-block;
    list-style: none;
    text-decoration: none;
    padding: 9px 30px;
    margin: 0 0 15px 0;
}