html{overflow-x:hidden;scroll-behavior: smooth;}
body{background: #f5f5fa;font-family: 'Ubuntu', sans-serif; margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, span, p, a, label ,input, textarea, select, li{font-family: 'Ubuntu',sans-serif;}
body a{-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all;}
.cl{clear:both;}

.header{background:url(../images/banner.jpg) top center no-repeat; background-size:cover; padding:0 100px}
.logo{padding:15px 0}
.logo img{width:280px}
.top h1{font-size:3em; text-align:center; font-weight:900; color:#f00;margin:0; padding:0; margin-top:15px}
.top li {padding: 0 5px;}
.top-bt{border:1px solid#3e4095;color:#fff;padding:15px;font-weight:400;border-radius:4px;font-size:1em; background:#3e4095;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all; margin-top:25px; text-transform:uppercase; width:150px}
.top-bt:hover{background:#ee3537 !important;color:#fff;border:1px solid#ee3537;}
.header-text{margin-top:30px}
.header-text h2{font-size:5em; color:#000; font-weight:600; margin-top:100px}
.header-text span{color:#f00}
.side-img img{width:550px}
.ex-logo{position:absolute;bottom:0px;right: 70px;}
.ex-logo img{width:150px !important; margin-left:15px}
.top p{font-size:1.2em; text-align:right;margin:25px 0;color:#3e4095}

.register{margin-top:50px}
.register h2{font-size:2.5em; color:#000; font-weight:600; text-align:center}
.register-form{width:700px; margin:auto;}
.register-form .form-control{height:45px; border-radius:0}

#textarea {display: block;width: 100%;height: 100px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;    background-image: none;border: 1px solid #ccc;border-radius: 0px;-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;}

.exam-form{padding:0 100px 100px 100px; margin-top:20px}
.exam-form h2{font-size:2.5em; color:#000; font-weight:600; text-align:center}
.exam-form p{font-size:1em;color:#3e4095;font-weight:600;line-height:1.5;}
.error{color:red;}
.exam-form label{font-size:1em; margin-right:10px; font-weight:300}
#myform{margin-top:25px}
.exam-form img{width:70%; margin:10px 0}
.bg-white{background:#fff !important;padding:10px; border-radius:5px;border: 1px solid #e3e3e3}

.submit{border:1px solid#3e4095;color:#fff;padding:25px 150px;font-weight:400;border-radius:4px;font-size:1em; background:#3e4095;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;transition:0.5s all; margin-top:25px; text-transform:uppercase;}
.submit:hover{background:#ee3537 !important;color:#fff;border:1px solid#ee3537;}
#time{font-size:1.5em; font-weight:600; text-align:right}
#timer{color:#f00}

@media (min-width:320px) and (max-width:480px){
.header{padding:0 15px 20px 15px}
.top h1 {font-size: 1.5em;}
.navbar-nav{text-align:center}
.top-bt{width:100%; margin-top:5px}
.side-img img{margin-left:auto; margin-right:auto; display:block}
.header-text h2 {font-size: 2.5em;margin-top: 10px;text-align:center}
.ex-logo{display:none}
.register-form{width:100%}
.register {margin-top:0px;}
.exam-form {padding: 0 15px 50px 15px;margin-top:0px;}
.submit {padding: 20px 80px;}
.register h2 {font-size: 1.5em;}
}