/* Getting the new tags to behave */
article footer, header
{
	display: block;
}
mark, rp, rt, ruby, summary, time
{
	display: inline;
}
/* Left & Right alignment */
.left
{
	float: left;
}
.right
{
	float: right;
}
.wrapper
{
	width: 100%;
	overflow: hidden;
}

/* Global properties */
body
{
	/*background: url(../images/bg_top2.jpg) top repeat-x #fff;*/
	border: 0;
	font: 14px Tahoma, Geneva, sans-serif;
	color: #4c4c4c;
	line-height: 20px;
	padding-bottom: 20px;
	min-width: 980px;
}
.css3
{
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	box-shadow: 0 0 4px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4);
	position: relative;
}
/* Global Structure */
.main
{
	margin: 0 auto;
	width: 980px;
}
.body1
{
	/*background: url(../images/bg_top_img2.jpg) top center no-repeat;*/
	height: 230px;
}
.body2
{
	background: #f2f2f2;
}
/* main layout */
a
{
	color: #000;
	text-decoration: underline;
	outline: none;
}
a:hover
{
	text-decoration: none;
}
h1
{
	padding: 47px 0 0 39px;
}
h2
{
	font-size: 32px;
	color: #000;
	text-transform: uppercase;
	line-height: 1.2em;
	padding: 31px 0 20px 0;
	letter-spacing: -1px;
}
h2 span
{
	display: block;
	margin-top: -12px;
}
h3
{
	font-size: 27px;
	color: #000;
	line-height: 1.2em;
	padding: 14px 0 13px 0;
	letter-spacing: -2px;
}
p
{
	padding-bottom: 20px;
	font-family: Verdana;
	font-size: 13px;
}
/* header */
header
{
	height: 376px;
	width: 100%;
	overflow: hidden;
}

#logo
{
	display: block;
	background: url(../image/LOG1.png) no-repeat;
	width: 600px;
	height: 150px;
	text-indent: -9999px;
}
#menu
{
	float: left;
	text-align: right;
	padding: 11px 0 0 10px;
	width: 964px;
}
#menu li
{
	float: left;
	padding-right: 17px;
	background: url(../images/menu_line.jpg) right 0 no-repeat;
	margin-right: 15px;
}
#menu .end
{
	background: none;
}
#menu li a
{
	display: block;
	font-size: 15px;
	color: #fff;
	line-height: 30px;
	text-transform: uppercase;
	text-decoration: none;
	margin-top: 10PX;
	height: 40px;
}
#menu li a:hover, #menu #menu_active a
{
	color: #44fbfe;
}

#menu1
{
	float: left;
	padding: 11px 0 0 10px;
}
#menu1 li
{
	float: left;
	padding-right: 17px;
	background: url(../images/menu_line.jpg) right 0 no-repeat;
	margin-right: 15px;
}
#menu1 .end
{
	background: none;
}
#menu1 li a
{
	display: block;
	font-size: 15px;
	color: #fff;
	line-height: 30px;
	text-transform: uppercase;
	text-decoration: none;
	margin-top: 5PX;
	height: 40px;
}
#menu1 li a:hover, #menu1 #menu_active a
{
	color: #44fbfe;
}


#slogan
{
	background: url(../images/top_line2.gif) 0 0 no-repeat;
	font-size: 46px;
	color: #002b3a;
	line-height: 1.2em;
	margin: 25px 0 0 39px;
	padding-top: 5px;
	letter-spacing: -2px;
}
#slogan span
{
	display: block;
	font-size: 36px;
	line-height: 1.2em;
	margin-top: -5px;
	margin-bottom: 10px;
}
.banners
{
	padding: 26px 0 0 35px;
}
.banners li
{
	padding-bottom: 2px;
}
/* content */
#content
{
	width: 100%;
	overflow: hidden;
	padding-bottom: 30px;
}
.pad1
{
	padding: 0 0px;
}
.pad_left
{
	padding-left: 35px;
	padding-top: 5px;
}
.pad_left1
{
	padding-left: 5px;
	padding-top: 5px;
}
.pad_left101
{
	padding-top: 30px;
}
.pad_left102
{
	padding-top: 30px;
}
.pad_leftc
{
	width: 100%;
	float: right;
	padding-left: 5px;
	padding-top: 15px;
}
.pad_leftcen
{
	width: 100%;
	float: right;
	padding-left: 5px;
	padding-top: 15px;
}
.pad_left1 p
{
	text-align: justify;
}
.pad_left2
{
	padding-left: 5px;
}
.pad_left2c
{
	padding-left: 5px;
	padding-top: 30px;
	background: url(../images/sc2.jpg) 0 0 no-repeat;
}
.pad_left2f
{
	padding-left: 5px;
	padding-top: 40px;
	background: url(../images/sc1.jpg) 0 0 no-repeat;
}

