@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=PT+Sans+Caption);

body{ margin:0px; padding:0px; font:normal 16px/23px 'PT Sans Caption', sans-serif; color:#3a2e56; }


sh1, h2, h3, h4, h5, h5, p, ul, li, a, a:hover{ margin:0px; padding:0px; text-decoration:none;}
section{ padding:70px 0;}


#top-sctn{    
	background: url(../../images/NSPC_FigureBanner-01.jpg) top left no-repeat rgb(233, 233, 233);
    padding: 0px 0px 00px 0px;
    min-height: 600px;
    background-size: cover;
}
.maincontent{ background:#ffffff; min-height:600px; margin:0 auto; text-align:center; }
.logo img{ width:240px; margin:0 auto;}
.logo { margin-top:20px;}

h1{ font-size:3.2rem; }
#top-sctn h1{ margin:34px 0 18px; color:rgb(35, 31, 32);}
#top-sctn p{ font-size:1.8rem; line-height:29px;}
.video-section h2 span {
	border-bottom: 2px solid rgb(171, 30, 57);
    padding-bottom: 11px;
    color: rgb(35, 31, 32);
}
.video-section h4 span
{
    border-bottom: 2px solid rgb(171, 30, 57);
}
.video-section p{
    padding-top:10px;
}
#amt{ background:#edeff2}
#amt h2{margin-bottom:20px; color:rgb(35, 31, 32);}
#amt h2 span{ border-bottom:2px solid rgb(171, 30, 57); padding-bottom:11px; }
.line{ background:#2980b9; display:inline-block; width:108px; height:2px; margin:25px 0 33px;}
footer{ background:rgb(171, 5, 52); padding:15px 0px; color:#fff;}
footer ul li{ list-style-type:none; display:inline-block; margin-right:21px;}
footer p{ margin-top:16px; font-size:14px}
.check-form{ width:16px !important; float:left !important; height:22px !important;}
.check-title{ float:left !important; color:#555; margin:2px 0 0 7px;}

.ftr-menu ul li{ display:inline-block; list-style-type:none; margin-right:11px;}
.ftr-menu ul { margin:21px 0 11px;}
.ftr-menu ul li a{ color:#fff;}
.video{width:100%;}
.video p{margin-top:14px; font-size:15px;}



.btnlogin { width:80%; background-color:rgb(171, 30, 57); color:#fff; border:none; padding: 16px 0; transition: all 0.5s ease 0s; margin:10px auto;}
.btnlogin:hover { background-color: rgb(35, 31, 32); border-color: rgb(35, 31, 32); color: #fff; transition: all 0.5s ease 0s;}
.btnlogin a{color:#FFFFFF; text-transform:uppercase; font-size:21px; letter-spacing:3px;}

.btnreg { width:80%; background-color:#eae9ed;  border:none; padding: 16px 0; transition: all 0.5s ease 0s; margin:10px auto 0px;}
.btnreg a{color:rgb(35, 31, 32); text-transform:uppercase; font-size:21px; letter-spacing:3px;}
.btnreg:hover { background-color: rgb(171, 30, 57); border-color: rgb(171, 30, 57); color:#fff; transition: all 0.5s ease 0s;}
.btnreg:hover a{ background-color: transparent; color:#fff; }

.only{ background: rgba(58, 46, 84, 0.1) none repeat scroll 0 0;  margin-top: 41px; padding: 14px 6px; width: 100%; color:#441467;}
.only strong{color:#FFFFFF;}
.bg{background:#fff;}
.account{border:2px solid #ccc; transition: all 0.9s ease 0s; background:#fff; height:180px;  box-shadow: 0 2px 10px -1px rgba(0, 0, 0, 0.19); margin-bottom:35px; margin-top:30px;}
.account:hover { border: 2px solid #ccc; margin-top: 20px; transition: all 0.9s ease 0s; background-color:#ccc; color:#000;}
.account > p {
    font-size: 13px;
    margin-bottom: 15px;
    margin-top: 15px;
}
.account > h3{ font-size: 16px; font-weight: bold; padding: 20px 2px 22px; border-bottom: 1px dashed; color:#000;}
.login {
    background: #441467 none repeat scroll 0 0;
    border: 1px solid;
    border-radius: 7px;
    color: #fff;
    font-weight: 600;
    padding: 6px;
    width: 100%;
}
.modal-dialog {
    margin: 30px auto;
    width: 350px;
}
.modal-body span a {
    float: right;
    font-size: 14px;
    margin-bottom: 9px;
	color:#777;
}
.video{margin-top:30px;}
h4.video-headding
{
    color:#ab1e39;
}
h4.video-headding span
{
    border-bottom: 2px solid rgb(171, 30, 57);
    font-size: 16px;
}
ul.video-content
{
    padding-left:18px;
    padding-top:10px;
    font-size:14px;
}
#video-row2
{
    margin-top:25px;
}
.video-box img.img-responsive
{
    border:2px solid #000000;
}
.video span.play {
    background:#ffffff url("../images/icon-play-white.png") no-repeat scroll 55% center / 30% auto ;
    color:#ffffff;
    border-radius: 50%;
    display: block;
    height: 66px;
    left: 50%;
    margin: -35px 0 0 -35px;
    position: absolute;
    top: 41%;
    transition: all 0.25s ease-in-out 0s;
    width: 66px;
    color:#ffffff;
    background-size: 30%;
}

.m-b-40{
	margin-bottom:40px;
}



@media only screen and (max-width: 410px) {
.video-box{width:100%;margin-bottom: 20px; }

}
@media only screen and (min-width: 601px) and (max-width: 992px) {
.video-box{width:50%;}
}
@media only screen and (min-width: 767px) and (max-width: 992px) {
.account {margin-top:20px;}
}
@media only screen and (min-width: 411px) and (max-width: 600px) {
.video-box{width:50%;}
}

@media only screen and (max-width: 767px) {
.video p { float: left;  font-size: 15px; margin-bottom: 37px; margin-top: 14px;}
.account{width:80%; margin:16px auto;}
.video 
    {
       margin: 30px 0 0 0 ;
    }

}

@media only screen and (min-width: 990px) and (max-width: 1199px){
.account > p {font-size:11px;}
}
@media only screen and (max-width: 320px) {
.account > p {font-size:11px;}
}