@charset "utf-8";
/* header Style */

body{margin:0; padding:0; font-family:Arial !important;}
p{font-family:Arial !important;}
.main-table{font-family:Arial; font-weight:normal; Font-size:13px; color:#333; line-height:22px; text-align:justify;}
.main-heading{font-weight:bold; Font-size:18px; color:#333; line-height:30px; border-bottom:1px #ccc solid; text-transform:uppercase; text-align:left;}
.sub-heading{font-weight:bold; Font-size:16px; color:#333; line-height:24px; text-align:left; text-transform:uppercase;}
.bdr{ border-bottom:1px #ccc solid; padding-bottom:5px;}
.team-title{font-weight:bold; Font-size:12px; color:#333; line-height:24px; text-align:left;}

.about-inner{ font-family: Arial, Helvetica, sans-serif; font-weight:normal; text-align:left;}
.about-inner h1{ font-weight:600; Font-size:20px; color:#fff; line-height:36px; text-align:left; text-transform:uppercase; background:#222; border:1px #ccc solid; padding:5px;}
.about-inner h2{ font-weight:600; Font-size:18px; color:#065695; line-height:30px; text-align:left; text-transform:uppercase; border:1px #ccc solid; padding:5px;}

.about-inner h3{ font-weight:600; Font-size:16px; color:#065695; line-height:30px; text-align:left; text-transform:uppercase;}
.about-inner h4{ font-weight:500; Font-size:15px; color:#065695; line-height:30px; text-align:left; text-transform:uppercase;}
.about-inner p{ font-weight:300; Font-size:12px; color:#333; line-height:30px; text-align: justify;}
.about-inner ul{ font-family: Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px;}
.about-inner ul li{color:#333; line-height:24px; text-align:left;}

.contact{font-family: Arial, Helvetica, sans-serif; font-weight:normal; text-align:left;}
.contact h1{ font-weight:600; Font-size:20px; color:#fff; line-height:36px; text-align:left; text-transform:uppercase; background:#222; border:1px #ccc solid; padding:5px;}
.contact h2{ font-weight:600; Font-size:18px; color:#065695; line-height:2px; text-align:left; text-transform:uppercase; /*! border:1px #ccc solid; */ /*! padding:5px; */}
.contact h3{ font-weight:600; Font-size:16px; color:#065695; line-height:30px; text-align:left; text-transform:uppercase;}
.contacth 4{ font-weight:500; Font-size:15px; color:#065695; line-height:30px; text-align:left; text-transform:uppercase;}
.contact p{ font-weight:300; Font-size:12px; color:#333; line-height:30px; text-align:left;}

.main-table p{ padding:0 10px; line-height:22px; font-size:12px;}

.head-srv{font-weight:normal; Font-size:24px; color:#000; line-height:24px; text-align:left; text-transform:uppercase;}
.readm{ font-size:13px; font-weight:bold; color:#198be9; text-decoration:none; line-height:30px;}

.cont-top{ width:100%; min-height:30px; background:#eee; color:#222;}
.cont-mid{width:100%; margin:0 auto; padding:0; }
.cont-mid p{ font-family:Arial; font-size:13px; line-height:30px; text-align:left;  margin:0; padding:0; display:inline-block;}
.cont-mid p a{ text-decoration:none; color:#09F;}
.social{ float:right; width:10%; margin-left:5%; margin-top:5px; text-align:right;}
.social a{ float:left; margin-right:10px;}
.social a img{ width:20px;}
.social a img:hover{ opacity:0.5;}

.logo{ width:100%; text-align:left;}
.logo img{ width: auto;}

.banner-box{position: relative; top:-37px; z-index:0;}



.main-box{ width:100%; height:170px; background:rgba(60,70,80,0.8);}
.main-box h2{ font-family:Arial; font-size:20px; font-weight:normal; text-align:center; text-transform:uppercase; color:#fff; line-height:30px; margin:0; padding-top:7px;}
.main-box p{ font-size:12px; font-family:arial; color:#fff; line-height:24px; padding:0 10px;text-align: justify;}
.main-box p img{float:left;  margin-right:5px;}
.main-box a{ font-size: 12px; color: #eee; text-decoration: none; float: right; margin-right: 20px;}
.main-box a:hover{color:#000;}

.box-left{ width:100%; min-height:300px; /*! border:1px #ccc solid; */ padding:22px 5px;}
.box-left h2{ font-family:Arial; font-size:20px; font-weight:bold; text-align:left; text-transform:uppercase; color:#222; line-height:30px; margin-left:0px; margin-top:0;}
.box-left p{font-size: 12px;line-height:24px;font-weight:normal;text-align:justify;font-family: ari;margin:0;}
.box-left p a{ text-decoration:none; font-weight:bold; color:#03F;}
.box-left ul{ margin:0;}
.box-left ul li{ font-size:13px; line-height:30px; font-weight:bold;}
.box-left ul li a{ text-decoration:none;}

.contact-box{border:1px #ccc solid; padding:5px; height:220px;}
.contact-box h2{ margin-left:10px; margin-top:10px; font-size:16px;}

/*footer*/
footer{ margin-top: 0px; padding-top: 5px; background: url(image/ft-bg.jpg) no-repeat; background-attachment: fixed;
    color: #fff; background-size: cover; padding-top: 20px; background-position: top center; overflow: hidden;
}

footer h2{ font-weight: 500; font-size:24px; position: relative; color: #fff;  margin-top: 10px; margin-bottom: 13px; text-transform: capitalize;     border-bottom: 1px dashed #333; padding-bottom: 5px;
}
	
footer h2 span {
    position: absolute;
    width: 100%;
    left: 1px;
    font-size: 20px;
    color: #222;
    z-index: 1;
    top: -17px;
}

footer .container-middle a{    color: #8e8e8e;}

.col-three{ /*float:left; width:31%; margin:1%;*/}

.ft-cont{/*width:32%;*/}


.us-lk ul{ list-style-type: square; font-size: 14px; margin-bottom: 0; color: #fff; padding-left: 24px;}

.us-lk ul li{ line-height: 20px; margin-bottom:12px;}
.us-lk ul li:last-child{margin-bottom:0;}

.us-lk ul li:hover{ padding-left: 5px;} 

.us-lk ul li a{ color:#bdbdbd;}

.us-lk ul li:hover a{ color:#777 !important;}
 
footer a{ color:#000;}

.ft-soc ul{ font-size: 16px; margin-bottom: 0; list-style: none;}
	
.ft-cont strong{color:#fff;}

.ft-cont p{ margin-bottom:8px; font-size: 14px; line-height: 20px; color: #bdbdbd; min-height: 35px; transition: 0.5s; text-align:left;}
.tab-pane p{font-size: 14px;line-height: 28px;color: #333;min-height: 35px;text-align: justify;}
.copyrht{ background:#333;  margin-top: 30px; color: #fff; font-size:14px; padding: 10px 0; position: relative;
    border-top: 1px solid #023b60;
}
	
.copyrht p{ margin-bottom: 0; color: #fff; font-size: 14px; line-height: 24px;}

#FooterrControl1_tr_FooterBackImage{background-image:none !important;color: #111 !important;}

.cprht-lft{text-align:left;}

.cprht-rht{text-align:right;}

.cprht-rht a{color:#fff;}

p.cprht-rht img {
    height: 25px; transition:0.5s;
}

p.cprht-rht img:hover{transform:rotate(360deg); transition:0.5s;}

.ft-cont i { width: 35px;
    /* height: 35px; */
    text-align: center;
    border: 1px solid #fff;
    font-size: 19px;
    /* line-height: 44px; */
    margin-right: 11px;
    margin-top: 4px;
    vertical-align: initial;
    float: left;
    transition: 0.5s;
    padding: 7px 0;
}

.ft-cont p:hover i{ background:#67a84e; transition:0.5s;}

.ft-cont p:hover i img{ filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
    -moz-filter: brightness(0) invert(1);}

.top{ position: absolute; top: -30px; margin:0 auto; right: 0; text-align: center; width: 55px; background: #32a69d; color: #fff; 
padding: 10px 0px 10px; cursor:pointer; transition:0.5s; box-shadow: 0px 1px 3px #444;}
	
.top img{ display: block; text-align: center; margin: 0 auto;}

/*footer*/


.ibs-bg{ background:#ccc; padding:10px -1px; /*! margin-top:20px; */}

.ibsbox{ width:235px; height:auto; float:left;}
.ibspanel {
    width: 100%;
    height: 230px;
    margin: auto;
    position: relative;
	text-align:center;
}

.ibscard {
    /*! width: 100%; */
    height: 100%;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
	border-radius:10px;
}
.ibscard h3{color:#fff;line-height:30px;font-size: 14px;margin:0;}

.ibsfront{ background:#515151;}
.ibsfront img {border-radius:10px; margin-top:15px;}

.ibsback {   
    -webkit-transform: rotatey(-180deg);
    -ms-transform: rotatey(-180deg);
    -moz-transform: rotatey(-180deg);  
    transform: rotatey(-180deg);
	background:#FFF;
	font-family:Arial;
	font-size:12px;
	text-align:justify;
	color:#4E4E4E;
	line-height:26px;
	padding-left:3px;
	padding-right:3px;
}

.ibspanel:hover .ibsfront {
    
    -webkit-transform: rotatey(180deg);
    -ms-transform: rotatey(180deg);
    -moz-transform: rotatey(180deg);
    transform: rotatey(180deg);	
}

.ibspanel:hover .ibsback {
       
    -webkit-transform: rotatey(0deg);
    -ms-transform: rotatey(0deg);
    -moz-transform: rotatey(0deg);
    transform: rotatey(0deg);
	
}
.aside{ margin-top:10px; width:100%; margin-right:5px; float:left;}

.aside h3{ background:#515151; margin:0; line-height:36px; font-size:20px; color:#fff; text-align:center; font-weight:bold; border-bottom: 1px solid #fff;}

.aside ul{ margin:0; padding:0; border:1px solid #ccc;}

.aside ul li{ background: linear-gradient(to bottom, #083a83 0%, #99bcfa 100%); border-bottom:1px solid #ccc; line-height:24px; padding-left:5px; text-transform: capitalize; font-size: 13px; list-style-type: none;}
.aside ul li:hover{ padding-left:20px; background:#000; text-decoration:none;}

.aside ul li a{color: #fff;text-decoration:none;}

.aside h4{ text-align:center; color:#fff; background:#515151; margin:0; line-height:33px; font-weight:bold; border-bottom: 1px solid #fff;}
.aside h4:nth-of-type(2){border-bottom-left-radius:10px; border-bottom-right-radius:10px; height:20px;}

.Blink-box{ background:#01598c; border:2px #333 solid;}

.blink {
        animation: blinker 0.6s linear infinite;
        color: #f4f704;
        font-size: 20px;
        font-weight: bold;
        font-family: sans-serif;
		text-align: center;
		margin: 0;
		line-height: 30px;
		padding: 10px 0;
      }
.Blink-box a{ color: #f4f704 !important;}
	  
	  
      @keyframes blinker {
        50% {
          opacity: 0;
        }
      }
	  
.whats-new h4{ background-size: inherit !important;}