.pad_leftenq
{
	padding-left: 5px;
	padding-top: 50px;
}
.pad_top1
{
	padding-top: 10px;
}
.pad_top2
{
	padding-top: 7px;
}
.pad_bot1
{
	padding-bottom: 10px;
}
.pad_bot2
{
	padding-bottom: 18px;
}
.marg_right1
{
	margin-right: 21px;
}
.marg_top1
{
	margin-top: -10px;
}
.marg_left1
{
	margin-left: -5px;
}
.box1
{
	padding: 0 10px;
	background: #fff;
	padding-bottom: 20px;
}
.box01
{
	padding: 0 10px;
	padding-bottom: 10px;
}
.box2
{
	background: #f2f2f2;
	padding: 17px 30px 20px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	position: relative;
	margin-right: 5px;
	margin-bottom: 25px;
}
.list1
{
	margin-top: -12px;
}
.list1 li
{
	line-height: 30px;
}
.list1 li a
{
	display: inline-block;
	background: url(../images/quot.png) 0 1px no-repeat;
	padding-left: 35px;
	color: #363636;
	font-weight: bold;
	text-decoration: none;
}
.list1 li a:hover
{
	background-position: 0 0px;
	color: #0055a2;
}
.list2
{
	margin-top: -12px;
}
.list2 li
{
	line-height: 30px;
}
.list2 li a
{
	display: inline-block;
	background: url(../images/marker_1.png) 0 1px no-repeat;
	padding-left: 35px;
	color: #363636;
	font-weight: bold;
	text-decoration: none;
}
.list2 li a:hover
{
	background-position: 0 0px;
	color: #0055a2;
}
.list3
{
	/*margin-top: -12px;*/
}
.list3 li
{
	/*line-height: 25px;*/
}
.link1
{
	text-decoration: none;
}
.link1:hover
{
	color: #0055a2;
}
.color1
{
	color: #0056a3;
}
.color2
{
	color: #8f8f8f;
}
/* footer */
footer
{
	font: 12px Arial, Helvetica, sans-serif;
	width: 100%;
	overflow: hidden;
	padding-bottom: 52px;
	line-height: 20px;
}
footer a
{
	color: #0055a2;
}
footer a:hover
{
}
#tooplate_footer_wrapper
{
	width: 100%;
	background: #003344;
}
#tooplate_footer
{
	width: 950px;
	padding: 5px 10px;
	color: White;
	margin: 0 auto;
}
.col_w200
{
	width: 90px;
	margin-right: 10px;
}
.col_w200 a
{
	color: White;
	text-decoration: none;
	font-weight: normal;
}
.col_w300
{
	width: 100px;
	margin-right: 20px;
}
.col_w300 a
{
	color: White;
	text-decoration: none;
	font-weight: normal;
}
.col_last
{
	margin: 0;
}
.float_l
{
	float: left;
}
.float_r
{
	float: right;
}
.call
{
	float: left;
	width: 602px;
	padding: 5px 0 0 0;
}
.call1
{
	font-size: 32px;
	color: #000;
	line-height: 1.2em;
	display: inline-block;
	letter-spacing: -1px;
}
.call2
{
	font-size: 31px;
	color: #0055a2;
	line-height: 1.2em;
	display: inline-block;
	letter-spacing: -1px;
}

#copyright
{
	overflow: hidden;
	padding: 1em 0em;
}

