@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/bg.jpg) top left no-repeat #3a2e56;  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:300px; margin:0 auto;}
.logo { margin-top:20px;}

h1{ font-size:3.2rem; }
#top-sctn h1{ margin:34px 0 25px; color:#02265a;}
#top-sctn p{ font-size:1.8rem; line-height:29px;}

#amt{ background:#edeff2;    overflow-x: hidden;}
#amt h2{margin-bottom:20px; color:#02265a;}
#amt h2 span{ border-bottom:2px solid #000066; padding-bottom:11px; }
.
.line{ background:#02265a; display:inline-block; width:108px; height:2px; margin:25px 0 33px;}
footer{ background:#02265a; 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:#02265a; color:#fff; border:none; padding: 16px 0; transition: all 0.5s ease 0s; margin:10px auto;}
.btnlogin:hover { background-color: #053171; border-color: #053171; 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:#02265a; text-transform:uppercase; font-size:21px; letter-spacing:3px;}
.btnreg:hover {
    background-color: #053171;
    border-color: #053171;
    color: #fff;
    transition: all 0.5s ease 0s;
}
.btnreg:hover a{ background-color: transparent; color:#fff; }

.list-unstyled {
    display: inline-flex;
    color: #02265a ;
    text-transform: uppercase;
}
.list-unstyled li {
    background-color: #eae9ed ;
    border-radius: 4px;
    margin: 0 5px;
    padding: 16px 21px;
}
.list-unstyled li a {
    color: #02265a ;
}
.list-unstyled li:hover {
    background-color: #053171;
    border-color: #053171;
    color: #fff !important;
    transition: all 0.5s ease 0s;
}
.list-unstyled li:hover a
{
    color: #fff;
}
.only{ background: rgba(58, 46, 84, 0.1) none repeat scroll 0 0;  margin-top: 41px; padding: 14px 6px; width: 100%; color:#02265a;}
.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: #02265a 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-box {
    margin: 0 auto;

}
.video{margin-top:30px;}


@media only screen and (max-width: 410px) {
.video-box{width:100%; margin-left:30px;}
}
@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;}
}

@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;}
}
.list-block {
    text-align: center;
    list-style: none;
    line-height: 25px;
    margin-top: 10px;
}