*{text-decoration:none; list-style:none; margin:0px; padding:0px; outline:none;}
body{margin:0px; padding:0px; font-family:'Open Sans', sans-serif; background:#ffffff;}
section{width:100%; margin:0px auto; display:table; position:relative;}
h1{margin:0px auto; display:table; font-size:26px; padding:40px 0px; color:#002e5b; text-align:center;}
h1 span{font-weight:500;}

table{ border-radius:3px;}

header{width:100%; display:table; background-color:#80ad46; margin-bottom:10px;}
#logo{float:left; padding:1px 10px 0px 0px; margin-bottom:-4px;}
nav{width:auto; float:right; padding-top:5px;}
nav ul{display:table; float:right; font-family:'Abel', Arial, Helvetica, sans-serif;}
nav ul li{float:left; border-right:1px solid #8eb759;}
nav ul li:last-child{padding-right:0px;border-right:none; }
nav ul li a{color:#000000; font-size:14px; padding: 10px 7px; display:inline-block; transition: all 0.5s ease 0s; text-transform:uppercase;}
nav ul li a:hover{color:#ffffff; transition: all 0.5s ease 0s;}
nav ul li a:hover i{color:#ffffff; transition: all 0.5s ease 0s;}
nav ul li a i{padding-right:10px; transition: all 0.5s ease 0s;}
nav .active{ color:#FFF;}

.toggle-menu ul{display:table; width:25px;}
.toggle-menu ul li{width:100%; height:3px; background-color:#002e5b; margin-bottom:4px;}
.toggle-menu ul li:last-child{margin-bottom:0px;}

input[type=checkbox], label{display:none;}
input[type=text]:focus, textarea:focus, select:focus{
  box-shadow: 0 0 5px #f3c6a2;
  border: 0px solid #f3c6a2;
}

.content{display:block; margin:1%; width:98%;}
.content h2{font-size:18px; font-weight:500; color:#ff6900; border-bottom:1px solid #feeada; display:table; padding-bottom:0px; margin-bottom:10px; width: 100%;}
.content p{font-size:14px; line-height:22px; color:#7c7c7c; text-align:justify;}

.rightside{ border:1px solid #feeada; margin-left:15px;}

.graph { margin:10px; border-bottom:1px dashed #feeada;}
.graph img{ width:100%;}

footer{display:block; padding-bottom:30px; width:100%; margin:0 auto; text-align:center; font-size:12px; position: absolute;}
.social{margin:0px auto; display:table; display:table;}
.social li{float:left; padding:0px 10px;}
.social li a{color:#002e5b; transition: all 0.5s ease 0s;}
.social li a:hover{color:#fde428; transition: all 0.5s ease 0s;}

.home_box_left{ border:1px solid #feeada; border-radius: 5px; float: left; width:47%; margin-right:.5%; margin-bottom:20px; background: #ffffff; padding: 1%}
.home_box_right{ border:1px solid #feeada; border-radius: 5px; float: left; width:47%; margin-left:.5%; margin-bottom:20px; background: #ffffff;  padding: 1%}

.home_box_left h2, .home_box_right h2{ border-bottom:none; font-size: 15px; font-weight: bold;}

.table_left{width:29.5%; margin-right: .5%; float:left; border-bottom:1px solid #feeada; font-weight: bold; font-size: 11px;}
.table_left td{ border-top:1px solid #feeada; border-right:1px solid #feeada;border-left:1px solid #feeada;}

.table_right{width:69.5%; margin-left:.5%; float:left; border-bottom:1px solid #feeada; font-weight: bold; font-size: 11px;}
.table_right td{  border-top:1px solid #feeada; border-right:1px solid #feeada;border-left:1px solid #feeada;}

.table_right tr:nth-child(odd), .table_left tr:nth-child(odd) {
            background-color:#fff9f5;
        }

.lbl1{ text-align: left; padding:2px 0 2px 4px;}
.txt_fld{padding:0;}

.txt_fld1{ border: 0px solid #feeada; border-radius: 3px; padding:3px 4px 3px 6px; margin: 0; width:97%;}
.txt_fld_right{ border: 0px solid #feeada; border-radius: 3px; padding:3px 4px; margin: 0; width:99%;}
.btn { border-radius: 5px;
    padding:4px 10px;
    font-size: 14px;
    font-weight: bold;
    background-color: #ff6900;
    border: none;
    color: white;
    margin:10px;
    cursor: pointer;}

.link_right{ position: absolute; right: 0;font-size:13px; color: #80ad46; font-weight: bold;}


.registration-form{
	padding: 50px 0; font-size:13px;
}

.registration-form form{
    background-color: #fff;
    max-width: 600px;
    margin: auto;
    padding: 50px 70px;
    border-radius:5px;
   
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.075);
}

.registration-form .form-icon{
	text-align: center;
    margin: auto;
    margin-bottom:10px;
    line-height: 100px;
}

.registration-form .item{
	border-radius:5px;
    margin-bottom: 25px;
    padding: 10px 20px;
	width:91%;
}

.registration-form .create-account{
    border-radius:5px;
    padding: 10px 20px;
    font-size:15px;
    font-weight: bold;
    background-color: #ff6900;
    border: none;
    color: white;
    margin-top: 20px;
	cursor:pointer;
}

.registration-form .social-media{
    max-width: 600px;
    background-color: #fff;
    margin: auto;
    padding: 35px 0;
    text-align: center;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    color: #9fadca;
    border-top: 1px solid #dee9ff;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.075);
}

.registration-form .social-icons{
    margin-top: 30px;
    margin-bottom: 16px;
}

.registration-form .social-icons a{
    font-size: 23px;
    margin: 0 3px;
    color: #5691ff;
    border: 1px solid;
    border-radius: 50%;
    width: 45px;
    display: inline-block;
    height: 45px;
    text-align: center;
    background-color: #fff;
    line-height: 45px;
}

.registration-form .social-icons a:hover{
    text-decoration: none;
    opacity: 0.6;
}



@media (max-width: 576px) {
    .registration-form form{
        padding: 50px 20px;
    }

    .registration-form .form-icon{
        width: 70px;
        height: 70px;
        font-size: 30px;
        line-height: 70px;
    }
}


@media only screen and (max-width: 1440px) {
section{max-width:100%;}
}

@media only screen and (max-width: 980px) {
header{padding:0px 0px;}
.rightside{ border:1px solid #feeada; margin-left:0px;}

#logo{padding:0px;}
input[type=checkbox] {position: absolute; top: -9999px; left: -9999px; background:none;}
input[type=checkbox]:fous{background:none;}
label {float:right; padding:10px 12px; display:inline-block; cursor:pointer; }
input[type=checkbox]:checked ~ nav {display:block;}

nav{display:none; position:absolute; right:0px; top:45px; background-color:#002e5b; padding:0px; z-index:99; width:100%;}
nav ul{width:100%;}
nav ul li{float:none; padding:0px; width:100%; display:table;}
nav ul li a{color:#FFF; font-size:13px; padding:10px 20px; display:block; border-bottom: 1px solid rgba(225,225,225,0.1);}
nav ul li a i{color:#ff6900; padding-right:13px;}
.home_box_left, .home_box_right{ border:1px solid #feeada; border-radius: 5px; float: left; width:95%; margin-bottom:20px; background: #ffffff; padding: 1%}
.home_box_left img, .home_box_right img{ width: 100%;}

.table_left, .table_right, .rtable{ width: 100%;}
	.table_right{margin-top:5px; margin-left: 0;}

}

@media only screen and (max-width: 980px) {
.content{width:98%;}
}

@media only screen and (max-width: 568px) {
h1{padding:25px 0px;}
h1 span{display:block;}
}

@media only screen and (max-width: 480px) {
section {max-width: 90%;}
}

@media only screen and (max-width: 360px) {
h1{font-size:20px;}
label{padding:5px 0px;}
#logo{font-size: 20px;}
nav{top:47px;}
}

@media only screen and (max-width: 320px) {
h1 {padding: 20px 0px;}
}