#copyright p
{
	letter-spacing: 0.20em;
	text-align: center;
	text-transform: uppercase;
	font-size: 0.80em;
	color: Black;
}
.select
{
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	border-radius: 24px;
}

.txtbox
{
	border-top-left-radius: 05px;
	border-top-right-radius: 05px;
	border-bottom-left-radius: 05px;
	border-bottom-right-radius: 05px;
}


/* Table CSS */

body {
	font-family: 'segoe UI', tahoma, geneva, verdana, sans-serif;
	padding: 10px;
}

.content-table {
	border-collapse: collapse;
	margin: 25x 0;
	font-size: 0.9em;
	min-width: 400px;
	border-radius: 5px 5px 0 0;
	overflow: hidden;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.315);
}

.content-table thead tr{
	background-color: Maroon;
	color: white;
	text-align: left;
	font-weight: bold;
}

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

.content-table tbody tr {
	border-bottom: 1px solid gray;
}

.content-table tbody tr:nth-of-type(even){
	background-color: rgb(255, 255, 150);
}

.content-table tbody tr:last-of-type{
	border-bottom: 2px solid Orange;
}

.content-table tbody tr.active-row{
	font-weight: bold;
	color: blue;
}

            
/* DROP DOWN MENU */

        .hide {
          display: none;
          box-shadow: 0px 8px 16px 0px rgba(255,255,255,0.5);
        }
        .show:hover .hide 
        {
            display: flex;
            margin-left: 86%;
            top: 40px;
            left: 300;
            flex-direction: column;
            background-color: #101D6B;
            color: white;
            width: 10%;
            padding: 12px 16px;
            border-radius: 10px;
        }
        
        .show a {
              color: white;
              text-decoration: none;
              display: block;
            }
        .acls
        {
        	padding: 5px 5px;
        	}
        .show .acls:hover 
        {
        	color: skyblue;
        	font-weight:bold;
        	}
        	
/* WHATSAPP ICON */  
    	
         .icon {
            color: white;
            display: flex;
            justify-content: flex-start;
            gap: 10px;
            align-items: center;
            width: fit-content;
            padding: 10px;
            position: fixed;
            bottom: 20px;
            left: 20px;
        } 
        .img-1 {
            position: fixed;
            border-radius: 50%;
            bottom: 20px;
            left: 20px;
        }
    
         .img-1:hover
         {
         	border-radius:20%;
         	cursor
         	}

/* BLINK TEXT */

        .blinkText {
            animation: blink 2s infinite;
        }

        @keyframes blink {
            0%   { color: blue; }
            50%  { color: red; }
            100% { color: blue; }
        }
        
        
/* BACK TO SITE LINK EFFECT */        
        
        .backlink{
            display:inline-block;
            margin-top:15px;
            font-family:Calibri;
            font-weight:bold;
            text-decoration:none;
            color:navy;
            padding:6px 12px;
            border:2px solid transparent;
            border-radius:20px;
            position:relative;
            transition:0.3s;
        }

        /* hover scrolling border */

        .backlink:hover{
            color:navy;
            background:
                linear-gradient(white, white) padding-box,
                linear-gradient(90deg, red, orange, yellow, green, blue, violet) border-box;
            border:2px solid transparent;
            background-size:300% 100%;
            animation:borderMove 2s linear infinite;
        }

        /* animation */

        @keyframes borderMove{
            0%{
                background-position:0% 50%;
            }
            100%{
                background-position:100% 50%;
            }
        }
            
            
        /* LOGIN BUTTON */

        #btnlogin{
            width:120px;
            height:35px;
            margin-top:20px;
            border-radius:50px;
            border:2px solid transparent;
            background-color:navy;
            color:white;
            cursor:pointer;
            transition:0.3s;
        }

        /* hover border scrolling */

        #btnlogin:hover
        {
            background:
                linear-gradient(navy, navy) padding-box,
                linear-gradient(90deg, navy, white, navy, white) border-box;
            border:2px solid transparent;
            background-size:300% 100%;
            animation:scrollBorder 2s linear infinite;
            color:red;
        }

        /* animation */

        @keyframes scrollBorder{
            0%{
                background-position:0% 50%;
            }
            100%{
                background-position:100% 50%;
            }
        }