@import url(https://fonts.googleapis.com/css?family=PT+Sans); /* font-family: 'PT Sans', sans-serif; */
@import url('https://fonts.googleapis.com/css?family=Marcellus+SC');  /*font-family: 'Marcellus SC', serif;*/
body { font-family: 'PT Sans', sans-serif; background-color:rgba(27,188,247,0.2) !important;}
h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px; }
ul{ padding:0px; margin:0px; }
ul li{ list-style-type:none; padding:0px; margin:0px; }
p{ padding:0px; margin:0px; font-size:14px; }
a{ outline:none !important; text-decoration:none !important;}
.full-body-cont{  width:100%; }

.header{ position:relative; z-index:999; padding:0px; clear:both;}
#headerpage{top:0; left:0; right:0; z-index:999;box-shadow:0px 0px 10px rgba(0,0,0,0.4); 
background: rgba(128,124,125,1);
background: -moz-linear-gradient(top, rgba(128,124,125,1) 0%, rgba(171,171,171,1) 0%, rgba(171,171,171,1) 17%, rgba(171,171,171,1) 19%, rgba(171,171,171,1) 19%, rgba(255,250,251,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(128,124,125,1)), color-stop(0%, rgba(171,171,171,1)), color-stop(17%, rgba(171,171,171,1)), color-stop(19%, rgba(171,171,171,1)), color-stop(19%, rgba(171,171,171,1)), color-stop(100%, rgba(255,250,251,1)));
background: -webkit-linear-gradient(top, rgba(128,124,125,1) 0%, rgba(171,171,171,1) 0%, rgba(171,171,171,1) 17%, rgba(171,171,171,1) 19%, rgba(171,171,171,1) 19%, rgba(255,250,251,1) 100%);
background: -o-linear-gradient(top, rgba(128,124,125,1) 0%, rgba(171,171,171,1) 0%, rgba(171,171,171,1) 17%, rgba(171,171,171,1) 19%, rgba(171,171,171,1) 19%, rgba(255,250,251,1) 100%);
background: -ms-linear-gradient(top, rgba(128,124,125,1) 0%, rgba(171,171,171,1) 0%, rgba(171,171,171,1) 17%, rgba(171,171,171,1) 19%, rgba(171,171,171,1) 19%, rgba(255,250,251,1) 100%);
background: linear-gradient(to bottom, rgba(128,124,125,1) 0%, rgba(171,171,171,1) 0%, rgba(171,171,171,1) 17%, rgba(171,171,171,1) 19%, rgba(171,171,171,1) 19%, rgba(255,250,251,1) 100%);

}

