body {padding:0px; margin:0px; font-family: "Poppins", sans-serif; color:#231f20; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

ul, li {padding:0px; margin:0px;}

.clearfix:before, .clearfix:after { content: ""; display: table; }

.clearfix:after { clear: both; }
/* header {border-bottom: 4px solid #0db14c;} */

header .head {width:90%; margin:0px auto; position: relative;}

header .head img {max-width: 100%;}

header .head .logo {margin-top: 15px; float: left; padding-left: 15px;}

header .head .toplinks {float: right; background: #0c4b74; border-radius: 0px 0px 40px 40px; padding: 8px 9px 15px !important; padding-left: 15px !important;  width: 50%;}

header .head .toplinks ul {list-style: none;}

header .head .toplinks ul li {float:left; padding-right: 10px;}

header .head .toplinks ul li a {color: #ffffff; font-size: 14px; font-weight: 700; text-decoration:none;}

header .head .toplinks .leftlinks {float:left;}

header .head .toplinks .leftlinks ul li a {padding-top:10px; display:block;  padding-bottom: 10px;}

header .head .toplinks .leftlinks ul li:first-child {border-right:1px solid #bdbec0;}

header .head .toplinks .leftlinks ul li:nth-child(2) {padding-left:10px;}

header .head .toplinks .rightlinks {float:right;}

header .head .toplinks .rightlinks span{color: #ffffff; font-size: 14px; font-weight: 700; padding-top:10px; display:block;  padding-bottom: 10px;}

header .head .links{ margin-top: 20px; margin-bottom: 0px; background: #0c4b74;}

header .head .links ul {list-style: none;}

header .head .links ul li a{color:#fff; text-decoration: none; float:left; box-shadow: rgba(255,255,255,0.24) 0 1px 0 0 inset,#fff 0 0px 0 0;  line-height: 20px; font-weight: 100; font-size: 14px; padding: 15px;}

header .head .links ul li a:hover{  background-color: #033759; color: #ffffff;}

header .head .links ul li a.active{background:#033759; color: #ffffff;} 



header .head .links ul li {float:left;}

.has_child {position: relative;}
.has_child ul li a {padding:8px !important;}

.has_child:hover ul {display: block !important;}

header .head ul li ul {z-index: 10; display:none; width: 220px; position: absolute; background-color: #0c4b74;  top: 50px;}

header .head ul li ul li {float: none !important;}

header .head ul li ul li a {display: block; float:none !important;}



input[type=submit]:disabled {background: #dddddd !important; border: 1px solid #d3d3d3 !important;}

.main-container {background-color: #e5e5e5;}

.main-container .mainbanner {z-index: -1; width: 100%;}

/* .main-container .content {width:860px; margin:20px auto 40px; padding-bottom: 20px; border: 1px solid #f4f4f4; padding-left: 20px; padding-right: 20px; border-radius: 5px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(0,0,0,0.3); background: #fff;} */


.main-container .content {
    width: 70%;
    margin: 40px auto 40px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.3);
    background: #fff;
    padding: 35px 40px;
}


.main-container img {max-width:100%;}

.main-container .maintext {background:#363533; margin-top: -3px;}

.main-container .maintext .maincon {width:1150px; margin: 0 auto;}

.main-container .maintext .maincon .combine {float:left; width: 40%; border-right: 1px solid #000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.main-container .maintext .maincon .combine .register {padding: 25% 0%; border-bottom: 1px solid #000;}

.main-container .maintext .maincon .combine .savedate {padding: 10% 0%;}

.main-container .maintext .maincon .text {color:#FFFFFF; margin: 5% 0%; font-size: 18px; text-align: justify; width: 60%; float: left;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 4%;}



.main-container .partner {width:900px; margin:0px auto;}

.main-container .partner h3 {text-align: center; color: #000; font-weight: 700; font-size: 15px; margin-top: 10px; margin-bottom: 20px;}

.main-container .partner .br, .main-container .partner .pr {width:30%; float: left;;}

.main-container .partner .pr {padding-left: 15px;}

.main-container .partner .box {  border: #d1d3d4 1px solid; border-radius: 6px; margin-bottom: 10px; margin-left: 5px; margin-right: 5px; overflow: hidden; padding: 15px 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%;}




.main-container .content ul, .main-container .content ol {margin: 20px;}
.main-container .content ol {padding-left: 20px;}
.main-container .content ol li {margin-bottom: 5px;}
.main-container .content ul li {margin-bottom: 5px;}

.main-container .content a {color:#55aa00; text-decoration:none;}

.main-container .content a:hover {text-decoration:underline;}

.main-container .content table {width: 100%; border-collapse: collapse; margin: 30px 0px 30px; background-color: #fff;}

/* Zebra striping */

.main-container .content table tr:nth-of-type(odd) {background: #eee;}

.main-container .content table th {background: #333; color: white; font-weight: bold;}

.main-container .content table td, th {padding: 6px 6px 6px 10px; border: 1px solid #ccc; text-align: left;}

.main-container .content .uni {float: right; margin-top: 100px;}



.showhide{display:none; background:url(../images/responsive-icon.jpg) no-repeat; width:25px; height:20px; position: absolute; right: -25px; top: 200px; opacity: 1; transition: 1s;}

.showhide:hover {opacity: .8;}



/* Form  CSS */

.main-container .content select {width: 253px; border-radius: 2px;border: 1px solid #CCC; padding: 10px; color: #333; font-size: 14px; margin-top: 2px;}

.main-container .content input[type='text'], .main-container .content input[type='email'], .main-container .content input[type='password']{width: 537px; border-radius: 2px;border: 1px solid #CCC; padding: 10px; color: #333; font-size: 14px; margin-top: 2px;}

.main-container .content label {margin-top: 20px; display: block; }

.main-container .content input[type='submit']{padding: 10px 25px 8px;border: none;color: #fff; background-color: #78b941; text-shadow: rgba(0,0,0,0.24) 0 1px 0; font-size: 16px; box-shadow: rgba(255,255,255,0.24) 0 2px 0 0 inset,#fff 0 1px 0 0; border: 1px solid #6faf38; border-radius: 2px;}

.main-container .content input[type='submit']:hover {background-color: #80c248; cursor:pointer;}



@media only screen and (max-width: 1180px) {

.main-container .maintext .maincon {width:90%;}

}



@media only screen and (max-width: 1120px) {

.main-container .maintext .maincon .combine .register {padding-right: 10%;}

.main-container .maintext .maincon .combine .savedate {padding-right: 10%;}

}

@media only screen and (max-width: 920px) {

.main-container .partner {width: 90%;}

}



@media only screen and (max-width: 960px) {

header .head {width: 90%;}

.main-container .content {width: 90%;}

header .head .links {margin-top: 0px;}

}

@media only screen and (min-width: 791px) {
header .head .links {display:block !important;}
}

@media only screen and (max-width: 790px) {

.showhide{display:block;}

header .head .links {display:none;}

header .head .links ul li {border: none; float: none;}

header .head .links ul .first {border-top-left-radius: 0px; border-bottom-left-radius: 0px;}

header .head .links ul .last {border-top-right-radius: 0px; border-bottom-right-radius: 0px;}

header .head .links ul li a {float: none; display: block;}

header .head .logo {float: none;}

header .head .toplinks {float: initial; background: #007fa8; border-radius: 0px; padding: 8px 20px !important; width: 90%; margin-top: 10px; margin-bottom: 10px;}

}

@media only screen and (max-width: 630px) {

.main-container .content input[type='text'], .main-container .content input[type='email'], .main-container .content input[type='submit'] {width:95%;}

.showhide {top: 140px; right:10px;}

}

@media only screen and (max-width: 600px) {

.main-container .maintext .maincon .combine{float: none; width: 100%; border-right:none;}

.main-container .maintext .maincon .text {float: none; width: 100%; padding-left: initial;}

.main-container .maintext .maincon .combine .register {padding: 10% 0%;}

.main-container .maintext .maincon .combine .savedate {padding-right: 0%;padding-bottom: 2%;}

.main-container .partner .br, .main-container .partner .pr {width: 100%;float: none;}

.main-container .partner .pr {padding-left: 0px;}

.main-container .partner .box {margin: 0 auto; text-align: center;}

}





@media only screen and (max-width: 432px) {

.main-container .content {width: 85%;}

.main-container .content table {font-size: 14px;}

header .head .toplinks {display: none;}

.showhide {top: 120px;}

}

@media only screen and (max-width: 330px) {

.main-container .content table {font-size: 12px;}

}

@media only screen and (max-width: 295px) {

.main-container .content {padding-left: 10px; padding-right: 10px;}

.main-container .content table td, th {padding: 5px 5px 5px 5px;}

}