body, *{padding:0px; margin:0px;font-family: 'Questrial', sans-serif;}
 ul li{list-style:none;} 
/*NAVBAR*/
#navigation{width:100%; margin:auto; z-index:9999; background:rgba(0,0,0,0.5);}
.fixed01{position:fixed !important;}
.modal-open .modal{z-index:9999 !important; top:30px;}
.header{ background:#17C2A4; height:40px;}
.topbar01 p{margin-top:5px; letter-spacing:0.5px; color:#fff;  line-height:30px;}
.topbar01 p a{text-decoration:none; color:#fff;}
.topbar01 ul{margin-top:5px;}
.topbar01 .mnav01{display:none;}
.topbar01 .mnav01 ul{tex-align:left !important; }
.topbar01 .mnav01 .dropdown03 li {    border-bottom: 1px dotted #fff !important; margin-top:0 !important;}
.topbar01 .mnav01 ul li{display:block; }
.topbar01 .mnav01 ul li a{text-decoration:none; color:#fff !important; display:inline-block; padding: 5px 5px; transition: all 0.1s ease-in-out;}

.topbar01 .desknav01 ul{text-align:right; margin-top:5px;}
.topbar01 .desknav01 ul li{display:inline; border-right: 1px solid #fff;}
.topbar01 .desknav01 ul li a{text-decoration:none; color:#fff; display:inline-block; padding: 5px 15px; transition: all 0.1s ease-in-out;}

.topcate01 {padding:0px 0;}
.topcate01 h2{letter-spacing: 1px; text-align:center;}
.topcate01 form{display:inline;}

.main02{display:none;}
.navigation h5{ color:#0A0A0A; font-weight:600; margin-top:23px; margin-left:55px; font-size:18px; }
.navigation h5 span{color:#00224F;} 
.navbar-default{ border:none !important;padding:5px 0; border-radius:0 !important ; background:#fff!important; margin-bottom:0px; box-shadow:0px 4px 10px -3px #ccc !important;}
.navbar-default .navbar-brand{padding:0px 0px;}
.navbar-default .navbar-brand img{height:75px; padding-top:10px !important;}
.navbar-default .navbar-nav>li>a{color:#060606 !important; font-size: 16px; letter-spacing:0.5px; font-weight:600!important; text-transform: capitalize; padding-top:32px; transition:all 0.1s ease-in-out;}
.navbar-default .navbar-nav>li>a:hover{color:#00224F !important;}
.navbar-default #donate{background: #00224F; border:1px solid#00224F; color:#fff !important; border-radius:6px; padding:9px 15px; 
margin:2px; transition: all 0.2s ease-in-out; margin-top:20px;  font-weight: 600;}
 .navbar{margin-bottom:0 !important;}
.navbar-default #donate:hover{background:#fff;color:#00224F !important;} 
.navbar-default #donote{background: #A10532; border:1px solid #A10532; color:#fff !important; border-radius:6px; padding:9px 15px; 
margin:2px; transition: all 0.2s ease-in-out; margin-top:20px;  font-weight: 600;}
 .navbar{margin-bottom:0 !important;}
.navbar-default #donote:hover{background:#fff;color:#A10532 !important;} 


/*DROPDOWN*/
#dropdown02{  position:relative; height:80px; }
.dropdown03{ position:absolute; top:70px; left:0px;width:150px;  height:auto; background:#00224f; display:none; z-index:9999; }
.dropdown03 ul{ border-bottom:4px solid #3EB1FA;}
.dropdown03 li{ list-style-type:none; margin-top:10px; padding:5px 20px;border-bottom:1px dashed #fff; }
.dropdown03 li a { color:#fff; text-decoration:none; font-size:12px; font-size:12.5px; display:inline; }
#dropdown02:hover .dropdown03{ display:block;}

.brcmb01 {margin:8px 0 0 0; }
.brcmb01 ul{list-style:none; background:#f1f0f0;}
.brcmb01 ul li{display:inline-block; padding:5px; font-size:16px;}
.brcmb01 ul li a{ }


/*LEFT FIX01*/
.leftfix01{width:300px; height:100%; position:fixed; left:0px; overflow:scroll; top:0; z-index:2000; box-shadow:2px 0 3px 0 rgba(0,0,0,.21); background:#fff;}
.leftfix-top01{width:100%; overflow:hidden; height:150px; text-align:center; background:#ECEFF2;}
.leftfix-top01 img{width:150px;  margin-top:10px; margin-bottom:30px; }
.leftfix-top02 a{padding:7px 14px; background:#00224F; color:#fff; border-radius:5px;}
.leftfix-top02 a:hover{color:#fff; }

.leftfixoptions01{background:#fff;}
.leftfixoptions01 li{margin-bottom:5px;}
.leftfixoptions01 li a{color:#7B7B7B; font-size:16px; font-weight:400; transition:all ease-in-out 0.3; display:block; padding:12px 20px;
 text-decoration:none;}
.leftfixoptions01 li:hover{background:#E5E5E5;}
.leftfixoptions01 .fa-chevron-right{float:right;}
.leftfixoptions01 .fa-home{margin-right: 15px;}
.leftfixoptions01 .fa-clipboard-list{margin-right: 15px;}
.leftfixoptions01 .fa-blogger-b{margin-right: 15px;}
.leftfixoptions01 .fa-life-ring{margin-right: 15px;}
.leftfixoptions01 .fa-users{margin-right:15px;}
.leftfixoptions01 .fa-paperclip{margin-right:15px;}

.leftfix01 .social01{}
.social01 h4{margin-top:0; color:#7B7B7B; margin-left:20px; margin-bottom:20px;}
.social01 .fa-facebook-f{width:50px; height:50px; background:#3F5D9A; color:#fff; padding:13px; border-radius:50%; line-height:50px;}
.social01 .fa-youtube{width:50px; height:50px; background:#bb0000; color:#fff; padding:13px; border-radius:50%; line-height:50px;}
.social01 .fa-twitter{width:50px; height:50px; background:#1DA1F2 ; color:#fff; padding:13px;border-radius:50%; line-height:50px;}
.social01 .fa-instagram{width:50px; height:50px; background:#e4405f; color:#fff; padding:13px;border-radius:50%; line-height:50px;}


.moreoptions02{background:#ECEFF2;}
.leftfixoptions01 .moreoptions02 li a{color:#7B7B7B; font-size:16px; font-weight:400; transition:all ease-in-out 0.3; display:block; padding:12px 20px;
 text-decoration:none;}
.leftfixoptions01 .moreoptions02 li a:hover{color:#bb0000; }

.headtoggle01 h3{font-size:27px;color: #cb1306;}
.headtoggle01 img{height:70px; }

.accordion {width:100%;}
.accordion_head {background:#F1F0F0;color:#5f5f5f; cursor: pointer;  font-size: 14px; margin: 0 0 1px 0; padding: 7px 11px 7px 20px;}
.accordion_head span{font-style:bold; font-size:25px;}
.accordion_head i{color:#FA5A36; font-size:18px; margin-right:10px;}
.accordion_body {}
.accordion_body p { padding: 10px 5px 10px 25px; margin: 0px; color:#5f5f5f;}

.panel-group{margin-bottom:0px !important;}
.panel-group .panel {margin-bottom: 0; width:22%; border:none;}
.panel-group li{width:100%;}
.panel-group li a{color:#7B7B7B; font-size:16px; font-weight:400; transition:all ease-in-out 0.3; display:block; padding:12px 20px;
 text-decoration:none;}

.panel-group .panel{width:100%;}
.panel-default h4{display:inline-block;}
.panel-default i{float:right; font-size:22px; font-weight:999;}
.panel-heading{padding:0 !important;}
.panel-heading a{display:inline-block; width:100%; color:#7B7B7B; font-size:16px; font-weight:400; transition:all ease-in-out 0.3; padding:12px 20px;
 text-decoration:none !important;}
.panel-group .panel+.panel {margin-top:0 !important;}

.panel-heading a:hover{background:#E5E5E5; color:#7B7B7B;}

.panel-body li{list-style:none;}
.panel-body li a{display:inline-block; width:100%; color:#7B7B7B; font-size:16px; font-weight:400; transition:all ease-in-out 0.3; padding:12px 20px;
 text-decoration:none !important;}

.newdrop01{position:relative;}
.newdown01{position:absolute; left:-100px; top:5px; background:rgba(240,95,127,1.00); display:none; }

.newdrop01:hover .newdown01{display:block;}

.wir01{position:relative;}
.wir02{position:absolute; width:20px; height:20px; border-radius:50px; background:#00224F; top:20px; right:5px;}
.wir02 p{color:#fff; margin-left:6px;}
.wir03{position:absolute; width:20px; height:20px; border-radius:50px; background:#00224F; top:-17px; right:2px;}
.wir03 p{color:#fff; margin-left:6px;}



/*SLIDER01*/
.slider02{}
.slider02 .item img{width:100%; height:300px;}
.slider02 .carousel-indicators{bottom:0;}
.slider02 .carousel-control.right{background-image:none !important;}
.slider02 .carousel-control.left{background-image:none !important;}
 
 /*CWRAP01*/
.cwrap01{margin:10px 0;}
.cwrap01 h2{text-align:center; letter-spacing:0.5px; font-size:36px;}
.cwrap01 h2 span{color:#A10532; font-weight:600;}
.cwrap01 .box01{border:1px solid #e7e7e7;background:#1B5A85; padding:10px 6px; text-align:center; transition:all 0.2s ease-in-out; overflow:hidden; margin:15px 0;}
.cwrap01 .box01:hover{ background:#17C2A4; color:#fff;}
.cwrap01 .box01 img{ width: 120px; height: 120px; background: #fff;  padding: 15px; margin-bottom:5px; transition:all 0.2s ease-in-out;}
.cwrap01 .box01:hover img{background:#fff;}  
.cwrap01 .box01 h4{font-size: 20px; letter-spacing: 0.5px; margin: 15px 0px; color: #fff; transition:all 0.2s ease-in-out;}
.cwrap01 .box01:hover h4{color:#fff;}
.cwrap01 .box01 p{letter-spacing: 0.5px; font-size: 15px; color:#fff;}
.cwrap01 .boxn01 a{color: #fff; text-decoration: none; font-weight: 600; letter-spacing: 1px; font-size: 15px; transition:all 0.2s ease-in-out;}
.cwrap01 .boxn01:hover a{color:#fff; text-decoration:none;}
.cwrap01 .boxn01 a span{transition:all 0.2s ease-in-out; display:inline-block; top:1px; font-size:12px;}
.cwrap01 .boxn01 a:hover span{left:5px;}


.map01{padding:20px;}
.map01 h2{text-align:center; letter-spacing:0.5px; font-size:36px;}
.map01 h2 span{color:#A10532; font-weight:600;}
.map01 .fa-angle-double-left{position:absolute; left:-20px; top:100px; height:20px; width:20px; line-height:20px; text-align:center;
 background:red; color:#fff;}
.map02 .fa-angle-double-right{position:absolute; right:-20px; top:100px; height:20px; width:20px; line-height:20px; text-align:center; background:red; color:#fff;}
.map02 .arti01{border:1px solid #ccc; padding:8px; }
.map02 .arti01 img{width:100%; height:auto;}


.cwrap02 .feature01 {background:#F0ECFD; margin:16px 0; padding:10px 0; border:1px solid #f0ecfd; border-radius:6px;}
.cwrap02 h2{text-align:center; letter-spacing:0.5px; font-size:36px;}
.cwrap02 h2 span{color:#A10532; font-weight:600;}
.cwrap02 .feature01 img{width:96px; height:96px;}

.cwrap03{background:#7dc9fa; height:500px;}

/*WRAP04*/
.cwrap04{padding:20px 0px; background:#7dc9fa;}
.cwrap04 h2{text-align:center; letter-spacing:0.5px; font-size:36px;}
.cwrap04 h2 span{color:#A10532; font-weight:600;}
.cwrap04 .item img{height:100px; width:100px;  margin:auto;}
.cwrap04 .cover01{ text-align:center;  background:#7dc9fa; color: #fff; border-radius: 10px;} 
.cwrap04 .carousel-control.right{ background-image:none !important;}
.cwrap04 .carousel-control.left{ background-image:none !important;}
.cwrap04 .cover01 p{font-size: 17px; letter-spacing: 0.5px;} 
.cwrap04 .cover01 h3{letter-spacing: 0.5px; font-weight:600;}
.cwrap04 .cover01 h5{color: #f36262; font-size: 15px; font-weight: 600; letter-spacing: 0.5px; font-style: italic;}

/*WRAP02*/
.wrap02{margin-top:70px; background-image:url(../image/bgimg01.jpg); background-repeat:no-repeat; background-size:cover; padding:80px 0px;}
.wrap02 .leftside01{color:#fff;}
.wrap02 .leftside01{text-align:center;}
.wrap02 .leftside01 .pdng01{padding:25px 15px; border-right:4px double #fff;}
.wrap02 .leftside01 .pdng02{padding:25px 15px;}
.wrap02 .leftside01 .pdng03{padding:25px 15px; border-right:4px double #fff; border-top:4px double #fff;}
.wrap02 .leftside01 .pdng04{padding:25px 15px; border-top:4px double #fff;}
.wrap02 .leftside01 img{margin:auto;}
.wrap02 .leftside01 h3{font-size: 50px; font-weight: 900; letter-spacing: 1px; margin-top:10px;}
.wrap02 .leftside01 h4{font-size: 18px; letter-spacing: 1px; text-transform: uppercase; margin-top:15px; margin-bottom:0px;}
.wrap02 .rightside01{position:relative; overflow:hidden;}
.wrap02 .rightside01 form{background:#fff;}
.wrap02 .rightside01 .text01{background:#B70B0B; color:#fff; padding: 0px 40px; border-radius:0px 0px 180px 180px; height:180px; margin-bottom:25px;
 margin-top: -20px; width: 108%; margin-left: -4%;}
.wrap02 .rightside01 .text01 h3{font-weight:600; text-align:center; margin:0px; font-size:19px; letter-spacing: 0.5px; line-height: 24px;
 padding-top:55px;}
.wrap02 .rightside01 form{padding-bottom:25px;} 
.wrap02 .rightside01 input{width:80%; display:block; margin:auto; border:1px solid #e5e5e5; padding:10px; margin-bottom:10px; color: #999;
 outline:none;}
.wrap02 .rightside01 input:focus{box-shadow:0px 0px 5px 0px #ccc;} 
.wrap02 .rightside01 input[type="submit"]{ background:#00224F; color:#fff; font-weight:600; border:2px solid #00224F; letter-spacing:1px;
 transition:all 0.1s ease-in-out;}
.wrap02 .rightside01 input[type="submit"]:hover{ background:#fff; color:#00224F;}
/*WRAP3*/
.wrap03{margin-top:45px;}
.wrap03 h2{letter-spacing: 1px; text-align:center;}
.wrap03 h6{width:70px; content:""; border-bottom:2px solid #45B97C; margin:25px auto;}
.wrap03 .box01{ text-align:center;}
.wrap03 h3{font-weight:900; letter-spacing:1px; font-size:45px;}
.wrap03 h5{width:70px; content:""; border-bottom:3px solid #d6dcd9; margin:25px auto;}
.wrap03 svg:not(:root).svg-inline--fa{font-size:60px;}
.wrap03 .fa-smile{color:#45B97C;}
.wrap03 .fa-briefcase{color:#F8C013;}
.wrap03 .fa-user{color:#A193D2;}
.wrap03 .fa-star{color:#6BC4E3;}
.wrap03 h4{font-size: 22px; letter-spacing: 1px; margin-bottom:25px;} 

/*FOOTER*/
.footer{background:#00224f; color:#a5a5a5;}
.footer .f_top{padding:60px 0px; border-bottom:2px solid #a5a5a5;}
.footer .f_top img{height:60px; margin-bottom:15px;}
.footer .f_top p{line-height: 22px; text-align: justify;}
.footer .f_top p a{text-decoration:none; color:#a5a5a5;}
.footer .f_top h4{font-size: 18px; text-transform:capitalize; font-weight: 600; color: #fff; letter-spacing: 1px;}
.footer .f_top ul li a{text-decoration:none; color:#a5a5a5; letter-spacing:0.5px; display:block; line-height:26px; transition:all 0.1s ease-in-out;}
.footer .f_top ul li a:hover{color:#fff;}
.footer .f_top .col-xs-2{padding-right:0px; width:12%;}
.footer .f_top .col-xs-10{padding-left:0px; width:88%;}
.footer .f_top span{font-size:14px; top:4px; color:#45B97C;}
.footer .f_bottom{padding:20px 0px 20px 0px;}
.footer .f_bottom p{margin-bottom:0px; letter-spacing:0.5px;}
.footer .f_bottom p a{text-decoration:none; color:#a5a5a5; transition:all 0.1s ease-in-out;}
.footer .f_bottom p a:hover{color:#fff;}
.footer .f_bottom ul{margin:0px;}
.footer .f_bottom ul li{display:inline;}
.footer .f_bottom ul li a{text-decoration:none; color:#fff; display:inline-block; margin:0px 10px; font-size:18px; transition:all 0.1s ease-in-out;}
.footer .f_bottom ul li a:hover{ transform:scale(1.1);}
/*SCROLL TOP BUTTON*/ 
.scrollToTop{width:0px; height:0px; border-left:25px solid transparent; border-right:25px solid transparent; border-bottom:50px solid #B70B0B;
 color: #fff !important; font-weight:600; font-size:18px; text-decoration: none; position:fixed; bottom:125px; right:25px; display:none; z-index:99;
 transition:all 0.3s ease; -webkit-animation:move 1s infinite; -moz-animation:move 1s infinite; animation:move 1s infinite;}
.scrollToTop span{top:20px; left:-9px;} 
@keyframes move{
 0%{bottom:125px;}
 50%{bottom:135px;}
 100%{bottom:125px;}	
}
.whatsapp01{width:150px; height:auto; position:fixed; bottom:30px; left:30px;-webkit-animation: move1 1s infinite; -moz-animation: move1 1s infinite; animation: move1 1s infinite;}
.whatsapp01 img{ width:100%; height:auto;}
.mobweb01{display:none;}
@keyframes move1{
0%{bottom: 30px;}	
50%{bottom:45px; }
100%{bottom:30px}
	} 
@-webkit-keyframes move1{
	0%{bottom: 30px;}	
50%{bottom:45px; }
100%{bottom:30px}
}

/*ABOUT01*/
.about01{padding:12px 0;}
.about01 h2{font-size:36px; line-height:36px;}
.about01 h4{line-height:24px; letter-spacing:0.5px; font-size: 16px; color: #23252D; text-align:justify;}
.about01 h3{font-size: 30px; font-weight: 600; letter-spacing: 1px;}
.about01 a{text-decoration: none; display: inline-block; border: 2px solid #23252D; padding: 17px 50px; letter-spacing: 1px; margin-top:15px;
 font-size: 16px; font-weight: 600; color: #23252D; transition:all 0.2s ease-in-out;}
.about01 a:hover{background:#333; color:#fff; border:2px solid #333;}

/*ABOUT02*/
.about02{padding:0;}
.about02 h3{margin-top:0px; color:#23252D; font-size:22px;}
.about02 h2{letter-spacing:1px; text-transform:capitalize;}
.about02 p{letter-spacing: 0.5px; line-height: 22px;}
.about02 p.para01{margin-bottom:20px;}
.about02 img.img01{width:100%; height:auto;}
.about02 .row .row{margin-top:20px;}

/*ABOUT03*/
.about03{padding:0px;}
.about03 svg:not(:root).svg-inline--fa{font-size:50px; color:#00224F;}
.about03 h4{font-size:22px; letter-spacing:1px; margin:15px 0px; color:#aea6a6; margin-top:20px;}
.about03 p{letter-spacing:1px; line-height:22px; margin-bottom:30px;}

/*ABOUT04*/
.about04{margin-top:30px; margin-bottom:40px;}
.about04 h2{letter-spacing: 1px; text-align:center;}
.about04 h6{width:70px; content:""; border-bottom:2px solid #45B97C; margin:25px auto;}
.about04 .box01{ text-align:center;}
.about04 h3{font-weight:900; letter-spacing:1px; font-size:45px;}
.about04 h5{width:70px; content:""; border-bottom:3px solid #d6dcd9; margin:25px auto;}
.about04 svg:not(:root).svg-inline--fa{font-size:60px;}
.about04 .fa-smile{color:#45B97C;}
.about04 .fa-briefcase{color:#F8C013;}
.about04 .fa-user{color:#A193D2;}
.about04 .fa-star{color:#6BC4E3;}
.about04 h4{font-size: 22px; letter-spacing: 1px; margin-bottom:25px;} 
/*ONLINE01*/
.online01{margin-top:45px;}
.online01 h2{letter-spacing:1px; text-transform:capitalize; margin-bottom:20px; text-align:center;}
.online01 h6{width:70px; margin:auto; content:""; border-bottom:2px solid #45B97C;}
.online01 .box01{text-align:center; height:150px; border-radius:10px; margin-top:30px; transition:all 0.2s ease-in-out;
 background-image:url(../image/underwater.png); position:relative;}
 
.online01 .box01 h4{margin:0px; font-weight:600; letter-spacing:1px; padding-top:70px; transition:all 0.3s ease-in-out;}
.online01 .box01:hover h4{padding-top:50px;}
.online01 .box01 p{font-size: 14px; letter-spacing: 1px; background: #00224F; padding: 10px 0px; position:absolute; top:0px; width:100%;
 margin-bottom:0px; opacity:0; transition:all 0.3s ease-in-out;}
.online01 .box01:hover p{opacity:1; top:75px;}
.online01 .col-sm-3 a{text-decoration:none; color:#fff;}
/*ONLINE02*/
.online02{margin:40px 0px;}
.online02 h2{letter-spacing:1px; text-transform:capitalize; margin-bottom:20px; text-align:center;}
.online02 h6{width:70px; margin:auto; content:""; border-bottom:2px solid #45B97C;}
.online02 .box01{margin-top: 25px; margin-bottom: 25px; border-bottom: 4px double #d2d6da; padding-bottom: 25px;}
.online02 .box01 h3{margin-top:0px; font-size:20px; letter-spacing:1px; color:#45B97C; font-weight:600;}
.online02 .box01 p{font-size: 15px; letter-spacing: 0.5px;}
/*ONLINE03*/
.online03{margin-top:15px; margin-bottom:60px;}
.online03 h2{letter-spacing:1px; text-transform:capitalize; margin-bottom:20px; text-align:center;}
.online03 h6{width:70px; margin:auto; content:""; border-bottom:2px solid #45B97C;}
.online03 h5{font-size: 16px; letter-spacing: 0.5px; text-align: center;}
.online03 .box01{box-shadow:5px 5px 25px 0 rgba(46,61,73,.2); padding:25px; background-image:url(../image/wheat_vectors.png); background-repeat:no-repeat; background-position:center; height:190px; text-align:center; margin-top:25px; transition:all 0.1s ease-in-out;}
.online03 .box01:hover{box-shadow:5px 5px 35px 2px rgba(46,61,73,.2);}
.online03 .box01 h3{font-size: 30px; font-weight: 600; letter-spacing: 1px; margin-top: 30px;}
.online03 .box01 p{font-size: 16px; letter-spacing: 0.5px; width: 60%; margin: auto;}

.leftimg01{width:100%; height:auto;}

/*GENERAL01*/
.general01{}
.general01 .g_left{text-align:center;}
.general01 .g_left span{font-size:50px; color:#0A795D; margin-top:10px;}
.general01 .col-sm-11{border-left:2px solid #ccc;}
.general01 .g_right{padding-left:20px; margin-bottom:170px;}
.general01 .g_right h4{font-weight:600; text-align:center; margin-bottom:20px;}
.general01 .g_right h5{font-weight:600; letter-spacing:0.5px; margin-bottom:20px;}
.general01 .g_right h5 span{border-bottom:2px solid #333;}
.general01 .g_right p{letter-spacing:0.5px;}
.general01 .g_right ul li{list-style:none; margin-left:20px; margin-bottom:6px; letter-spacing:0.5px;}
.general01 .g_right ul li span{color:#0A795D; padding-right:3px;}
.general01 .g_right ul li span.italic01{font-style:italic;}
.general01 .fix01{border-top:1px solid #ccc; padding-top:15px; position:fixed; bottom:0px; background:#fff; z-index:99;}
.general01 .fix01 p{color:#0A795D; letter-spacing:0.5px;}
.general01 .fix01 a.btn{border:1px solid #ccc; color:#fff; background:#0A795D;}
/*SSC*/
.format01{padding:0px;}
.format01 h2{letter-spacing: 1px;}
.format01 h6{width:70px; content:""; border-bottom:2px solid #45B97C;}
.format01 .left_side01{border-bottom:1px solid #E7E2E2; padding-bottom:25px;}
.format01 .left_side01 img{float:left; padding:8px 13px 0px 0; height:220px;}
.format01 .left_side01 h3{letter-spacing:1px; font-size:22px;}
.format01 .left_side01 p{letter-spacing:0.5px; line-height:22px; text-align:justify;}
.format01 .left_side01 a{text-decoration:none; display: inline-block; background: #fff; padding: 10px 30px; color: #45B97C; letter-spacing: 0.5px;
 border: 2px solid #45B97C; font-weight:600; margin-top:5px; transition:all 0.2s ease-in-out;}
.format01 .left_side01 a:hover{background:#45B97C; color:#fff;} 
.format01 .left_side04{margin:50px 0px;} 
.format01 .left_side04 ul li{display:inline-block; margin-right:15px; margin-bottom:10px;}
.format01 .left_side04 ul li a{padding: 0px 15px 0px 0px; background: #00224F; color: #fff; letter-spacing: 1px; text-decoration:none;
 display:inline-block; border-radius:5px;}
.format01 .left_side04 ul li a span{background: #45B97C; top:0px; font-size: 16px; width: 40px; margin-right:5px; height: 40px; text-align: center;
 line-height: 40px; border-radius:5px 0px 0px 5px;}
 
/*TEST00*/
.test00{padding:0 0;}
.test00 h2{letter-spacing: 1px; text-align:center;}
.test00 h6{content:""; width:60px; border-bottom:2px solid #45B97C; margin:20px auto;} 
.test00 .notification01{box-shadow: 0px 0px 10px 0px #ccc; padding: 15px; margin-bottom:25px;}
.test00 .notification01 h3{font-size: 24px; margin-top: 0px; text-align: center; color:#45B97C;}
.test00 .notification01 ul li{padding:10px 0px; border-bottom: 1px solid #eae6e6; position:relative;}
.test00 .notification01 ul li img{position:absolute; right:0px; top:0px; height:30px;}
.test00 .notification01 ul li a{text-decoration:none; color:#333; display:block; letter-spacing:0.5px; transition:all 0.1s ease-in-out;}
.test00 .notification01 ul li a:hover{color:#45B97C;}
.test00 .notification01 ul li a svg:not(:root).svg-inline--fa{color:#45B97C;}
.test00 .notification01 hr{margin-bottom:10px;}
.test00 img.ias{height:auto;}
.test00 h3{letter-spacing:1px; margin:0px;}
.test00 h5{content:""; width:60px; border-bottom:2px solid #45B97C; margin:20px 0;} 
.test00 p{font-size:15px; line-height:22px; letter-spacing:0.5px; text-align:justify; margin-bottom:15px;}
.test00 .col-sm-4 a{display:inline-block; background: #45B97C; color: #fff; text-decoration: none; padding: 8px 20px; letter-spacing: 1px;
 font-size: 15px; border:2px solid #45B97C; font-weight:600; transition: all 0.2s ease-in-out;}
.test00 .col-sm-4 a:hover{background:#fff; color:#45B97C;} 
/*TEST01*/
.test01{padding:10px 0;}
.test01 h6{content:""; width:60px; border-bottom:2px solid #45B97C; margin:20px auto;} 
.test01 .col-sm-4 a{text-decoration:none; color:#fff;}
.test01 .box01{box-shadow:0px 0px 10px 0px #333; text-align:center; padding:40px 20px; position:relative; background:#00224F; margin-bottom:25px;
 transition:all 0.2s ease-in-out; color:#fff;}
.test01 .box01:hover{background:#45B97C;}
.test01 .box01 h3{font-size:20px; letter-spacing:1px; margin:0px; padding:20px 0px 10px 0px; color:#fff;}
.test01 .box01 p{margin-bottom:0px; color:#fff;}
.test01 .box01 h5{font-size: 18px; letter-spacing: 1px; font-weight: 600; margin:0px; padding:10px 0px 15px; color:#fff;}
.test01 .box01 span.ques01{position:absolute; top:0px; left:0px; background:#45B97C; color:#fff; display:inline-block; padding:5px 10px;
 border-radius: 0px 0px 5px 0px; letter-spacing: 1px; transition:all 0.2s ease-in-out;}
.test01 .box01:hover span.ques01{background:#00224F;} 
.test01 .box01 span.time01{position:absolute; top:0px; right:0px; background:#45B97C; color:#fff; display:inline-block; padding:5px 10px;
 border-radius: 0px 0px 0px 5px; letter-spacing: 1px; transition:all 0.2s ease-in-out;}  
.test01 .box01:hover span.time01{background:#00224F;}  
.test01 .box01 button{width: 100%; padding: 10px; font-size: 16px; font-weight: 600; background: #fff; border: none; letter-spacing: 1px;
 color: #333; border-radius:30px 0px; outline:none; transition:all 0.2s ease-in-out;} 
.test01 .box01:hover button{border-radius:0px 30px;} 
.test01 .box01 button:hover{color:#fff; background:#00224F;}
.test01 .box01 .button44{width: 100%; padding: 10px !important; font-size: 16px; font-weight: 600; background: #fff; border: none; letter-spacing: 1px;
 color: #333; border-radius:30px 0px; outline:none; transition:all 0.2s ease-in-out;} 
.test01 .box01:hover .button44{border-radius:0px 30px;} 
.test01 .box01 .button44:hover{color:#fff; background:#00224F;}
.test01 .notification01{margin-bottom:25px;}
.test01 .notification01 h3{font-size: 24px; margin-top: 0px; text-align: center; background:#45B97C; color:#fff; padding:10px;}
.test01 .notification01 ul li{padding:10px 0px; border-bottom: 1px solid #eae6e6; position:relative;}
.test01 .notification01 ul li img{position:absolute; right:0px; top:0px; height:30px;}
.test01 .notification01 ul li a{text-decoration:none; color:#333; display:block; letter-spacing:0.5px; transition:all 0.1s ease-in-out;}
.test01 .notification01 ul li a:hover{color:#45B97C;}
.test01 .notification01 ul li a svg:not(:root).svg-inline--fa{color:#45B97C;}
.test01 .notification01 hr{margin-bottom:10px; border-top:1px solid #e4d6d6;}
.test01 a.booK_cover{ text-decoration:none; color:#333;}
.test01 .box02{background: #eae4e4; padding: 15px; margin-bottom: 15px; border-radius: 5px 5px 0px 0px; margin-top:25px; overflow:hidden;}
.test01 a{text-decoration:none; color:#fff;}
.test01 .box02 img{transition:all 0.2s ease-in-out; transform:scale(1); margin:auto;}
.test01 .box02 img:hover{transform:scale(0.9); filter:brightness(0.7);}
.test01 .text02 h6{width:50px; content:""; border-bottom:2px solid #45B97C; margin:15px 0px;}
.test01 .text02 p{letter-spacing:0.5px; font-size:16px; margin-bottom:15px;}
.test01 .text02 h5{font-size:24px; font-weight:600; letter-spacing:1px;  background:#00224F; padding:10px 15px; color:#fff;
 border-radius: 0px 0px 5px 5px;}
.test01 .text02 h5 span{ color:#45B97C; font-size:18px;}
/*TEST02*/
.test02{margin:30px 0;}
.test02 h2{letter-spacing: 1px; text-align:center;}
.test02 h6{content:""; width:60px; border-bottom:2px solid #45B97C; margin:20px auto;} 
.test02 .packg01{background:#fff; text-align:center; position:relative; box-shadow: 0px 0px 10px 0px #ccc;}
.test02 .packg01 .pck_top01{height: 100px; border-top: 0px solid transparent; border-bottom: 30px solid transparent; border-left: 262px solid #45B97C;} 
.test02 .packg01 h3{font-size:18px; text-align:center; letter-spacing:1px; line-height:24px; margin:0px; position: absolute; top: 20px; z-index: 9999;
 color: #fff; left: 0px;}
.test02 .packg01 h4{font-size: 30px; letter-spacing: 1px; margin: 25px 0px;} 
.test02 .packg01 h4 span{font-size: 18px;}
.test02 .packg01 ul li{list-style: none; padding: 10px 0px; border-left: 4px solid #fff; letter-spacing: 1px;
 transition:all 0.1s ease-in-out;}
.test02 .packg01 ul li:nth-child(odd){background: #efebeb; border-left: 4px solid #45B97C;}
.test02 .packg01 a{text-decoration: none; background: #45B97C; color: #fff; font-weight: 600; letter-spacing: 1px; padding: 12px 40px;
 display: inline-block; border-radius: 25px; border:2px solid #45B97C; margin-top:10px; margin-bottom:20px; transition:all 0.2s ease-in-out;} 
.test02 .packg01 a:hover{background:#fff; color:#45B97C;} 
.test02 .packg02{background:#fff; text-align:center; position:relative; box-shadow: 0px 0px 10px 0px #ccc;}
.test02 .packg02 .pck_top01{height: 100px; border-top: 0px solid transparent; border-bottom: 30px solid transparent; border-left: 262px solid #00224F;} 
.test02 .packg02 h3{font-size:18px; text-align:center; letter-spacing:1px; line-height:24px; margin:0px; position: absolute; top: 20px; z-index: 9999;
 color: #fff; left: 0px;}
.test02 .packg02 h4{font-size: 30px; letter-spacing: 1px; margin: 25px 0px;} 
.test02 .packg02 h4 span{font-size: 18px;}
.test02 .packg02 ul li{list-style: none; padding: 10px 0px; border-left: 4px solid #fff; letter-spacing: 1px;
 transition:all 0.1s ease-in-out;}
.test02 .packg02 ul li:nth-child(odd){background: #efebeb; border-left: 4px solid #00224F;}
.test02 .packg02 a{text-decoration: none; background: #00224F; color: #fff; font-weight: 600; letter-spacing: 1px; padding: 12px 40px;
 display: inline-block; border-radius: 25px; border:2px solid #00224F; margin-top:10px; margin-bottom:20px; transition:all 0.2s ease-in-out;} 
.test02 .packg02 a:hover{background:#fff; color:#00224F;} 
.test03{margin-top:40px; margin-bottom:40px;}
.test03 h2{letter-spacing: 1px; text-align:center;}
.test03 h6{content:""; width:60px; border-bottom:2px solid #45B97C; margin:20px auto;}
.test03 .col-sm-4{margin-bottom:25px;} 
.test03 a img{width:100%; cursor:pointer;}
/*DESCRIPTION01*/
.description01{padding:0px 0;}
.description01 h2{letter-spacing: 1px; text-align:center;}
.description01 h6{content:""; width:60px; border-bottom:2px solid #45B97C; margin:20px auto;} 
.description01 .left_side01 h3{font-size: 24px; font-weight:700; background:#fff; color: #00224F; letter-spacing: 1px;}
.description01 .left_side01 img{ height:150px; float:left; padding-right:15px; padding-bottom:10px;}
.description01 .left_side01 p{line-height:22px;}
.description01 .left_side01 h4{font-size: 18px; margin-top: 25px; font-weight: 600; letter-spacing: 1px; color: #45b97c;}
.description01 .left_side01 table{margin-bottom:20px;}
.description01 .left_side01 thead tr{background:#45b97c; color:#fff;}
.description01 .left_side01 tbody tr:nth-child(odd){background:#E7E2E2;}
.description01 .left_side01 .table th{letter-spacing:1px;}
.description01 .left_side01 .table td{font-size:15px; letter-spacing:1px;}
.description01 .left_side02{margin-top:60px;}
.description01 .left_side02 h3{font-size: 24px; font-weight:700; background:#fff; color: #00224F; letter-spacing: 1px;}
.description01 .left_side02 img{ height:150px; float:left; padding-right:15px; padding-bottom:10px;}
.description01 .left_side02 p{letter-spacing:0.5px; line-height:22px; text-align:justify;}
.description01 .left_side02 ul li{letter-spacing:0.5px; line-height:24px;}
.description01 .left_side02 h4{font-size: 18px; margin-top: 25px; font-weight: 600; letter-spacing: 1px; color: #45b97c;}
.description01 .left_side02 table{margin-bottom:20px;}
.description01 .left_side02 thead tr{background:#45b97c; color:#fff;}
.description01 .left_side02 tbody tr:nth-child(odd){background:#E7E2E2;}
.description01 .left_side02 .table th{letter-spacing:1px;}
.description01 .left_side02 .table td{font-size:15px; letter-spacing:1px;}
.description01 .right_side01{border:2px solid #e8e1e1; padding:15px; margin-top:20px;}
.description01 .right_side01 h4{font-size: 18px; letter-spacing: 1px; background: #45B97C; padding: 10px; color: #fff; margin-top:0px;}
.description01 .right_side01 ul li a{ text-decoration:none; color:#333; display:block; letter-spacing:0.5px; font-size:13px; margin-bottom:10px;}
.description01 .right_side01 li span{color:#45B97C;}
.description01 .right_side02{border:2px solid #e8e1e1; padding:15px; margin-top:20px;}
.description01 .right_side02 h4{color:#45b97c; font-weight:600; letter-spacing:1px;}
.description01 .right_side02 li a{text-decoration:none; color:#00224F; border:2px solid #00224F; display:block; text-align:center; padding:10px;
 margin-bottom:15px; letter-spacing:1px; border-radius:5px; font-weight:600; transition:all 0.1s ease-in-out;}
.description01 .right_side02 li a:hover{box-shadow: 0px 2px 6px 0px #333;}
.description01 .right_side03{border:2px solid #e8e1e1; padding:15px; margin-top:20px;}
.description01 .right_side03 h4{font-size: 18px; letter-spacing: 1px; background: #45B97C; padding: 10px; color: #fff; margin-top:0px;}
.description01 .right_side03 ul li a{ text-decoration:none; color:#333; display:block; letter-spacing:0.5px; margin-bottom:10px;
 transition:all 0.1s ease-in-out;}
.description01 .right_side03 ul li a:hover{color:#45B97C;}
.description01 .right_side03 li span{color:#45B97C;}

.description01 .leftbox03{border:1px solid #ddd; padding:15px ; margin-top:15px;}
.description01 .leftbox03 h4{color:#0900B3;}
.description01 .leftbox03 h4 span{/*color:#a7a4a4;*/}
.description01 .leftbox03 ul li{display:inline-block;}
.description01 .leftbox03 ul li i{color:#ccc; transition:all 0.1s ease-in-out;}
.description01 .leftbox03 ul li i:hover{color:rgba(250,90,54,1.00);}
.description01 .leftbox03 ul{border: 1px solid #ddd; border-bottom:none; padding: 10px; margin-bottom: 0px;}
.description01 .leftbox03 input{width:100%; padding:10px; border:1px solid #ddd; border-bottom:none; outline:none;}
.description01 .leftbox03 textarea{width:100%; padding:10px; border:1px solid #ddd; height:100px; margin-bottom:5px; outline:none;}
.description01 .leftbox03 input[type="submit"]{width:150px; background:rgba(250,90,54,1.00); border:none; color:#fff; font-size:16px;
 transition:all 0.2s ease-in-out;}
.description01 .leftbox03 input[type="submit"]:hover{background:#0900B3;}
.description01 .leftbox03 p{position:relative;}
.description01 .leftbox03 input[type="file"]{width: 150px; border:1px solid #ddd; opacity:0; z-index:2; cursor:pointer;}
.description01 .leftbox03 p button{width:150px; padding:10px; position:absolute; top:0px; left:0px; z-index:-1; background: #fff;
 border: 1px solid #ddd; color: #000; font-weight: 600; letter-spacing: 0.5px;}
.description01 .leftbox03 .div img{width:20px; margin:5px;}

.description01 .leftbox04{border:1px solid #ddd; padding:15px ; margin-top:15px;}
.description01 .leftbox04 h4{color:rgba(250,90,54,1.00); letter-spacing:0.5px;}
.description01 .leftbox04 h4 img{height: 70px; display: inline; margin-top: -8px; width: 75px; padding:5px; border:1px solid #ddd;
 border-radius: 5px; margin-right:5px;}
.description01 .leftbox04 h4 span{font-size:14px; color:#bbb2b2; font-weight:600;}
.description01 .leftbox04 h4 .report{color:#BBB2B7;}
.description01 .leftbox04 h4 .edit{color:#BBB2B7; margin:0 10px;}
.description01 .leftbox04 h4 .delete{color:#BBB2B7 ;}
.description01 .leftbox04 .reply{ width:100%; margin-top:10px;}
.description01 .leftbox04 .reply input{ width:100%; padding:10px; border:1px solid #ddd; border-bottom:none; outline:none; border-radius:10px 10px 0 0;}
.description01 .leftbox04 .reply textarea{ width:100%; padding:10px; border:1px solid #ddd; height:100px; margin-bottom:5px; outline:none;border-radius:0 0 10px 10px;}
.description01 .leftbox04 .reply button{width:100px; background:rgba(250,90,54,1.00); border:none; color:#fff; font-size:16px;
 transition:all 0.2s ease-in-out; border-radius:10px;}
.description01 .leftbox04 .reply01{ border-bottom:2px dotted #ddd; padding-bottom:5px; margin-bottom:10px;}
.description01 .leftbox04 h5{color:#bfb7b7; margin:15px 0px;}
.description01 .leftbox04 .post01{border-bottom:2px dashed #ddd; padding-bottom:15px; margin-bottom:20px;}
.description01 .leftbox04 img.big01{height: 100px; border: 2px dashed #ccc; padding: 5px; margin: 10px; float:left}
.description01 .leftbox05{border:1px solid #ddd; padding:15px ; margin-top:15px;}
.description01 .leftbox05 h4{color:rgba(250,90,54,1.00); letter-spacing:0.5px;}
.description01 .leftbox05 .othersub{ background:rgba(217,217,217,1.00); display:block; margin:5px 0; padding:8px 10px; text-decoration:none; color:rgba(107,107,107,1.00);}
.description01 .leftbox01 .nextimg .hide03{ line-height:120px;}
.description01 .leftbox04 #more{}
.description01 .leftbox04 #more:hover{ text-decoration:underline;}
.description01 .leftbox04 #moreimg{}
.description01 .leftbox04 .post01 h5 img{ width:16px; margin:2px;}

/*JOB NOTIFICATIONS*/
.job01{padding:10px 0;}
.job01 .left_side01 h2{letter-spacing: 1px; font-size:26px;}
.job01 .left_side01 h6{content:""; width:60px; border-bottom:2px solid #45B97C; margin:20px 0;} 
.job01 .left_side01 h5{font-size: 16px; color: #d0cccc; letter-spacing: 1px;}
.job01 .left_side01 p{margin-top: 20px; letter-spacing: 1px; line-height: 22px; text-align: justify;}
.job01 .left_side01 h3{font-size: 20px; letter-spacing: 1px;}
.job01 .left_side01 a{ text-decoration:none; display:block;}
.job01 .right_side01{padding: 30px; background:#00224F; color:#fff;  margin: 25px 0;}
.job01 .right_side01 h3{text-transform: uppercase; letter-spacing: 1px; text-align: center; margin-top: 0px; border-bottom: 4px double #fff;
 padding-bottom: 10px; margin-bottom: 15px;}
.job01 .right_side01 ul{ background:#27435f; padding:20px;}
.job01 .right_side01 ul li a{text-decoration: none; color: #fff; letter-spacing: 1px; padding: 5px 0px; padding: 15px 0px; border-bottom: 1px solid #fff;
 display: block; transition:all 0.1s ease-in-out;}
.job01 .right_side01 ul li a:hover{background:#00224F;} 
.job01 .right_side01 ul li a span{}
.job01 .right_side02{padding: 20px; margin-top: 25px; margin-bottom:25px; box-shadow: 0px 0px 45px -20px #333;}
.job01 .right_side02 h3{letter-spacing:1px; font-size: 20px; line-height: 24px; text-align:center;}
.job01 .right_side02 h6{content:""; width:60px; border-bottom:2px solid #45B97C; margin:20px auto;}
.job01 .right_side02 ul li{background: #ece7e7cc; padding: 10px; margin-bottom:10px;}
.job01 .right_side02 ul li:hover span{background:#45B97C;} 
.job01 .right_side02 ul li a{text-decoration:none; display:block; font-size:16px; letter-spacing:0.5px; color:#333; text-transform:capitalize;}
.job01 .right_side02 ul li a span{width: 30px; height: 30px; line-height: 30px; text-align: center; display: inline-block; margin-right:5px;
 background:#00224F; color:#fff; transition:all 0.1s ease-in-out;}
 
 /*INVENTORY*/
.inventory01{}
.inventory01 ul li{list-style:none; display:inline-block; padding: 10px 45px; background: #031B42; color: #fff; font-size:16px; margin-bottom:5px;}
.inventory01 h4{font-size: 20px; font-weight: 600; letter-spacing: 0.5px; margin-top:20px;} 
.inventory01 table{ border-collapse: collapse; width:100%;}
.inventory01 table td, th{border: 1px solid #dddddd; text-align: left; padding: 8px;}
.inventory01 table th{background-color: #168665; color: #fff;}
/*REPORT*/
.report01{margin-top:20px;}
.report01 .report_left{border:1px solid #ccc; padding:20px;}
.report01 .tab-contentimg{height:280px; margin:auto;}
.report01 .tab-content p{letter-spacing:0.5px;}
.report01 .tab-content span{width: 20px; height: 20px; display: block; float: left; margin-right: 8px;}
.report01 .tab-content span.clr01{background: #E51F30;}
.report01 .tab-content span.clr02{background: #0171D0;}
.report01 .tab-content span.clr03{background: #B30000;}
.report01 .tab-content span.clr04{background: #FFDC2D;}
.report01 .tab-content span.clr05{background: #5DA934;}
.report01 .tab-content span.clr06{background: #9234A9;}
.report01 .tab-content{padding-top:20px;}
.report01 #pd_top{padding-top:0px; padding-left:40px;}
.report02{margin-bottom:20px;}
.report02 h2{color: #B70B0B; }
.report02 .col-xs-3{text-align:center; padding-left:0px; padding-right:0px;}
.report02 .col-xs-2{text-align:center; padding-right:0px;}
.report02 .col-xs-1{text-align:center; padding-right:0px;}
.report02 .headings01{border:1px solid #ccc;}
.report02 .headings01 h5{background:#031B42; color:#fff; margin-top:0px; padding: 10px 0px; text-align: center;}
.report02 .headings01 h4{color:#031B42; font-weight:600; letter-spacing:1px;}
.report02 .descrption01{border-left:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:15px;}
.report02 .descrption01 p{letter-spacing:0.5px;}
.report02 .descrption01 p b{color:#031B42;}
.report02 .descrption01 p.bg_color{font-weight:600; letter-spacing:1px; color:#031B42;}
.report02 .options01{}
.report02 .options01 h4{letter-spacing:0.5px; font-size:16px;}
.report02 .options01 h4 span.wrong01{color:#B70B0B; font-weight:600;}
.report02 .options01 h4 span.right01{color:#B70B0B; font-weight:600;}
.report02 .box01{border:1px solid #ccc; padding:0px 10px; margin-bottom:5px; position:relative; cursor:pointer;}
.report02 .box01 h6{font-weight: 600; font-size: 20px; color: #031B42; margin-bottom:0px;}
.report02 .box01 span.glyphicon-ok-sign{font-size: 24px; position: absolute; top: 5px; right: 5px; color: #B70B0B;}
.report02 .box01 span.glyphicon-remove-sign{font-size: 24px; position: absolute; top: 5px; right: 5px; color: #B70B0B;}
.report02 .solutions01{padding: 15px 15px; background: #fff; margin-top:20px;}
.report02 .solutions01 h3 { font-size:20px; letter-spacing:1px; color:#031B42; font-weight:600; margin-top:0px;}
	
.report02 .list01 ul{}
.report02 .list01 ul li{ margin:0 2px 2px; cursor:pointer; list-style:none; display:inline-block; text-decoration: none; display: inline-block; background: #B70B0B; height: 26px; width:26px; line-height: 26px; text-align: center; font-size: 14px; color: #fff; transition: all 0.2s ease-in-out;}
.report02 .list01 ul li:hover{background:#B70B0B;}
.active01{background:#B70B0B !important;}
 /*REPORT TODAY*/
.menues01{ background:#5259DB; color:#fff; padding:10px;}
.menues01 ul li{list-style:none; display:inline-block; font-size: 16px; letter-spacing: 1px; margin-right: 10px;}
.test_report01 .table thead{background:#031B42; color:#fff;}
.repobox {padding:12px 0;}
.repobox a img{ background:#B70B0B; height:64px; width:64px;}
.repobox a img:hover{ background:#158868;}
.active02{background:#158868 !important;}
.repobox .fa-file-text-o{background:rgba(8,151,255,1.00);}
.repobox .fa-table{background:#031B42;}
.repobox .fa-pie-chart{background:#5259DB;}
.repobox .fa-list{background:#109618;}
.repobox .fa-thumbs-up{background:#DC3912;}
.repobox .fa-arrow-up{background:#168665;}
.repobox .fa-undo{background:#008000;}
.test_report01 h2{color: #B70B0B; }
.report_graph01 .container{box-shadow: 0px 0px 8px #ccc; padding:15px; margin-bottom:25px; width:1140px;}
.report_graph01 h2{color: #fff; background:#109618; padding:10px 15px;}
.report_graph01 h2.hdng{background:#DC3912; padding:10px 15px; color:#fff;}
.cntr01 h3{border-bottom: 1px solid #ccc; padding: 15px; margin-bottom: 0px; background: #5259DB; color:#fff;}
.line_graph01 .container{box-shadow: 0px 0px 8px #ccc; padding:15px; margin-bottom:25px; width:1140px;}
.line_graph01 h2{color: #fff; background:#008000; padding:10px 15px;}
.pagination01{margin-bottom:20px;}
.pagination01 .container{position:relative;}
.pagination01 .rght{text-align:right; padding-right:5px;}
.pagination01 .lft{text-align:left; padding-left:5px;}
.pagination01 span{top:0px; font-size:13px;}
.pagination01 a.pre01{display: inline-block; background: #B70B0B; color: #fff; font-weight:600; padding: 10px 0px;
 border-radius: 5px; letter-spacing: 1px; font-size: 15px; text-decoration:none; width:130px; text-align:center; transition: all 0.1s ease-in-out;}
.pagination01 a.pre01:hover{background:#168665;} 
.pagination01 a.not_active{background:#bf4c4c !important; cursor:default;}
.pagination01 a.nxt01{display: inline-block; background: #B70B0B; color: #fff; font-weight:600; padding: 10px 0px;
 border-radius: 5px; letter-spacing: 1px; font-size: 15px; text-decoration:none; width:130px; text-align:center; transition: all 0.1s ease-in-out;}
.pagination01 a.nxt01:hover{background:#168665;}   
/*RAISE ISSUE*/
#r_issue{}
#r_issue .modal-header{background: #031B42; color: #fff;}
#r_issue .modal-header .close{color: #fff; opacity: 1;}
#r_issue .raise01 h4.modal-title{font-size: 20px; letter-spacing: 1px;}
#r_issue .raise01 p{margin: 0 0 5px; font-size: 16px; letter-spacing: 1px;}
#r_issue .raise01 input[type="text"]{width:100%; padding:10px; border:1px solid #CCCCCC; margin-bottom:15px; outline:none;}
#r_issue .raise01 select{width:100%; padding:10px; border:1px solid #CCCCCC; margin-bottom:15px; outline:none;}
#r_issue .raise01 textarea{width:100%; padding:10px; border:1px solid #CCCCCC; height:100px; margin-bottom:5px; outline:none;}
#r_issue .raise01 input[type=submit]{background:#031B42; display:block; width:150px; padding:10px 0px; text-align:center; color:#fff; font-weight:600; letter-spacing:1px; border:2px solid #031B42; transition:all 0.2s ease-in-out; outline:none;}
#r_issue .raise01 input[type=submit]:hover{ background:#fff; color:#031B42;}
.raise_btn{background: #B70B0B; color: #fff; border: 2px solid #B70B0B; display: inline-block; padding: 8px 20px; letter-spacing: 1px;
 border-radius: 3px; position: fixed; right: -59px; top: 350px; z-index: 99; transform: rotate(90deg); text-transform: uppercase; outline:none;
 transition:all 0.2s ease-in-out;}
.raise_btn:hover{background:#fff; color:#B70B0B; box-shadow:0px 0px 10px 0px #333;}
/*CONTACT01*/
.contact01{margin-top:25px;}
.contact01 h2{letter-spacing: 1px;}
.contact01 h6{width:70px; content:""; border-bottom:2px solid #45B97C; margin:20px 0 0 0;}
.contact01 h3{font-size: 22px; letter-spacing: 1px; color: #45B97C;}
.contact01 p{line-height:22px; color:#000;}
.contact01 a{color: #000; text-decoration: none; letter-spacing: 0.3px; transition:all .1s ease-in-out;}
.contact01 h4{font-size:20px; letter-spacing:0.5px; color:#F89939;}
.contact01 h5{font-size: 15px; color: #1B4503; font-weight:600; letter-spacing: 0.5px; line-height: 22px;}
.contact01 input{width: 100%; padding: 12px; border: 1px solid #dcdcdc; border-radius: 5px; margin-bottom: 15px; outline: none;}
.contact01 textarea{width: 100%; padding: 12px; border: 1px solid #dcdcdc; border-radius: 5px; margin-bottom: 15px; outline: none;}
.contact01 input[type="submit"]{width:200px; border:2px solid #45B97C; background:#fff; font-size:16px; font-weight:600; letter-spacing:1px;
 color:#45B97C; transition:all 0.2s ease-in-out;}
.contact01 input[type="submit"]:hover{background:#45B97C; color:#fff;}
/*CONTACT02*/ 
.contact02{margin-top:45px; margin-bottom:65px;}
.contact02 iframe{height:400px; width:100%;}
/*USERLOGIN01*/
.userlogin01{}
.userlogin01 .loginbox{width:450px; margin:50px auto; box-shadow:0px 0px 10px 0px #333; padding:40px;}
.userlogin01 .loginbox h2{margin-top:0px; letter-spacing:1px; color:#00224F;}
.userlogin01 .loginbox h6{content:""; width:50px; border-bottom:2px solid #45B97C; margin-bottom:20px;}
.userlogin01 .loginbox input{width:100%; padding:15px; margin-bottom:15px; border:none; background:#fff; outline:none; border-bottom:1px solid #ccc;}
.userlogin01 .loginbox a.fb01{text-decoration:none; color:#fff; display:block; width: 100%; background: #4867AA; text-align: center; padding: 12px;
 font-size: 16px; letter-spacing: 1px; border-radius: 5px; border: 2px solid #4867AA; margin-bottom:15px; transition:all 0.2s ease-in-out;}
.userlogin01 .loginbox a.fb01:hover{background:#fff; color:#4867AA;}  
.userlogin01 .loginbox a.tw01{text-decoration:none; color:#fff; display:block; width: 100%; background: #dd4b39; text-align: center; padding: 12px;
 font-size: 16px; letter-spacing: 1px; border-radius: 5px; border: 2px solid #dd4b39; margin-bottom:15px; transition:all 0.2s ease-in-out;}
.userlogin01 .loginbox a.tw01:hover{background:#fff; color:#dd4b39;} 
.userlogin01 .loginbox h5.or{font-size: 16px; text-align: center; margin-bottom: 15px;}
.userlogin01 .loginbox h5.forgot_pass{text-align:right; letter-spacing:0.5px; margin-top:0px;}
.userlogin01 .loginbox h5.forgot_pass a{text-decoration:none; color:#9e9898;}
.userlogin01 .loginbox input[type=submit]{width:100%; padding:15px; border:none; background:#45B97C; color:#fff; font-weight:600; letter-spacing:1px;
 font-size:16px; border-radius:5px; transition:all 0.2s ease-in-out;}
.userlogin01 .loginbox input[type=submit]:hover{background:#00224F;}
.userlogin01 .loginbox h5.not_user{text-align:center; letter-spacing:0.5px; font-size:16px; margin-bottom:0px;}
.userlogin01 .loginbox h5.not_user a{color:#ed5b6c;} 
/*USER REGISTER01*/
.userreg01{}
.userreg01 .regbox{width:450px; margin:50px auto; box-shadow:0px 0px 10px 0px #333; padding:40px;}
.userreg01 .regbox h2{margin-top:0px; letter-spacing:1px; color:#00224F;}
.userreg01 .regbox h6{content:""; width:50px; border-bottom:2px solid #45B97C; margin-bottom:20px;}
.userreg01 .regbox input{width:100%; padding:15px; margin-bottom:15px; border:none; background:#fff; outline:none; border-bottom:1px solid #ccc;}
.userreg01 .regbox a.fb01{text-decoration:none; color:#fff; display:block; width: 100%; background: #4867AA; text-align: center; padding: 12px;
 font-size: 16px; letter-spacing: 1px; border-radius: 5px; border: 2px solid #4867AA; margin-bottom:15px; transition:all 0.2s ease-in-out;}
.userreg01 .regbox a.fb01:hover{background:#fff; color:#4867AA;}  
.userreg01 .regbox a.tw01{text-decoration:none; color:#fff; display:block; width: 100%; background: #dd4b39; text-align: center; padding: 12px;
 font-size: 16px; letter-spacing: 1px; border-radius: 5px; border: 2px solid #dd4b39; margin-bottom:15px; transition:all 0.2s ease-in-out;}
.userreg01 .regbox a.tw01:hover{background:#fff; color:#dd4b39;} 
.userreg01 .regbox h5.or{font-size: 16px; text-align: center; margin-bottom: 0px;}
.userreg01 .regbox input[type=submit]{width:100%; padding:15px; border:none; background:#45B97C; color:#fff; font-weight:600; letter-spacing:1px;
 font-size:16px; border-radius:5px; transition:all 0.2s ease-in-out;}
.userreg01 .regbox input[type=submit]:hover{background:#00224F;}
.userreg01 .regbox h5.not_user{text-align:center; letter-spacing:0.5px; font-size:16px; margin-bottom:0px;}
.userreg01 .regbox h5.not_user a{color:#ed5b6c;}  
/*PROFILE01*/
.profile01{margin-top:50px; margin-bottom:10px;}
.profile01 ul{border:1px solid #EFEDED; margin-top:20px; padding:15px 10px; box-shadow: inset 0px 0px 6px 0px #00224F; border-radius:5px;}
.profile01 ul li{display:inline; letter-spacing:0.5px;}
.profile01 ul li a{text-decoration:none; letter-spacing:0.5px; padding: 0px 20px; border-right: 1px solid #333; display: inline-block; color: #333;
 font-weight: 600; transition:all 0.1s ease-in-out;}
.profile01 ul li a:hover{color:#F29C1F;}
.profile01 ul li a span{color:#45B97C;}
/*PROFILE02*/
.profile02{margin-bottom:50px;}
.profile02 .lft_side01{background:#00224F; padding:15px 15px 45px 15px; border-bottom:2px double #333; margin-bottom:25px; border-radius:5px;
 position:relative;}
.profile02 .lft_side01 img{height: 150px; margin: auto;}
.profile02 .lft_side01 a.edit01{position:absolute; bottom:6px; left:7px; background:#45B97C; display:inline-block; padding:5px 5px; font-size:12px;
 letter-spacing: 1px; border-radius: 2px; text-decoration:none; color:#fff; text-align:center; width:115px;}
.profile02 .lft_side01 a.remove01{position:absolute; bottom:6px; right:7px; background:#45B97C; display:inline-block; padding:5px 5px; font-size:12px;
 letter-spacing: 1px; border-radius: 2px; text-decoration:none; color:#fff; text-align:center; width:115px;} 
.profile02 .lft_side01 a:hover{background:#fff; color:#333;} 
.profile02 .lft_side02{}
.profile02 .lft_side02 h4{font-size: 18px; letter-spacing: 1px; background: #45B97C; color: #fff; padding: 12px; text-align: center; border-radius: 5px;
 margin-top:0px;}
.profile02 .lft_side02 ul{margin-bottom:50px;}
.profile02 .lft_side02 ul li a{text-decoration: none; color: #333; display: block; border-left: 2px solid #00224F; transition:all 0.2s ease-in-out;
 margin-bottom: 10px; padding:10px 10px; background: #eaeaea; letter-spacing: 1px;}
.profile02 .lft_side02 ul li a:hover{background:#00224F; color:#fff;}
.profile02 .rght_side01{}
.profile02 .rght_side01 h4{font-size:18px; letter-spacing:2px; padding:10px; background:#45B97C; color:#fff; border-left:3px solid #00224F;
 margin-top:0px;}
.profile02 .rght_side01 ul{box-shadow:0px 0px 5px 0px #dacece; padding:10px;}
.profile02 .rght_side01 ul li a{text-align: center; display: block; letter-spacing: 1px; border-bottom: 1px solid #dacece; padding: 10px 0px;
 color: #333; text-decoration: none; transition:all 0.2s ease-in-out;}
.profile02 .rght_side01 ul li a:hover{box-shadow:inset 0px 100px 0px 0px #00224F; color:#fff;}
.profile02 .cnt_user1{}
.profile02 .cnt_user1 h4{font-size:18px; letter-spacing:2px; padding:10px; background:#45B97C; color:#fff; border-left:3px solid #00224F; margin-top:0px;
 margin-bottom:25px;}
.profile02 .cnt_user1 p{font-size:16px; letter-spacing:1px; font-weight:600; margin-bottom:5px;}
.profile02 .cnt_user1 input{width:100%; padding:10px; border-radius: 5px; border:1px solid #dacece; outline:none; margin-bottom:15px;}
.profile02 .cnt_user1 input:focus{box-shadow: 0px 0px 5px 0px #ab9f9f;}
.profile02 .cnt_user1 p span{color:#F29C1F;}
.profile02 .cnt_pass1{}
.profile02 .cnt_pass1 h4{font-size:18px; letter-spacing:2px; padding:10px; background:#45B97C; color:#fff; border-left:3px solid #00224F; margin-top:0px;
 margin-bottom:25px;}
.profile02 .cnt_pass1 p{font-size:16px; letter-spacing:1px; font-weight:600; margin-bottom:5px;}
.profile02 .cnt_pass1 input{width:100%; padding:10px; border-radius: 5px; border:1px solid #dacece; outline:none; margin-bottom:15px;}
.profile02 .cnt_pass1 input:focus{box-shadow: 0px 0px 5px 0px #ab9f9f;}
.profile02 .cnt_pass1 input[type="submit"]{background:#00224F; color:#fff; font-weight:600; letter-spacing:2px; font-size:18px; border:none;
 transition:all 0.2s ease-in-out;}
.profile02 .cnt_pass1 input[type="submit"]:hover{ background:#45B97C;} 
.profile02 .cnt_pass1 p span{color:#F29C1F;}
.profile02 .exams01{}
.profile02 .exams01 h4{font-size:18px; letter-spacing:2px; padding:10px; background:#45B97C; color:#fff; border-left:3px solid #00224F; margin-top:0px;}
.profile02 .exams01 table thead{background:#00224F; color:#fff;}
.profile02 .exams01 table thead th{ text-align:center; letter-spacing:1px;}
.profile02 .exams01 table a{text-decoration: none; font-weight: 600; color: #45B97C; letter-spacing: 1px; font-size: 16px;}
.profile02 .exams01 table tbody tr:nth-child(even){background:#f1ecec;}
/*--------------- RESPONSIVE ----------------------*/
@media (max-width:1199px) and (min-width:992px){
.navbar-default .navbar-nav > li > a{padding: 10px 12px;}
.navbar-default .drop01{ z-index:999; left:-100px;}
.test02 .packg01 .pck_top01{border-left: 214px solid #45B97C;}
.test02 .packg02 .pck_top01{border-left: 214px solid #00224F;}	
}
@media (max-width:991px) and (min-width:768px){
	
.navbar-default .navbar-nav > li > a{font-size:10px; padding: 10px 10px;}
.navbar-default .navbar-brand > img{height: 40px;}
.navbar-default .drop01{ z-index:999; width:730px; left:-200px;}

.wrap02 .rightside01 .text01 h3{ font-size:12px; line-height:20px;}
.test02 .packg01 .pck_top01{border-left: 159px solid #45B97C;}
.test02 .packg02 .pck_top01{border-left: 159px solid #00224F;}
}
@media (max-width:767px) and (min-width:641px){
.cwrap01 .boxn01{width:50%; float:left;}
.cwrap01 .box01 img{ width:auto; height: 90px;}
.cwrap01 .box01 p{display:none;}
.headdown01 #rightdrop01{position:relative !important;}
.headdown01 #rightdown{display:none !important; position:absolute !important;; background:rgba(211,207,187,1.00); right:-75% !important;; top:10px; z-index:999; }
.headdown01 #rightdown ul{padding:10px;}
.headdown01 #rightdown li{display:block; border-bottom:1px solid #c4c4c4; padding:3px 0;}
.headdown01 #rightdown li a{font-size:12px !important;}
.headdown01 #rightdrop01:hover #rightdown{display:block !important;}

.newheader01{text-align:center; background:#fff; padding-bottom:8px;}	
.newheader01 .col-sm-3{width: 100%;}	
.headtop01{padding:8px 0;}
.headtop01 h3{font-weight:999; padding:0px 0; margin-top:0;}
.headtop01 .fa-bars{font-weight:999; font-size:40px;}

.headtoggle01 {text-align:left; margin-top:10px;}
.headtoggle01 i{margin-left:10px; font-size:30px; font-weight:999;}
.headtoggle01 h3{display:inline; margin-left:25%;}

.headdrop01{position:relative;}
.headdown01{position:absolute; background:#dedbcc; right:0%; top:40px; display:none; z-index:3000;}
.headdown01 ul{padding:10px;}
.headdown01 li{display:block; border-bottom:1px solid #c4c4c4; padding:3px 0;}

.headdrop01:hover .headdown01{display:block;}


.toggle01{width:100%;  display:none;}

.headtoggle{background:#dedbcc; padding:10px;}
.headtoggle h4{font-size:21px; color:#555;} 
.togin01{padding:5px;}
.togin01 h4{margin-top:0; font-weight:999; color:#555;} 
.togin01 h6{width:100%; height:1px; background:#555;}
.togin01 li{list-style:none; padding:5px 0px;}
.togin01 li a{color:#555;}.main01{display:none;}

.main02{display:block;}

.header .topbar01 .mnav01{display:block;}
.header .topbar01 .desknav01{display:none;}
.header .topbar01 .col-sm-4{display:none;}
.topbar01 .col-sm-3{display:none;} .navbar-default #donate {display:none;}
/*NAVBAR*/
.navbar-default .navbar-toggle{border-color:#00224F; background:transparent !important;}
.navbar-default .navbar-toggle .icon-bar{background:#17C2A4; }	

.mobweb01{display:block;}
.deskweb01{display:none;}
/*TOPBAR*/
.topbar svg:not(:root).svg-inline--fa{width: 25px; height: 25px; padding: 6px;} 
.topbar ul.info01 li{margin-right:0px; margin-bottom:5px;} 
 
.topbar ul.btns li{margin-left:0px; margin-right:10px;}
.topbar ul.btns li a{font-weight: 600; font-size: 12px; letter-spacing: 1px;}
/*NAVBAR*/
.navbar-default .navbar-nav>li>a{color: #000; font-size:14px; padding:7px 15px; margin-left:0px; margin-top:2px;}
.navbar-default .drop01{display:none;}
 
/*WRAP02*/
.wrap02{padding:50px 0px;}
.wrap02 .leftside01 .pdng01{padding:0px 0px 20px 0px; border-right:0px double #fff; border-bottom:3px double #fff;}
.wrap02 .leftside01 .pdng02{padding:20px 0px 20px 0px; border-bottom:3px double #fff;}
.wrap02 .leftside01 .pdng03{padding:20px 0px 20px 0px; border-right:0px double #fff; border-top:0px double #fff;}
.wrap02 .leftside01 .pdng04{padding:25px 15px; border-top:4px double #fff;}
.wrap02 .rightside01 .text01{height:110px; margin-top: -20px;}
.wrap02 .rightside01 .text01 h3{font-size:15px; line-height: 20px; padding-top:40px;}
/*WRAP04*/
.wrap04 .cover01{padding: 25px 25px;} 
/*FOOTER*/
.footer .f_top{padding:30px 0px;}
.footer .f_top img{height:50px;}
.footer .f_top h4{margin-top:25px;}
.footer .f_bottom p{ text-align:center; margin-bottom:10px;}
.footer .f_bottom ul{text-align:center;}

/*ABOUT04*/
.about04{margin-top:10px; margin-bottom:40px;}
.about04 .box01{ text-align:center; border-bottom:1px solid #EBE6E6; margin-bottom:25px;}
.about04 h3{font-weight:900; letter-spacing:1px; font-size:45px;}
.about04 h5{width:70px; content:""; border-bottom:3px solid #d6dcd9; margin:20px auto;}
.about04 h4{font-size: 22px; letter-spacing: 1px; margin-bottom:25px;} 

/*ONLINE02*/
.online02{margin:40px 0px;}
.online02 img{height: 80px; margin: auto; margin-bottom:20px;}
.online02 .col-sm-6{ text-align:center;}

/*FORMAT01*/
.format01 .left_side03 h3{margin-bottom:20px;}
/*TEST00*/
.test00 img.ias{height:auto; margin-bottom:15px;}
/*TEST01*/
.test01 .box01 button{width:60%;}
/*TEST02*/
.test02{margin-top:30px;}
.test02 .packg01{margin-bottom:25px;}
.test02 .packg01 .pck_top01{border-top: none; border-bottom: none; border-left: none; background:#45B97C; height:85px;}
.test02 .packg01 h3{text-align: center; width: 100%;}
 
.test02 .packg02{margin-bottom:25px;}
.test02 .packg02 .pck_top01{border-top: none; border-bottom: none; border-left: none; background:#00224F; height:85px;}
.test02 .packg02 h3{text-align: center; width: 100%;}
/*TEST03*/
.test03{margin-top:15px;}
.description01 .left_side02{overflow:scroll;}
/*CONTACT02*/
.contact02 iframe{height: 250px;}
/*REPORT PAGES*/
/*MENUES01*/
.menues01 ul{ margin-bottom:0px;}
.menues01 ul li{font-size:14px;}
/*TEST REPORT01*/
.test_report01{overflow:hidden;}
.test_report01 .container{overflow:scroll;}
.report_graph01{overflow:scroll;}
.report_graph01 .container{width:100%; overflow:scroll;}
.report02 .col-xs-1{padding-left:0px;}
.report02 .descrption01{padding:5px;}
.line_graph01{overflow:scroll;}
.line_graph01 .container{width:100%; overflow:scroll;}
/*INVENTORY*/
.inventory01{overflow:scroll;}
/*PAGINATION01*/
.pagination01 .rght{ text-align:left; margin-bottom:10px;}
.pagination01 a.nxt01{margin-left:10px;}
.raise_btn{padding:8px 10px; right:-30px; font-size:11px; top:280px;}
/*USERLOGIN01*/
.userlogin01{margin-bottom:20px;}
.userlogin01 .loginbox{width:60%; margin:10px auto; padding:20px;}
.userlogin01 .loginbox input{padding:10px; margin-bottom:10px;}
.userlogin01 .loginbox a.fb01{padding: 6px; margin-bottom:10px;}
.userlogin01 .loginbox a.tw01{padding: 6px;margin-bottom:10px;}
.userlogin01 .loginbox h5.or{font-size: 14px; margin-bottom: 10px;}
.userlogin01 .loginbox input[type=submit]{padding:10px; font-size:14px;}
.userlogin01 .loginbox h5.not_user{font-size:14px;}
/*USER REGISTER01*/
.userreg01{margin-bottom:20px;}
.userreg01 .regbox{width:60%; margin:10px auto; padding:20px;}
.userreg01 .regbox input{padding:10px; margin-bottom:10px;}
.userreg01 .regbox a.fb01{padding: 6px;margin-bottom:10px;}
.userreg01 .regbox a.tw01{padding: 6px;margin-bottom:10px;}
.userreg01 .regbox h5.or{font-size: 14px;}
.userreg01 .regbox input[type=submit]{padding:10px;}
.userreg01 .regbox h5.not_user{font-size:14px;}
	
}
@media (max-width:640px) and (min-width:581px){
.cwrap01 .boxn01{width:50%; float:left;}
.cwrap01 .box01 img{ width:auto; height: 90px;}
.cwrap01 .box01 p{display:none;}
.headdown01 #rightdrop01{position:relative !important;}
.headdown01 #rightdown{display:none !important; position:absolute !important;; background:rgba(211,207,187,1.00); right:-75% !important;; top:10px; z-index:999; }
.headdown01 #rightdown ul{padding:10px;}
.headdown01 #rightdown li{display:block; border-bottom:1px solid #c4c4c4; padding:3px 0;}
.headdown01 #rightdown li a{font-size:12px !important;}
.headdown01 #rightdrop01:hover #rightdown{display:block !important;}

.newheader01{text-align:center; background:#fff; padding-bottom:8px;}	
.newheader01 .col-sm-3{width: 100%;}	
.headtop01{padding:8px 0;}
.headtop01 h3{font-weight:999; padding:0px 0; margin-top:0;}
.headtop01 .fa-bars{font-weight:999; font-size:40px;}

.headtoggle01 {text-align:left; margin-top:10px;}
.headtoggle01 i{margin-left:10px; font-size:30px; font-weight:999;}
.headtoggle01 h3{display:inline; margin-left:25%;}

.headdrop01{position:relative;}
.headdown01{position:absolute; background:#dedbcc; right:0%; top:40px; display:none; z-index:3000;}
.headdown01 ul{padding:10px;}
.headdown01 li{display:block; border-bottom:1px solid #c4c4c4; padding:3px 0;}

.headdrop01:hover .headdown01{display:block;}

.toggle01{width:100%;  display:none;}

.headtoggle{background:#dedbcc; padding:10px;}
.headtoggle h4{font-size:21px; color:#555;} 
.togin01{padding:5px;}
.togin01 h4{margin-top:0; font-weight:999; color:#555;} 
.togin01 h6{width:100%; height:1px; background:#555;}
.togin01 li{list-style:none; padding:5px 0px;}
.togin01 li a{color:#555;}.main01{display:none;}

.main02{display:block;}

.header .topbar01 .mnav01{display:block;}
.header .topbar01 .desknav01{display:none;}
.header .topbar01 .col-sm-4{display:none;}
.topbar01 .col-sm-3{display:none;} .navbar-default #donate {display:none;}
/*NAVBAR*/
.navbar-default .navbar-toggle{border-color:#00224F; background:transparent !important;}
.navbar-default .navbar-toggle .icon-bar{background:#17C2A4; font-weight:bold;}	

.mobweb01{display:block;}
.deskweb01{display:none;}
/*TOPBAR*/
.topbar svg:not(:root).svg-inline--fa{width: 25px; height: 25px; padding: 6px;} 
.topbar ul.info01 li{margin-right:0px; margin-bottom:5px;} 
 
.topbar ul.btns li{margin-left:0px; margin-right:10px;}
.topbar ul.btns li a{font-weight: 600; font-size: 12px; letter-spacing: 1px;}
/*NAVBAR*/
.navbar-default .navbar-nav>li>a{color: #000; font-size:14px; padding:7px 15px; margin-left:0px; margin-top:2px;}
.navbar-default .drop01{display:none;}
 
/*WRAP02*/
.wrap02{padding:50px 0px;}
.wrap02 .leftside01 .pdng01{padding:0px 0px 20px 0px; border-right:0px double #fff; border-bottom:3px double #fff;}
.wrap02 .leftside01 .pdng02{padding:20px 0px 20px 0px; border-bottom:3px double #fff;}
.wrap02 .leftside01 .pdng03{padding:20px 0px 20px 0px; border-right:0px double #fff; border-top:0px double #fff;}
.wrap02 .leftside01 .pdng04{padding:25px 15px; border-top:4px double #fff;}
.wrap02 .rightside01 .text01{height:110px; margin-top: -20px;}
.wrap02 .rightside01 .text01 h3{font-size:15px; line-height: 20px; padding-top:40px;}
/*WRAP04*/
.wrap04 .cover01{padding: 25px 25px;} 
/*FOOTER*/
.footer .f_top{padding:30px 0px;}
.footer .f_top img{height:50px;}
.footer .f_top h4{margin-top:25px;}
.footer .f_bottom p{ text-align:center; margin-bottom:10px;}
.footer .f_bottom ul{text-align:center;}

/*ABOUT04*/
.about04{margin-top:10px; margin-bottom:40px;}
.about04 .box01{ text-align:center; border-bottom:1px solid #EBE6E6; margin-bottom:25px;}
.about04 h3{font-weight:900; letter-spacing:1px; font-size:45px;}
.about04 h5{width:70px; content:""; border-bottom:3px solid #d6dcd9; margin:20px auto;}
.about04 h4{font-size: 22px; letter-spacing: 1px; margin-bottom:25px;}

/*ONLINE02*/
.online02{margin:40px 0px;}
.online02 img{height: 80px; margin: auto; margin-bottom:20px;}
.online02 .col-sm-6{ text-align:center;}

/*FORMAT01*/
.format01 .left_side03 h3{margin-bottom:20px;}

/*TEST00*/
.test00 img.ias{height:auto; margin-bottom:15px;}
/*TEST01*/
.test01 .box01 button{width:60%;}
/*TEST02*/
.test02{margin-top:30px;}
.test02 .packg01{margin-bottom:25px;}
.test02 .packg01 .pck_top01{border-top: none; border-bottom: none; border-left: none; background:#45B97C; height:85px;}
.test02 .packg01 h3{text-align: center; width: 100%;}
 
.test02 .packg02{margin-bottom:25px;}
.test02 .packg02 .pck_top01{border-top: none; border-bottom: none; border-left: none; background:#00224F; height:85px;}
.test02 .packg02 h3{text-align: center; width: 100%;}
/*TEST03*/
.test03{margin-top:15px;}
.description01 .left_side02{overflow:scroll;}
/*CONTACT02*/
.contact02 iframe{height: 250px;}
/*REPORT PAGES*/
/*MENUES01*/
.menues01 ul{ margin-bottom:0px;}
.menues01 ul li{font-size:14px;}
/*TEST REPORT01*/
.test_report01{overflow:hidden;}
.test_report01 .container{overflow:scroll;}
.report_graph01{overflow:scroll;}
.report_graph01 .container{width:100%; overflow:scroll;}
.report02 .col-xs-1{padding-left:0px;}
.report02 .descrption01{padding:5px;}
.line_graph01{overflow:scroll;}
.line_graph01 .container{width:100%; overflow:scroll;}
/*INVENTORY*/
.inventory01{overflow:scroll;}
/*PAGINATION01*/
.pagination01 .rght{ text-align:left; margin-bottom:10px;}
.pagination01 a.nxt01{margin-left:10px;}
.raise_btn{padding:8px 10px; right:-30px; font-size:11px; top:280px;}
/*USERLOGIN01*/
.userlogin01{margin-bottom:20px;}
.userlogin01 .loginbox{width:60%; margin:10px auto; padding:20px;}
.userlogin01 .loginbox input{padding:10px; margin-bottom:10px;}
.userlogin01 .loginbox a.fb01{padding: 6px; margin-bottom:10px;}
.userlogin01 .loginbox a.tw01{padding: 6px;margin-bottom:10px;}
.userlogin01 .loginbox h5.or{font-size: 14px; margin-bottom: 10px;}
.userlogin01 .loginbox input[type=submit]{padding:10px; font-size:14px;}
.userlogin01 .loginbox h5.not_user{font-size:14px;}
/*USER REGISTER01*/
.userreg01{margin-bottom:20px;}
.userreg01 .regbox{width:60%; margin:10px auto; padding:20px;}
.userreg01 .regbox input{padding:10px; margin-bottom:10px;}
.userreg01 .regbox a.fb01{padding: 6px;margin-bottom:10px;}
.userreg01 .regbox a.tw01{padding: 6px;margin-bottom:10px;}
.userreg01 .regbox h5.or{font-size: 14px;}
.userreg01 .regbox input[type=submit]{padding:10px;}
.userreg01 .regbox h5.not_user{font-size:14px;}
	
}
@media (max-width:580px) and (min-width:481px){
.cwrap01 .boxn01{width:50%; float:left;}
.cwrap01 .box01 img{ width:auto; height: 90px;}
.cwrap01 .box01 p{display:none;}
.headdown01 #rightdrop01{position:relative !important;}
.headdown01 #rightdown{display:none !important; position:absolute !important;; background:rgba(211,207,187,1.00); right:-75% !important;; top:10px; z-index:999; }
.headdown01 #rightdown ul{padding:10px;}
.headdown01 #rightdown li{display:block; border-bottom:1px solid #c4c4c4; padding:3px 0;}
.headdown01 #rightdown li a{font-size:12px !important;}
.headdown01 #rightdrop01:hover #rightdown{display:block !important;}

.newheader01{text-align:center; background:#fff; padding-bottom:8px;}	
.newheader01 .col-sm-3{width: 100%;}	
.headtop01{padding:8px 0;}
.headtop01 h3{font-weight:999; padding:0px 0; margin-top:0;}
.headtop01 .fa-bars{font-weight:999; font-size:40px;}

.headtoggle01 {text-align:left; margin-top:10px;}
.headtoggle01 i{margin-left:10px; font-size:30px; font-weight:999;}
.headtoggle01 h3{display:inline; margin-left:10%;}




.headdrop01{position:relative;}
.headdown01{position:absolute; background:#dedbcc; right:0%; top:40px; display:none; z-index:3000;}
.headdown01 ul{padding:10px;}
.headdown01 li{display:block; border-bottom:1px solid #c4c4c4; padding:3px 0;}

.headdrop01:hover .headdown01{display:block;}


.toggle01{width:100%;  display:none;}

.headtoggle{background:#dedbcc; padding:10px;}
.headtoggle h4{font-size:21px; color:#555;} 
.togin01{padding:5px;}
.togin01 h4{margin-top:0; font-weight:999; color:#555;} 
.togin01 h6{width:100%; height:1px; background:#555;}
.togin01 li{list-style:none; padding:5px 0px;}
.togin01 li a{color:#555;}.main01{display:none;}

.main02{display:block;}

.header .topbar01 .mnav01{display:block;}
.header .topbar01 .desknav01{display:none;}
.header .topbar01 .col-sm-4{display:none;}
.topbar01 .col-sm-3{display:none;} .navbar-default #donate {display:none;}
.mobweb01{display:block;}
.deskweb01{display:none;}
/*TOPBAR*/
.topbar svg:not(:root).svg-inline--fa{width: 25px; height: 25px; padding: 6px;} 
.topbar ul.info01 li{margin-right:0px; margin-bottom:5px;} 
 
.topbar ul.btns li{margin-left:0px; margin-right:10px;}
.topbar ul.btns li a{font-weight: 600; font-size: 12px; letter-spacing: 1px;}
/*NAVBAR*/
.navbar-default .navbar-nav>li>a{color: #000; font-size:14px; padding:7px 15px; margin-left:0px; margin-top:2px;}
.navbar-default .drop01{display:none;}


/*WRAP02*/
.wrap02{padding:50px 0px;}
.wrap02 .leftside01 .pdng01{padding:0px 0px 20px 0px; border-right:0px double #fff; border-bottom:3px double #fff;}
.wrap02 .leftside01 .pdng02{padding:20px 0px 20px 0px; border-bottom:3px double #fff;}
.wrap02 .leftside01 .pdng03{padding:20px 0px 20px 0px; border-right:0px double #fff; border-top:0px double #fff;}
.wrap02 .leftside01 .pdng04{padding:25px 15px; border-top:4px double #fff;}
.wrap02 .rightside01 .text01{height:110px; margin-top: -20px;}
.wrap02 .rightside01 .text01 h3{font-size:15px; line-height: 20px; padding-top:40px;}
/*WRAP04*/
.wrap04 .cover01{padding: 25px 25px;} 
/*FOOTER*/
.footer .f_top{padding:30px 0px;}
.footer .f_top img{height:50px;}
.footer .f_top h4{margin-top:25px;}
.footer .f_bottom p{ text-align:center; margin-bottom:10px;}
.footer .f_bottom ul{text-align:center;}

/*ABOUT04*/
.about04{margin-top:10px; margin-bottom:40px;}
.about04 .box01{ text-align:center; border-bottom:1px solid #EBE6E6; margin-bottom:25px;}
.about04 h3{font-weight:900; letter-spacing:1px; font-size:45px;}
.about04 h5{width:70px; content:""; border-bottom:3px solid #d6dcd9; margin:20px auto;}
.about04 h4{font-size: 22px; letter-spacing: 1px; margin-bottom:25px;} 

/*ONLINE02*/
.online02{margin:40px 0px;}
.online02 img{height: 80px; margin: auto; margin-bottom:20px;}
.online02 .col-sm-6{ text-align:center;}

/*FORMAT01*/
.format01 .left_side03 h3{margin-bottom:20px;}

/*TEST00*/
.test00 img.ias{height:auto; margin-bottom:15px;}
/*TEST01*/
.test01 .box01 button{width:60%;}
/*TEST02*/
.test02{margin-top:30px;}
.test02 .packg01{margin-bottom:25px;}
.test02 .packg01 .pck_top01{border-top: none; border-bottom: none; border-left: none; background:#45B97C; height:85px;}
.test02 .packg01 h3{text-align: center; width: 100%;}
 
.test02 .packg02{margin-bottom:25px;}
.test02 .packg02 .pck_top01{border-top: none; border-bottom: none; border-left: none; background:#00224F; height:85px;}
.test02 .packg02 h3{text-align: center; width: 100%;}
/*TEST03*/
.test03{margin-top:15px;}
.description01 .left_side02{overflow:scroll;}
/*CONTACT02*/
.contact02 iframe{height: 250px;}
/*REPORT PAGES*/
/*MENUES01*/
.menues01 ul{ margin-bottom:0px;}
.menues01 ul li{font-size:14px;}
/*TEST REPORT01*/
.test_report01{overflow:hidden;}
.test_report01 .container{overflow:scroll;}
.report_graph01{overflow:scroll;}
.report_graph01 .container{width:100%; overflow:scroll;}
.report02 .col-xs-1{padding-left:0px;}
.report02 .descrption01{padding:5px;}
.line_graph01{overflow:scroll;}
.line_graph01 .container{width:100%; overflow:scroll;}
/*INVENTORY*/
.inventory01{overflow:scroll;}
/*PAGINATION01*/
.pagination01 .rght{ text-align:left; margin-bottom:10px;}
.pagination01 a.nxt01{margin-left:10px;}
.raise_btn{padding:8px 10px; right:-30px; font-size:11px; top:280px;}
/*USERLOGIN01*/
.userlogin01{margin-bottom:20px;}
.userlogin01 .loginbox{width:70%; margin:10px auto; padding:20px;}
.userlogin01 .loginbox input{padding:10px; margin-bottom:10px;}
.userlogin01 .loginbox a.fb01{padding: 6px; margin-bottom:10px;}
.userlogin01 .loginbox a.tw01{padding: 6px;margin-bottom:10px;}
.userlogin01 .loginbox h5.or{font-size: 14px; margin-bottom: 10px;}
.userlogin01 .loginbox input[type=submit]{padding:10px; font-size:14px;}
.userlogin01 .loginbox h5.not_user{font-size:14px;}
/*USER REGISTER01*/
.userreg01{margin-bottom:20px;}
.userreg01 .regbox{width:70%; margin:10px auto; padding:20px;}
.userreg01 .regbox input{padding:10px; margin-bottom:10px;}
.userreg01 .regbox a.fb01{padding: 6px;margin-bottom:10px;}
.userreg01 .regbox a.tw01{padding: 6px;margin-bottom:10px;}
.userreg01 .regbox h5.or{font-size: 14px;}
.userreg01 .regbox input[type=submit]{padding:10px;}
.userreg01 .regbox h5.not_user{font-size:14px;}
	
}
@media (max-width:480px) and (min-width:361px){
.cwrap01 .boxn01{width:50%; float:left;}
.cwrap01 .box01 img{ width:auto; height: 90px;}
.cwrap01 .box01 p{display:none;}
.headdown01 #rightdrop01{position:relative !important;}
.headdown01 #rightdown{display:none !important; position:absolute !important;; background:rgba(211,207,187,1.00); right:-75% !important;; top:10px; z-index:999; }
.headdown01 #rightdown ul{padding:10px;}
.headdown01 #rightdown li{display:block; border-bottom:1px solid #c4c4c4; padding:3px 0;}
.headdown01 #rightdown li a{font-size:12px !important;}
.headdown01 #rightdrop01:hover #rightdown{display:block !important;}

.newheader01{text-align:center; background:#fff; padding-bottom:8px;}	
.newheader01 .col-sm-3{width: 100%;}	
.headtop01{padding:8px 0;}
.headtop01 h3{font-weight:999; padding:0px 0; margin-top:0;}
.headtop01 .fa-bars{font-weight:999; font-size:40px;}

.headtoggle01 {text-align:left; margin-top:10px;}
.headtoggle01 i{margin-left:10px; font-size:30px; font-weight:999;}
.headtoggle01 h3{display:inline; margin-left:10%;}

.headdrop01{position:relative;}
.headdown01{position:absolute; background:#dedbcc; right:0%; top:40px; display:none; z-index:3000;}
.headdown01 ul{padding:10px;}
.headdown01 li{display:block; border-bottom:1px solid #c4c4c4; padding:3px 0;}

.headdrop01:hover .headdown01{display:block;}


.toggle01{width:100%;  display:none;}

.headtoggle{background:#dedbcc; padding:10px;}
.headtoggle h4{font-size:21px; color:#555;} 
.togin01{padding:5px;}
.togin01 h4{margin-top:0; font-weight:999; color:#555;} 
.togin01 h6{width:100%; height:1px; background:#555;}
.togin01 li{list-style:none; padding:5px 0px;}
.togin01 li a{color:#555;}.main01{display:none;}

.main02{display:block;}

.header .topbar01 .mnav01{display:block;}
.header .topbar01 .desknav01{display:none;}
.header .topbar01 .col-sm-4{display:none;}
.topbar01 .col-sm-3{display:none;} .navbar-default #donate {display:none;}
/*NAVBAR*/
.navbar-default .navbar-toggle{border-color:#00224F; background:transparent !important;}
.navbar-default .navbar-toggle .icon-bar{background:#17C2A4; font-weight:bold;}	
.navbar-default .navbar-nav>li>a{padding:8px 10px;}
#dropdown02{height:40px;}
.dropdown03{position:absolute; top:30px; left:0;}
.dropdown03 li a{padding:5px 10px;}
.dropdown03 li{padding:0px;}

.mobweb01{display:block;}
.deskweb01{display:none;}
/*TOPBAR*/
.topbar svg:not(:root).svg-inline--fa{width: 25px; height: 25px; padding: 6px;} 
.topbar ul.info01 li{margin-right:0px; margin-bottom:5px;} 
 
.topbar ul.btns li{margin-left:0px; margin-right:10px;}
.topbar ul.btns li a{font-weight: 600; font-size: 12px; letter-spacing: 1px;}
/*NAVBAR*/
.navbar-default .navbar-nav>li>a{color: #000; font-size:14px; padding:7px 15px; margin-left:0px; margin-top:2px;}
.navbar-default .drop01{display:none;}
 
/*WRAP02*/
.wrap02{padding:50px 0px;}
.wrap02 .leftside01 .pdng01{padding:0px 0px 20px 0px; border-right:0px double #fff; border-bottom:3px double #fff;}
.wrap02 .leftside01 .pdng02{padding:20px 0px 20px 0px; border-bottom:3px double #fff;}
.wrap02 .leftside01 .pdng03{padding:20px 0px 20px 0px; border-right:0px double #fff; border-top:0px double #fff;}
.wrap02 .leftside01 .pdng04{padding:25px 15px; border-top:4px double #fff;}
.wrap02 .rightside01 .text01{height:110px; margin-top: -20px;}
.wrap02 .rightside01 .text01 h3{font-size:15px; line-height: 20px; padding-top:40px;}
/*WRAP04*/
.wrap04 .cover01{padding: 25px 25px;} 
/*FOOTER*/
.footer .f_top{padding:30px 0px;}
.footer .f_top img{height:50px;}
.footer .f_top h4{margin-top:25px;}
.footer .f_bottom p{ text-align:center; margin-bottom:10px;}
.footer .f_bottom ul{text-align:center;}

/*ABOUT04*/
.about04{margin-top:10px; margin-bottom:40px;}
.about04 .box01{ text-align:center; border-bottom:1px solid #EBE6E6; margin-bottom:25px;}
.about04 h3{font-weight:900; letter-spacing:1px; font-size:45px;}
.about04 h5{width:70px; content:""; border-bottom:3px solid #d6dcd9; margin:20px auto;}
.about04 h4{font-size: 22px; letter-spacing: 1px; margin-bottom:25px;} 

/*ONLINE02*/
.online02{margin:40px 0px;}
.online02 img{height: 80px; margin: auto; margin-bottom:20px;}
.online02 .col-sm-6{ text-align:center;}
/*FORMAT01*/
.format01 .left_side03 h3{margin-bottom:20px;}
/*FORMAT03*/

/*TEST00*/
.test00 img.ias{height:auto; margin-bottom:15px;}
/*TEST01*/
.test01 .box01 button{width:60%;}
/*TEST02*/
.test02{margin-top:30px;}
.test02 .packg01{margin-bottom:25px;}
.test02 .packg01 .pck_top01{border-top: none; border-bottom: none; border-left: none; background:#45B97C; height:85px;}
.test02 .packg01 h3{text-align: center; width: 100%;}
 
.test02 .packg02{margin-bottom:25px;}
.test02 .packg02 .pck_top01{border-top: none; border-bottom: none; border-left: none; background:#00224F; height:85px;}
.test02 .packg02 h3{text-align: center; width: 100%;}
/*TEST03*/
.test03{margin-top:15px;}
.description01 .left_side02{overflow:scroll;}
/*CONTACT02*/
.contact02 iframe{height: 250px;}
/*REPORT PAGES*/
/*MENUES01*/
.menues01 ul{ margin-bottom:0px;}
.menues01 ul li{font-size:14px;}
/*TEST REPORT01*/
.test_report01{overflow:hidden;}
.test_report01 .container{overflow:scroll;}
.report_graph01{overflow:scroll;}
.report_graph01 .container{width:100%; overflow:scroll;}
.report02 .col-xs-1{padding-left:0px;}
.report02 .descrption01{padding:5px;}
.line_graph01{overflow:scroll;}
.line_graph01 .container{width:100%; overflow:scroll;}
/*INVENTORY*/
.inventory01{overflow:scroll;}
/*PAGINATION01*/
.pagination01 .rght{ text-align:left; margin-bottom:10px;}
.pagination01 a.nxt01{margin-left:10px;}
.raise_btn{padding:8px 10px; right:-30px; font-size:11px; top:280px;}
/*USERLOGIN01*/
.userlogin01{margin-bottom:20px;}
.userlogin01 .loginbox{width:80%; margin:10px auto; padding:20px;}
.userlogin01 .loginbox input{padding:10px; margin-bottom:10px;}
.userlogin01 .loginbox a.fb01{padding: 6px; margin-bottom:10px;}
.userlogin01 .loginbox a.tw01{padding: 6px;margin-bottom:10px;}
.userlogin01 .loginbox h5.or{font-size: 14px; margin-bottom: 10px;}
.userlogin01 .loginbox input[type=submit]{padding:10px; font-size:14px;}
.userlogin01 .loginbox h5.not_user{font-size:14px;}
/*USER REGISTER01*/
.userreg01{margin-bottom:20px;}
.userreg01 .regbox{width:80%; margin:10px auto; padding:20px;}
.userreg01 .regbox input{padding:10px; margin-bottom:10px;}
.userreg01 .regbox a.fb01{padding: 6px;margin-bottom:10px;}
.userreg01 .regbox a.tw01{padding: 6px;margin-bottom:10px;}
.userreg01 .regbox h5.or{font-size: 14px;}
.userreg01 .regbox input[type=submit]{padding:10px;}
.userreg01 .regbox h5.not_user{font-size:14px;}
}
@media (max-width:360px) and (min-width:321px){
.cwrap01 .boxn01{width:50%; float:left;}
.cwrap01 .box01 img{ width:auto; height: 90px;}
.cwrap01 .box01 p{display:none;}
.headdown01 #rightdrop01{position:relative !important;}
.headdown01 #rightdown{display:none !important; position:absolute !important;; background:rgba(211,207,187,1.00); right:-75% !important;; top:10px; z-index:999; }
.headdown01 #rightdown ul{padding:10px;}
.headdown01 #rightdown li{display:block; border-bottom:1px solid #c4c4c4; padding:3px 0;}
.headdown01 #rightdown li a{font-size:12px !important;}
.headdown01 #rightdrop01:hover #rightdown{display:block !important;}

.newheader01{text-align:center; background:#fff; padding-bottom:8px;}	
.newheader01 .col-sm-3{width: 100%;}	
.headtop01{padding:8px 0;}
.headtop01 h3{font-weight:999; padding:0px 0; margin-top:0;}
.headtop01 .fa-bars{font-weight:999; font-size:40px;}

.headtoggle01 {text-align:left; margin-top:10px;}
.headtoggle01 i{margin-left:10px; font-size:30px; font-weight:999;}
.headtoggle01 h3{display:inline; margin-left:0%;}

.headdrop01{position:relative;}
.headdown01{position:absolute; background:#dedbcc; right:0%; top:40px; display:none; z-index:3000;}
.headdown01 ul{padding:10px;}
.headdown01 li{display:block; border-bottom:1px solid #c4c4c4; padding:3px 0;}

.headdrop01:hover .headdown01{display:block;}


.toggle01{width:100%; display:none;}
.headtoggle01:hover .toggle01{display:block;}

.headtoggle{background:#dedbcc; padding:10px;}
.headtoggle h4{font-size:21px; color:#555;} 
.togin01{padding:5px;}
.togin01 h4{margin-top:0; font-weight:999; color:#555;} 
.togin01 h6{width:100%; height:1px; background:#555;}
.togin01 li{list-style:none; padding:5px 0px;}
.togin01 li a{color:#555;}.main01{display:none;}

.main02{display:block;}

.header .topbar01 .mnav01{display:block;}
.header .topbar01 .desknav01{display:none;}
.header .topbar01 .col-sm-4{display:none;}
.topbar01 .col-sm-3{display:none;} .navbar-default #donate {display:none;}
/*NAVBAR*/
.navbar-default .navbar-toggle{border-color:#00224F; background:transparent !important;}
.navbar-default .navbar-toggle .icon-bar{background:#17C2A4; font-weight:bold;}	
.navbar-default .navbar-nav>li>a{padding:8px 10px;}
#dropdown02{height:40px;}
.dropdown03{position:absolute; top:30px; left:0;}
.dropdown03 li a{padding:5px 10px;}
.dropdown03 li{padding:0px;}

.mobweb01{display:block;}
.deskweb01{display:none;}
/*TOPBAR*/
.topbar svg:not(:root).svg-inline--fa{width: 25px; height: 25px; padding: 6px;} 
.topbar ul.info01 li{margin-right:0px; margin-bottom:5px;} 
 
.topbar ul.btns li{margin-left:0px; margin-right:10px;}
.topbar ul.btns li a{font-weight: 600; font-size: 12px; letter-spacing: 1px;}
/*NAVBAR*/
.navbar-default .navbar-nav>li>a{color: #000; font-size:14px; padding:7px 15px; margin-left:0px; margin-top:2px;}
.navbar-default .drop01{display:none;}
 
/*WRAP02*/
.wrap02{padding:50px 0px;}
.wrap02 .leftside01 .pdng01{padding:0px 0px 20px 0px; border-right:0px double #fff; border-bottom:3px double #fff;}
.wrap02 .leftside01 .pdng02{padding:20px 0px 20px 0px; border-bottom:3px double #fff;}
.wrap02 .leftside01 .pdng03{padding:20px 0px 20px 0px; border-right:0px double #fff; border-top:0px double #fff;}
.wrap02 .leftside01 .pdng04{padding:25px 15px; border-top:4px double #fff;}
.wrap02 .rightside01 .text01{height:130px; margin-top: -20px;}
.wrap02 .rightside01 .text01 h3{font-size:15px; line-height: 20px; padding-top:40px;}
/*WRAP04*/
.wrap04 .cover01{padding: 25px 25px;} 
/*FOOTER*/
.footer .f_top{padding:30px 0px;}
.footer .f_top img{height:50px;}
.footer .f_top h4{margin-top:25px;}
.footer .f_bottom p{ text-align:center; margin-bottom:10px;}
.footer .f_bottom ul{text-align:center;}
/*SCROLL TOP BUTTON*/ 
.scrollToTop{right:15px;}

/*ABOUT04*/
.about04{margin-top:10px; margin-bottom:40px;}
.about04 .box01{ text-align:center; border-bottom:1px solid #EBE6E6; margin-bottom:25px;}
.about04 h3{font-weight:900; letter-spacing:1px; font-size:45px;}
.about04 h5{width:70px; content:""; border-bottom:3px solid #d6dcd9; margin:20px auto;}
.about04 h4{font-size: 22px; letter-spacing: 1px; margin-bottom:25px;} 

/*ONLINE02*/
.online02{margin:40px 0px;}
.online02 img{height: 80px; margin: auto; margin-bottom:20px;}
.online02 .col-sm-6{ text-align:center;}

/*FORMAT01*/
.format01 .left_side03 h3{margin-bottom:20px;}

/*TEST00*/
.test00 img.ias{height:auto; margin-bottom:15px;}
/*TEST02*/
.test02{margin-top:30px;}
.test02 .packg01{margin-bottom:25px;}
.test02 .packg01 .pck_top01{border-top: none; border-bottom: none; border-left: none; background:#45B97C; height:85px;}
.test02 .packg01 h3{text-align: center; width: 100%;}
 
.test02 .packg02{margin-bottom:25px;}
.test02 .packg02 .pck_top01{border-top: none; border-bottom: none; border-left: none; background:#00224F; height:85px;}
.test02 .packg02 h3{text-align: center; width: 100%;}
/*TEST03*/
.test03{margin-top:15px;}
.description01 .left_side02{overflow:scroll;}
/*CONTACT02*/
.contact02 iframe{height: 250px;}
/*REPORT PAGES*/
/*MENUES01*/
.menues01 ul{ margin-bottom:0px;}
.menues01 ul li{font-size:14px;}
/*TEST REPORT01*/
.test_report01{overflow:hidden;}
.test_report01 .container{overflow:scroll;}
.report_graph01{overflow:scroll;}
.report_graph01 .container{width:100%; overflow:scroll;}
.report02 .col-xs-1{padding-left:0px;}
.report02 .descrption01{padding:5px;}
.line_graph01{overflow:scroll;}
.line_graph01 .container{width:100%; overflow:scroll;}
/*INVENTORY*/
.inventory01{overflow:scroll;}
/*PAGINATION01*/
.pagination01 .rght{ text-align:left; margin-bottom:10px;}
.pagination01 a.nxt01{margin-left:10px;}
.raise_btn{padding:8px 10px; right:-30px; font-size:11px; top:280px;}
/*USERLOGIN01*/
.userlogin01{margin-bottom:20px;}
.userlogin01 .loginbox{width:100%; margin:10px auto; padding:20px;}
.userlogin01 .loginbox input{padding:10px; margin-bottom:10px;}
.userlogin01 .loginbox a.fb01{padding: 6px; margin-bottom:10px;}
.userlogin01 .loginbox a.tw01{padding: 6px;margin-bottom:10px;}
.userlogin01 .loginbox h5.or{font-size: 14px; margin-bottom: 10px;}
.userlogin01 .loginbox input[type=submit]{padding:10px; font-size:14px;}
.userlogin01 .loginbox h5.not_user{font-size:14px;}
/*USER REGISTER01*/
.userreg01{margin-bottom:20px;}
.userreg01 .regbox{width:100%; margin:10px auto; padding:20px;}
.userreg01 .regbox input{padding:10px; margin-bottom:10px;}
.userreg01 .regbox a.fb01{padding: 6px;margin-bottom:10px;}
.userreg01 .regbox a.tw01{padding: 6px;margin-bottom:10px;}
.userreg01 .regbox h5.or{font-size: 14px;}
.userreg01 .regbox input[type=submit]{padding:10px;}
.userreg01 .regbox h5.not_user{font-size:14px;}
	
}
@media (max-width:320px){
.cwrap01 .boxn01{width:50%; float:left;}
.cwrap01 .box01 img{ width:auto; height: 90px;}
.cwrap01 .box01 p{display:none;}
.newheader01{text-align:center; background:#fff; padding-bottom:20px;}	
.newheader01 .col-sm-3{width: 100%;}	
.headtop01{}
.headtop01 h3{font-weight:999; padding:15px 0; margin-top:0;}

.headtoggle01 {text-align:left; margin-top:10px;}
.headtoggle01 i{margin-left:10px; font-size:30px; font-weight:999;}
.headtoggle01 h3{display:inline; margin-left:0%;}

.headdrop01{position:relative;}
.headdown01{position:absolute; background:#dedbcc; right:0%; top:25px; display:none; z-index:9999;}
.headdown01 ul{padding:10px;}
.headdown01 li{display:block; border-bottom:1px solid #c4c4c4; padding:3px 0;}

.headdrop01:hover .headdown01{display:block;}


.toggle01{width:100%; display:none;}

.headtoggle{background:#dedbcc; padding:10px;}
.headtoggle h4{font-size:21px; color:#555;} 
.togin01{padding:5px;}
.togin01 h4{margin-top:0; font-weight:999; color:#555;} 
.togin01 h6{width:100%; height:1px; background:#555;}
.togin01 li{list-style:none; padding:5px 0px;}
.togin01 li a{color:#555;}
.main01{display:none;}
.main02{display:block;}

.header .topbar01 .mnav01{display:block;}
.header .topbar01 .desknav01{display:none;}
.header .topbar01 .col-sm-4{display:none;}
.topbar01 .col-sm-3{display:none;} .navbar-default #donate {display:none;}
/*NAVBAR*/
.navbar-default .navbar-toggle{border-color:#00224F; background:transparent !important;}
.navbar-default .navbar-toggle .icon-bar{background:#17C2A4; font-weight:bold;}	
.navbar-default .navbar-nav>li>a{padding:8px 10px;}
#dropdown02{height:40px;}
.dropdown03{position:absolute; top:20px; left:0;}
.dropdown03 li a{padding:5px 10px;}
.dropdown03 li{padding:0px;}
.mobweb01{display:block;}
.deskweb01{display:none;}
/*TOPBAR*/
.topbar svg:not(:root).svg-inline--fa{width: 25px; height: 25px; padding: 6px;} 
.topbar ul.info01 li{margin-right:0px; margin-bottom:5px;} 
 
.topbar ul.btns li{margin-left:0px; margin-right:10px;}
.topbar ul.btns li a{font-weight: 600; font-size: 12px; letter-spacing: 1px;}
/*NAVBAR*/
.navbar-default .navbar-nav>li>a{color: #000; font-size:14px; padding:7px 15px; margin-left:0px; margin-top:2px;}
.navbar-default .drop01{display:none;}
 
/*WRAP02*/
.wrap02{padding:50px 0px;}
.wrap02 .leftside01 .pdng01{padding:0px 0px 20px 0px; border-right:0px double #fff; border-bottom:3px double #fff;}
.wrap02 .leftside01 .pdng02{padding:20px 0px 20px 0px; border-bottom:3px double #fff;}
.wrap02 .leftside01 .pdng03{padding:20px 0px 20px 0px; border-right:0px double #fff; border-top:0px double #fff;}
.wrap02 .leftside01 .pdng04{padding:25px 15px; border-top:4px double #fff;}
.wrap02 .rightside01 .text01{height:130px; margin-top: -20px;}
.wrap02 .rightside01 .text01 h3{font-size:15px; line-height: 20px; padding-top:40px;}
/*WRAP04*/
.wrap04 .cover01{padding: 25px 25px;} 
/*FOOTER*/
.footer .f_top{padding:30px 0px;}
.footer .f_top img{height:50px;}
.footer .f_top h4{margin-top:25px;}
.footer .f_bottom p{ text-align:center; margin-bottom:10px;}
.footer .f_bottom ul{text-align:center;}
/*SCROLL TOP BUTTON*/ 
.scrollToTop{right:15px;}

/*ABOUT04*/
.about04{margin-top:10px; margin-bottom:40px;}
.about04 .box01{ text-align:center; border-bottom:1px solid #EBE6E6; margin-bottom:25px;}
.about04 h3{font-weight:900; letter-spacing:1px; font-size:45px;}
.about04 h5{width:70px; content:""; border-bottom:3px solid #d6dcd9; margin:20px auto;}
.about04 h4{font-size: 22px; letter-spacing: 1px; margin-bottom:25px;} 
/*ONLINE02*/
.online02{margin:40px 0px;}
.online02 img{height: 80px; margin: auto; margin-bottom:20px;}
.online02 .col-sm-6{ text-align:center;}

/*FORMAT01*/
.format01 .left_side03 h3{margin-bottom:20px;}

/*TEST00*/
.test00 img.ias{height:auto; margin-bottom:15px;}
/*TEST02*/
.test02{margin-top:30px;}
.test02 .packg01{margin-bottom:25px;}
.test02 .packg01 .pck_top01{border-top: none; border-bottom: none; border-left: none; background:#45B97C; height:85px;}
.test02 .packg01 h3{text-align: center; width: 100%;}
 
.test02 .packg02{margin-bottom:25px;}
.test02 .packg02 .pck_top01{border-top: none; border-bottom: none; border-left: none; background:#00224F; height:85px;}
.test02 .packg02 h3{text-align: center; width: 100%;}
/*TEST03*/
.test03{margin-top:15px;}
.description01 .left_side02{overflow:scroll;}
/*CONTACT02*/
.contact02 iframe{height: 250px;}
/*MENUES01*/
.menues01 ul{ margin-bottom:0px;}
.menues01 ul li{font-size:14px;}
/*TEST REPORT01*/
.test_report01{overflow:hidden;}
.test_report01 .container{overflow:scroll;}
/*REPORTGRAPH01*/
.report_graph01{overflow:scroll;}
.report_graph01 .container{width:100%; overflow:scroll;}
/*REPORT02*/
.report02 .col-xs-1{padding-left:0px;}
.report02 .descrption01{padding:5px;}
/*LINEGRAPH01*/
.line_graph01{overflow:scroll;}
.line_graph01 .container{width:100%; overflow:scroll;}
/*INVENTORY*/
.inventory01{overflow:scroll;}
/*PAGINATION01*/
.pagination01 .rght{ text-align:left; margin-bottom:10px;}
.pagination01 a.nxt01{margin-left:10px;}
.raise_btn{padding:8px 10px; right:-30px; font-size:11px; top:280px;}
/*USERLOGIN01*/
.userlogin01{margin-bottom:20px;}
.userlogin01 .loginbox{width:100%; margin:10px auto; padding:20px;}
.userlogin01 .loginbox input{padding:10px; margin-bottom:10px;}
.userlogin01 .loginbox a.fb01{padding: 6px; margin-bottom:10px;}
.userlogin01 .loginbox a.tw01{padding: 6px;margin-bottom:10px;}
.userlogin01 .loginbox h5.or{font-size: 14px; margin-bottom: 10px;}
.userlogin01 .loginbox input[type=submit]{padding:10px; font-size:14px;}
.userlogin01 .loginbox h5.not_user{font-size:14px;}
/*USER REGISTER01*/
.userreg01{margin-bottom:20px;}
.userreg01 .regbox{width:100%; margin:10px auto; padding:20px;}
.userreg01 .regbox input{padding:10px; margin-bottom:10px;}
.userreg01 .regbox a.fb01{padding: 6px;margin-bottom:10px;}
.userreg01 .regbox a.tw01{padding: 6px;margin-bottom:10px;}
.userreg01 .regbox h5.or{font-size: 14px;}
.userreg01 .regbox input[type=submit]{padding:10px;}
.userreg01 .regbox h5.not_user{font-size:14px;}
}