@import url('https://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.css');
/* CSS reset */
*{margin: 0; padding: 0; outline: none;	border: none; -webkit-box-sizing: border-box;}
*:before, *:after {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
html,body {margin:0;padding:0;}
table {border-collapse: collapse;width: 100%;background:#fff; color:#000;font-family:cambria;font-size:11px;}
th, td {padding: 3px; text-align: justify;  border: 1px solid #ddd;}
th {background-color: #3f51b5;color: white;}
fieldset,img { border:0;}
input,select,option{border:1px solid #ddd;padding:3px 5px 4px;color:#000;border-radius:2px;}
input:hover{border:1px solid #3f51b5;color:#000;transition:0.45s;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;margin: 0px auto !important;line-height: 1 !important;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
a{text-decoration: none;}
hr.style-six { border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
hr.style-eight { overflow: visible; /* For IE */ padding: 0; border: none; border-top: medium double #333; color: #333; text-align: center; } 
hr.style-eight:after { content: "§"; display: inline-block; position: relative; top: -0.7em; font-size: 1.5em; padding: 0 0.25em; background: white; }
.grn{color:#135315;} .red{color:#F5081A;}  .org{color:#D8890C;}
.error{float:right;color:red;}
.row::after {content: ""; clear: both; display: block;}
.block{max-width:70em;margin:0px auto; position:relative;}
[class*="col-"] {float: left; padding: 2px 1px;}
.col-1 {width: 8.33%;}	.col-2 {width: 16.66%;}	.col-3 {width: 25%;}	.col-4 {width: 33.33%;}	.col-5 {width: 41.66%;}	.col-6 {width: 50%;}
.col-7 {width: 58.33%;}	.col-8 {width: 66.66%;}	.col-9 {width: 75%;}	.col-10 {width: 83.33%;}	.col-11 {width: 91.66%;}	.col-12 {width: 100%;}
.container{width: 99%;margin: 0 auto; padding:5px}
.mar{margin:2px; padding:2px}
.left{float:left} .right{float:right}
.green{background:#5e9a28;color:#ffffff;} .blue{background:#223d61;color:#ffffff;} .yellow{background:#ffe13e;color:#223d61;}
.white{background:#ffffff;color:#000000;}
.input-container {display: -ms-flexbox;display: flex;width: 100%;margin-bottom: 15px;}
.icon {padding: 10px;background: #0062cc;color: white;min-width: 50px;text-align: center;}
.input-field {width: 100%;padding: 10px;outline: none;}
.input-field:focus {border: 2px solid dodgerblue;}
#fmbox{color: black;box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19);padding: 10px;border: 1px solid #fbf4d8;}
#fmbox label{display:flex;padding:5px 0px;text-align:justify;font-weight:bold;}
#fmbox label:hover {color: #000 !important;cursor: none !important;}
/* General Demo Style */
body{font-family: cambria;background: transparent;font-weight: 400;font-size: 15px;overflow-y: scroll;overflow-x: hidden;}
.ie7 body{overflow:hidden;}
#header {margin:0px 0px 5px 0px;position:relative;background: #0062cc;box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19);} 
#header1{margin:0px auto;display:block;} #header1 img{display: block;margin:0px auto;} 
#sidebar{margin:0px auto;display:block;background: #fff;} #sidebar img{width: 70% !important; display: block !important;margin:0px auto;border-radius:0px !important;box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19);}
#header2{margin:0px auto;display:block;position: relative;bottom: 0;left: 0;padding:0.1rem;} #header2 h1{text-transform: uppercase;font-family: Imprint MT Shadow;vertical-align:middle;margin:0px auto;font-size:1.5em;display:block;text-align:center;padding:4px 0px;color:#fff;font-weight:bold;}
#header2 img{width:30%;display: block;margin:0px auto;}
#header3 h1{color:#fff;font-size:12px; font-weight:bold;text-align: left;padding: 5% 20%;letter-spacing: 0px;vertical-align:middle;margin:0px auto;display:block;}
#header3 img{display: block;width:40px;height:40px;position:absolute;top:15%;padding:1px;border-radius:50%;}
#headercontent{padding:10px;  position:relative;background:#3f51b5;}
#headercontent img{background:#fff;margin:0px auto;}
#headercontent h1 {text-align:center; font-size:60px;color:#fff;line-height:1.2;font-weight:900;letter-spacing:0.05em;font-family:caption;}
#headercontent h2 {text-align:center; font-size:22px;color:#fff;line-height:1.2;font-weight:600;letter-spacing:0.05em;padding:10px;font-family:caption;}
#headercontent h3, #headercont h3 {text-align:center; font-size:20px;color:#fff;line-height:1.2; font-weight:900;letter-spacing:0.05em;padding:10px;font-family:caption;}

#headerleft {width:20%; float: left;padding:0px 5px;}
#headerleft img {margin:0px auto;width:60%;}
#headermid {width:60%; float: left;margin:0px 5px; padding:5px;}
#title{margin:0px auto;width:100%; text-align:center;}
#title h1{font-size:2em; font-weight:bold;}
#headerright {width:18%; float: left;}
#headerright img{width:45px;height:45px;position:absolute;top:20%;padding:1px;border-radius:50%;}
#headerright h1{font-size:12px; font-weight:bold;text-align: left;padding: 5% 24%;letter-spacing: 0px;width: 120%;}
#header table{width:50%; margin:0px auto}
#headerright td img{width:100%}

#pagewrap {max-width:100%;margin: 0px auto;}
#top{margin:0px auto; background:#1F3D63;}
.topmenu{padding:5px;color:#fff;}
#wrapper {margin:0px auto; position:relative;} 
#section1, #section2 {margin:0px auto; color:#fff;} 
#user1 {margin:0px auto; width:100%;} 
.user1contimg img{width:85%;margin:0px auto;display:block;}
#user1cont{ text-align:justify; }
#text{background: #ffffff; color:#000; padding:0px 1px; border:1px solid #eee; width:100%;height:100%;}
#texttitle{background:linear-gradient(40deg, #0062cc 53.8%, #ece8e1 54%);padding: 10px;color: #fff;font-weight: bold;font-style: italic;font-size: 1.5vw;border-radius:5px;}
#text ol{list-style-type: decimal; padding: 20px; }
#text ol li{line-height:2em;margin-left: 20px;}
#user1cont h2{font-size:18px; }
#user1cont p{margin:5px; text-align:justify;line-height:2em;}
#nametitle{width: 100%;border: 1px solid #efefef;position: relative;box-shadow: 0px 0px 2px #333;text-align: center;font-style: italic;background: #0062cc;color: #fff;letter-spacing: 1px;padding:5px;}
#nametitle img{display:block;margin:0px auto;border-radius: 50px;width: 80px;height: 80px;}
/********************************************sidebar nav ********************************************************************************/
.menuicon{display:block;position:relative;margin: 10px;color: #fff;} .menuicon1{display:none;}
.menuicon a{}
.blockmenu{ min-width: 250px; max-width: 250px; min-height: calc(92vh - 56px); transition: all 0.3s;}
.jquery-accordion-menu{float:left;position:relative;box-shadow:0px 0px 2px #333}
.jquery-accordion-menu .jquery-accordion-menu-footer,
.jquery-accordion-menu .jquery-accordion-menu-header{width:100%;height:50px;padding-left:22px;float:left;line-height:50px;font-weight:600;color:#f0f0f0;background:#414956;}
.jquery-accordion-menu ul{margin:0;padding:0;list-style:none}
.jquery-accordion-menu ul li{width:100%;display:block;float:left;position:relative}
.jquery-accordion-menu ul li a{width:100%;padding:7px 10px;float:left;text-decoration:none;color:#f0f0f0;font-size:12px;text-align: justify !important;font-style: normal !important;
			background:#414956;white-space:nowrap;position:relative;overflow:hidden;
			-o-transition:color .2s linear,background .2s linear;
			-moz-transition:color .2s linear,background .2s linear;
			-webkit-transition:color .2s linear,background .2s linear;
			transition:color .2s linear,background .2s linear}
.jquery-accordion-menu>ul>li.active>a,.jquery-accordion-menu>ul>li:hover>a{color:#fff;background:#3b424d}
.jquery-accordion-menu>ul>li>a{border-bottom:solid 1px #3b424d}
.jquery-accordion-menu ul li a i{width:34px;float:left;line-height:18px;font-size:16px;text-align:left}
.jquery-accordion-menu .submenu-indicator{float:right;right:22px;position:absolute;line-height:19px;font-size:20px;-o-transition:transform .3s linear;-moz-transition:transform .3s linear;-webkit-transition:transform .3s linear;-ms-transition:transform .3s linear}
.jquery-accordion-menu ul ul.submenu .submenu-indicator{line-height:16px}
.jquery-accordion-menu .submenu-indicator-minus>.submenu-indicator{-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.jquery-accordion-menu ul ul.submenu,.jquery-accordion-menu ul ul.submenu li ul.submenu{width:100%;display:none;position:static}
.jquery-accordion-menu ul ul.submenu li{clear:both;width:100%}
.jquery-accordion-menu ul ul.submenu li a{width:100%;float:left;font-size:11px;background:#fff;border-top:none;position:relative;border-left:solid 6px #4A89DC;color:#000;-o-transition:border .2s linear;-moz-transition:border .2s linear;-webkit-transition:border .2s linear;transition:border .2s linear;box-shadow: 0px 2px 3px #000;}
.jquery-accordion-menu ul ul.submenu li:hover>a{border-left-color:#414956}
.jquery-accordion-menu ul ul.submenu>li>a{padding-left:30px;}
.jquery-accordion-menu ul ul.submenu>li>ul.submenu>li>a{padding-left:45px}
.jquery-accordion-menu ul ul.submenu>li>ul.submenu>li>ul.submenu>li>a{padding-left:60px}
.jquery-accordion-menu ul li .jquery-accordion-menu-label,
.jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label{min-width:20px;padding:1px 2px 1px 1px;position:absolute;right:18px;top:14px;font-size:11px;font-weight:800;color:#555;text-align:center;line-height:18px;background:#f0f0f0;border-radius:100%}
.jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label{top:12px}.ink{display:block;position:absolute;background:rgba(255,255,255,.3);border-radius:100%;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}.animate-ink{-webkit-animation:ripple .5s linear;-moz-animation:ripple .5s linear;-ms-animation:ripple .5s linear;-o-animation:ripple .5s linear;animation:ripple .5s linear}@-webkit-keyframes ripple{100%{opacity:0;-webkit-transform:scale(2.5)}}@-moz-keyframes ripple{100%{opacity:0;-moz-transform:scale(2.5)}}@-o-keyframes ripple{100%{opacity:0;-o-transform:scale(2.5)}}@keyframes ripple{100%{opacity:0;transform:scale(2.5)}}
.blue.jquery-accordion-menu .jquery-accordion-menu-footer,.blue.jquery-accordion-menu .jquery-accordion-menu-header,.blue.jquery-accordion-menu ul li a{background:#4A89DC}
.blue.jquery-accordion-menu>ul>li.active>a,.blue.jquery-accordion-menu>ul>li:hover>a{background:#3e82da}
.blue.jquery-accordion-menu>ul>li>a{border-bottom-color:#3e82da}
.blue.jquery-accordion-menu ul ul.submenu li:hover>a{border-left-color:#3e82da}
.green.jquery-accordion-menu .jquery-accordion-menu-footer,.green.jquery-accordion-menu .jquery-accordion-menu-header,.green.jquery-accordion-menu ul li a{background:#03A678}
.green.jquery-accordion-menu>ul>li.active>a,.green.jquery-accordion-menu>ul>li:hover>a{background:#049372}
.green.jquery-accordion-menu>ul>li>a{border-bottom-color:#049372}
.green.jquery-accordion-menu ul ul.submenu li:hover>a{border-left-color:#049372}
.red.jquery-accordion-menu .jquery-accordion-menu-footer,.red.jquery-accordion-menu .jquery-accordion-menu-header,.red.jquery-accordion-menu ul li a{background:#ED5565}
.red.jquery-accordion-menu>ul>li.active>a,.red.jquery-accordion-menu>ul>li:hover>a{background:#DA4453}
.red.jquery-accordion-menu>ul>li>a{border-bottom-color:#DA4453}
.red.jquery-accordion-menu ul ul.submenu li:hover>a{border-left-color:#DA4453}
.white.jquery-accordion-menu .jquery-accordion-menu-footer,.white.jquery-accordion-menu .jquery-accordion-menu-header,.white.jquery-accordion-menu ul li a{background:#fff;color:#555}
.white.jquery-accordion-menu>ul>li.active>a,.white.jquery-accordion-menu>ul>li:hover>a{background:#ffffff}
.white.jquery-accordion-menu>ul>li>a{border-bottom-color:#f0f0f0}
.white.jquery-accordion-menu ul ul.submenu li:hover>a{border-left-color:#f0f0f0}
.white.jquery-accordion-menu ul ul.submenu li a{color:#000}
.white.jquery-accordion-menu>ul>li>a>.ink{background:rgba(0,0,0,.1)}
.black.jquery-accordion-menu .jquery-accordion-menu-footer,.black.jquery-accordion-menu .jquery-accordion-menu-header,.black.jquery-accordion-menu ul li a{background:#292929}
.black.jquery-accordion-menu>ul>li.active>a,.black.jquery-accordion-menu>ul>li:hover>a{background:#222}
.black.jquery-accordion-menu>ul>li>a{border-bottom-color:#222}
.black.jquery-accordion-menu ul ul.submenu li:hover>a{border-left-color:#222}
.blockmenu [data-toggle="collapse"] {position: relative;}
.blockmenu [data-toggle="collapse"]:before {content: "\f0d7";font-family: "Font Awesome 5 Free";font-weight: 900;position: absolute;right: 1rem;}
.blockmenu [aria-expanded="true"] {background: rgba(0, 0, 0, .25);}
.blockmenu [aria-expanded="true"]:before {content: "\f0d8";}
.blockmenu.toggled {margin-left: -250px;}
@media (max-width: 768px) { 
	.blockmenu {margin-left: -250px;}
    .blockmenu.toggled {margin-left: 0;}
	.menuicon{display:none;}
	.menuicon1{cursor: pointer;background: #f4511e;display:block;padding: .5em 1em;color: #fff;border-radius: 3px;float:left;position:fixed;z-index:999;margin-top:-2em;}
}
/******************************************End sidebar Nav ******************************************************************************/
.nav {overflow: hidden; }
.nav a {float: left; display: block; color: #fff; text-align: center; padding: 10px 14px; text-decoration: none; font-size: 15px;}
.nav a:hover {background-color: #ddd;color: black;}
.nav .icon { display: none;}

#slider {margin:0px auto;padding:5px;}
#slider img {width:100%; margin:0px auto;}
#footer{margin:0px auto; color:#fff;position:relative;bottom:0;left:0;right:0;background: #0062cc;box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19);}
#copyrights{line-height:1.5em}
#copyrights p{text-align:center;}
.button {border-radius: 4px;background-color:#2471FF;border:none;color:#FFFFFF;text-align: center;font-size: 18px;padding: 10px;transition: all 0.5s;cursor: pointer;margin: 5px auto;}
.button span {cursor: pointer;display: inline-block;position: relative;transition: 0.5s;}
.button span:after {content: '\00bb';position: absolute;opacity: 0;top: 0;right: -20px;transition: 0.5s;}
.button:hover span {padding-right: 25px;}
.button:hover span:after {opacity: 1;right: 0;}

.card {box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);transition: 0.3s;width: 100%;border-radius: 5px;}
.card:hover {box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);}
.card h1{padding:10px 15px;background-color:#0062cc; color:#fff;Font-family:Felix Titling;font-weight:bold;text-align:center;font-size:11px;}
.contened {padding: 5px 10px;}
.contened p{margin:0px auto !important;}

#text section {display: none;padding: 5px 0 0;border-top: 1px solid #ddd;}
#text section li{padding:10px 0px; }
#text label:before {font-family: fontawesome;font-weight: normal;margin-right: 10px;}
#text input[type="radio"] {display: none;}
#text label[for*='1']:before { content: '\f03a'; }
#text label[for*='2']:before { content: '\f03a'; }
#text label[for*='3']:before { content: '\f03a'; }
#text label[for*='4']:before { content: '\f03a'; }
#text label[for*='5']:before { content: '\f03a'; }
#text label[for*='6']:before { content: '\f03a'; }
#text label[for*='7']:before { content: '\f03a'; }
#text label[for*='8']:before { content: '\f03a'; }
#text label[for*='9']:before { content: '\f03a'; }
#text label[for*='10']:before { content: '\f03a'; }
#text label[for*='11']:before { content: '\f03a'; }
#text label[for*='12']:before { content: '\f03a'; }
#text label[for*='13']:before { content: '\f03a'; }
#text label[for*='14']:before { content: '\f03a'; }
#text label[for*='15']:before { content: '\f03a'; }
#text label[for*='16']:before { content: '\f03a'; }
#text label[for*='17']:before { content: '\f03a'; }
#text label[for*='18']:before { content: '\f03a'; }
#text label[for*='19']:before { content: '\f03a'; }
#text label[for*='20']:before { content: '\f03a'; }

#text label:hover {color: #888;cursor: pointer;}
#text input:checked + label {color: #555;border: 1px solid #ddd;border-top: 2px solid orange;border-bottom: 1px solid #fff;}
#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5,
#tab6:checked ~ #content6,
#tab7:checked ~ #content7,
#tab8:checked ~ #content8,
#tab9:checked ~ #content9,
#tab10:checked ~ #content10,
#tab11:checked ~ #content11,
#tab12:checked ~ #content12,
#tab13:checked ~ #content13,
#tab14:checked ~ #content14,
#tab15:checked ~ #content15,
#tab16:checked ~ #content16,
#tab17:checked ~ #content17,
#tab18:checked ~ #content18,
#tab19:checked ~ #content19,
#tab20:checked ~ #content20 {display: block;}

@media screen and (max-width: 650px) {[class*="col-"] {float: none; padding: 15px;width:100%;}
 #text label {}
 #text label:before {margin: 0;font-size: 18px; }
}
@media screen and (max-width: 400px) {[class*="col-"] {float: none; padding: 15px;width:100%;} }
/******************************************************MEDIA QUERIES*************************************************/
/* for 980px or less */
/*@media screen and (max-width: 980px) {
	[class*="col-"] {float: none; padding: 15px;width:100%;}
	#slider {width:auto;}
	#user1 {width: 33.3%;float: left;}
	#user2 {width: 33.3%;float: left;}
	#user3 {width: 33.3%;float: left;}
	#header, footer {padding: 1% 4%;}
}*/
/* for 700px or less */
@media screen and (max-width: 950px) {
	[class*="col-"] {float: none; padding: 2px;width:100%;}
	#sidebar img {width:auto !important;}
	#header {height: auto;}
	#header2 h1{padding:0px 0px;font-size:1em;;line-height:1.5 !important;}
	.user1contimg img{width:85%;margin:0px auto;display:block;}
	#headertitle h1{font-size:1em;}
	#user1 {width: 100%;float:none;}
	#user2 {width: 100%;}
	#user3 {width: 100%;}
	#user4 {width: 25%;float:right;}
	#user5 {width: 75%;float:left;}
	#wraleft {width: 100%;}
	#wraright {width: 100%;}
}
/* for 600px or less */
@media screen and (max-width: 600px) {
	[class*="col-"] {float: none; padding: 2px;width:100%;}
  .nav a:not(:first-child) {display: none;}
  .nav a.icon {float: right;display: block;}
}
@media screen and (max-width: 600px) {
	[class*="col-"] {float: none; padding: 2px;width:100%;}#sidebar img {width:auto !important;}
  .nav.responsive {position: relative;}
  .nav.responsive .icon {position: absolute;right: 0;top: 0; }
  .nav.responsive a {float: none; display: block; text-align: left;}
}
/* for 480px or less */
@media screen and (max-width: 480px) {#sidebar img {width:auto !important;}
	[class*="col-"] {float: none; padding: 2px;width:100%;}
	#header {height: auto;}
	#header2 h1{padding:0px 0px;font-size:1em;;line-height:1.5 !important;}
	.user1contimg img{width:100%;margin:0px auto;display:block;}
	#headercontent{padding:0px;}
	#headerleft,#headertitle,#headermid{width:auto;float:none;padding:0px;}
	#title h1{font-size:150%;}
	#headerleft img{width:100%;margin:0px auto;}
}