@charset "utf-8";
@import url("../fonts/krutidev/stylesheet.css");

*{margin:0; padding:0}
html, body { height: 100%; width: 100%;}
@font-face {
  font-family: 'OpenSans-Light';
  src: url('../fonts/OpenSans-Light.eot'); /* IE9 Compat Modes */
  src: url('../fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */        
       url('../fonts/OpenSans-Light.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/OpenSans-Light.ttf')  format('truetype'), /* Safari, Android, iOS */ 
	   url('../fonts/OpenSans-Light.svg#svgFontName') format('svg'); /* Legacy iOS */       
	   font-weight:100; font-style: normal;
} 

@font-face {
  font-family: 'OpenSans-Regular'; 
  src: url('../fonts/OpenSans-Regular-webfont.eot'); /* IE9 Compat Modes */
  src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */        
       url('../fonts/OpenSans-Regular-webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/OpenSans-Regular-webfont.ttf')  format('truetype'); /* Safari, Android, iOS */	       
	   font-weight:100; font-style: normal;
}

@font-face {
  font-family: 'daunpenh'; 
  src: url('../fonts/daunpenh.eot'); /* IE9 Compat Modes */
  src: url('../fonts/daunpenh.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */        
       url('../fonts/daunpenh.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/daunpenh.ttf')  format('truetype'); /* Safari, Android, iOS */	       
	   font-weight:100; font-style: normal;
} 

@font-face {
  font-family: 'SCRIPTBL'; 
  src: url('../fonts/SCRIPTBL.eot'); /* IE9 Compat Modes */
  src: url('../fonts/SCRIPTBL.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */        
       url('../fonts/SCRIPTBL.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/SCRIPTBL.ttf')  format('truetype'); /* Safari, Android, iOS */	       
	   font-weight:100; font-style: normal;
} 

@font-face {
  font-family: 'BrushScriptStd'; 
  src: url('../fonts/BrushScriptStd.eot'); /* IE9 Compat Modes */
  src: url('../fonts/BrushScriptStd.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */        
       url('../fonts/BrushScriptStd.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/BrushScriptStd.ttf')  format('truetype'); /* Safari, Android, iOS */	       
	   font-weight:100; font-style: normal;
} 

 

 

@font-face {
  font-family: 'titillium-thin'; 
  src: url('../fonts/titillium-thin.eot'); /* IE9 Compat Modes */
  src: url('../fonts/titillium-thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */        
       url('../fonts/titillium-thin.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/titillium-thin.ttf')  format('truetype'); /* Safari, Android, iOS */	       
	   font-weight:100; font-style: normal;
} 
/* <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet"> in html */
/* <link href='//fonts.googleapis.com/css?family=Open+Sans:600,400' rel="stylesheet">in html */

 
body,ul,ol,li,img,bg,hr,input,textarea,p,address,article,h1,h2,h3,h4,h5,h6,header{margin:0; padding:0;}
body{font-family: 'OpenSans-Regular', sans-serif !important;  background:#fff;color:#000;margin:0; font-size:0.81em !important;line-height:normal;letter-spacing:normal;font-weight:normal; height:100%; text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important;-webkit-font-smoothing: antialiased !important;  }
div,address,i,p{transition: all 0.3s ease;  -webkit-transition: all 0.3s ease; -moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;}
code{font-family: 'OpenSans-Regular', sans-serif }
a{font-family:'OpenSans-Regular', sans-serif ;  color:#000 ; font-size:0.9em; line-height:normal; letter-spacing:normal;font-weight:normal; text-decoration:none; cursor:pointer;
transition: all 0.3s ease;  -webkit-transition: all 0.2s ease; -moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;-ms-transition:all 0.2s ease;} 
a:hover{color:#f00;transition: all 0.2s ease;  -webkit-transition: all 0.2s ease; -moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;-ms-transition:all 0.2s ease;}
ul,li{list-style:none}
i{font-style:normal}
big,small{transition: all 0.3s ease;  -webkit-transition: all 0.3s ease; -moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;}
h1,h2,h3,h4,h5,h6{font-family: 'OpenSans-Regular', sans-serif !important; font-weight:normal; letter-spacing:normal; text-transform:none}
img {max-width:100%; border:none;}
img,li,input,textarea{transition: all 0.3s ease;  -webkit-transition: all 0.3s ease; -moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;  border:none; margin:0; padding:0}
input{font-family: 'OpenSans-Regular', sans-serif !important;box-sizing:border-box} 
textarea{font-family:'OpenSans-Regular', sans-serif !important;box-sizing:border-box} 
select{font-family: 'OpenSans-Regular' !important;box-sizing:border-box} 
::after{transition: all 0.2s ease;  -webkit-transition: all 0.2s ease; -moz-transition:all 0.2s ease;} 
::before{transition: all 0.2s ease;  -webkit-transition: all 0.2s ease; -moz-transition:all 0.2s ease;} 
 
div,p,input,textarea,li,a{box-sizing:border-box}
section{display:block; position:relative; box-sizing:border-box}
.full-width{width:100%; display:block; position:relative}
.wrapper-block{width:1200px; position:relative; margin:0 auto; border:0px solid #ccc}
.clear{clear:both}
h3{font-size:1.3em}
h2{font-size:1.5em}

/* --------- top ----------- */
.top-ribbon{display:block; padding:2px; position:relative} 
.top-left{float:left; width:70%; margin:0 20px 0 0; padding:7px 5px}
.top-left-head{display:inline-block; vertical-align:middle; margin:0 7px 0 0; background:#012340; color:#fff; padding:7px}
.top-left-head:after{content:"\f101";font-family: FontAwesome; margin:0 5px 0 5px}
/* news ticker */
.scrollerWrapper { overflow: hidden; *position: relative; color:#fff; display:inline-block; vertical-align:middle; width:85%  }
.scrollerWrapper ul.scroller { position: relative; white-space: nowrap; }
.scrollerWrapper ul.scroller li { display: inline-block; *display: inline; white-space: normal; vertical-align: middle; padding:0; margin-right:20px; }
.scrollerWrapper ul.scroller li:before{content:"\f0da";font-family: FontAwesome; margin:0 10px 0 0}
.scrollerWrapper ul.scroller li a{color:#f1e3c7; font-size:1.1em}
.scrollerWrapper ul.scroller li a:hover{color:#fff}
/* ----------- */
.top-right{float:right; width:auto; margin:4px 0 0 0; padding:7px 5px; position:relative; z-index:999;}
.top-ri-eff{position:absolute; left:-10px; top:0; width:0px; height:34px; background:#012340; z-index:999; transform:skew(-20deg)}
.top-right ul{display:block; text-align:center; margin:3px 0 0 0}
.top-right ul li{display:inline-block; vertical-align:middle; margin:0 13px 0 13px}
.top-right ul li:nth-of-type(1){margin:px 0 0 0}
.top-right ul li a{display:block; color:#fff; padding:0 0 2px 0}
.top-right ul li a:hover{color:#d9caab}

.top-r-btm{position:absolute; right:0px; bottom:-29px; width:24.5%; z-index:99; padding:5px 0 0 0px; text-align:center}
.top-r-btm .flex-two{ text-align:center; position:relative;}
.top-r-btm .flex-two .eff-l{position:absolute; width:20px; height:38px; background:#d90765; left:-13px; top:-6px; transform:rotate(-35deg)} 
.top-r-btm .flex-two .eff-r{position:absolute; display:none; width:20px; height:38px; background:#d90765; right:-13px; top:-6px; transform:rotate(35deg)} 
/*.top-r-btm .flex-two .eff-l:before{content:"\f0d9";font-family: FontAwesome; color:#d90765; font-size:4em; z-index:999}*/
.top-r-btm .flex-two a{display:block; color:#f1e3c7; background:#d90765; padding:5px 5px 7px 5px; } 
.top-r-btm .flex-two:nth-of-type(1) a{font-size:1.2em;animation:blnk-toll infinite 0.8s;-webkit-animation:blnk-toll infinite 0.8s; padding-top:7px; padding-bottom:5px}
.top-r-btm .flex-two:nth-of-type(2) a{ padding-bottom:7px; padding-top:7px; font-size:1.1em; color:#ff0}
.top-r-btm .flex-two:nth-of-type(2) a:after{content:"\f007";font-family: FontAwesome; margin-left:10px}
.top-r-btm .flex-two a:hover{ color:#000}
/* ---------------- */

.header-top{display:block; padding:25px 0; position:relative}
.logo-l{display:inline-block; vertical-align:middle; margin:0 20px 0 0; background:#fff; border-radius:100%;}
.logo-l img{}
.logo-txt{display:inline-block; vertical-align:middle;}
.logo-txt h2{ display:block;font-family: 'SCRIPTBL', sans-serif !important; line-height:23px; color:#174873 !important; font-size:3.2em; letter-spacing:1px;border-bottom:0px solid #eee;}
.logo-txt h2 span{color:#00aeef;font-family: 'BrushScriptStd', sans-serif !important; display:inline-block; border-bottom:0px solid #d9caab; border-top:0px solid #d9caab;padding:3px 0 3px 0}
.logo-txt .slogan{display:block; font-size:1.3em; margin-top:5px; text-transform:uppercase; color:#333}
.header-top .h-t-m{position:absolute; right:0; bottom:0; background:#00aeef; padding:4px 7px;} 
.header-top .h-t-m .htm-adm{width:auto;display:inline-block; vertical-align:middle;padding:5px 0; margin:0; 0 0; color:#fff} 
 #news-ticker-v { height: 20px; overflow: hidden; width:100%;  }
 #news-ticker-v li {height: 20px; display:block;  clear:both /* This is to ensure that there is no overlap */; animation:stre infinite 1s }
 #news-ticker-v li:nth-child(odd){color:#ff0}
 #news-ticker-v li:nth-child(even){color:#fff}
 

.header-top .h-t-m h3{display:inline-block; vertical-align:middle; padding:0 0 0 0px; margin:0 4px 0 0; font-size:1em; color:#fff; font-weight:bold; position:relative}
.header-top .h-t-m h3:after{content:"\f101";font-family: FontAwesome; margin:0 10px 0 0; display:none}
.header-top .h-t-m h3:before{ content:''; position:absolute; width:30px; height:60px; background:#00aeef; left:-26px; top:-13px; z-index:999; transform:skew(-30deg)}
.header-top .h-t-m a{display:inline-block; vertical-align:middle; padding:5px 8px; font-size:1.3em;color:#fff; margin:3px 0 0 20px}
.header-top .h-t-m a:nth-of-type(1){ margin:0 0 0 0}
.header-top .h-t-m a:hover{ color:#000}
  
/* ----------------- */

.menu-main{display:block; position:relative; padding:12px 0; margin:0px 0 0 0; z-index:9999; border-top:0px solid #00aeef;border-bottom:1px solid #00aeef}

.slide-notice{display:block; position:relative; height:75%; width:100%; background:#fff; z-index:1;}
.slide-notice .flex-box .flex-two:nth-of-type(1){width:25%;}
.slide-notice .flex-box .flex-two:nth-of-type(2){width:75%; border-bottom:2px solid #d9caab; margin-bottom:0px}
.notice{ width:100%; display:block; height:100%; overflow:hidden; background:#fff; border:1px solid #d9caab;  border-top:none; padding:0 40px 0 40px }
.notice h3{display:block; margin-bottom:0px; background:#00aeef; color:#fff; text-transform:uppercase; padding:10px 0 10px 20px; text-align:left}
.notice h3:before{content:"\f15c";font-family: FontAwesome; margin:0 10px 0 0; color:#d90765}
.notic-inner{display:block; padding:0;}
.notic-inner marquee{height:460px; width:100%; border-bottom:1px solid #d9caab;border-top:1px solid #d9caab; border-radius:0 0 10px 0}
#ticker { width:100%; height:100%;  overflow:hidden; margin-bottom:20px}
#ticker li{border:1px solid #d9caab; padding:5px; margin:0 0 7px 0; border-radius:0 10px 10px 0;}
#ticker dt { padding:0 10px 5px 10px; color:#000;padding-top:10px;}
#ticker dd {margin-left:0; font-size:0.9em; padding:0 10px 10px 10px; border-bottom:0px solid #d9caab; color:#666}
#ticker dd.last { border-bottom:1px solid #ffffff;}
#ticker dd a{display:block; margin:2px 0; color:#00aeef; font-size:1em} #ticker dd a:hover{color:#d9caab}

.notic-inner .notice-all{display:block; margin:40px 0 0 0 }
.notic-inner .notice-all a{display:block;background:#d9caab; color:#000; padding:10px; font-size:1em}
.notic-inner .notice-all a:hover{ background:#00aeef; color:#fff}
.slider-inner{display:block; width:100%; max-height:597px; background:#fff} .slider-inner img{margin-bottom:0px}
.slider-inner .slider1 li{position:relative}
.slider-inner .slider1 li img{width:100%}
.slider-inner .slider1 li .capp{position:absolute; bottom:30%; right:0; width:auto; padding:10px; background:#012340 ; color:#fff; border-bottom:2px solid #d90765}
.slider-inner .slider1 li .capp a{display:block; font-size:1em; color:#d9caab; background:none; padding:0 20px 0 30px;} 
.slider-inner .slider1 li .capp a:hover{color:#fff}
/* -------------------- */
.etc{display:block; padding:40px 0; text-align:center}
.etc .flex-five{text-align:center !important}
.etc span{display:block; margin:0 0 10px 0; font-size:3em; color:#d90765}
.etc b{font-size:1.6em;font-family: 'OpenSans-Light' !important; }
.etc h3{display:block; margin:5px 0 0 0; font-size:1.2em; color:#d90765; text-transform:uppercase}
.etc-inner{display:block}



.margin-all{margin:60px 0 !important}
.padding-all{padding:60px 0 !important}
 
.bg-alumi{background:rgba(217,7,101,0.8);}
.bg-alumi-b{background:rgba(1,35,64,0.8);}
.bg-alumi-sky{background:rgba(66,139,202,0.8);}

/* ----------- */
.three-sec{display:block; padding:20px 0}
.three-inner{display:block; position:relative; padding:15px 0 0 0; color:#fff; box-shadow:1px 12px 8px -10px #999; border:1px solid #eee}
.three-inner h3{display:block; margin-bottom:15px; font-family:'titillium-thin' !important; font-size:2em; }
.three-inner-txt{display:block; background:#fff; padding:10px 15px; color:#000}
.three-inner-txt p{display:block; text-align:justify; margin-bottom:7px; line-height:20px}  
.three-inner-txt ul{display:block; text-align:left; margin-bottom:20px;}
.three-inner-txt li{display:block; margin-bottom:7px; padding:0 0 0 20px; position:relative}  
.three-inner-txt li:before{content:"\f00c"; font-family: FontAwesome; position:absolute; left:0; top:3px; color:#00aeef }
.link{display:block; text-align:left; margin-bottom:10px;}
.link a{display:inline-block; position:relative; text-align:left; border:1px solid #00aeef; padding:5px 12px; color:#2e3293}
.link a:hover{color:#00aeef}    
/* ----------------------- */
.full-dard{display:block; position:relative;background-color: rgba(47, 47, 47, 0.9); color:#fff}
.full-dard::after {
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
    background:url(img-all/eventsbgbk.jpg);
    background-size: cover; background-attachment:fixed
}
.full-dard img{display:inline-block !important; vertical-align:middle; margin:0 20px 0 10%; width:300px}
.full-d-txt{display:inline-block !important; vertical-align:middle; width:60%;}
.full-d-txt h2{display:block; margin:0 0 30px 0; color:#00aeef; font-size:3em;font-family:'titillium-thin' !important;}
.full-d-txt ul{display:block; text-align:left }
.full-d-txt ul li{display:block; position:relative; padding:0 0 0 70px; font-size:1.3em; margin-bottom:50px;}
.full-d-txt ul li small{display:block; font-size:0.7em !important}
  
.b-one{} .b-one:before{content:"1"; position:absolute; left:0; top:-5px;line-height:30px; width:50px; height:50px; text-align:center; padding:10px 15px; background:#00aeef; color:#fff; border-radius:100%}
.b-two{} .b-two:before{content:"2"; position:absolute; left:0; top:-5px;line-height:30px; width:50px; height:50px; text-align:center; padding:10px 15px; background:#00aeef; color:#fff; border-radius:100%}
.b-three{} .b-three:before{content:"3"; position:absolute; left:0; top:-5px;line-height:30px; width:50px; height:50px; text-align:center; padding:10px 15px; background:#00aeef; color:#fff; border-radius:100%}
/* --------------- */
.facilities{display:block; color:#000; border-bottom:1px solid #00aeef;border-top:1px solid #00aeef}
.facilities-head{display:block;font-family: 'OpenSans-Light'; margin:20px 0 50px 0; text-align:left; font-size:1.6em; color:#ccc; position:relative; padding-bottom:15px; border-bottom:1px solid #333}
.facilities-head:before{content:''; position:absolute; bottom:-5px; width:20%; height:3px; background:#d90765}
.facilities .flex-box{margin-bottom:0px}
.facilities .flex-four{position:relative; overflow:hidden; background:#000; border-top:2px solid #d90765}
.facilities .flex-two{position:relative;width:50%; margin:0} 
.facilities img{position:relative;}
.fac-in{display:block; text-align:center; position:absolute; bottom:-27px; left:0; width:100%; padding:5px 3px 0 3px; /*background:rgba(217,7,101,0.8)*/ background:rgba(0,0,0,0.8)}
.facilities .flex-four:hover img{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1)}
.fac-in h3{display:block; font-size:1.1em; color:#ccc; line-height:20px}
.fac-in a{ display:block; margin:3px 0 1px 0;position:relative; padding:5px; font-size:0.9em; bottom:0px; background:#d90765; color:#fff; border-radius:5px 5px 0 0}
.facilities .flex-four:hover .fac-in{bottom:0}
/*.facilities .flex-four:hover .fac-in a{font-size:0.9em; bottom:0}*/
.fac-in a:hover{background:#fff; color:#000}
.faci-camp{display:block; padding:70px 40px}
.faci-camp i{display:block; font-family: 'OpenSans-Light' !important; font-size:1.4em; text-transform:uppercase; margin-bottom:20px; padding:0 0 10px 0; position:relative}
.faci-camp i span{color:#00aeef;font-family: 'BrushScriptStd', sans-serif !important; text-transform:none; font-size:1.3em}
.faci-camp small{display:block; font-size:1.3em; margin-bottom:7px;color:#00aeef}
.faci-camp i:before{content:''; position:absolute; left:0; bottom:0; width:20px; height:3px; background:#00aeef}
.faci-camp p{display:block; line-height:25px; font-size:1em; text-align:justify; margin-bottom:15px;}
.faci-camp p:last-child{margin-bottom:0}
.facilities .flex-two:nth-of-type(2){text-align:center}
.facilities .flex-two:nth-of-type(2) a{display:block; width:100%; height:100%; border:1px double #00aeef; border-right:none}
.facilities .flex-two:nth-of-type(2) a dt{ position:absolute; display:none; top:45%; left:48%; width:50px; height:50px; text-align:center; box-sizing:border-box; color:#fff; border-radius:100%; font-size:2em; padding:8px 0 0 4px; border:4px solid #fff;} 
.facilities .flex-two:nth-of-type(2) a dt:before{content: "\f04b"; font-family: FontAwesome;}
.facilities .flex-two:nth-of-type(2):hover a dt{border:4px solid #d90765}
.facilities .flex-two img{margin:90px auto}
.bg-faci-cam{background:url(../img-all/building1.jpg)}
 
/* -------------------- */
 
.img-bor{border-top:1px solid #00aeef;}
.center-head{display:block; text-align:center}
.center-head h3{display:block;font-family:'titillium-thin' !important; font-size:2.3em; text-transform:uppercase; margin-bottom:10px} 
.center-head h3 small{display:block; font-size:0.5em; text-transform:none; margin:5px 0 0 0;font-family: 'OpenSans-Light' !important;} 
.center-head .line-img{display:inline-block;} 
.center-head .line-img i{display:inline-block; vertical-align:middle; margin:0 7px; width:40px; height:1px}
.center-head .line-img img{display:inline-block; vertical-align:middle; width:30px} 
/* ---------------- */

.box-article{display:block; border:3px solid #00aeef; padding:10px 10px 5px 10px}
.box-article h4{display:block; margin:5px 0}
.box-article p{display:block; text-align:justify; line-height:20px}

/* ------------*/
.one-box{display:block; padding:10px; text-align:left}
.one-box img{ display:block; position:relative;}
.one-box-txt{display:block; width:80%; position:relative; margin:0 auto; bottom:50px; padding:15px; background:#fff;}
.one-box-txt h3{display:block; margin-bottom:7px; color:#2e3293; font-size:1.5em;}
.one-box-txt dt{display:block; font-size:0.8em; color:#00aeef; font-weight:normal; margin-bottom:5px; font-size:1em}
.one-box-txt dt:before{content:'Date'; margin-right:5px}
.one-box-txt p{text-align:justify; line-height:20px}
.one-box .link a:hover{color:#00aeef}
/* --------------------- */

.call-bx{display:block; text-align:center}
.call-bx-icon{display:inline-block; vertical-align:middle; margin:0 20px 0 10px; border:1px solid #00aeef; padding:10px; font-size:1em; color:#00aeef; line-height:20px}
.call-bx img{display:inline-block; vertical-align:middle; margin:0 10px; width:80px;}
.call-bx h3{display:inline-block; vertical-align:middle;font-family:'titillium-thin' !important;  font-size:2em; margin:0; text-transform:uppercase; font-weight:normal; color:#999}
.call-bx h3 span{color:#00aeef; margin:0 10px}

/* ------------------ */
.gallery-testi-bx{display:block; position:relative; width:95%; margin:0 auto; text-align:center}
.gallery-testi-bx h3 img{display:inline-block; vertical-align:middle; margin:-4px 10px 0 0; width:40px;}
.gallery-testi-bx h3{display:block; margin-bottom:35px; font-size:2.2em;font-family:'titillium-thin' !important; color:#000}
.gallery-test-inner{border:1px solid #ddd; padding:10px;}

.gallery-inner{display:block; text-align:center; position:relative; text-align:left; margin-bottom:20px;}
 
 
.img-overlay{position:fixed; width:100%; height:0; top:-100%; left:0; text-align:center; z-index:99999999; background:rgba(0,0,0,0.8)}
.img-overlay-inner{display:table; text-align:center; width:100%; height:100%; overflow-y:scroll;}
.img-overlay-inner-center{display:table-cell; vertical-align:middle; width:100%; height:100%;}
.img-overlay-inner img{width:auto; position:relative; z-index:10}
.img-overlay-cls{position:absolute; cursor:pointer; width:auto; height:auto; background:#00aeef; padding:10px; right:50px; top:50px; color:#fff; z-index:99999999 !important}
.img-overlay-cls:before{content:'X'; line-height:15px;}
.img-overlay-cls:hover{background:#f00; color:#000}
/* ---*/
.locationGallery{width:100%; margin:0 auto; text-align:center; background-color:#FFFFFF;}
.imageContainer{float:left; padding:10px; width:24%; border:1px solid #ddd; margin:0 5px 5px 0; position:relative}
.imageContainer img:hover{cursor:pointer; opacity:0.6}
.clear{clear:both;}

.imageDisplay{margin:0 auto; z-index:999; display:table; text-align:center; background:#000; border:2px solid #00aeef; padding:5px;}
.imageDisplay img{width:auto; animation:slw linear 0.8s}

.space{height:30px; width:100%; clear:both;}
.imageContainer img{width:100%;} 

.next{margin-left:25px; padding:10px; height:40px; cursor:pointer; background-color:#00aeef; color:#FFFFFF; display:none;position:absolute; top:45%; right:0px; z-index:999999}
.prev{margin-right:25px; padding:10px; height:40px; cursor:pointer; background-color:#00aeef; color:#FFFFFF; display:none; position:absolute;top:45%; left:0px;z-index:999999}
.next:hover,.prev:hover{background:#666}
.locationGallery i{position:absolute; left:5%; bottom:0px; background:rgba(0,0,0,0.8); color:#fff; width:90%; box-sizing:border-box; padding:5px 3px; font-size:0.8em}
.locationGallery big{display:none; vertical-align:middle; margin:0 20px 10px 0; font-size:1em}
.locationGallery a{display:inline-block; vertical-align:middle; margin:0 15px 10px 0; color:#fff; background:#00aeef; padding:5px 7px}
.locationGallery a:hover{background:#2e3293}
.locationGallery .gl-act{background:#2e3293; cursor:text}
@keyframes slw{
0%{opacity:0}
50%{opacity:0.5}
100%{opacity:1}	
}
@-webkit-keyframes slw{
0%{opacity:0}
50%{opacity:0.5}
100%{opacity:1}	
}

/*----------------------------------------- */

.testimon{display:block;}
.testimon li{text-align:left !important}
.testi-txt{display:block;}
.testi-txt h3{display:block; margin-bottom:5px}
.testi-txt .desg{display:block; margin-bottom:7px; color:#00aeef}
.testi-txt p{line-height:20px; margin-bottom:6px}

/* ------------ */
.quick-box{display:block;}
.quick-box .center-head{ margin-bottom:30px}
.quick-inner{ padding:20px; border:1px solid #ddd; text-align:left}
.quick-inner h3{display:block; font-size:1.6em;font-family:'titillium-thin' !important; margin-bottom:15px;}
.quick-inner h3:before{margin:0 10px 0 0; color:#00aeef; font-size:0.9em}
.quick-inner p{display:block; margin-bottom:15px; line-height:25px; padding:0 0 0 0px; font-size:1.1em}

.quick-inner input[type="text"]{width:100%; padding:10px; border:none; border-bottom:1px solid #fff; background:#ccc; margin:0 0 15px 0;}
.quick-inner textarea{width:100%; padding:10px; border:none; border-bottom:1px solid #fff; background:#ccc; margin:0 0 15px 0;}
.quick-inner input[type="submit"]{width:auto; padding:10px 15px; background:#00aeef; color:#fff; border:none; border-bottom:1px solid #fff; text-transform:uppercase;}
.quick-inner input[type="submit"]:hover{background:#2e3293; cursor:pointer}








.footer-s{display:block; background:#012340; border-top:2px solid #00aeef; color:#fff; }
.footer-content{display:block}
.footer-content h3{display:block; font-family: 'OpenSans-Light' !important; color:#fff; position:relative; padding:0 0 15px 0; margin-bottom:35px; border-bottom:1px solid #333; text-transform:uppercase}
.footer-content h3:before{content:''; position:absolute; left:0; bottom:-4px; width:10%; height:4px; background:#00aeef}
.footer-content ul{display:block}
.footer-content ul li{display:block; margin-bottom:10px}
.footer-content ul li a{display:block; color:#ccc; font-size:0.9em; padding-left:20px; position:relative}
.footer-content ul li a:before{content:"\f090"; font-family: FontAwesome; position:absolute; left:0; top:5px; font-size:0.8em; color:#63BEF5}
.footer-content ul li a:hover{color:#63BEF5}

.social{display:block; text-align:center;}
.social .flex-box{margin-bottom:30px;}
.social .flex-box .flex-tree{}
.social a{display:block;}
.social a i{display:inline-block; width:50px; height:50px; box-sizing:border-box; background:#00aeef; color:#fff; padding:12px 0; text-align:center}
.social a i:before{display:inline-block; margin:0 auto; font-size:2em;}
.social a:hover i{background:#fff; color:#00aeef}


.copy-s{display:block; padding:10px; background:#00aeef; color:#fff; font-size:0.9em}
.copy-l{float:left; margin:5px 0 0 0}
.copy-r{float:right}
.copy-r a{color:#012340}
.copy-r a img{display:inline-block; width:40px; border-radius:7px; vertical-align:middle; margin:0 5px}
.copy-r a:hover{color:#fff}

.sticky {  position: fixed;  top: 0;  width: 100%;}
 
 /* SUBPAGES ------------------------------ */
 .bg-img-about{background:url(../bg-images/aboutus.jpg)} .bg-img-about:after{content:''; background:rgba(0,0,0,0.8) !important}
 
 .sub-hd{}
 .sub-hd:after{ content:''; background:none}
 .full-d-txt a{display:inline-block; vertical-align:middle; margin:0 0 0 0; color:#999; font-size:0.9em}
 .full-d-txt a:hover{color:#00aeef}
 .arrw{} .arrw:after{content:'\f105';font-family: FontAwesome; margin:0 15px;}
 .full-d-txt a:nth-of-type(2){color:#00aeef; cursor:text}
 
 /* ------------------- */
 .four-bx{display:block; padding:10px;}
 .four-bx h2{display:block; font-size:1.6em; margin-bottom:10px;}
 .four-bx p{display:block; line-height:20px; margin-bottom:7px;}
 .hrt-ic{ margin-bottom:15px; padding:10px; background:#00aeef; border-radius:100%; width:50px; height:50px; text-align:center; padding:15px 0 0 0; font-size:2em; color:#fff}
 .hrt-ic:before{content:'\f004';font-family: FontAwesome;}
 .book-ic{ margin-bottom:15px; padding:10px; background:#00aeef; border-radius:100%; width:50px; height:50px; text-align:center; padding:15px 0 0 0; font-size:2em; color:#fff}
 .book-ic:before{content:'\f02d';font-family: FontAwesome;}
 .usr-ic{ margin-bottom:15px; padding:10px; background:#00aeef; border-radius:100%; width:50px; height:50px; text-align:center; padding:15px 0 0 0; font-size:2em; color:#fff}
 .usr-ic:before{content:'\f007';font-family: FontAwesome;}
 .cl-ic{ margin-bottom:15px; padding:10px; background:#00aeef; border-radius:100%; width:50px; height:50px; text-align:center; padding:15px 0 0 0; font-size:2em; color:#fff}
 .cl-ic:before{content:'\f095';font-family: FontAwesome;}
 
 /* ------------------ */
 
 .sp-full-only{display:block}
 .sp-full-only h2{display:block; font-size:1.em; margin-bottom:35px; text-transform:uppercase; position:relative}
 .sp-full-only h2:before{ content:''; position:absolute; width:55px; height:2px; bottom:-10px; left:0; background:#00aeef} 
 .sp-full-only h2:after{ content:''; position:absolute; width:55px; height:2px; top:-8px; left:0; background:#00aeef} 
 .sp-full-only h2 img{display:inline-block; vertical-align:middle; margin:0 10px 0 0; width:50px;}
 .sp-full-only p{display:block; margin-bottom:20px; line-height:20px; font-size:1em; text-align:justify}
 .sp-full-only h3{display:block; margin-bottom:15px; font-size:1.3em; position:relative}
 .sp-full-only h3:before{ content:''; display:inline-block; vertical-align:middle;width:2px; height:15px; background:#00aeef; margin:0 10px 0 0} 
 .sp-full-only h5{display:block; margin-bottom:15px; font-size:1em; position:relative; text-decoration:underline; font-weight:bold}
 
  .sp-full-only ol{display:block; margin-bottom:18px;list-style-type: decimal; list-style-position:outside; padding:0 0 0 27px;}
  .sp-full-only ol li{display:block; margin-bottom:7px; font-size:1em; display: list-item; list-style: inside decimal; list-style-position:outside; padding-left:10px;}
  .alfa-ol{}
  .alfa-ol ol{display:block; margin-bottom:18px;list-style-type: decimal; list-style-position:outside; padding:0 0 0 27px;}
  .alfa-ol ol li{display:block; margin-bottom:7px; font-size:1em; display: list-item; list-style: inside upper-alpha; list-style-position:outside; padding-left:10px;}
  
  .sp-full-only ul{display:block; margin-bottom:18px;list-style-type: decimal; list-style-position:outside; padding:0 0 0 27px;}
  .sp-full-only ul li{display:block; margin-bottom:7px; font-size:1em; display:list-item; list-style:circle; list-style-position:outside; padding-left:10px;}
 /* ---------------------- */
 
 .message-bx{display:block; margin-bottom:20px;}
 .message-bx img{display:block; margin-bottom:10px; width:100%}
 .message-bx h4{display:block; margin-bottom:5px; font-size:1.4em;}
 .message-bx big{display:block; margin-bottom:7px; font-size:1.2em;}
 .message-bx small{display:block; font-size:1em; color:#00aeef}
 .mesg-txt{display:block}
 .mesg-txt{} .mesg-txt h4{display:block; margin:0 0 15px 0; font-size:1.3em;}
 .mesg-txt p{display:block; text-align:justify; line-height:20px; margin-bottom:15px;font-size:1em;}
 
 /* --------------- */
 .activity_{display:block}
 .activity_ img{width:100%; margin-bottom:10px}
 .activity_txt{display:block; border:1px solid #ddd; padding:10px; height:100px; overflow-y:auto; margin-bottom:40px;}
 .sp-full-only .activity_ h3{font-size:1.4em; background:#00aeef; margin-bottom:0px; padding:10px; color:#fff; box-shadow:1px 12px 3px -10px #666}
 .sp-full-only .activity_ h3:before{content: '\f164';font-family: FontAwesome;display:inline-block; vertical-align: middle; color:#fff; font-size:1em; margin: -6px 30px 0 0; }
 .activity_txt p{display:block; margin-bottom:10px; line-height:20px; font-size:1em;  }
/* ------------------ */

.gall-sub-all{display:block; position:relative; text-align:center; margin-bottom:20px;} 
.gall-sub-all .imageContainer{width:24%; }
.ttl{display:block; position:absolute; width:auto; bottom:5%; background:#fff; color:#000; font-size:1.1em; z-index:999999; padding:7px;}
/* ----------*/
.contactus{display:block;  margin:0 auto; padding:20px; background:#fff; color:#000; border:0px solid #00aeef;box-shadow:0 11px 2px -10px #666} 
.contact-head{display:block; font-size:1.6em; margin-bottom:5px; color:#00aeef; padding:0 4%}
.conta-inner{display:block; padding:10px 10%;}
.conta-inner h4{display:block; margin-bottom:10px; color:#00aeef; font-size:1.4em} 
.conta-inner p{display:block; line-height:35px;}
.bor-rgt{border-right:1px solid #00aeef} 
.conta-inner ul{display:block;}
.conta-inner ul li{display:block; margin-bottom:15px; line-height:25px; padding:0 0 0 30px; position:relative}
.conta-inner ul li:before{position:absolute; left:0; top:1px; font-size:1.5em; color:#00aeef}
.conta-inner ul li:nth-of-type(2):before{top:-3px}
.conta-inner big{display:block; margin-bottom:5px}
.small-font{font-size:0.9em !important; line-height:18px !important; text-align:justify } 
.pad-l-o{padding-left:0 !important}
.pad-r-o{padding-right:0 !important}
/*.mp-iconn{display:block; font-size:7em; text-align:center; color:#00aeef}
.mp-iconn:before{content: '\f041';font-family: FontAwesome;}*/

.frm-conta{display:block; padding:0;}
.frm-conta input[type="text"]{width:100%; padding:15px; border:0px solid #ddd; background:#fff; margin-bottom:20px; box-shadow:0 11px 2px -10px #666}
.frm-conta textarea{width:100%; padding:15px; border:0px solid #ddd; background:#fff; margin-bottom:20px;box-shadow:0 11px 2px -10px #666}
.frm-conta input[type="submit"]{width:auto; padding:15px 20px; background:#00aeef; color:#fff; text-transform:uppercase; border:none}
.frm-conta input[type="submit"]:hover{ background:#333; cursor:pointer}
.frm-map{display:block;}
.frm-map iframe{width:100%; height:323px; max-height:323px; border:2px solid #fff;box-shadow:0 0px 4px 1px #666}

/*  responsive table */
.responsive-tbl{display:block}
.responsive-tbl table { border: 1px solid #ccc; border-collapse: collapse; margin: 0; padding: 0; width: 100%; table-layout: fixed; } 
.responsive-tbl table tr {background-color: #f8f8f8;  border: 1px solid #ddd;  padding: 10px;}
table th,
table td { padding:10px;text-align: left;}
.responsive-tbl table th{background:#00aeef; color:#fff; padding:10px;border-right:1px solid #fff; font-size: 1em; letter-spacing: .1em; text-transform: uppercase;}
.responsive-tbl table td{ padding:10px;border-bottom:1px solid #ddd;border-right:1px solid #ddd; font-size:1em}
.responsive-tbl table td p{font-size:0.9em; line-height:17px; text-align:justify}
.responsive-tbl table tr:nth-of-type(1){ width:auto; }
.responsive-tbl table td:nth-of-type(2){ width:40px  !important; }
.responsive-tbl table td img{width:120px; border-radius:0px; z-index:10}

 

/* ---------- Accordion */
 
/* ------------------ */
 



















.border-rgt-pink{border-right:10px solid #d90765}
.border-lft-logo{border-left:10px solid #d9caab}






.padd-thirty{padding:30px 0 !important}
.bg-three{background:url(../images/bg-images/bg-three.jpg)}
.bg-course{background:url(../images/bg-images/bg-course.jpg)}
.bg-galley{background:url(../images/bg-images/bg-gallery2.jpg)} 
.bg-events{background:url(../images/bg-images/bg-events.jpg)}
.bg-facility{background:url(../images/bg-images/bg-facility.jpg)}
.bg-campus{background:url(../images/bg-images/campus.jpg)}
.bg-contact{background:url(../images/bg-images/contact.jpg)}
.bg-contact-l{background:url(../images/bg-images/contactus.jpg)}  
.bg-contact-dark{background:url(../images/bg-images/contact-dark.jpg)} 
.bg-cover{ background-repeat:no-repeat; position:relative; z-index:99; 
background-position:center; 
background-attachment:fixed; 
background-size:cover}
 

.txt-center{text-align:center !important}
.txt-left{text-align:left !important}
.txt-right{text-align:right !important}
.txt-justi{text-align:justify !important}
.txt-white{color:#fff !important}
.txt-nine{color:#999 !important}
.txt-black{color:#000 !important}
.txt-blue{color:#428bca !important}
.colr-turmaric{color:#f5af08 !important}
.colr-red{color:#f00 !important}
.txt-pink{color:#d90765 !important}
.txt-blu-lgt{color:#d9caab !important}
.txt-logo{color:#a78235 !important}


.bg-trans-blk{background:rgba(0,0,0,0.5) !important} 
.bg-trans-white{background:rgba(255,255,255,0.5) !important}
.bg-blue-lg{background:#2e3293 !important;} 
.bg-blue-sky{background:#00aeef !important;} 
.bg-blue-drk-lgt{background:#428bca !important;} 
.bg-blue-light{background:#87ceeb !important;} 
.bg-blue-navy{background:#012340 !important}
.bg-Blck{background:#000 !important;}
.bg-white{background:#fff !important}
.bg-gray{background:#ddd !important}
.bg-gray-eee{background:#eee !important}
.bg-pink{background:#d90765 !important}
.bg-logo{background:#d9caab !important}
 
/* ------------------------------------- flex box */

.flex-box{ display: flex; display: -webkit-box;display: -moz-box; display: -ms-flexbox; display: -webkit-flex;-webkit-flex-flow: row wrap; justify-content: space-between; flex-aligh:flex-start;position:relative; width:100%}
.flex-two{display:inline-block; width:48.5%; vertical-align:top; text-align:left; position:relative}
.flex-three{display:inline-block; width:32%; vertical-align:top; text-align:left;position:relative}
.flex-four{display:inline-block; width:23%; vertical-align:top; text-align:left;position:relative}
.flex-five{display:inline-block; width:19%; vertical-align:top; text-align:left;position:relative}
.flex-two-q{display:inline-block; width:64%; vertical-align:top; text-align:left; position:relative}
 

/* ------------------------------- */

/* gredicant linier */
/* background-color: red;  background-image: linear-gradient( to right,  red, #f06d06 );} {
  background-image:linear-gradient( to top right, red, #f06d06 );}
*/
 .call-sign{}  .call-sign:before{content:"\f095";font-family: FontAwesome; }
 .email-sign{}  .email-sign:before{content:"\f003";font-family: FontAwesome; }
 .call{ position:relative;} .call:before{content:"\f095";font-family: FontAwesome;} 
 .retwt{} .retwt:before{content:"\f086";font-family: FontAwesome; }
 .clock{} .clock:before{content:"\f017";font-family: FontAwesome; }

 .home-c{ position:relative}  .home-c:before{content:"\f015";font-family: FontAwesome;}
 .phone-c{ position:relative}  .phone-c:before{content:"\f098";font-family: FontAwesome;}
 .map-mrk{ position:relative}  .map-mrk:before{content:"\f277";font-family: FontAwesome; }
 .env{ position:relative;}  .env:before{content:"\f0e0";font-family: FontAwesome;} 
 .downld{ position:relative;}  .downld:before{content:"\f019";font-family: FontAwesome;} 
 .mobi{ position:relative}  .mobi:before{content:"\f10a";font-family: FontAwesome;}
 .fb{ position:relative}  .fb:before{content:"\f09a";font-family: FontAwesome;} 
 .gp{ position:relative}  .gp:before{content:"\f0d5";font-family: FontAwesome;} 
 .tr{ position:relative}  .tr:before{content:"\f099";font-family: FontAwesome; } 
 .yt{ position:relative}  .yt:before{content:"\f166";font-family: FontAwesome; } 
 .ista{ position:relative}  .ista:before{content:"\f16d";font-family: FontAwesome; } 
  .flkr{ position:relative}  .flkr:before{content:"\f16e";font-family: FontAwesome; } 
 .home{ position:relative}  .home:before{content:"\f099";font-family: FontAwesome;} 
 .faxx{ position:relative}  .faxx:before{content:"\f1ac";font-family: FontAwesome;}
 .eyee{ position:relative}  .eyee:before{content:"\f06e";font-family: FontAwesome;}
 .rodd{ position:relative}  .rodd:before{content:"\f018";font-family: FontAwesome;}
 
 .users{} .users:before{content:"\f0c0";font-family: FontAwesome;}
 .file-t{} .file-t:before{content:"\f15c";font-family: FontAwesome;}
 .build{} .build:before{content:"\f1ad";font-family: FontAwesome;}
 .flsk{} .flsk:before{content:"\f013";font-family: FontAwesome;}
 .chld-h{} .chld-h:before{content:"\f0b1";font-family: FontAwesome;}
 .buke{} .buke:before{content:"\f02d";font-family: FontAwesome;}
 .file-tx1{} .file-tx1:before{content:"\f15b";font-family: FontAwesome;}
 .file-tx2{} .file-tx2:before{content:"\f15c";font-family: FontAwesome;}
 .file-ex{} .file-ex:before{content:"\f1c3";font-family: FontAwesome;}
 
/* flex -*/
/*display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  justify-content: flex-end;
  
  
  max - 600{
	   -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
  }*/
/*{display:flex; justify-content: space-between; -ms-text-justify: distribute-all-lines;  text-justify: distribute-all-lines; text-align:center;}*/
/*flex; flex-direction:row; flex-wrap:wrap;justify-content:flex-starts;align-items:flex-start;align-content:flex-start;*/
.floating-img{float: left; width:auto;margin:0 15px 10px 0;/*-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;*/-webkit-shape-outside: square();
shape-outside: square(); border:1px double #ccc }

.top_sroll{position:fixed; background:none; padding:3px; bottom:3%; right:1%; opacity:1;transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; z-index:99999; }
 .top_sroll:hover{opacity:1;transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; bottom:4%}
 .top_sroll a{display:block; color:#000 !important; text-transform:uppercase; border-radius:100%; border:1px solid #fff; background:#fff;  width:25px; height:25px; position:relative; font-weight:normal; box-shadow:0px 2px 3px 1px #333; text-align:center;animation:arrup 0.5s infinite} 
 .top_sroll a:after{content:"\f0d8";font-family: FontAwesome; position:absolute; top:5px; left:30%; font-weight:bold; font-size:1em; }
 .top_sroll a:hover{background:#000; color:#fff !important}
 
 




@keyframes sld{
0%{ color:#f00}
50%{ color:#ff0}
100%{ color:#f00}	
}
@-webkit-keyframes sld{
0%{ color:#f00}
50%{ color:#ff0}
100%{ color:#f00}	
}

@keyframes blnk-toll{
0%{ color:#fff}
50%{ color:#000}
100%{ color:#fff}	
}
@-webkit-keyframes blnk-toll{
0%{ color:#fff}
50%{ color:#000}
100%{ color:#fff}	
}
@keyframes stre{
0%{transform: scale(1, 1.2);}
50%{transform: scale(1, 1);}
100%{transform: scale(1, 1.2);}	
}
@-webkit-keyframes stre{
0%{transform: scale(1, 1.2);}
50%{transform: scale(1, 1);}
100%{transform: scale(1, 1.2);}				
}

@keyframes appl{
0%{ background:#d9caab; color:#000}
50%{ background:#012340; color:#fff}
100%{background:#d9caab; color:#000}	
}
@-webkit-keyframes appl{
0%{ background:#fff; color:#d90765}
50%{ background:#012340; color:#fff}
100%{background:#fff; color:#d90765}			
}

@keyframes txtspc{
0%{ letter-spacing:1px}
50%{ letter-spacing:normal}
100%{letter-spacing:1px}	
}
@-webkit-keyframes txtspc{
0%{ letter-spacing:1px}
50%{ letter-spacing:normal}
100%{letter-spacing:1px}			
}

@keyframes opacit{
0%{ opacity:0}
50%{ opacity:0.5}
100%{ opacity:1}	
}
@-webkit-keyframes opacit{
0%{ opacity:0}
50%{ opacity:0.5}
100%{ opacity:1}			
}

@keyframes crs-dtl{
0%{ letter-spacing:1px}
50%{ letter-spacing:normal}
100%{ letter-spacing:1px}	
}
@-webkit-keyframes crs-dtl{
0%{ letter-spacing:1px}
50%{ letter-spacing:normal}
100%{ letter-spacing:1px}			
}

 

@keyframes notice{
0%{ transform:scale(1,2); opacity:0}
50%{ transform:scale(1,1); opacity:0.4}
100%{ transform:scale(1); opacity:1}	
}
@-webkit-keyframes notice{
0%{ transform:scale(1,2); opacity:0}
50%{ transform:scale(1,1); opacity:0.4}
100%{ transform:scale(1); opacity:1}			
}

@keyframes applynow{
0%{ color:#fff}
50%{ color:#d90765 }
100%{ color:#fff}	
}
@-webkit-keyframes applynow{
0%{ color:#fff}
50%{ color:#d90765 }
100%{ color:#fff}				
}
 

 
 ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000;font-family: 'OpenSans-Regular', sans-serif
}
::-moz-placeholder { /* Firefox 19+ */
  color: #000;font-family: 'OpenSans-Regular', sans-serif
}
:-ms-input-placeholder { /* IE 10+ */
  color: #000;font-family: 'OpenSans-Regular', sans-serif
}
:-moz-placeholder { /* Firefox 18- */
  color: #000;font-family: 'OpenSans-Regular', sans-serif
} 

.quick-in ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;font-family: 'penSans-Regular', sans-serif
}
.quick-in ::-moz-placeholder { /* Firefox 19+ */
  color: #fff;font-family: 'penSans-Regular', sans-serif
}
.quick-in :-ms-input-placeholder { /* IE 10+ */
  color: #fff;font-family: 'penSans-Regular', sans-serif
}
.quick-in :-moz-placeholder { /* Firefox 18- */
  color: #fff;font-family: 'penSans-Regular', sans-serif
} 


.ad-form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ccc;font-family: 'penSans-Regular', sans-serif
}
.ad-form ::-moz-placeholder { /* Firefox 19+ */
  color: #ccc;font-family: 'penSans-Regular', sans-serif
}
.ad-form :-ms-input-placeholder { /* IE 10+ */
  color: #ccc;font-family: 'penSans-Regular', sans-serif
}
.ad-form :-moz-placeholder { /* Firefox 18- */
  color: #ccc;font-family: 'penSans-Regular', sans-serif
}

.contact-frm ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000;font-family: 'penSans-Regular', sans-serif
}
.contact-frm ::-moz-placeholder { /* Firefox 19+ */
  color: #000;font-family: 'penSans-Regular', sans-serif
}
.contact-frm :-ms-input-placeholder { /* IE 10+ */
  color: #000;font-family: 'penSans-Regular', sans-serif
}
.contact-frm :-moz-placeholder { /* Firefox 18- */
  color: #000;font-family: 'penSans-Regular', sans-serif
} 
 


.activity_txt::-webkit-scrollbar{width: 7px;background:#00aeef}
.activity_txt::-webkit-scrollbar-thumb{background-color:#ddd; 	border-radius:2px;	}
.activity_txt::-webkit-scrollbar-thumb:hover{background-color:#fff ;	border:0px solid #fff;}
.activity_txt::-webkit-scrollbar-thumb:active{background-color:#d90765; border:0px solid #fc9;} 

 
body::-webkit-scrollbar{width: 7px;background:#012340}
body::-webkit-scrollbar-thumb{background-color:#ddd; 	border-radius:2px;	}
body::-webkit-scrollbar-thumb:hover{background-color:#fff ;	border:0px solid #fff;}
body::-webkit-scrollbar-thumb:active{background-color:#d90765; border:0px solid #fc9;}