.logo img{  padding:0px 0px; width:100%; }
nav{  }
.mainmenu{  overflow:hidden; padding:0px 0px;}
.mainmenu ul{ margin:0; padding:0px 0px;}
.mainmenu > ul > li{ margin:0; display:inline-block; }
.mainmenu  ul li a{ padding:33px 15px; font-size:16px; color:#555; display:block;}
.mainmenu ul li:hover > a, #activetab a{ background-color:#fafafa; color:#333;}
.mainmenu > ul > li > ul{ position:absolute; background-color:#666; display:none; text-align:left; min-width:170px;}
.smlmenu{ width:180px; }
.mainmenu ul li ul li a{ font-size:14px; padding:10px 15px; border-top:1px solid #aaa; display:block; color:#eee; }
.mainmenu ul li ul li:nth-child(1) a{ border-top:none; }
.respnav{ position:absolute; right:20px; top:0px; }
.respnav i{ font-size:25px; padding:10px 0px; cursor:pointer; color:#000; }
.respnav{ float:right; }
#respo_menu{ display:none; overflow:hidden; }
#respo-submenu{ position:fixed; top:0; bottom:0; background:#fff; padding:2px; border-top:1px solid #ccc; box-shadow:0px 0px 2px #aaa; left:-100%; -webkit-transition:all ease-in-out 0.2s; -moz-transition:all ease-in-out 0.2s; -ms-transition:all ease-in-out 0.2s; transition:all ease-in-out 0.2s; width:230px; overflow:auto; z-index:99; }
#respo-submenu ul { margin:0px; padding:0px; }
#respo-submenu ul li a{ display:block; padding: 8px 0 8px 10px; color:#4B4B4D; font-size:13px; text-decoration:none;  }
#respo-submenu ul li{ position:relative; }
#respo-submenu ul li ul{ margin-left:10px; }
#respo-submenu ul li ul li{ position:relative;  padding:0px 10px; font-size:14px; color:#333; }
#respo-submenu ul li ul li:before{ content:'\f105'; position:absolute; left:5px; top:5px; color:#777; font-family:'FontAwesome'; }
#respo-submenu ul li a:hover{ background-color:#00a4df; color:#fff; }
.bodycol{  padding:30px 30px; background-color:rgba(27,188,247,0.2); text-align:center; overflow:hidden; }
.bodycol h1{ display:inline-block; padding:0px 10px; margin:0px 0px; color:#105ab0;  font-family: 'Marcellus SC', serif;}
.bodycol hr{ border-top:2px solid #00b3f3; margin:auto; padding:20px 0px; width:15%; }
.bodycol p{ color:#333;}
#welcol{ background-image:url(../images/bg2.jpg); text-align:center; padding:30px 0px; background-attachment:fixed; }
#welcol p{ font-size:18px; color:#000; text-align:justify;}
#abtcol{padding:30px 0px; background-attachment:fixed; }
#abtcol p{ font-size:18px; color:#000;  padding:12px 0px 0px 0px; text-align:justify;}
#abtcol p a{ color:#000;}
#abtcol p a:hover{ color:#00a4df;}

#abtcol h1{ display:inline-block; padding:0px 0px 0px 14px; margin:0px 0px; color:#105ab0;  font-family: 'Marcellus SC', serif;}
#abtcol h2{ display:inline-block; padding:0px 0px 10px 0px; margin:0px 0px; color:#00a6e5;  font-family: 'Marcellus SC', serif;}
#abtcol h4{ display:inline-block; padding:0px 0px 10px 0px; margin:0px 0px; color:#0233a4;  font-family: 'Marcellus SC', serif;}
.home4box{ background-color:#eee; overflow:hidden; text-align:left; }
.home4box img{ padding:4px; width:100%; }
.home4box h3{ color:#1671AE; font-size:20px; }
.home4box p{ display:block; color:#333; position:relative; font-size:14px; width:100%; }
.home4box p a{ display:block; padding:8px 0px; color:#1671AE; font-weight:700; position:relative; font-size:12px; border-top:1px solid #CCC; width:100%; }
.home4box p a:after{ content:'\f054 ';font-family: 'FontAwesome'; position:absolute; color:#bbb; padding-left:10px; right:120%; -moz-transition:all ease-in-out 0.2s; }
.home4box p a:hover:after{ color:#1671AE; right:0; }
.home4box > div{ padding:0px 10px; }

.rightcol{ position:relative; right:-130%; opacity:0;  -moz-transition:all ease-in-out 0.5s; -webkit-transition:all ease-in-out 0.5s;  transition:all ease-in-out 0.5s; }
.leftcol{ position:relative; left:-130%; opacity:0; -moz-transition:all ease-in-out 0.5s; -webkit-transition:all ease-in-out 0.5s;  transition:all ease-in-out 0.5s; }
.tran01{ transition:all ease-in-out 1s; -moz-transition:all ease-in-out 1s; -webkit-transition:all ease-in-out 1s; -ms-transition:all ease-in-out 1s; -o-transition:all ease-in-out 1s; }
.tran02{ transition:all ease-in-out 1.2s; -moz-transition:all ease-in-out 1.2s; -webkit-transition:all ease-in-out 1.2s; -ms-transition:all ease-in-out 1.2s; -o-transition:all ease-in-out 1.2s; }
.tran03{transition:all ease-in-out 1.5s; -moz-transition:all ease-in-out 1.5s; -webkit-transition:all ease-in-out 1.5s; -ms-transition:all ease-in-out 1.5s;-o-transition:all ease-in-out 1.5s; }
.tran04{ transition:all ease-in-out 1.7s; -moz-transition:all ease-in-out 1.7s; -ms-transition:all ease-in-out 1.7s;-webkit-transition:all ease-in-out 1.7s; -o-transition:all ease-in-out 1.7s; }
.tran05{ transition:all ease-in-out 1.9s; -moz-transition:all ease-in-out 1.9s; -webkit-transition:all ease-in-out 1.9s;-ms-transition:all ease-in-out 1.9s;-o-transition:all ease-in-out 1.9s; }
.tran06{ transition:all ease-in-out 2.1s; -moz-transition:all ease-in-out 2.1s; -webkit-transition:all ease-in-out 2.1s;-ms-transition:all ease-in-out 2.1s;-o-transition:all ease-in-out 2.1s; }
#threediv{ overflow:hidden; padding:60px 20px; background-color:#fff; position:relative; }
#threediv h1{ text-align:center; color:#2D465C; z-index:33; position:relative; font-family: 'Marcellus SC', serif;}
#threediv:before{ background-color:rgba(255,255,255,0.8); position:absolute; content:''; top:0; bottom:0; right:0; left:0; }
.four-icons{ display:inline-block; text-align:center; vertical-align:middle;  color:#686868; }
#threediv h2{ font-size:15px; color:#2D465C;  padding:2px 20px; }
#threediv p{ font-size:14px; color:#43474d; padding:5px 20px; }
.threecol{ background-color:#FFF;  padding:20px 10px; border:1px solid #ddd; min-height:230px }
.threecol:hover{ box-shadow:0px 0px 5px rgba(0,0,0,0.2);}
/* pagebanner*/
#pagebanner{ position:relative;}
.bannertitle{ position:absolute;  background-color:rgba(0,0,0,0.1); width:100%;  z-index:55; left:0; right:0; top:0; bottom:0; }
.bannertitle h3{ color:#fff; margin-top:6%;}
.bannertitle hr{ border-color:#fff; padding:0; }
.pagebody{  padding:30px 0px; background-color:#f3f2f0; }
/* pagebanner*/
.sidenav{ border-right:1px solid #eee; }
.sidenav li {  }
.sidenav li a{    font-size:16px; color:#333; padding:8px 0px ; border-bottom:1px solid #eee; display:block; transition:all ease-in-out 0.2s; -moz-transition:all ease-in-out 0.2s; -webkit-transition:all ease-in-out 0.2s; -ms-transition:all ease-in-out 0.2s; -o-transition:all ease-in-out 0.2s; }
.sidenav li a:hover{ color:#2c73be; padding-left:10px; background-color:#f9f7f7; }
.gallerycol li{ position:relative; border:none; padding:10px 10px 0px 0px;}
.gallerycol li a{ position:relative; border:1px solid #ccc; display:block; overflow:hidden; height:auto; width:100%; }
.gallerycol li img{ width:100%; }
.gallerycol p{ font-size:14px !important; padding:10px 8px 0px 10px !important;min-height:100px; background-color:#fff; }



.ulli{ padding:0; padding:0px 0px 0px 0px; }
.ulli li{ list-style-type:none; position:relative; padding:2px 20px; font-size:16px; }
.ulli li:before{ position:absolute; left:0; content:'\f00c'; font-size:12px; top:5px; font-family:'FontAwesome'; color:#0067B3; }
#conter{ background-color:#009fd8; padding:10px 0px 10px 0px; margin:10px 0px 0px 0px;
-webkit-box-shadow: -9px 12px 16px -7px rgba(0,0,0,0.75);
-moz-box-shadow: -9px 12px 16px -7px rgba(0,0,0,0.75);
box-shadow: -9px 12px 16px -7px rgba(0,0,0,0.75);}
.map{-webkit-box-shadow: -9px 12px 16px -7px rgba(0,0,0,0.75);
-moz-box-shadow: -9px 12px 16px -7px rgba(0,0,0,0.75);
box-shadow: -9px 12px 16px -7px rgba(0,0,0,0.75);}
#conter p{ font-size:18px; color:#eee;  padding:12px 0px 0px 30px; text-align:justify;}
#conter h2{ position:relative; padding:10px 0px 15px 30px; color:#fff; font-weight:bold;}
#conter h2:after{ width:40%; height:3px; background-color:#333; position:absolute; content:''; left:0; bottom:0; margin-left:30px;}
.tact{ padding:20px 0px 50px 0px; background-color:rgba(27,188,247,0.2);text-align:center;}
.tact h1{ color:#105ab0; padding-bottom:10px; text-align:center; font-family: 'Marcellus SC', serif;} 
.tact h3{ color:#1a3584; padding:20px 0px 10px 0px; font-weight:bold; font-family: 'Marcellus SC', serif; line-height:30px;} 
.tact p{ padding:0px 0px 10px 0px; color:#5a5a5a; font-size:15px;}
.blr{ background-color:#eee; margin-top:20px; border-radius:10px; min-height:200px; margin-left:0px; -webkit-box-shadow: 0px 7px 5px -2px rgba(156,142,156,1);
      -moz-box-shadow: 0px 7px 5px -2px rgba(156,142,156,1);
      box-shadow: 0px 7px 5px -2px rgba(156,142,156,1);}
.blr p{ padding:0px 20px 10px 10px; color:#5a5a5a; font-size:15px;}
.dlink{ padding:0px 0px 0px 0px;}
.dlink a{ color:#003c9b ;  background-color:#fff;  padding:10px 30px; font-size:16px !important; font-weight:bold; font-family: 'Marcellus SC', serif;
 box-shadow:0px 0px 10px rgba(0,0,0,0.4)}
.dlink a:hover{ color:#1ca6d2;  }
.dlink a i{ font-size:20px; }



.bboard{ padding:0px 0px 20px 40px; margin-top:0px;}
.bboard h3{ color:#EC008C;  padding:0px 0px 0px 0px; margin:0px;}
.bboard i{ font-size:30px;}
.bboard-bg{background-color:#00b0ef; padding:10px 0px 10px 14px; margin-right:0px;}
 blink {
        animation: blinker 3s linear infinite;
        color: #fff; 
       }
      @keyframes blinker {  
        50% { opacity: 0; }
       }
       .blink-one {
         animation: blinker-one 1s linear infinite;
       }
       @keyframes blinker-one {  
         0% { opacity: 0; }
       }
       .blink-two {
         animation: blinker-two 1.4s linear infinite;
       }
       @keyframes blinker-two {  
         100% { opacity: 0; }
       }


.newscol{ color:#fff; overflow:hidden; position:absolute; width:100%;  margin-top:-20px; }
.newscol h4{ background-color:#068BA0; color:#fff; padding:10px; margin:0; font-size:20px; font-weight: bold;}
.bluecol{ background-color:#000; }
#newsscroll{ margin:0; }
#newsscroll li { padding:10px 20px;  margin:0; -moz-user-select:none;user-select:none; color:#eee; font-size:1.1em;}
#newsscroll ul li a{ color:#eee; padding:10px 20px;  margin:0; -moz-user-select:none;user-select:none; }
#newsscroll ul li a:hover{ color:#eee;}

#footercol{background-color:#eee; background-image:url(../images/texture_3.jpg);  padding:40px 0px; position:relative; z-index:12; overflow:hidden; clear:both; }
#footercol p{ color:#000; text-align:justify;}
.footermenu h3{ color:#105ab0; font-weight:600; font-family: 'Marcellus SC', serif; margin:0px; padding:0px 0px 10px 0px;}
.footermenu ul{ padding-right:10px; }
.footermenu ul li{ padding:0px 10px; position:relative; }
.footermenu ul li a{ font-size:13px; color:#000; border-bottom:1px dotted #3e3e3e; display:block; padding:8px 0px; }
.footermenu ul li:before{ content:'\f105 '; font-family: 'FontAwesome'; color:#eee; font-size:10px; vertical-align:middle; position:absolute; left:0; top:10px; }
#footer{ text-align:center; background-color:#105ab0;  }
#footer p{ margin:0; padding:10px 0px; font-size:13px; color:#eee;}
.fom ul li:before{ display:none; } 
.fom ul li{ margin:0px 0px 10px 0px; padding:0;}
.socialcol{ margin:0px; padding:10px 0px 20px 0px;} 
.socialcol ul li{ padding:0; }
.socialcol ul li:before{ display:none; }
.socialcol ul li a { float:left; background-color:#3e3e3e; border-radius:50%; margin-right:5px; width:33px; height:30px; text-align:center; display:table; color:#eee;}
.socialcol ul li a i{ vertical-align:middle; display:table-cell; }

/*Extra small devices (portrait phones, less than 576px)*/
/*No media query since this is the default in Bootstrap*/
/*Small devices (landscape phones, 576px and up)*/
@media (max-width: 320px) {
.bannertitle h3{ color:#fff; font-size:14px !important; padding-top:14% !important}}
@media (max-width: 576px) { .mainmenu{ display:none;} .respnav{ display:block;} #respo_menu{ display:block; }.whywe{ margin:30px 0px 20px 0px;}
#welcol h1{ font-size:26px;  padding:0px 0px 0px 0px;}
#pagebanner{ padding-top:40px;} .bannertitle h3{ margin-top:10% !important;}}
/*Medium devices (tablets, 768px and up)*/
@media (max-width: 768px) { .mainmenu{ display:none;}  .respnav{ display:block;} #respo_menu{ display:block; } .bannertitle h3{ color:#fff; font-size:18px;margin-top:4%;}}
/*Large devices (desktops, 992px and up)*/
@media (max-width: 992px) {  .mainmenu{ display:none;}  .respnav{ display:block;} #respo_menu{ display:block; } .bannertitle h3{ color:#fff; font-size:18px; padding:10% 0px 0px 0px;}}
/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { .mainmenu{ display:block;}  .respnav{ display:none;} #respo_menu{ display:none; } .bannertitle h3{ color:#fff; padding-top:10%;}}
/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {  .mainmenu{ display:block;} .respnav{ display:none;} #respo_menu{ display:none; } }