
/* ------------------------------------
	Base
------------------------------------ */

body { padding:0; margin:0; font-family: 'Poppins', sans-serif; color:#6c6c6c;  }

a , a:visited { /*color: #138ff8; */}
a:hover { text-decoration: underline; color: #444; }
a.alt { color: #f51919; }

h1 , h2 , h3 , h4 , h5 , h6 { margin-bottom: 20px; margin-top: 0;line-height:1.6em;  }

h1 { font-size: 32px;  font-weight: 900; position: relative; }
/*h1:before { content: ''; display: block; width: 36px; margin: 10px 0; height: 22px; background:url(../images/heading-flower.png) no-repeat; }*/
/*h1:after { content: ''; display: block; width: 50px; margin: 10px 0; height: 5px; background:url(../images/heading-flower.png) no-repeat; }*/
/*h2:after { content: ''; display: block; width: 50px; margin: 10px 0; height: 5px; background:url(../images/heading-flower.png) no-repeat; }*/
h1.center { text-align: center; }
h1.center:after { margin: 10px auto 0; }
h1.center:before { margin: 10px auto 0; }

.heading_small { font-size:20px; text-transform:capitalize; font-weight:normal;}

.bordered-title { padding-bottom: 15px; border-bottom: 2px solid #444; }
.bordered-title-2 { font-size:13px; text-transform:uppercase; font-weight:bold; margin-bottom:10px; padding:6px 0 0 5px; }
.bordered-title-3 { font-size:18px; text-transform:uppercase; font-weight:bold; margin-bottom:10px; padding:0 0 17px 0; border-bottom:#666 solid 2px; }

p , ul , ol { margin: 0 0 20px 0; }

/*.inner-page-content_area_main li { list-style: inside!important;padding-top: 10px;}*/

img { max-width: 100%; max-height: 100%; vertical-align: middle; }

.padding_none { padding-left:0; padding-right:0;}



.clear { clear: both; }

.button { display: inline-block; vertical-align: middle; line-height: 1; border: 0; color: #fff; background: #F51919; text-transform: uppercase; padding: 8px 16px; border-radius: 2px; transition: all 0.3s; }
.button:hover , .button:focus { background: #3dbb9b; color: #fff; text-decoration: none; }
.button:active { background: #2e9e82; }

.button.inverse { background: #fff; color: #F51919; }
.button.inverse:hover , .button.inverse:focus { background: #F51919; color: #fff; text-decoration: none; }
.button.inverse:active { background: #da1717; }

.button.ghost { background: rgba(255,255,255,0.2); border: 1px solid #F51919; color: #F51919; }
.button.ghost:hover , .button.ghost:focus { background: #F51919; color: #fff; text-decoration: none; }
.button.ghost:active { background: #da1717; }

.section { padding: 40px 0; }
.grey-bg { background: #f6f8f8; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; }
.white-bg { background: #fff; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; }
.dark-bg { background: #302f2f; color: #e8e8e8; }

.text-blue { color: #0f65b5; }
.text-red { color: #f51919; }
.text-black { color: #444; }

.rating { font-size: 16px; color: #ffae00; }
.rating .fa { display: inline-block; margin: 0 3px 0 0; }
.no_border { border:none !important;}


.no-padding { padding-left:0px; padding-right:0px;}
.no-top-padding { padding-top:0 !important;}
.no-right-padding { padding-right:0 !important;}
.no-left-padding  { padding-left:0 !important;}

.no-margin { margin-top:0 !important;}

.container_main { float:left; width:100%; position:relative; top:210px;padding-bottom:60px; }




/* ------------------------------------
	Header
------------------------------------ */

.home-top { float:left; width:100%; position:relative;  }

.top-container {  padding: 30px;  text-align: center; }

.header { position:absolute; left:0; right:0;   padding:0;  /*background: #555;*/  color: #f1f1f1;  /*z-index:100;*/ }

.content {  padding:0; }

.sticky { position: fixed;  top: 0;  width: 100%; }

.sticky + .content {  padding-top: 102px; }

.top_header { /*float:left;*/ width:100%; border-top:#e31e25 solid 4px; padding:0; position:relative; z-index:1000;}
.top_header_left_list { float:left;}
.top_header_left_list ul { float:left; padding:0; margin:0;}
.top_header_left_list ul li{ float:left; list-style:none; color:#FFF; font-size:13px; margin-right:40px; padding:0 0 0 15px;}
.top_phone { background:url(../images/phone.png) no-repeat top left; }
.top_email { background:url(../images/email.png) no-repeat top left; }

.top_header_right_menu { float:right; /*margin:12px 0; margin-right:20px; */}
.top_header_right_menu ul { float:right; padding:0; margin:0;}
.top_header_right_menu ul li { float:right; list-style:none; color:#474747; font-size:15px;padding-right: 3px; }
.top-li { padding:12px;}
.top_header_right_menu ul li a{ color:#474747;}
.top_header_right_menu ul li a:hover{ color:#393186;}


.top_header_p_menu { float:right; padding:50px 0 0 0; }
.top_header_p_menu ul { float:right; padding:0; margin:0;}
.top_header_p_menu ul li { float:left; list-style:none; color:#474747; font-size:13px; }
.top_header_p_menu ul li a{ color:#474747; padding:0 5px;}
.top_header_p_menu ul li a:hover{ color:#393186;}

.top_header_social_links { float: left; margin-left:15px; display:none; }
.top_header_social_links { float:left; width:100%;}
.top_header_social_links a { display: inline-block; width: 25px; height: 25px; background:#393939; border-radius:2px; line-height:25px; text-align: center; font-size:12px;  }
.top_header_social_links a:hover { background:#14a5e4; color:#FFFFFF;}
.stu-zone-btn { float:right; background:#e31e25; padding:10px 10px 13px 10px; color:#FFFFFF !important; font-size:14px; text-transform:uppercase; font-weight:700; letter-spacing:1px; border-radius:0 0 4px 4px;}

.header-fluid {
	z-index:1000;
	
	/*position:fixed;
	float:left;
	width:100%;*/
	
background:rgba(255,255,255);

}

.navigation_full { float:left; width:100%; background:#14a5e4; border-bottom:#91361a solid 4px;}
.header_main { float:left; width:100%; padding:0 0 15px 0; }
.logo { float:left; width:100%;}
.header_btn_1 { float:right; padding:25px 0 0 15px;   }
.header_btn_2 { float:right; padding:25px 0 0 0; }
.container_top_bg { float:left; width:100%; padding:0; margin:0;}
.content_area_main { float:left; width:100%; padding:0px; margin:0; }
.container_bottom_bg { float:left; width:100%; padding:0; margin:0;}

.sz-top-btn { background:#14a5e4; color:#FFFFFF !important; padding:5px 17px;}
.sz-top-btn a {color:#FFFFFF; }

.header_search { float:right; margin:15px 0 0 0;}
.header_search input { float:right; width:100%; border:#7f7f7f solid 1px; height:35px; border-radius:2px; font-size:14px; color:#646464; position:relative;}
.header_search img { position:absolute; top:27px; right:25px; }

.search-form .form-group {
  float: right !important;
  transition: all 0.35s, border-radius 0s;
  width: 32px;
  height: 32px;
  background-color: #ebebeb;
  margin-bottom:0;
}
.search-form .form-group input.form-control {
  padding-right: 20px;
  border: 0 none;
  background: transparent;
  box-shadow: none;
  display:block;
}
.search-form .form-group input.form-control::-webkit-input-placeholder {
  display: none;
}
.search-form .form-group input.form-control:-moz-placeholder {
  /* Firefox 18- */
  display: none;
}
.search-form .form-group input.form-control::-moz-placeholder {
  /* Firefox 19+ */
  display: none;
}
.search-form .form-group input.form-control:-ms-input-placeholder {
  display: none;
}
.search-form .form-group:hover,
.search-form .form-group.hover {
  width: 100%;
  /*border-radius: 4px 25px 25px 4px;*/
}
.search-form .form-group span.form-control-feedback {
  position: absolute;
  top: -1px;
  right: -2px;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  color: #4f4895;
  left: initial;
  font-size: 14px;
}

/* ------------------------------------
	Navigation
------------------------------------ */

.menu_main { float:left; width:100%; margin:0; position:relative; z-index:1000; background:#393186; }


/* ------------------------------------
	home slider
------------------------------------ */
.slider-main  { position: relative; top:210px;}


/* ------------------------------------
	content area
------------------------------------ */

.content_area { float:left; width:100%; padding:20px 0;} 
.content_area_inner { float:left; width:100%; padding:10px 0;} 
.home_banner { float:left; width:100%;}
.home_welcome { float:left; width:100%; padding:15px 0;}
.home_welcome_text { float:left; width:100%; padding:20px 0 0 0;}
.home_welcome_text p{ float:left; width:100%; font-size:23px; color:#000; text-align:left; padding:20px 0; line-height:1.7;}
.more_center_btn  { float:left; width:100%; text-align:center;}
.divider { float:left; width:100%; text-align:center; padding:25px 0;}


.parallax { 
    /* The image used */
    background-image:url(../images/illustrator-banner-2.jpg);

    /* Set a specific height */
    height: 700px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.parallax_content { float:left; width:100%; text-align:center; font-size:43px; font-weight:bold; color:#FFF; padding:250px 0 0 0;}
.pc_ecom { padding:300px 0 0 0;}


.parallax_ecom { 
    /* The image used */
    background-image:url(../images/e-commerce-banner-2.jpg);

    /* Set a specific height */
    height: 760px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.prallex_btn { color:#cda55f !important;}
.prallex_btn a:hover { color:#cda55f !important;}


/* ------------------------------------
	icon features
------------------------------------ */

.boxes { float:left; width:100%; background:#e5e5e5; padding:30px 0;}
.icon-features-main { float:left; width:100%; padding:30px 0 0 0; position:relative; margin-bottom:30px;}
.icon-features { float:left; width:100%; background:#FFFFFF; padding:30px 0 55px 0; border-radius:6px; 
-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.17);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.17);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.17);}
.icon-features figure { margin:0 auto;  width:140px; height:140px; text-align:center; border:#000 solid 2px; border-radius:10px; line-height:180px; position:absolute; left:0; right:0; }
.icon-features figure img { text-align:center; max-width:100px; max-height:100px;}
.icon-features:hover  { background:#e31e25; transition:all ease .5s; }
.icon-features:hover figure { background:#FFFFFF; transition:all ease .5s; }
.icon-features:hover h2 { color:#FFFFFF; transition:all ease .5s;  }

.hover-text { float:left; width:100%; text-align:center; font-size:14px; font-weight:700; line-height:2; color:#000000; padding:75px 0 0 0; text-transform:uppercase; margin-bottom:0; opacity:0; }
.icon-features h2 { float:left; width:100%; text-align:center; font-size:18px; font-weight:700; line-height:2; color:#000000; padding:10px 0 10px 0; text-transform:uppercase; position:relative; top:50px; }
.icon-features p { display:none; float:left; width:100%; text-align:center; font-size:15px; font-weight:normal; line-height:1.5; color:#6c6c6c; padding:0 20px; position:relative; top:50px;}


.home-marki { float:left; width:100%; background:#14a5e4; padding:0px 30px;}
.home-marki h3{ float:left; width:100%;  padding:12px 0px; font-size:25px; text-align:left;}
.home-marki marquee { float:left; width:100%;  padding:20px 0px; font-size:13px; text-align:left; color:#FFFFFF;}

/* ------------------------------------
	home welocme
------------------------------------ */

.home-welcome { float:left; width:100%; background:url(../images/college-building.jpg) top center no-repeat; background-size:cover; background-attachment:fixed; background-position:center center; padding:100px 50px;  }
.home-welcome h4 { float:left; width:100%; text-align:center; font-size:30px; font-weight:bold; color:#FFFFFF; line-height:1.5; padding:0 0 40px 0; }
.home-welcome p { float:left; width:100%; text-align:center; font-size:15px; font-weight:normal; color:#FFFFFF; line-height:2;    }

.home-wc-main-cont { float:left; width:100%; padding:70px 0;}
.home-wc-main { float:left; width:100%; padding:0;}
.home-wc-main h1 { float:left; width:100%; padding:0; font-size:40px; color:#0a4d91;}
.home-wc-main p { float:left; width:100%; padding:30px 0; font-size:15px; color:#6c6c6c; line-height:1.9;}

/* ------------------------------------
	icon features
------------------------------------ */

.icon-subject-main-full { float:left; width:100%; padding:60px 0; position:relative; background:#f2f2f2;}
.icon-subject-main { float:left; width:100%; position:relative; margin-bottom:30px;}
.icon-subject { float:left; width:100%; background:#FFFFFF; padding:30px 0 60px 0; border-radius:6px; 
-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.17);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.17);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.17);}
.icon-subject figure { margin:0 auto;  width:120px; height:120px; text-align:center; border:#14a5e4 solid 1px; border-radius:100px; line-height:160px; position:absolute; left:0; right:0; }
.icon-subject figure img { text-align:center; max-width:100px; max-height:100px;}
.icon-subject:hover figure {border:#14a5e4 solid 10px; width:170px; height:170px; margin-top:-25px;
-webkit-box-shadow: 0px 0px 25px -2px rgba(0,0,0,0.54);
-moz-box-shadow: 0px 0px 25px -2px rgba(0,0,0,0.54);
box-shadow: 0px 0px 25px -2px rgba(0,0,0,0.54); }
.icon-subject:hover figure img{ opacity:.2;}
.icon-subject:hover .hover-text{ opacity:1;}
.hover-text { float:left; width:100%; text-align:center; font-size:12px; font-weight:700; line-height:2; color:#000000; padding:65px 0 0 0; text-transform:uppercase; margin-bottom:0; opacity:0; }
.icon-subject h2 { float:left; width:100%; text-align:center; font-size:12px;  font-weight:700; line-height:2; color:#000000; padding:15px 0 10px 0; text-transform:uppercase; position:relative; top:50px; }
.icon-subject p { display:none;}


.home-marki { float:left; width:100%; background:#14a5e4; padding:0px 30px;}
.home-marki h3{ float:left; width:100%;  padding:12px 0px; font-size:25px; text-align:left;}
.home-marki marquee { float:left; width:100%;  padding:20px 0px; font-size:13px; text-align:left; color:#FFFFFF;}

/* ------------------------------------
	home news event list
------------------------------------ */
.home-ne-list-main { float:left; width:100%; background:#FFFFFF; padding:60px; text-align:center; border-top:#e5e5e5 solid 1px; }
.more-btn { text-align:center; width:100%; }
.home-ne-list-main h1 { float:left; width:100%; padding:0; font-size:40px; text-align:center; color:#0a4e8f;}
.home-ne-list { float:left; width:100%; padding:40px 0px 0px 0px; }
.ne-list { float:left; width:100%; padding:0; margin-bottom:40px; position:relative; }
.nl-date { float:left; text-align:center; background:#e31e25; padding:15px 0; width:70px; height:70px; border-radius:50px; }
.nl-date .month { font-size:14px; padding:0; margin:0; }
.nl-con { float:left; width:85%; padding:0;  font-size:15px; position:absolute; left:85px; line-height:1.3; text-align:left;}
.nl-ttl { float:left; width:100%; padding:20px 0 10px 0;  font-size:20px; line-height:1.3; text-align:left; color:#000000; font-weight:700; }
.nl-txt { float:left; width:100%; padding:0;  font-size:14px; line-height:1.3; text-align:left; color:#4D4D4D; line-height:1.5;}
.nl-ttl a { color:#6c6c6c;  }

.home-ne-list-main .new-more-btn { float:inherit;}

/* ------------------------------------
	home news messag
------------------------------------ */

.home-news-message-main { float:left; width:100%; padding:50px 0; }
.home-news-main  { float:left; width:100%; padding:0 0 40px 0px;  margin-bottom:30px; border-bottom:#d0d0d0 solid 1px;  }
.home-news-main h1 { float:left; width:100%; text-align:left; font-size:30px ; font-weight:bold; color:#0a4d91; line-height:1.5; padding:0 0 25px 0; }

.home-news-row { float:left; width:100%; margin-bottom:30px; padding-bottom:20px; border-bottom:#d0d0d0 solid 1px; }
.home-news-row figure { float:left; width:100%; padding:0; }
.home-news-row p {  float:left; width:100%; text-align:left; font-size:20px;  line-height:1.7; color:#000000; padding:5px 0 18px 0; font-weight:700;}


.home-news-row .date { float:left; font-size:15px; color:#ABABAB; text-align:left; clear:both; font-weight:600;  }

.home-up-course-row .date { float:left; font-size:15px; color:#ABABAB; text-align:left; clear:both; font-weight:600; padding:20px 0 0 0;  }
.home-up-course-row p {  float:left; width:100%; text-align:left; font-size:20px;  line-height:1.3; color:#000000; padding:5px 0 18px 0; font-weight:700;}
.home-up-course-row .half { float:left; width:45%;}
.home-up-course-row .half-text { float:left; width:45%; padding-left:25px;}
.home-up-course-row .half-text .date { padding:0;}

.up-course-ttl {  float:left; width:100%; text-align:left; font-size:22px; font-weight:normal; line-height:1.5; color:#373737; padding:5px 0 15px 0;}
.home-up-course-row { float:left; width:100%;  }
.no-border { border:none; }

.new-more-btn { float:left; font-size:13px; font-weight:700; text-transform:uppercase; color:#e31e25; border:#e31e25 solid 2px; padding:8px 15px;}
.new-more-btn a{ color:#e31e25; text-decoration:none; }
.new-more-btn:hover { color:#FFFFFF; background:#e31e25; text-decoration:none; transition:all ease .5s; }
.new-more-btn:hover a { color:#FFFFFF; }

.home-message-main { float:left; width:100%; padding:30px; border:#bcbcbc solid 1px; border-radius:6px;background: #a7ccf3;}
.home-message-main figure { float:left; width:100%; }
.home-message-main figure img { float:left; width:100%; border-radius:200px;border: 5px solid #393186; }
.home-message-main h1 { float:left; width:100%; text-align:left; font-size:23px; font-weight:bold; color:#094e91; line-height:1.5; padding:0px 0 10px 0; }
.home-message-main h1 span { color:#e31e25; line-height:1.5; padding:0; text-transform:capitalize; }
.home-message-main p {  float:left; width:100%; text-align:left; font-size:15px; font-weight:normal; line-height:1.7; color:#373737; padding:15px 15px;}
.pm-quote { float:left; width:100%;padding-top:35px;}

.stat-row { float:left; width:100%; margin:0 0 40px 0;}
.stat-row .stat-box { float:left; width:33%;}
.stat-row .stat-no { float:left; width:100%; text-align:left; font-size:35px; font-weight:700; text-align:left; color:#e31e25; }
.stat-row .stat-txt { float:left; width:100%; text-align:left; font-size:14px; font-weight:700; text-align:left; color:#000000; text-transform: uppercase; }

/* ------------------------------------
	home gallery
------------------------------------ */

.home-gallery-main { float:left; width:100%; padding:50px 0; background:#393186;}
.no-bg { background:none; padding:10px 0;}
.home-gallery-main h1 { float:left; width:100%; text-align:center; font-size:30px; font-weight:bold; text-transform:uppercase; color:#FFFFFF; }
.gallery-icon { float:left; width:100%; text-align:center; display:none;}

.home-gallery-box { float:left; width:100%; border-radius:4px; margin-top:30px; border:#848484 solid 1px;min-height: 280px;background-color: #fff; }
.home-gallery-box figure{ float:left; width:100%; text-align:center; border-radius:4px 4px 0 0; }
.home-gallery-box figure img{ float:left; width:100%; text-align:center; border-radius:4px 4px 0 0; }
.home-gallery-box h2{ float:left; width:100%; text-align:center; font-size:13px; font-weight:600; color:#7A7777; padding:18px 10px; text-transform:uppercase; }
.home-gallery-box h2:hover a { color:#336;}

/* ------------------------------------
	INNER PAGES
------------------------------------ */

/* ------------------------------------
	about us page
------------------------------------ */

.inner-page-banner { float:left; width:100%;  padding:120px 0; }
.about-banner { float:left; width:100%; background:url(../images/about-banner.jpg) no-repeat top center; background-size:cover;}
.inner-page-banner h1 { float:left; width:100%; font-size:50px; font-weight:bold; color:#FFFFFF; text-align:center; text-transform:capitalize;}
.asb-inner { margin-top:0px;}
.after-sldier-box.asb-inner ul li a { padding:8px 54px 7px 54px}

.bread-cum { float:left; width:100%; margin-top:20px;}
.bread-cum ul { float:left; width:100%;}
.bread-cum ul li { float:left; list-style:none;}
.bread-cum ul li a { float:left; list-style:none; font-size:14px; color:#a8a8a8; text-align:left; text-decoration:none; padding:0 15px 0 0;} 
.bc-active a { color:#14a5e4 !important;}

.inner-page-content_area_main { float:left; width:100%; padding:50px 0;}
.inner-page-content_area_main h1  { float:left; width:100%; font-size:30px; font-weight:bold; color:#393186; text-align:left; text-transform:uppercase; background:none; border-bottom:#dcdcdc dashed 2px;}

.about-pera-main { float:left; width:100%; padding:10px 0;padding-bottom:60px;}
.about-pera-main p { float:left; width:100%; font-size:15px; font-weight:normal; color:#4d4d4d; line-height:1.8;text-align:justify;}

.pera-box { float:left; width:100%; padding:0 0 20px 0;}
.pera-box .pera-box-ttl { float:left; width:100%; padding:0 0 10px 0; font-size:18px; font-weight:700; color:#000000;}
.pera-box .pera-box-text { float:left; width:100%; padding:0 0 10px 0; line-height:1.2; margin:0; }
.pera-box .pera-box-text p { float:left; width:100%; font-size:15px; font-weight:normal; color:#4d4d4d; line-height:1.8}


.vision-mission { float:left; width:100%; padding:0;}
.vision-mission .box{ float:left; width:100%; position:relative; padding-bottom:80px; }
.vision-mission .box figure { float:left;  width:120px; height:120px; line-height:140px;}
.vision-mission .box .inner { position:absolute; padding-left:150px;}
.vision-mission .box h2 { float:left; font-size:25px; font-weight:bold; color:#14a5e4; text-align:left; text-transform:capitalize; padding:0 0 15px 0;}
.vision-mission .box p { float:left;  font-size:14px; font-weight:normal; color:#4d4d4d; text-align:left; text-transform:capitalize; line-height:2; }

.inner-page-content { float:left; width:100%; padding:15px 0; }
.inner-page-content p { float:left; width:100%; font-size:15px; font-weight:normal; color:#4d4d4d; line-height:1.8}

.annual-report-main { float:left; width:100%; padding:15px 0; }
.annual-report-box { float:left; width:100%; background:#FFFFFF; padding:35px 50px; margin-bottom:30px; }
.annual-report-box figure { float:left; width:100%; text-align:center; border:#C0C0C0 solid 1px; -webkit-box-shadow: 10px 10px 14px -8px rgba(0,0,0,0.41);
-moz-box-shadow: 10px 10px 14px -8px rgba(0,0,0,0.41);
box-shadow: 10px 10px 14px -8px rgba(0,0,0,0.41);  }
.annual-report-box figure img { float:left; width:100%; text-align:center; }
.annual-report-box h2 { float:left; width:100%; font-size:21px; font-weight:normal; color:#4d4d4d; text-align:center; text-transform:capitalize; padding:20px 0 0 0;}

.inner-right { float:right; width:100%; background:#eeeeee; border:#14a5e4 solid 1px; border-radius:4px;}
.inner-right h4 { float:right; width:100%; background:#14a5e4; border-radius:4px 4px 0 0; font-size:28px; font-weight:bold; text-align:left; color:#FFFFFF; padding:15px 0 15px 15px;}
.inner-right ul { float:left; width:100%; padding:0; margin:0; }
.inner-right ul li { float:left; width:100%; font-size:17px; font-weight:normal; text-align:left; color:#4f4f4f; list-style:none;}
.inner-right ul li a {float:left; width:100%; color:#4f4f4f; text-decoration:none; padding:14px 0 14px 14px; border-bottom:#c4c4c4 dashed 1px; }
.inner-right ul li a:hover { color:#FFFFFF; background:#434343; transition:all ease .5s;   }


/* ------------------------------------
	faculty page
------------------------------------ */
.faculty-principal-box { float:left; background:#FFFFFF; border:#dddddd solid 1px; padding:15px 0; margin:25px 0;}
.faculty-principal-box figure { float:left; width:100%; }
.faculty-principal-box h2{ float:left; width:100%;  font-size:19px; text-align:left; color:#000000; font-weight:bold; padding:25px 0 0 0; }
.faculty-principal-box h2 span { float:left;  width:100%; font-size:15px; text-align:left; color:#7b7b7b; font-weight:bold; }
.faculty-principal-box p { float:left;  width:100%; font-size:15px; text-align:left; color:#7b7b7b; font-weight:normal; line-height:1.5; padding:20px 0 0 0; }

.faculty-box-main-container  { float:left; width:100%; margin-bottom:30px; }
.faculty-box-main { float:left; width:100%; }
.faculty-box-main h1 { float:left; width:100%; font-size:17px; font-weight:bold; color:#FFFFFF; text-align:center; text-transform:capitalize; background:#696969; padding:12px 0;}
.faculty-box-main h2 { float:left; width:100%; font-size:15px; font-weight:bold; color:#FFFFFF; text-align:center; text-transform:capitalize; background:#b2b2b2; padding:12px 0; margin-bottom:15px; box-shadow:none;}
.f-box { float:left; width:100%; background:#FFFFFF; border:#dddddd solid 1px; margin:15px 0; min-height:145px; }
.f-box h3 { float:left; width:100%; background:#e4e6e7; font-size:15px; font-weight:bold; color:#2e2e2e; text-align:center; line-height:1.5; padding:14px 0;min-height:92px;}
.f-box p { float:left; width:100%;  font-size:13px; font-weight:normal; color:#5e5e5e; text-align:center; line-height:1.5; padding:20px 10px;}


/* ------------------------------------
	event list
------------------------------------ */

.event-list-box { float:left; width:100%; background:#FFFFFF; padding:20px; margin-bottom:30px; height:355px;border: 2px solid #e3e3e3; }
.event-list-box figure { float:left; width:100%; }
.event-list-box figure img{ float:left; width:100%; }
.event-list-box .date { float:left; font-size:13px; font-weight:300; color:#000000; text-align:left; border-bottom:#bcbcbc solid 4px; margin:20px 0;   }
.event-list-box h2 { float:left; width:100%; font-size:16px; font-weight:normal; color:#14a5e4; text-align:left; text-transform:capitalize; padding:0; line-height:1.5; height:80px; overflow:hidden;}
.event-list-box .more { float:left; width:100%; font-size:13px; font-weight:700; color:#ff6000; text-align:left; text-transform:uppercase; padding:20px 0 0 0; line-height:1.5;}

.event-details-box { float:left; width:100%; background:#FFFFFF; padding:20px; margin-bottom:30px; height:auto; }
.event-details-box .date { float:left; font-size:19px; font-weight:300; color:#000000; text-align:left; border-bottom:#bcbcbc solid 4px; margin:20px 0; clear:both;   }
.event-details-box figure { float:left; width:100%; margin:25px 0; }
.event-details-box figure img{ float:left; width:100%; }
.event-details-box h2 { float:left; width:100%; font-size:25px; font-weight:normal; color:#14a5e4; text-align:left; text-transform:capitalize; padding:0; line-height:1.5; height:auto; }
.event-details-box p { float:left; width:100%; font-size:15px; font-weight:normal; color:#4d4d4d; text-align:left; text-transform:capitalize; padding:0; line-height:2; height:auto; }



/* ------------------------------------
	Courses
------------------------------------ */

.courses-box { float:left; width:100%; min-height:210px; background:#FFFFFF; padding:35px; margin-bottom:30px; -webkit-box-shadow: 10px 10px 14px -8px rgba(0,0,0,0.20);
-moz-box-shadow: 10px 10px 14px -8px rgba(0,0,0,0.20);
box-shadow: 10px 10px 14px -8px rgba(0,0,0,0.20);  }

.courses-box p{ float:left; width:100%; min-height:90px; font-size:19px; color:#4d4d4d; text-align:center; line-height:1.5; clear:both; padding-bottom:30px; }
.courses-box .details{ margin:0 auto; width:150px; background:#14a5e4; font-size:14px; text-transform:uppercase; color:#FFFFFF; text-align:center; line-height:1.5; padding:12px 0;  clear:both;}

/* ------------------------------------
	page
------------------------------------ */

.table-main { float:left; width:100%; background:#FFFFFF; margin-top:30px;  }
.table-inner { float:left; width:100%; border:#cacaca solid 1px;  }
.table-heading { background:#393186; color:#FFFFFF; font-size:17px; font-weight:700; line-height:2.5; }
.table-row { color:#5e5e5e; font-size:14px; font-weight:normal; line-height:3; }
.gray { background:#f1f1f1;}
.first-colom { padding-left:25px;}

.inner-page-content-sub-ttl    { float:left; width:100%; font-size:23px; font-weight:bold; color:#000000; text-align:left; text-transform:uppercase; background:none; margin:40px 0 15px 0;}
.table-heading-div { background:#14a5e4; color:#FFFFFF; font-size:17px; font-weight:700; line-height:2.5; text-transform:uppercase; padding:0 0 0 25px; }

.acco-hd { padding:0 25px; margin:0;  }

.acordian-main { float:left; width:100%;  }
.accordion-content h3 { float:left; width:100%; text-align:left; font-size:17px; color:#000000; text-transform:uppercase; padding:0 20px !important; font-weight:bold;}
.accordian-table-main { float:left; width:100%; background:#FFFFFF; margin-top:10px;  }
.table-heading-gray { background:#c0c0c0; color:#000000; font-size:17px; font-weight:700; line-height:2.5; }

.gallery-container { float:left; width:100%; margin-top:30px;  }


.page-list { float:left; width:100%; padding:10px 0px 0px 0px; }
.page-list .ttl { float:left; width:100%; padding:0 0 20px 0; font-size:18px; font-weight:bold; color:#000000; }
.page-list ul { float:left; width:100%; padding:0px; }
.page-list ul li{ float:left; width:100%; padding:0px 0 0 20px; list-style:none;  font-size: 15px; font-weight: normal; color: #4d4d4d; line-height:1.3; background:url(../images/page-list-bulet.png) left top 5px no-repeat; margin-bottom:18px;}
.page-list ol li {
    float: left;
    width: 100%;
    padding: 0px 0 0 10px;
    list-style:decimal-leading-zero;
    font-size: 15px;
    font-weight: normal;
    color: #4d4d4d;
    line-height: 1.3;
    margin-bottom: 18px;
    margin-left: 40px;
}
.table-row-border { color:#5e5e5e; font-size:14px; font-weight:normal; line-height:3;  border:#cacaca solid 1px; }
.first-colom-border { padding-left:25px; border:#cacaca solid 1px;}
.table-text-left-space { padding-left:25px;}

.page-image { float:left; border:#FFFFFF solid 3px; }





/* ------------------------------------
	Contact us
------------------------------------ */

.contact_detail_box_main { float:left; width:100%; padding:40px 0;}
.contact_detail_box { float:left; width:100%;}
.contact_detail_box_icon { float:left; width:100%; text-align:center;}
.contact_detail_box_title { float:left; width:100%; text-align:center; font-size:25px; font-weight:bold; padding:10px 0; color:#393184;}
.contact_detail_box_text { float:left; width:100%; text-align:center; font-size:15px;  font-family: 'Poppins', sans-serif; letter-spacing:1px; line-height:1.5; }
.green_text { color:#576729;}
.green_prp { color:#764b83;}
.green_teal { color:#36716d;}
.contact_form_container { float:left; width:100%; padding:50px 0 0 0;}
.contact_form_container h1 { font-size:25px;}
.map_box { float:left; width:100%; }

.contact-form { margin: 30px auto; width: 100%; }
.contact-form .field { margin-bottom: 10px; float:left; border:#cdcdcd solid 1px; width:100%; }
.contact-form .field .hover { position: relative; display: block; }
.contact-form .textbox { width: 100%; padding: 10px; padding-left: 45px; border: 0;  background: #fff url() no-repeat 10px 10px; border:none; outline:none; font-family: 'Poppins', sans-serif; }
.contact-form textarea.textbox { height: 120px; max-height:120px; max-width:100%; min-width:100%;  }
.contact-form .field .hover:after { content: ''; position: absolute; left: 0; bottom: 0; height: 2px; width: 0; background: #0a4e91; transition: all 0.3s; }
.contact-form .field .hover.active:after { width: 100%; }
.contact-form .submit-button { display: block; padding: 10px; text-align: center; text-transform: uppercase; color: #fff; background: #e51e23; border: 0; width: 100%; font-size: 20px;  }
.contact-form .submit-button:hover { background: #393186; }

.center-h { text-align:center !important; margin-bottom:30px;}


/* ------------------------------------
    Footer
------------------------------------ */

.main-footer {  padding:0px; position:relative; top:190px; }
.footer_box { float:left; width:100%; background:#363445; }
.main-footer a { color: #fff; }

.footer_border_box { float:left; width:100%; background:#2a2936; padding:20px 0;  }
.nl_box { float:left; width:100%; }
.nl_box_title { width:20%; float:left; color:#FFF;  padding:0px 0px 0 0; font-size:25px; line-height:1; text-transform:uppercase; font-weight:700; background:url(../images/announce.png) left center no-repeat;}
.nl_box_links {  width:80%; float:left; padding:0px 0;}
.nl_box_links ul { float:left; padding:0;}
.nl_box_links ul li { float:left; padding:0px 0px; list-style:none;}
.nl_box_links ul li a:hover { float:left; width:100%; list-style:none; color:#FFFFFF!important; font-size:14px;}
marquee a{color:#ffffff!important;}

.footer_link_conatiner { float:left; width:100%; padding:30px 0;}
.social_box { float:left; width:100%;  border-left:#3e4f60 solid 2px; margin:15px 0;  }
.f-view-btn { color:#e31e25;}
.foot-col { float:left;}
.foot-col .title { float:left; width:100%; color: #FFF; font-size:22px;  text-align:left; margin-bottom:20px; font-weight:normal; font-family: 'Poppins', sans-serif; }
.footer_text { float:left; width:100%; text-align:center; font-size:15px;  color:#FFF; padding:25px 0 0 0;}
.foot-col .link-list { margin: 0; padding: 0; list-style: none; }
.foot-col .link-list li { margin: 8px 0; }
.footer_list { float:left; width:100%;}
.footer_list ul{ float:left; width:100%; padding:0;}
.footer_list ul li{ float:left; width:100%;  font-family: 'Poppins', sans-serif; list-style:none;}
.footer_list ul li a{ float:left; padding:0; font-size:13px; text-align:left; color:#d1d1d3; padding:0 0 12px 18px; background:url(../images/footer-list-bulet.png) left top 2px no-repeat;line-height:20px; }
.footer_list ul li a:hover{ color:#ff7e04;  background:url(../images/footer-list-bulet-hover.png) left top 4px no-repeat; }
.footer_list_text { float:left; width:100%; text-align:left; color:#b9bcc0; font-size:14px; font-family: 'Poppins', sans-serif; padding:0 0 0 30px; margin-bottom:19px; line-height:1.5;}
.footer_map { background:url(../images/footer-map.png) left top no-repeat; }
.phone { background:url(../images/phfooer.png) left top no-repeat;}
.email { background:url(../images/emailfooter.png) left top no-repeat;}
.web { background:url(../images/web-footer.png) left top no-repeat;}

.content_list { float:left; width:100%;}
.content_list ul{ float:left; width:100%; padding:0; margin:0;}
.content_list ul li{ float:left; width:100%; padding:0 0 10px 0; margin:0; font-size:13px;}

.content_list_section { background:#f4f3fb; padding:50px 0;}

.user-links { /*line-height:90px; */}
.user-links .social-links { float: right; }
.user-links .social-links a { display: inline-block; width: 45px; height: 45px; line-height: 45px; text-align: center; color: #fff; background: #666; font-size: 15px; border-radius: 50%; transition: all 0.5s; }
.user-links .social-links a.facebook { background: #4278c9; }
.user-links .social-links a.twitter { background: #60b6ff; }
.user-links .social-links a.google-plus { background: #f51919; }
.user-links .social-links a.pinterest { background: #d11515; }
.user-links .social-links a:hover { background: #444; }


.copyright { text-align: center; padding:20px 0; float:left; width:100%; background:#e31e25; }
.copyright p { margin: 0; }
.footer_copy { float:left; width:100%; text-align:left; color:#FFF; font-size:13px;}


/* ------------------------------------
	Inner page
------------------------------------ */



.inner_banner { float:left; width:100%;}
.services_banner  { float:left; width:100%; height:332px; background:url(../images/inner_baner-1.jpg) top center no-repeat;  }
.faculty-banner { float:left; width:100%; height:332px; background:url(../images/faculty.jpg) top center no-repeat; background-size:cover;}
.content-banner { float:left; width:100%; height:332px; background:url(../images/content-banner.jpg) top center no-repeat; background-size:cover;}
.contact-banner { float:left; width:100%; height:332px; background:url(../images/contact-banner.jpg) top center no-repeat; background-size:cover;}
.ecom_banner  { float:left; width:100%; height:480px; background:url(../images/e-commerce-banner.jpg) top center no-repeat; }
.gallery-banner { float:left; width:100%; background:url(../images/gallery-banner.jpg) top center no-repeat;  background-size:cover;}
.service_welcome_text { float:left; width:100%; text-align:center; font-size:43px; font-weight:bold; color:#253a51; line-height:1.2; padding:70px 0 0 0;}
.tab_container { float:left; width:100%;}

.heading_with_bg_main {float:left; width:100%; border-bottom:#cda55f solid 4px; }
.heading_with_bg {float:left; background:#cda55f; padding:14px 40px; font-size:14px; text-transform:uppercase; color:#FFF; font-weight:bold; }

.price_main { float:left; width:100%; padding:50px 0;}
.price_img { float:left; width:100%; text-align:center;}
.price_text { float:left; width:100%; text-align:center; font-size:27px; text-transform:uppercase; color:#828282; padding:100px 0; }

.advantage_main { float:left; width:100%; padding:80px 0 0 0; background:url(../images/swirl.png) repeat;}
.advantage_content_main { float:left; width:100%; padding:50px 0 0 0;}
.advantage_content_box { float:left; width:100%; border:#d4d4d4 solid 1px; border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; -webkit-border-radius:2px; background:#FFF; padding:30px; -webkit-box-shadow: 0px 3px 20px -5px rgba(0,0,0,0.34); -moz-box-shadow: 0px 3px 20px -5px rgba(0,0,0,0.34); box-shadow: 0px 3px 20px -5px rgba(0,0,0,0.34); margin-bottom:30px;}
.advantage_content_text { float:left; width:100%; font-size:12px; text-transform:uppercase; text-align:left; color:#000; font-weight:bold; padding:0 0 0 80px; line-height:5; }
.advantage_ioon_1 { background:url(../images/gear.png) top left no-repeat;}
.advantage_ioon_2 { background:url(../images/consol.png) top left no-repeat;}
.advantage_ioon_3 { background:url(../images/text.png) top left no-repeat;}

.content_area_inner h1 { float:left; width:100%; font-size:30px; font-weight:bold; color:#c98b12; text-align:left; border-bottom:#c98b12 solid 1px; padding-bottom:10px; }
.content_area_inner h1:before { background:none !important; height:0;}
.inner_content { float:left; width:100%;}
.left_img {float:left; width:100%; text-align:left;}
.inner_verticle_menu {float:left; width:100%; text-align:left;}
.inner_verticle_menu ul {float:left; width:100%; padding:0; margin:0; }
.inner_verticle_menu ul li {float:left;  padding:5px 10px; margin:0; font-size:16ppx; color:#000000; list-style:none; background:#f7efdd; clear:both; margin-bottom:5px; font-weight:bold;  }
.inner_verticle_menu ul li a {float:left;  padding:0; margin:0; color:#000000; text-decoration:none; }

.inner_content_box { float:left; width:100%; padding:15px 0;}
.inner_content_box_heading { float:left; width:100%; padding:0 0 5px 0; font-size:24px; font-weight:bold; color:#000000;}
.inner_content_box_heading a{ color:#000000; text-decoration:none;}
.inner_content_box_text { float:left; width:100%; }
.inner_content_box_text p{ float:left; width:100%; font-size:14px; color:#000000; line-height:1.7; text-align:justify;}

.contact_box_row { float:left; width:100%;}
.contact_box_heading { float:left; width:100%; margin-bottom:30px;}
.contact_box { float:left; width:100%;}
.contact_box_icon { float:left; width:100%; text-align:center;}
.contact_box_title { float:left; width:100%; text-align:center; font-size:20px; color:#000; padding:8px 0;} 
.contact_box_text { float:left; width:100%; text-align:center; font-size:14px; color:#595959;} 

.contact_form_row { float:left; width:100%; background:#edf1f3; border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; -webkit-border-radius:8px; margin:70px 0 0 0; padding:40px; margin-bottom:80px;}
.contact_form_input_box {float:left; width:100%; text-align:left; margin-bottom:20px;}
.contact_form_input_box_text {float:left; width:100%; text-align:left; font-size:13px; color:#373737;}
.contact_form_input_box_input {float:left; width:100%; text-align:left; font-size:13px; color:#373737;  color:#FFF;}
.contact_form_input_box_input input {float:left; width:100%; text-align:left; font-size:13px; color:#373737; height:38px; color:#FFF; border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; border:#e0e3e5 solid 1px;}

.contact_form_input_box_input textarea {float:left; width:100%; max-width:100%; min-width:100%; min-height:100px; text-align:left; font-size:13px; color:#373737;  color:#FFF; border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; border:#e0e3e5 solid 1px;}
.contact_form_input_box_btn { float:left; width:100%; text-align:center;}
.contact_map  { float:left; width:100%; }




.delay1 { animation-delay: 0.5s; -webkit-animation-delay: 0.5s; }
.delay2 { animation-delay: 1s; -webkit-animation-delay: 1s; }
.delay3 { animation-delay: 1.5s; -webkit-animation-delay: 1.5s; }
.delay4 { animation-delay: 2s; -webkit-animation-delay: 2s; }
.delay5 { animation-delay: 2.5s; -webkit-animation-delay: 2.5s; }
.delay6 { animation-delay: 3s; -webkit-animation-delay: 3s; }
.delay7 { animation-delay: 3.5s; -webkit-animation-delay: 3.5s; }
.delay8 { animation-delay: 4s; -webkit-animation-delay: 4s; }

/*  TRUSTEE */

.trustee-box { float:left; width:100%; padding:15px 0; margin:30px 0; border-radius:6px;  position:relative; text-align:left; background:#efefef;  }
.trustee-box .t-pic { float:left; width:100%; border-radius:6px;  position:relative; text-align:left;   }
.trustee-box .t-pic img { float:left; width:100%; border-radius:6px;  text-align:left;object-fit: contain;height: 175px;width: 175px;   }
.trustee-box .t-data { float:left; width:100%;  position:relative; text-align:left; padding:0 10px 0 0;   }
.trustee-box .t-data .t-degi { float:left; width:100%; font-size:17px; color:#7c7c7c; font-weight:300; line-height:1.2;  position:relative; text-align:left; padding:0 0 4px 0;   }
.trustee-box .t-data .t-name { float:left; width:100%; font-size:18px; color:#393186; font-weight:700; line-height:1.2;  position:relative; text-align:left;  padding:0 0 15px 0;text-transform: uppercase;   }

.trustee-box .t-data .t-text { float:left; width:100%;  position:relative; text-align:left; font-size:14px; padding:0 0 0 0px; color:#7c7c7c; line-height:1.5; margin:0 0 15px 0;  }
.t-adress { background:url(../images/t-location.png) left top no-repeat; }
.t-phone { background:url(../images/t-phone.png) left top no-repeat; }
.t-email { background:url(../images/t-email.png) left top no-repeat; }


/* ------------------------------------
   portfolio
------------------------------------ */
.tag-buttons { text-align: center; margin-bottom:50px; margin-top:50px; }
.tag-button { display: inline-block; margin: 2px; padding: 10px 20px; font-size: 19px; color: #233041; background: #e1e7f2; line-height: 1; transition: all 0.5s; -webkit-transition: all 0.5s; 
border-radius:100px; -moz-border-radius:100px; -ms-border-radius:100px; -o-border-radius:100px; -webkit-border-radius:100px; }
.tag-button:hover , .tag-button.active { background: #0a192b; color: #efb516; }

.contact-heading-bg { background: #01bdc4 url(../images/contact-bg.png) no-repeat top center; text-align: center; color: #fff; }
.contact-heading-bg p { font-size: 28px; margin: 50px 0 30px; }
.contact-heading-bg h1 { font-size: 130px; margin: 0 0 0; line-height: 0.65; }



.latest-work {}
.portfolio-box { position: relative; margin-bottom: 30px;   }
.portfolio-box .title { color: #FFF; background: #666;  padding: 15px; margin: 0; }
.portfolio-box .image img { width: 100%;  border-radius:8px;}
.portfolio-box .cover { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 30px; background: #efb516; color: #233041; opacity: 0; transition: all 0.3s; -webkit-transition: all 0.3s;}
.portfolio-box .cover { background: #0f748f;  border-radius:8px;}
.portfolio-box:hover .cover { opacity: 0.9; }
.portfolio-box .cover .title { padding: 0; background: transparent; font-size: 26px; color: #FFFFFF; margin: 0 0 10px 0; }
.portfolio-box .cover .tags { margin-bottom: 20px; }
.portfolio-box .cover .tags a { display: inline-block; padding: 5px 10px; background: #FFFFFF; }
.portfolio-box .cover .button { display: inline-block; padding: 10px 20px; background: #cda55f; color: #233041; font-size: 90%; margin-top: 10px; font-weight:bold; border-radius:100px;  }
.cover p { color:#FFF;}






/* ------------------------------------
    Animation
------------------------------------ */

@keyframes cta {
    from { width: 0; }
    to { width: 100%; }
}
@-webkit-keyframes cta {
    from { width: 0; }
    to { width: 100%; }
}

@keyframes drawing {
    from { height: 0px; }
    to { height: 55px; }
}
@-webkit-keyframes drawing {
    from { height: 0px; }
    to { height: 55px; }
}

/* NEW */

@media only screen and (max-width : 768px) {
    .tab-title a { background-image: none !important; }
    .tab-content .tab { display: block; }
}
@media only screen and (max-width : 992px) {
    .mainmenu .menu-item.has-submenu { position: relative; }
    .mainmenu .menu-item.has-submenu:after { content: '+'; position: absolute; right: 10px; top: 6px; color: #fff; font-size: 22px; }
}



/* ------------------------------------

	login Page

------------------------------------ */



.login-box { margin:0 auto; margin-top:70px; width:500px; height:auto; padding:35px; /*background:#FFFFFF; */ border-radius:6px; border:#e3e3e3 solid 1px; -webkit-box-shadow: 0px 10px 36px 0px rgba(0,0,0,0.12);

-moz-box-shadow: 0px 10px 36px 0px rgba(0,0,0,0.12);

box-shadow: 0px 10px 36px 0px rgba(0,0,0,0.12);}



.login-box-icon { float:left; width:100%; text-align:center; margin-top:-80px;}

.login-box-title { float:left; width:100%; text-align:center; font-size:25px; text-transform:uppercase; color:#333334; font-weight:bold; padding:34px 0 55px 0;} 

.login-text { float:left; width:100%; text-align:center; font-size:13px;  color:#757575; text-transform:none; font-weight:normal; padding:10px 0 0 0;} 

.login-text a { color:#0155D7;}

.login-input  {float:left; width:100%; text-align:left; font-size:13px;  color:#757575; text-transform:capitalize; margin-bottom:10px;} 

.login-input input { float:left; width:100%; text-align:left; font-size:13px;  color:#757575; /*text-transform:capitalize;*/ border:none; background:#f1f1f1; height:38px; border-radius:3px; padding:0 0 0 15px;} 

.login-input select { float:left; width:100%; text-align:left; font-size:13px;  color:#757575; text-transform:capitalize; border:none; background:#f1f1f1; height:38px; border-radius:3px; padding:0 0 0 15px;} 

.login-input textarea { float:left; width:100%; max-width:100%; min-width:100%; min-height:100px; text-align:left; font-size:13px;  color:#757575; text-transform:capitalize; border:none; background:#f1f1f1; height:38px; border-radius:3px; padding:0 0 0 15px;} 



.login-input .textbox { outline:none;}



.login-box-fp-text  {float:left; width:100%; text-align:center; font-size:13px;  color:#757575; text-transform:capitalize; padding:30px 0; } 

.login-box-fp-text a { color:#ff7200;  } 

.pe-row { float:left; width:100%; padding-bottom:10px;} 

.pe-row-title { float:left; width:100%; padding-bottom:5px; font-size:15px; text-align:left; color:#000000;}

.pe-row-input  { float:left; width:100%;  }

.pe-row-input  input { float:left; width:100%; height:35px; background:#eeeeee; border:#cdcdcd solid 1px; font-size:14px; text-align:left; color:#464646;text-transform:uppercase;}

.pe-row-input  select { float:left; width:100%; height:35px; background:#eeeeee; border:#cdcdcd solid 1px; font-size:14px; text-align:left; color:#464646;}



/* ------------------------------------

    Student Dashboard

------------------------------------ */



.login-banner { float:left; width:100%; background:url(../images/about-banner.jpg) no-repeat top center; background-size:cover;  padding:100px 0 40px 0;margin-top: -45px;}



.dashbord-main { float:left; width:100%; padding:110px 0 0 0; }

.dashbord-bg { background:#ededee;}

.bc-dashboard { margin-top:20px !important; }



.db-container-dark { float:left; width:100%; padding:0px; }

.db-left-colom { float:left; width:100%;}

.db-left-heading  { float:left; width:100%; font-size:27px; font-weight:bold; color:#FFFFFF; background:#4d4d4d;  text-align:left; border-bottom:#4d4d4d solid 4px; padding:10px 0 14px 20px;}



.db-right-colom { float:left; width:100%; background:#FFFFFF; padding:0 0 40px 0; min-height:600px; }

.db-left-menu { float:left; width:100%; background:#dbdbdb;}

.db-left-menu ul { float:left; width:100%; padding:0; margin:0;}

.db-left-menu ul li { float:left; width:100%;  margin:0; list-style:none; font-size:15px; color:#697278; text-align:left; border-bottom:#9a9a9a dotted 1px;}

.db-left-menu ul li a { float:left; width:100%; padding:16px 0 16px 20px; margin:0; list-style:none; color:#697278;}

.db-left-menu ul li a:hover { background:#FFFFFF; color:#e31e25; border-left:#e31e25 solid 4px; transition:all ease .2s; text-decoration:none;  }

.db-left-menu-active { background:#FFFFFF; color:#e31e25 !important; border-left:#e31e25 solid 4px; }



.db-right-heading { float:left; width:100%; font-size:22px; font-weight:bold; color:#e31e25; text-align:left; border-bottom:#4d4d4d solid 4px; padding:16px 0 13px 40px;}

.db-right-container { float:left; width:100%; padding:20px 05px 0 40px;}

.db-right-section-main { float:left; width:100%; padding:0; border:#dcdcdc solid 1px;

-webkit-box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.2);

-moz-box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.2);

box-shadow: 0px 2px 12px 0px rgba(0,0,0,0.2);

}



.db-right-section-content { float:left; width:100%;}

.db-right-section-content h2 { float:left; width:100%; font-size:18px; font-weight:bold; color:#000000; /*border-bottom:#c0c0c0 solid 1px;*/ padding:14px 0 10px 25px;}

.db-right-section-content h2 span a{ float:right; text-align:right; font-size:13px; font-weight:bold; color:#e31e25; text-transform:uppercase; padding:4px 25px 5px 0; }



.db-right-section-inner { float:left; width:100%; padding:15px;}

.profile-pic { float:left; width:100%; }

.profile-pic img {  border-radius:100px; }



.profile-name  { float:left; width:100%; font-size:21px; text-align:left; color:#e31e25; }

.profile-details { float:left; width:100%; }

.profile-details ul { float:left; width:100%; padding:20px 0; margin:0; }

.profile-details ul li { float:left; width:100%; list-style:none; padding:3px 0; margin:0; color:#000000; }

.profile-details ul li a { float:left; width:100%; }

.profile-details ul li span { color:#747474; }

.db-table-heading { background:#eeeeee; font-size:15px; font-weight:bold; text-transform:uppercase; text-align:center; line-height:2.5;}

.db-table-text  { font-size:15px; font-weight:normal; text-transform:capitalize; text-align:center; line-height:2.5;}

.db-table { float:left; width:100%; border:#dcdcdc solid 1px; }

.db-nboard-row { float:left; width:100%; border-bottom:#d6d6d6 solid 1px; padding:0 0 10px 0; margin-bottom:20px;line-height: 25px;}

.db-nboard-row span { float:left; width:100%; font-size:15px; text-align:left; font-weight:bold; padding-bottom:6px;}

.db-nboard-row p { float:left; width:100%; font-size:15px; text-align:left; line-height:1.5; color:#818181;}

.pp-edit { padding:35px 0 0 0; margin-bottom:80px;}

.pe-row { float:left; width:100%; padding-bottom:10px;} 

.pe-row-title { float:left; width:100%; padding-bottom:5px; font-size:15px; text-align:left; color:#000000;}

.pe-row-input  { float:left; width:100%;  }

.pe-row-input  input { float:left; width:100%; height:35px; background:#eeeeee; border:#cdcdcd solid 1px; font-size:14px; text-align:left; color:#464646;text-transform:uppercase;}

.pe-row-input  select { float:left; width:100%; height:35px; background:#eeeeee; border:#cdcdcd solid 1px; font-size:14px; text-align:left; color:#464646;}



.submitbtn { float:left; margin-top:20px;}

.submitbtn .field { margin-bottom: 10px; float:left; border:0; width:100%; }

.submitbtn .field .hover { position: relative; display: block; }

.submitbtn .submit-button { display: block; padding: 10px 40px; text-align: center; text-transform: uppercase; color: #fff; background: #e31e25; border: 0; width: 100%; font-size: 14px; border-radius:3px;  }

.submitbtn .submit-button:hover { background: #8a2f14; }



.attendance-present { float:left; width:100%; background:#cbf1c7; font-size:45px;  line-height:2;}

.attendance-present span { float:left; background:#2ea937; color:#FFFFFF; font-size:45px; padding:0 20px; margin-right:15px;}



.attendance-absent { float:left; width:100%; background:#f8cfcf; font-size:45px;  line-height:2;}

.attendance-absent span { float:left; background:#f33e3e; color:#FFFFFF; font-size:45px; padding:0 20px; margin-right:15px;}



.search-box { float:left; width:100%; padding:30px 0; }

.at-input  { float:left; width:100%;  }

.at-input select { float:left; width:100%; height:35px; background:#eeeeee; border:#cdcdcd solid 1px; font-size:14px; text-align:left; color:#464646;}

.at-input input { float:left; width:100%; height:35px; background:#eeeeee; border:#cdcdcd solid 1px; font-size:14px; text-align:left; color:#464646;}





.db-table-heading-dark { background:#616161; color:#FFFFFF; font-size:17px; font-weight:bold; text-transform:capitalize; text-align:center; line-height:2.5;}

.tb-row-gray-bg { background:#f1f1f1;}



.tb-row-total { background:#e9e9e9; font-size:25px; font-weight:bold; line-height:2;}



.db-pera-main  { float:left; width:100%; padding:30px 0; }

.db-pera-main h3 { float:left; width:100%; font-size:22px; text-align:left; color:#000000; text-shadow:none;  }

.db-pera-main p { float:left; width:100%; font-size:15px; text-align:left; color:#5e5e5e; text-shadow:none; line-height:1.5;  }


.ul-facility li {
line-height: 1.9em;
    list-style: auto;
    list-style-position: inside;
}

.home-message-main h3 {
  float: left;
    width: 100%;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    color: #094e91;
    line-height: 1.5;
    
}

.box-info { float:left; width:100%; background:#FFFFFF; padding:0px 0 0px 0; border-radius:6px; 
-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.17);
-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.17);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.17);
min-height: 265px;}

.box-info h2 { float:left; width:100%; text-align:center; font-size:26px; font-weight:700; line-height:2; color:#000000; padding:0px 0 10px 0; text-transform:uppercase; position:relative; top:20px; }
.box-info p { float:left; width:100%; text-align:center; font-size:16px; font-weight:normal; line-height:1.5; color:#000000; padding:0 20px; position:relative; top:20px;}

.bgcolor1 {
  background-color: #f27c66;
}
.bgcolor2 {
  background-color: #f9cb8f;
}
.bgcolor3 {
  background-color: #4bbcd7;
}
.bgcolor4 {
  background-color: #5f5f5f;
}
.bgcolor5 {
  background-color: #18bb7c;
}

.submit_btn_input {padding: 12px;text-align: center;text-transform: uppercase;color: #fff;background: #e51e23;border: 0;width: auto;font-size: 20px;font-weight: 700;}
.table {margin-top:20px;}

.pt-20{padding-top: 20px!important;}
.pt-30{padding-top: 30px!important;}
.pt-40{padding-top: 40px!important;}
.pt-50{padding-top: 50px!important;}
.pt-60{padding-top: 60px!important;}

.pb-20{padding-bottom: 20px!important;}
.pb-30{padding-bottom: 30px!important;}
.pb-40{padding-bottom: 40px!important;}
.pb-50{padding-bottom: 50px!important;}
.pb-60{padding-bottom: 60px!important;}

td {
  vertical-align: middle!important;
}

/*video larning popup*/
#fade {
  display: none;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 1001;
  -moz-opacity: 0.8;
  opacity: .80;
  filter: alpha(opacity=80);
}

#VisaChipCardVideo {width:100%!important;}

#light {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  /*max-width: 600px;
  max-height: 360px;*/
  margin-left: -380px;
  margin-top: -180px;
  border: 2px solid #FFF;
  background: #FFF;
  z-index: 1002;
  overflow: hidden;
}

#boxclose {
  float: right;
  cursor: pointer;
  color: #fff;
  border: 1px solid #AEAEAE;
  border-radius: 3px;
  background: #222222;
  font-size: 31px;
  font-weight: bold;
  display: inline-block;
  line-height: 0px;
  padding: 11px 3px;
  position: absolute;
  right: 2px;
  top: 2px;
  z-index: 1002;
  opacity: 0.9;
}

.boxclose:before {
  content: "×";
}

#fade:hover ~ #boxclose {
  display:none;
}

.test:hover ~ .test2 {
  display: none;
}

.inner-page-content_area_main h2 {
  float: left;
  width: 100%;
  font-size: 24px;
  font-weight: bold;
  color: #393186;
  text-align: left;
  text-transform: uppercase;
  background: none;
  border-bottom: #dcdcdc dashed 2px;
}

.imp_notice_box {
  float: left;
  width: 100%;
  background: #d4d4d4;
  padding: 20px 0;
}
.imp_notice_box_title {
	width: 25%;
	float: left;
	color: #2A2936;
	padding: 0px 0px 0 0;
	font-size: 25px;
	line-height: 1;
	text-transform: uppercase;
	font-weight: 700;
}
.imp__notice_box_links {
	width: 75%;
	float: left;
	padding: 0px 0;
}
.imp_notice_box marquee a {
  color: #000000 !important;
}