@charset "utf-8";
/* CSS Document */

/******************************

[Table of Contents]

1. Fonts
2. Body and some general stuff
3. Header
	3.1 Top Bar
	3.2 Header Content
	3.3 Logo
	3.4 Main Nav
	3.5 Hamburger
4. Menu
5. Section
6. Home
7. Features
8. Courses
9. Counter
10. Events
12. Blogs
13. Newsletter
14. Footer



******************************/

/***********
1. Fonts
***********/

@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400,700|Roboto:300,400,500,700,900');

/*********************************
2. Body and some general stuff
*********************************/

*
{
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
html {
  scroll-padding-top: 80px; /* height of sticky header */
}
body
{
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 400;
	background: #FFFFFF;
	color: #a5a5a5;
}
div
{
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
ul
{
	list-style: none;
	margin-bottom: 0px;
}
p
{
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height: 1.85;
	font-weight: 400;
	color: #76777a;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
}
p a
{
	display: inline;
	position: relative;
	color: inherit;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
p:last-of-type
{
	margin-bottom: 0;
}
a, a:hover, a:visited, a:active, a:link
{
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
	color: #021C42;
}
p a:active
{
	position: relative;
	color: #FF6347;
}
p a:hover
{
	color: #FFFFFF;
}
p a:hover::after
{
	opacity: 0.2;
}
h1{font-size: 48px;}
h2{font-size: 36px;}
h3{font-size: 24px;}
h4{font-size: 18px;}
h5{font-size: 14px;}
h1, h2, h3, h4, h5, h6
{
	font-family: 'Roboto Slab', serif;
	font-weight: 700;
	-webkit-font-smoothing: antialiased;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
	color: #021C42;
	margin-bottom: 0;
}
.form-control
{
	color: #021C42;
}
section
{
	display: block;
	position: relative;
	box-sizing: border-box;
}
.clear
{
	clear: both;
}
.clearfix::before, .clearfix::after
{
	content: "";
	display: table;
}
.clearfix::after
{
	clear: both;
}
.clearfix
{
	zoom: 1;
}
.float_left
{
	float: left;
}
.float_right
{
	float: right;
}
.col-half-offset{
    margin-left:4.166666667%
}
.list-group{
	text-align: left;
    cursor: pointer;
	width: 100%;
	position: absolute;
   overflow-y: auto;
   max-height: 400px;
   box-sizing: border-box;
   z-index: 1001;
}
.list-group li a {
	color: #868e96!important;
}
.list-group li:hover{
	background-color: #f3f3f3;
}


@keyframes move {
    0% {
        transform: scale(1,1);
    }
    50% {
        transform: scale(1.1,1.1);
    }
    100% {
        transform: scale(1,1);
    }
}

.rainbow{
	font-family:arial black;
	background-image: 
	  linear-gradient(to right, red,orange,yellow,green,blue,indigo,violet); 
	-webkit-background-clip: text;
	  -webkit-text-fill-color: transparent;  
	animation: move 1s linear infinite;
  }
  
  @keyframes move {
	  to {
		  background-position: 30vh;
	  }
  }

.roll {
	animation:move 3s infinite ease-in-out;
}

.center{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.background-top{
	background-position:top;
}

#user-logout-bttn{
	display: none;
}

.mb-5, .my-5 {
    margin-bottom: 1rem!important;
}

.inputh-60{
	height:60px;
}

.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  width: 600px;
}

.modal-header{
	background-color: #17478c;
}
.modal-content {
    margin-top: 40px;
}

.modal-header .modal-title{
	margin: 0 auto;
	font-size:20px;
	color: #fff;
}

.modal-header .close {
    margin: -15px -15px -15px;
		color: #fff;
}

@media (min-width: 576px){

.modal-dialog{ 
    max-width: 100%;
	margin: 30px auto;
}

}
.bg_black_1{
	background-color: #313C4E; 
}
.bg_white{
	background-color: #fff;
}

.trans_200
{
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.trans_300
{
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.trans_400
{
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.trans_500
{
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.fill_height
{
	height: 100%;
}
.super_container
{
	width: 100%;
	overflow: hidden;
}
.prlx_parent
{
	overflow: hidden;
}
.prlx
{
	height: 130% !important;
}
.parallax-window
{
    min-height: 400px;
    background: transparent;
}
.nopadding
{
	padding: 0px !important;
}

/*********************************
3. Header
*********************************/

@media (min-width: 1280px) {
	

  
	.dropdown1 ul {
	  display: block;
	  position: absolute;
	  margin: 0;
	  right:2px;
	  padding: 10px 0;
	  z-index: 99;
	  opacity: 0;
	  visibility: hidden;
	  background: #fff;
	  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
	  transition: 0.3s;
	  border-radius: 4px;
  
	}
  
	.dropdown1 ul li {
	  min-width: 130px;
	}
  
	.dropdown1 ul a {
	  display: flex;
	  padding: 3px 20px;
	  font-size: 0.8rem;
	  margin-left: 25px;
	  text-transform: none;
	  font-family: unset;
	  color: #021C42;
      opacity: 0.8;
	  
	}
  
	.dropdown1 ul a i {
	  font-size: 12px;
	}
  
  
	.dropdown1:hover>ul {
	  opacity: 1;
	  top: 100%;
	  visibility: visible;
	  border: 1px solid rgba(0,0,0,.15);
	}
  
	.dropdown1 .dropdown1 ul {
	  top: 0;
	  left: calc(100% - 30px);
	  visibility: hidden;
	}
  
	.dropdown1 .dropdown1:hover>ul {
	  opacity: 1;
	  top: 0;
	  left: 100%;
	  visibility: visible;
	}
  }
  
  @media (min-width: 1280px) and (max-width: 1366px) {
	.dropdown1 .dropdown1 ul {
	  left: -90%;
	}
  
	.dropdown1 .dropdown1:hover>ul {
	  left: -100%;
	}
  }
  
  @media (min-width: 1280px) {
  
	.mobile-nav-show,
	.mobile-nav-hide {
	  display: none;
	}
  }
  
  

.header
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.header.scrolled
{
	top: -10px;
	background-color: #fff;
	box-shadow: 0px 5px 20px rgba(0,0,0,0.05);
}

/*********************************
3.1 Top Bar
*********************************/

.top_bar
{
	width: 100%;
	background: #17478c;
	border-bottom: 1px solid #17478c;
}
.header.scrolled .top_bar
{
  display: none;
}
.top_bar_container
{
	width: 100%;
	height: 100%;
}
.top_bar_content
{
	width: 100%;
	height: 40px;
}
.top_bar_contact_list li
{
	display: inline-block;
}
.question
{
	font-family: 'Roboto Slab', serif;
	font-size: 14px;
	color: #FFFFFF;
	margin-left: 0px;
	background-color: #fff;
	padding: 9.5px;
	cursor: pointer;
}

.question:hover
{
	color: #f3f3f3;
}

a.compare_bttn 
{
	font-family: 'Roboto Slab', serif;
	font-size: 14px;
	margin-left: 0px;
	cursor: pointer;
	padding: 0 14px;
	line-height: 40px;
}

.top_bar_contact_list li i,
.top_bar_contact_list li div > a
{
	display: inline-block;
	font-size: 14px;
	color: #FFFFFF;
}
.top_bar_contact_list li strong{
	color:#17478c ;

}

.top_bar_contact_list li i,
.top_bar_contact_list li div > a:hover
{
	color: #fff;
}
.top_bar_contact_list li i{
	color:#17478c ;
}


.top_bar_contact_list li .question a:hover
{
	color: #f3f3f3;
}

.top_bar_contact_list li:not(:last-child)
{
	margin-right: 21px;
}
.top_bar_contact_list li:nth-last-child(2)
{
	margin-right: 21px;
	background-color: #fff;
}
.top_bar_login
{
	height: 100%;
}
.login_button
{
	width: 160px;
	height: 100%;
	background: #f3f3f3;
	text-align: center;
}
.login_button a
{
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	line-height: 40px;
	color: #021C42;
}


.profile_button
{
	width: 60px;
	height: 100%;
	background: #f04f51;
	text-align: center;
}

.profile_button a
{	
	font-size: 14px;
	font-weight: 500;
	line-height: 60px;
	color: #fff;
}

.profile_button i
{	
 padding-top:12px;
}

.profile_button:hover
{
	opacity: 0.8;
}

.login_button:hover
{
	width: 160px;
	height: 100%;
	background: #ffff;
	text-align: center;
}

.login_button a:hover
{
	color: #f04f51;
}
.fa{
	/* color: #17478c; */
}


/*********************************
3.2 Header Content
*********************************/

.header_container
{
	width: 100%;
	box-shadow: none;
	background: white;
}
.header_content
{
	height: 60px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.header.scrolled .header_content
{
	height: 80px;
}

/*********************************
3.3 Logo
*********************************/

.logo,
.logo_text
{
	display: inline-block;
}
.logo
{
	width: 200px;
	height: auto;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.logo img
{
	max-width: 100%;
	padding: 15px;
	
}
.logo_text
{
	font-family: 'Roboto Slab', serif;
	font-size: 30px;
	font-weight: 700;
	line-height: 0.75;
	color: #021C42;
	vertical-align: middle;
	margin-left: 7px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.logo_text span
{
	color: #17478c;
}
.header.scrolled .logo
{
	width: 200px;
	height: auto;
}
.header.scrolled .logo_text
{
	font-size: 24px;
}

/*********************************
3.4 Main Nav
*********************************/
.main_nav .nav-link{
	padding: 0;
}
.main_nav, .main_nav_o,
.search_button
{
	display: inline-block;
	margin-right: 15px;
}
.main_nav li, .main_nav_o li
{
	display: inline-block;
	position: relative;
}
.main_nav li:not(:last-child)
{
	margin-right: 16px;
}
.main_nav_o li:not(:last-child)
{
	margin-right: 24px;
}

.main_nav .newsandupbtn, .main_nav_o .newsandupbtn{
	  background: #f04f51;
		padding: 5px 8px;
		border-radius: 4px;
}
.main_nav .newsandupbtn a, .main_nav_o .newsandupbtn a{
	  color: #fff;
}
.main_nav .newsandupbtn a:hover, .main_nav_o .newsandupbtn a:hover{
	  color: #f3f3f3;
}
.header.scrolled .main_nav .newsandupbtn a, .header.scrolled .main_nav_o .newsandupbtn a{
	  color: #fff;
}
.header.scrolled .main_nav .newsandupbtn a:hover, .header.scrolled .main_nav_o .newsandupbtn a:hover{
	  color: #fff;
		opacity: 0.8;
}

.main_nav_o li a
{
	font-size: 14px;
	font-weight: 500;
	color: #fff;
	letter-spacing: 0.6px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.main_nav_o li a:hover
{
	color: #17478c;
}

.header.scrolled .main_nav_o li a{
	color: #021C42;
}

.header.scrolled .main_nav_o li a:hover
{
	color: #17478c;
}

.main_nav li a
{
	font-size: 14px;
	font-weight: 500;
	color: #021C42;
	letter-spacing: 0.6px;
	transition: all 200ms ease;
}

.main_nav li a:hover
{
	color: #17478c;
}

.header.scrolled .main_nav li a{
	color: #021C42;
}

.header.scrolled .main_nav li a:hover
{
	color: #17478c;
}

.search_button
{
	margin-left: 46px;
	cursor: pointer;
}
.search_button i
{
	font-size: 18px;
	color: #021C42;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.header.scrolled .search_button i
{
	font-size: 18px;
	color: #021C42;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.header.scrolled .search_button i:hover
{
	color: #17478c;
}
.search_button:hover i
{
	color: #17478c;
}

.search_button_o i
{
	font-size: 18px;
	color: #fff;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.header.scrolled .search_button_o i
{
	font-size: 18px;
	color: #181818;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.header.scrolled .search_button_o i:hover
{
	color: #17478c;
}
.search_button_o:hover i
{
	color: #17478c;
}
.header_search_form
{
	display: block;
	position: relative;
	width: 40%;
}
.header_search_container
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	background: #17478c;
	z-index: -1;
	opacity: 0;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.header_search_container.active
{
	bottom: -73px;
	opacity: 1;
}
.header_search_content
{
	width: 100%;
	height: 73px;
}
.search_input
{
	width: 100%;
	height: 40px;
	border: none;
	outline: none;
	padding-left: 20px;
}
.header_search_button
{
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 100%;
	border: none;
	outline: none;
	cursor: pointer;
}

.megamenu{
	margin-top: 20px;
}

.megamenu h6{
	padding-bottom: 8px;
	font-size: 1rem;
}

.megamenu ul li a{
	padding-bottom: 6px;
	font-size: 0.8rem;
	color: #021C42;
	opacity: 0.8;
}


/* header video section */

#hero {
	width: 100%;
	height: 100vh;
	background-image:url(../images/slider/hero-bg.jpg);
	background-size: cover;
	position: relative;
  }

  #hero:before {
	content: "";
	background: rgba(0, 0, 0, 0.20);
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
  }
  
  #hero .container {
	padding-top: 72px;
	position: relative;
	text-align: center;
  }
  
  #hero h1 {
	margin: 0 0 10px 0;
	font-size: 48px;
	font-weight: 700;
	line-height: 56px;
	color: #fff;
  }
  
  #hero h2 {
	color: #eee;
	margin-bottom: 40px;
	font-size: 24px;
  }
  
  #hero .play-btn {
	width: 94px;
	height: 94px;
	margin: 0 auto;
	background: radial-gradient(#ff0000 50%, rgb(28 105 239 / 40%) 52%);
	border-radius: 50%;
	display: block;
	overflow: hidden;
	position: relative;
  }
  
  #hero .play-btn::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-40%) translateY(-50%);
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 15px solid #fff;
	z-index: 100;
	transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  
  #hero .play-btn::before {
	content: "";
	position: absolute;
	width: 120px;
	height: 120px;
	animation-delay: 0s;
	animation: pulsate-btn 3s;
	animation-direction: forwards;
	animation-iteration-count: infinite;
	animation-timing-function: steps;
	opacity: 1;
	border-radius: 50%;
	border: 5px solid rgba(0, 153, 97, 0.7);
	top: -15%;
	left: -15%;
	background: rgba(198, 16, 0, 0);
  }
  
  #hero .play-btn:hover::after {
	border-left: 15px solid #ff0000;
	transform: scale(20);
  }
  
  #hero .play-btn:hover::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-40%) translateY(-50%);
	width: 0;
	height: 0;
	border: none;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 15px solid #fff;
	z-index: 200;
	animation: none;
	border-radius: 0;
  }
  
  @media (min-width: 1024px) {
	#hero {
	  background-attachment: fixed;
	}
  }
  
  @media (max-width: 768px) {
	#hero h1 {
	  font-size: 28px;
	  line-height: 36px;
	}
  
	#hero h2 {
	  font-size: 18px;
	  line-height: 24px;
	  margin-bottom: 30px;
	}
  }
  
  @keyframes pulsate-btn {
	0% {
	  transform: scale(0.6, 0.6);
	  opacity: 1;
	}
  
	100% {
	  transform: scale(1, 1);
	  opacity: 0;
	}
  }
  #hero h1 span {
	  color: #f04f51;
  }
  
  .cards-wrapper {
	display: flex;
	/* justify-content: center; */
	margin-bottom: 20px;
  }
  .carousel-inner {
	/* padding: 1em; */
	margin-top:40px;
  }
  .carousel-control-prev,
  .carousel-control-next {
	background-color: #e1e1e1;
	width: 5vh;
	height: 5vh;
	border-radius: 50%;
	top: 50%;
	transform: translateY(-50%);
  }
  .blog_post{
	  border: 1px solid #0172d0;
  }
  

/*********************************
3.5 Hamburger
*********************************/
.hamburger
{
	display: none;
	cursor: pointer;
}
.hamburger i
{
	font-size: 20px;
	color: #353535;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.hamburger:hover i
{
	color: #17478c;
}

/*********************************
4. Menu
*********************************/
.menu
{
	position: fixed;
	top: 0;
	right: -400px;
	width: 400px;
	height: 100vh;
	background: #FFFFFF;
	z-index: 101;
	padding-right: 60px;
	padding-top: 87px;
	padding-left: 50px;
}
.menu .logo a
{
	color: #000000;
}
.menu.active
{
	right: 0;
}
.menu_close_container
{
	position: absolute;
	top: 30px;
	right: 60px;
	width: 18px;
	height: 18px;
	transform-origin: center center;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	cursor: pointer;
}
.menu_close
{
	width: 100%;
	height: 100%;
	transform-style: preserve-3D;
}
.menu_close div
{
	width: 100%;
	height: 2px;
	background: #232323;
	top: 8px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.menu_close div:last-of-type
{
	-webkit-transform: rotate(90deg) translateX(-2px);
	-moz-transform: rotate(90deg) translateX(-2px);
	-ms-transform: rotate(90deg) translateX(-2px);
	-o-transform: rotate(90deg) translateX(-2px);
	transform: rotate(90deg) translateX(-2px);
	transform-origin: center;
}
.menu_close:hover div
{
	background: #937c6f;
}
.menu .logo
{
	margin-bottom: 60px;
}
.menu_nav ul li
{
	margin-bottom: 9px;
}
.menu_nav ul li a
{
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	color: rgba(0,0,0,1);
	font-weight: 700;
	letter-spacing: 0.1em;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.menu_nav ul li a:hover
{
	color: #17478c;
}
.menu .search
{
	width: 100%;
	margin-bottom: 67px;
}
.search
{
	display: inline-block;
	width: 400px;
	-webkit-transform: translateY(2px);
	-moz-transform: translateY(2px);
	-ms-transform: translateY(2px);
	-o-transform: translateY(2px);
	transform: translateY(2px);
}
.menu .header_search_form
{
	width: 100%;
}
.search form
{
	position: relative;
}
.menu .search_input
{
	width: 100%;
	height: 40px;
	background: rgba(0,0,0,0.1);
	border-radius: 3px;
	border: none;
	outline: none;
	padding-left: 15px;
	color: rgba(0,0,0,0.5);
}
.menu .search_input::-webkit-input-placeholder
{
	font-family: 'Roboto', sans-serif;
	font-size: 14px !important;
	font-weight: 400 !important;
	color: rgba(0,0,0,0.4) !important;
}
.menu .search_input:-moz-placeholder
{
	font-family: 'Roboto', sans-serif;
	font-size: 14px !important;
	font-weight: 400 !important;
	color: rgba(0,0,0,0.4) !important;
}
.menu .search_input::-moz-placeholder
{
	font-family: 'Roboto', sans-serif;
	font-size: 14px !important;
	font-weight: 400 !important;
	color: rgba(0,0,0,0.4) !important;
}
.menu .search_input:-ms-input-placeholder
{
	font-family: 'Roboto', sans-serif;
	font-size: 14px !important;
	font-weight: 400 !important;
	color: rgba(0,0,0,0.4) !important;
}
.menu .search_input::input-placeholder
{
	font-family: 'Roboto', sans-serif;
	font-size: 14px !important;
	font-weight: 400 !important;
	color: rgba(0,0,0,0.4) !important;
}

/*********************************
5. Section
*********************************/

.section_title_container
{
	max-width: 600px;
	margin: 0 auto;
	margin-bottom: 90px;
}
.section_title
{
	line-height: 1.2;
}
.section_title:hover{
	color: #17478c;
}
.section_subtitle
{
	line-height: 1.85;
	margin-top: 14px;
}
.section_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*********************************
6. Home
*********************************/

.home
{
	width: 100%;
	height: 100vh;
}
.home_slider_container
{
	width: 100%;
	height: 100%;
}
.home_slider
{
	width: 100%;
	height: 100%;
}
.home_slider_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	/* box-shadow: inset 0 0 0 1000px rgba(0,0,0,0.6); */
}
.home_slider_content
{
	position: absolute;
	top: 200px;
	left: 0;
	width: 100%;
	height: auto;
	z-index: 99;
}
.home_slider_colleges
{
	position: absolute;
	bottom:20px;
	right: 20px;
	width: 100%;
	height: auto;
	z-index: 99;
}
.home_slider_colleges a
{
	font-family: 'Roboto Slab', serif;
	font-size: 16px;
	color: #fff;
	font-weight: 600;
	border:none;
	letter-spacing: 0.8px;
}

.home_slider_colleges a:hover{
 opacity: 0.8;
}

.home_slider_colleges a:hover
{
  border-bottom: 1px solid #fff;
	background-color: transparent;
}
.home_slider_title
{
	font-family: 'Roboto Slab', serif;
	font-size: 60px;
	font-weight: 700;
	line-height: 1.2;
	color: #fff;
}
.home_slider_subtitle
{
	font-family: 'Roboto Slab', serif;
	font-size: 26px;
	color: #fff;
	margin-top: 9px;
}

.home_slider_subtitle .out-sec-typed
{
  margin-bottom: 56px;
}

.home_slider_subtitle .out-sec-typed .typed-head
{
  font-weight: 500;
	font-size: 1.8em;
	text-transform: uppercase;
	letter-spacing: 1.4px;
}

.home_slider_subtitle .out-sec-typed h6 a
{
  font-weight: 600;
	font-size: 1.2em;
	color: #fff;
	margin-top: 8px;
}

.home_slider_subtitle .out-sec-typed h6
{
	color: #fff;
}

.home_slider_subtitle .out-sec-typed h6 a:hover
{
  color: #17478c;
}

.home_slider_form_container
{
	width: 832px;
	margin: 0 auto;
	margin-top: 40px;
}
.home_search_form div
{
	width: calc(100%);
	height: 60px;
	background: #FFFFFF;
	border-radius: 0 3px 3px 0;
}
.home_search_input
{
	width: 60%;
	border: none;
	outline: none;
	height: 25px;
	font-size: 16px;
	padding-left: 20px;
}

.form-control:focus{
	box-shadow: none;
}
.form-control{
	font-size: 1.1rem;
}
.home_search_input:not(:last-child)
{
	border-right: solid 1px #e5e5e5;
}
.home_search_input::-webkit-input-placeholder
{
	font-family: 'Roboto', sans-serif;
	font-size: 16px !important;
	font-weight: 400 !important;
	color: #b5b8be !important;
}
.home_search_input:-moz-placeholder
{
	font-family: 'Roboto', sans-serif;
	font-size: 16px !important;
	font-weight: 400 !important;
	color: #b5b8be !important;
}
.home_search_input::-moz-placeholder
{
	font-family: 'Roboto', sans-serif;
	font-size: 16px !important;
	font-weight: 400 !important;
	color: #b5b8be !important;
}
.home_search_input:-ms-input-placeholder
{
	font-family: 'Roboto', sans-serif;
	font-size: 16px !important;
	font-weight: 400 !important;
	color: #b5b8be !important;
}
.home_search_input::input-placeholder
{
	font-family: 'Roboto', sans-serif;
	font-size: 16px !important;
	font-weight: 400 !important;
	color: #b5b8be !important;
}
.dropdown_item_select
{
	position: relative;
	-webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
	-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	-webkit-user-select: none;
	background-image: url(../images/down.png);
	background-position: center right;
	background-repeat: no-repeat;
	padding-right: 30px;
	padding-left: 20px;
	height: 50%;
	overflow-y: scroll;
}
.home_search_button
{
	width: 50px;
	height: 60px;
	background: #17478c;
	border: none;
	outline: none;
	border-radius: 3px 0 0 3px;
	font-size: 16px;
	font-weight: 500;
	color: #FFFFFF;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	cursor: pointer;
}
.home_slider_nav
{
	position: absolute;
	top: 55.8%;
	width: 50px;
	background: #b6b7bd;
	border-radius: 50%;
	text-align: center;
	z-index: 10;
	cursor: pointer;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.home_slider_prev
{
	left: 75px;
}
.home_slider_next
{
	right: 75px;
}
.home_slider_nav i
{
	line-height: 50px;
	color: #FFFFFF;
	font-size: 22px;
}
.home_slider_nav:hover
{
	background: #17478c;
}


/*********************************
7. Features
*********************************/

.features
{
	width: 100%;
	background: #FFFFFF;
	padding-top: 90px;
	/* padding-bottom: 103px; */
}
.features_row
{
	margin-top: 55px;
}
.feature
{
	width: 100%;
	padding-top: 30px;
	padding-bottom: 28px;
	padding-left: 15px;
	padding-right: 15px;
	background: #FFFFFF;
}
.pt-80{
  padding-top: 80px;
	padding-bottom: 80px;
}
.feature:hover
{
	box-shadow: 0px 5px 40px rgba(29,34,47,0.15);
	cursor: pointer;
}
.feature_icon
{
	height: 55px;
}
.feature_icon img
{
	max-width: 100%;
}
.feature_title
{
	position: relative;
	font-size: 20px;
	margin-top: 23px;
}
.feature_title:hover
{
	color: #17478c;
}

/*********************************
8. Courses
*********************************/

.courses
{
	width: 100%;
	padding-top: 93px;
	padding-bottom: 100px;
}
.courses_row
{
	margin-top: 45px;
}
.course
{
	width: 100%;
	border-radius: 6px;
	background: #FFFFFF;
	box-shadow: 0px 1px 10px rgba(29,34,47,0.1);
	text-align: center;
}

.courses-sec
{
	border-radius: 6px;
	border-left: 12px solid #021C42;
	margin: 20px 10px;
	background: #FFFFFF;
	padding: 15px 10px;
	box-shadow: 0px 1px 10px rgba(29,34,47,0.1);
	text-align: center;
}

.courses-sec .courses_image
{
	width: 100%;
	overflow: hidden;
	margin: auto;
}

.courses-sec .course_sec_links{
	text-align: left;
}

.courses-sec .course_sec_links ul{
	padding: 15px 0;
}

.courses-sec .course_sec_links ul li{
	list-style: none;
	display: inline-block;
	margin-right: 18px;
}

.courses-sec .course_sec_links ul li a{
	color: #021C42;
}

.courses-sec .course_sec_links ul li a:hover{
	color: #f04f51;
	text-decoration: underline;
}

.courses-sec .course_sec_links ul li::after{
	content: "";
	display: inline-block;
	height: 12px;
	width: 2px;
	background: #021C42;
	position: relative;
	left: 14px;
	top: 1px;
}

.courses-sec .course_sec_links ul li:last-child::after{
	content: "";
	display: inline-block;
	height: 0;
	width: 0;
	background: #021C42;
	position: relative;
}

.courses-sec .course_sec_button
{
	width: 120px;
	border-radius: 3px;
	background: #17478c;
	text-align: center;
	margin-top: 10px;
	box-shadow: 0px 5px 15px rgba(29,34,47,0.15);
}
.courses-sec .course_sec_button:hover
{
	box-shadow: 0px 5px 15px rgba(29,34,47,0.45);
}
.courses-sec .course_sec_button a
{
	display: block;
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 35px;
	color: #FFFFFF;
}

.course_image
{
	width: 100%;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	overflow: hidden;
	margin:0 auto;
}
.col-detail-img{
	padding: 10px 15px;
    border-radius: 20px;
}
.courses_image
{
	width: 100%;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	overflow: hidden;
	margin: 10px auto 0 auto;
}
.course_image img
{
	max-width: 100%;
	width: 70px;
}

.courses_image img
{
	max-width: 100%;
	width: 70px;
}
.course_body
{
	padding-top: 22px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 23px;
}
.course_title a
{
	font-family: 'Roboto Slab', serif;
	font-size: 18px;
	color: #021C42;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.course_title a:hover
{
	color: #17478c;
}
.course_teacher
{
	font-size: 15px;
	font-weight: 400;
	color: #021C42;
	margin-top: 6px;
}
.course_text
{
	margin-top: 13px;
}
.course_footer
{
	padding-left: 30px;
	padding-right: 30px;
}
.course_footer_content
{
	width: 100%;
	border-top: solid 1px #e5e5e5;
	padding-top: 9px;
	padding-bottom: 11px;
}
.info_college span{
  font-size: 12px;
}
.info_college span i{
  font-size: 12px;
}
.course_info
{
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	color: #55555a;
}
.course_info
{
	margin-right: 20px;
}
.course_info i
{
	color: #17478c;
}

.course_information{
	background-color: #e5e5e5;
}
.course_info_item
{
	width: 33.33333333%;
	margin: 16px;
}
.course_info_item:not(:last-child)::after
{
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	height: 100%;
	background: #d9dbdc;
	content: '';
}
.course_info_title
{
	font-family: 'Roboto Slab', serif;
	font-size: 18px;
	font-weight: 700;
	color: #384158;
}
.course_info_text
{
	margin-top: 8px;
}
.course_info_text a
{
	font-size: 14px;
	color: #384158;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.course_info_text a:hover
{
	color: #f04f51;
}
.course_price
{
	font-family: 'Roboto Slab', serif;
	font-size: 14px;
	color: #17478c;
}
.course_price a
{
	font-family: 'Roboto Slab', serif;
	font-size: 14px;
	color: #17478c;
}
.course_price a:hover
{
	color: #021C42;
}
.course_price span
{
	font-family: 'Roboto Slab', serif;
	font-size: 14px;
	font-weight: 400;
	text-decoration: line-through;
	color: #b5b8be;
	margin-right: 10px;
}
.courses_button
{
	width: 210px;
	height: 46px;
	border-radius: 3px;
	background: #17478c;
	text-align: center;
	margin: 0 auto;
	margin-top: 41px;
	box-shadow: 0px 5px 40px rgba(29,34,47,0.15);
}
.courses_button:hover
{
	box-shadow: 0px 5px 40px rgba(29,34,47,0.45);
}
.courses_button a
{
	display: block;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 46px;
	color: #FFFFFF;
}

.courses_links{
	text-align: left;
}

.courses_links ul{
	padding: 14px 0;
	height: 150px;
	overflow: hidden;
}

.courses_links ul li{
	list-style: none;
	display: inline-block;
	margin-right: 18px;
}

.courses_links ul li a{
	color: #021C42;
}

.courses_links ul li a:hover{
	color: #f04f51;
	text-decoration: underline;
}

.courses_links ul li::after{
	content: "";
	display: inline-block;
	height: 12px;
	width: 2px;
	background: #021C42;
	position: relative;
	left: 14px;
	top: 1px;
}

.courses_links ul li:last-child::after{
	content: "";
	display: inline-block;
	height: 0;
	width: 0;
	background: #021C42;
	position: relative;
}

.course_explore_btn{
	text-align: center;
    padding: 0;
}

.course_explore_btn a{
	font-size: 14px;
	font-weight: 600;
	color: #f04f51;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
	background: #f2f4f5;
	display: block;
	padding-top: 15px;
	padding-bottom: 15px;
}

.course_explore_btn a:hover{
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
	background: #f04f51;
	display: block;
	padding-top: 15px;
	padding-bottom: 15px;
}

/*********************************
9. Counter
*********************************/

.counter
{
	width: 100%;
	background: #FFFFFF;
	z-index: 2;
}
.counter_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.counter_content
{
	padding-top: 119px;
	padding-bottom: 125px;
}
.counter_title
{
	font-family: 'Roboto Slab', serif;
	color: #FFFFFF;
	font-weight: 700;
}
.counter_title:hover
{
	color: #17478c;
}
.counter_text
{
	margin-top: 19px;
}
.counter_text p
{
	color: #FFFFFF;
}
.milestones
{
	margin-top: 39px;
}
.milestone
{
	text-align: center;
}
.milestone:not(:last-child)::after
{
	display: block;
	position: absolute;
	top: 0;
	right: -45px;
	width: 1px;
	height: 70px;
	background: rgba(255,255,255,0.2);
	content: '';
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	transform: rotate(30deg);

}
.milestone_counter
{
	font-size: 42px;
	font-weight: 700;
	line-height: 0.75;
	color: #f3f3f3;
}
.milestone_text
{
	font-size: 16px;
	font-weight: 400;
	color: #FFFFFF;
	text-transform: uppercase;
	margin-top: 14px;
}
.milestone_counter1
{   
	font-size: 42px;
	font-weight: 700;
	line-height: 0.75;
	color: #E05A10;
}
.milestone_text1
{
    color:  #fff;
}
.counter_form
{
	position: absolute;
	top: 0;
	right: 30px;
	width: 450px;
	height: 100%;
	background: #FFFFFF;
	padding-left: 40px;
	padding-right: 40px;
	box-shadow: 0px 5px 40px rgba(29,34,47,0.15);
}
.counter_form_content
{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}
.counter_form_title
{
	font-family: 'Roboto Slab', serif;
	font-size: 18px;
	font-weight: 700;
	color: #021C42;
	text-transform: uppercase;
	line-height: 0.75;
	margin-bottom: 20px;
	margin-top: 10px;
}
.counter_input
{
	width: 100%;
	height: 46px;
	border: solid 1px #e5e5e5;
	border-radius: 3px;
	padding-left: 20px;
	outline: none;
	color: #021C42;
	font-size: 14px;
}
.counter_input:not(:last-child)
{
	margin-bottom: 10px;
}
.counter_text_input
{
	height: 90px;
	padding-top: 10px;
}
.counter_options
{
	position: relative;
	-webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
	-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	-webkit-user-select: none;
	background-image: url(../images/down.png);
	background-position: center right;
	background-repeat: no-repeat;
}
.counter_input::-webkit-input-placeholder,
.counter_text_input::-webkit-input-placeholder
{
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #b5b8be !important;
}
.counter_input:-moz-placeholder,
.counter_text_input:-moz-placeholder
{
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #b5b8be !important;
}
.counter_input::-moz-placeholder,
.counter_text_input::-moz-placeholder
{
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #b5b8be !important;
}
.counter_input:-ms-input-placeholder,
.counter_text_input:-ms-input-placeholder
{
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #b5b8be !important;
}
.counter_input::input-placeholder,
.counter_text_input::input-placeholder
{
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #b5b8be !important;
}
.counter_form_button
{
	width: 100%;
	height: 46px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	border: none;
	outline: none;
	background: #17478c;
	cursor: pointer;
	margin-top: 20px;
	box-shadow: 0px 5px 40px rgba(29,34,47,0.15);
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.counter_form_button:hover
{
	box-shadow: 0px 5px 40px rgba(29,34,47,0.45);
}

/*********************************
10. Events
*********************************/

.events
{
	width: 100%;
	padding-top: 93px;
	padding-bottom: 70px;
	background: #FFFFFF;
}
.events_row
{
	margin-top: 47px;
}
.event_left
{
	padding-right: 20px;
}
.event_mid
{
	padding-left: 10px;
	padding-right: 10px;
}
.event_right
{
	padding-left: 20px;
}
.event_image
{
	width: 100%;
	border-radius: 5px;
	overflow: hidden;
}
.event_image img
{
	max-width: 100%;
}
.event_body
{
	padding-top: 30px;
	padding-bottom: 30px;
}
.event_date
{
	box-shadow: 0px 1px 10px rgba(29, 34, 47, 0.1);
}
.event_date > div
{
	width: 60px;
	height: 60px;
}
.event_day
{
	font-family: 'Roboto Slab', serif;
	font-size: 24px;
	color: #17478c;
	font-weight: 700;
	line-height: 0.75;
}
.event_month
{
	font-family: 'Roboto Slab', serif;
	font-size: 14px;
	color: #17478c;
	font-weight: 400;
	line-height: 0.75;
	margin-top: 9px;
}
.event:hover .event_date > div
{
	background: #17478c;
}
.event:hover .event_day,
.event:hover .event_month
{
	color: #FFFFFF;
}
.event_content
{
	padding-left: 20px;
}
.event_title a
{
	font-family: 'Roboto Slab', serif;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.4;
	color: #021C42;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.event_title a:hover
{
	color: #17478c;
}
.event_info_container
{
	margin-top: 11px;
}
.event_info
{
	display: inline-block;
	color: #b5b8be;
	font-size: 14px;
}
.event_info:not(:last-child)
{
	margin-right: 17px;
}
.event_info span
{
	margin-left: 4px;
}
.event_text
{
	margin-top: 12px;
}

/*********************************
11. Team
*********************************/

.team
{
	width: 100%;
	padding-top: 93px;
	padding-bottom: 60px;
}
.team_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.team_row
{
	margin-top: 43px;
}
.team_col
{
	margin-bottom: 40px;
}
.team_item
{
	width: 100%;
}
.team_image
{
	width: 180px;
	height: 160px;
	border-radius: 6px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: -86px;
	z-index: 5;
}
.team_image img
{
	max-width: 100%;
}
.team_body
{
	width: 100%;
	padding: 108px 15px 24px 15px;
	background: #FFFFFF;
	border-radius: 6px;
	box-shadow: 0px 1px 10px rgba(29,34,47,0.1);
	text-align: center;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.team_item:hover .team_body
{
	box-shadow: 0px 5px 40px rgba(29,34,47,0.15);
}
.team_title a
{
	font-family: 'Roboto Slab', serif;
	font-size: 18px;
	font-weight: 700;
	color: #021C42;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.team_title a:hover
{
	color: #17478c;
}
.team_subtitle
{
	font-size: 14px;
	font-weight: 400;
	color: #76777a;
	margin-top: 6px;
}
.social_list
{
	margin-top: 16px;
}
.social_list ul li
{
	display: inline-block;
}
.social_list ul li:not(:last-child)
{
	margin-right: 10px;
}
.social_list ul li a i
{
	font-size: 18px;
	color: #76777a;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.social_list ul li:hover a i
{
	color: #17478c;
}
.team_col .team_item
{
	padding-left: 6px;
	padding-right: 6px;
}
.team_col:first-child .team_item
{
	padding-left: 0;
	padding-right: 6px;
}
.team_col:nth-child(4n) .team_item
{
	padding-left: 6px;
	padding-right: 0;
}

/*********************************
12. News
*********************************/

.news
{
	width: 100%;
	padding-top: 93px;
	padding-bottom: 100px;
	background: #FFFFFF;
}
.news_row
{
	margin-top: 55px;
}
.news_post_large_container
{
	padding-right: 30px;
}
.news_post_large
{
	width: 100%;
}
.news_post_image
{
	width: 100%;
	border-radius: 6px;
	overflow: hidden;
}
.news_post_image img
{
	max-width: 100%;
}
.news_post_large_title
{
	margin-top: 23px;
}
.news_post_large_title a
{
	font-family: 'Roboto Slab', serif;
	font-size: 20px;
	font-weight: 700;
	color: #021C42;
	line-height: 1.4;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.news_post_large_title a:hover
{
	color: #17478c;
}
.news_post_meta
{
	margin-top: 11px;
}
.news_post_meta ul li
{
	display: inline-block;
	position: relative;
}
.news_post_meta ul li:not(:last-of-type)::after
{
	display: inline-block;
	position: relative;
	content: '|';
	margin-left: 14px;
	margin-right: 11px;
}
.news_post_meta ul li a
{
	font-size: 14px;
	font-weight: 400;
	color: #b5b8be;
	text-transform: uppercase;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.news_post_meta ul li a:hover
{
	color: #17478c;
}
.news_post_text
{
	margin-top: 13px;
}
.news_post_link
{
	margin-top: 19px;
}
.news_post_link a
{
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
	color: #021C42;
	text-decoration: underline;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.news_post_link a:hover
{
	color: #17478c;
}
.news_posts_small
{
	margin-top: -6px;
}
.news_post_small:not(:last-child)
{
	padding-bottom: 31px;
	border-bottom: solid 1px #e5e5e5;
}
.news_post_small:not(:first-child)
{
	padding-top: 29px;
}
.news_post_small_title a
{
	font-family: 'Roboto Slab', serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.55;
	color: #021C42;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.news_post_small_title a:hover
{
	color: #17478c;
}

/*********************************
13. Newsletter
*********************************/

.newsletter
{
	width: 100%;
}
.newsletter_background
{
	position: absolute;
	top: 0;
	left: 0;
	background-color: #313C4E;
	width: 100%;
	height: 100%;
	
}
.newsletter_container
{
	width: 100%;
	height: 120px;
}
.newsletter_title
{
	font-family: 'Roboto Slab', serif;
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
	color: #FFFFFF;
}
.newsletter_subtitle
{
	font-size: 14px;
	font-weight: 400;
	color: #FFFFFF;
	margin-top: 6px;
}
.newsletter_form_container
{
	width: 450px;
	padding-left: 20px;
}
.newsletter_form
{
	display: block;
	position: relative;
	width: 100%;
}
.newsletter_input
{
	width: calc(100% - 136px);
	height: 40px;
	background: rgba(255,255,255,0.4);
	border: none;
	outline: none;
	padding-left: 20px;
	color: #FFFFFF;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
.newsletter_input::-webkit-input-placeholder
{
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #FFFFFF !important;
}
.newsletter_input:-moz-placeholder
{
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #FFFFFF !important;
}
.newsletter_input::-moz-placeholder
{
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #FFFFFF !important;
}
.newsletter_input:-ms-input-placeholder
{
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #FFFFFF !important;
}
.newsletter_input::input-placeholder
{
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #FFFFFF !important;
}
.newsletter_button
{
	width: 136px;
	height: 40px;
	background: #FFFFFF;
	border-radius: 3px;
	border: none;
	outline: none;
	cursor: pointer;
	font-size: 14px;
	text-transform: uppercase;
	color: #f04f51;
	font-weight: 500;
	letter-spacing: 0.1em;
}

/*********************************
14. Footer
*********************************/

.footer
{
	display: block;
	position: relative;
	width: 100%;
	background: #1e2434;
	padding-top: 94px;
}
.footer_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.footer_content
{
	padding-bottom: 53px;
}
.footer_logo_text
{
	font-family: 'Roboto Slab', serif;
	font-size: 26px;
	font-weight: 700;
	line-height: 0.75;
	color: #FFFFFF;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.footer_logo_text span
{
	color: #17478c;
}
.footer_logo_text:hover
{
	color: #17478c;
}
.footer_logo_text span:hover
{
	color: #FFFFFF;
}

.footer_title
{
	font-family: 'Roboto Slab', serif;
	font-size: 14px;
	font-weight: 700;
	color: #FFFFFF;
	line-height: 0.75;
}
.footer_logo_container
{
	margin-top: -14px;
}
.footer_about_text
{
	margin-top: 31px;
}
.footer_about_text p
{
	color: #FFFFFF;
}
.footer_social
{
	margin-top: 23px;
}
.footer_social ul li
{
	display: inline-block;
	width: 45px;
	height: 45px;
	background: #4b505d;
	border-radius: 50%;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.footer_social ul li:not(:last-child)
{
	margin-right: 6px;
}
.footer_social ul li a
{
	display: block;
	position: relative;
	text-align: center;
}
.footer_social ul li a i
{
	color: #FFFFFF;
	line-height: 45px;
}
.footer_social ul li:hover
{
	background: #17478c;
}
.footer_contact
{
	padding-left: 36px;
}
.footer_contact_info
{
	margin-top: 33px;
}
.footer_contact_info ul li a
{
	font-size: 11px;
	text-transform: uppercase;
	font-weight: 700;
	color: #b5b8be;
}
.footer_contact_details ul li a{
	text-transform: lowercase;
}
.footer_contact_details .addrs a{
	text-transform: capitalize;
}
.footer_contact_info ul li a:hover
{
	color: #17478c;
}
.footer_contact_info ul li:not(:last-child)
{
	margin-bottom: 6px;
}
.footer_links
{
	padding-left: 25px;
}
.footer_links_container ul
{
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;
}
.footer_links_container
{
	margin-top: 33px;
}
.footer_links_container ul li a
{
	font-size: 11px;
	text-transform: uppercase;
	color: #b5b8be;
	font-weight: 700;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.footer_links_container ul li:not(:last-child)
{
	margin-bottom: 8px;
}
.footer_links_container ul li a:hover
{
	color: #17478c;
}
.footer_mobile
{
	display: inline-block;
}
.footer_mobile_content 
{
	padding-top: 35px;
}
.footer_image:not(:last-child)
{
	margin-bottom: 10px;
}
.copyright
{
	height: 54px;
	border-top: solid 1px #353a49;
}
.cr_list li
{
	display: inline-block;
}
.copyright div
{
	font-size: 14px;
	color: #b5b8be;
}
.cr_text a
{
	color: #FFFFFF;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.cr_text a:hover
{
	color: #17478c;
}
.cr_list li:not(:last-child)
{
	margin-right: 50px;
}
.cr_list li a
{
	font-size: 14px;
	color: #b5b8be;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.cr_list li a:hover
{
	color: #17478c;
}

/******** sticky social *********/
.ct-socials {
    position: fixed;
    top: 35%;
    right: 0;
    list-style: none;
    padding-left: 0;
    z-index: 999;
    margin: 0;
    -webkit-transition: right 0.25s ease-in-out;
    transition: right 0.25s ease-in-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
		border-radius: 4px;
}
.ct-socials li {
    padding: 0px 0;
}
.ct-socials li a{
    color: #fff;
		box-shadow: 0px 5px 20px rgba(0,0,0,0.07);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 44px;
    height: 54px;
    float: right;
		font-size: 18px;
    padding-left: 5px;
}

.ct-socials li:hover {
	color: #f3f3f3;
	width: 46px;
    height: 56px;
	box-shadow: 0px 5px 20px rgba(0,0,0,0.4);
}

.ct-socials .ct-social-fb{
 background-color: #4267B2;
 border-radius: 2px;
}
.ct-socials .ct-social-tw{
background-color: #1DA1F2;
border-radius: 2px;

}
.ct-socials .ct-social-yt{
  background-color: #FF0000;
  border-radius: 2px;

}

.ct-socials .ct-social-tg{
  background-color: #0088cc;
  color: #fff;
  border-radius: 2px;

}
.ct-socials .ct-social-in{
    background: #f09433;
  background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
  background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}

.testimonial .pic{
    width: 22%;
    padding: 20px 0;
    margin: 0 6% 0 2%;
    float: left;
    position: relative;
    z-index: 1;
}
.testimonial .pic:before,
.testimonial .pic:after{
    content: "";
    width: 130px;
    height: 150px;
    background: #17478c;
    position: absolute;
    z-index: -1;
}
.testimonial .pic:before{
    top: 0;
    right: -20px;
}
.testimonial .pic:after{
    bottom: 0;
    left: -20px;
}
.testimonial .pic img{
    width: 100%;
    height: auto;
    border: 3px solid #17478c;
}
.testimonial .testimonial-content{
    width: 70%;
    float: right;
}
.testimonial .title{
    display: block;
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    text-transform: uppercase;
    padding-top: 65px;
    padding-left: 15px;
}
.testimonial .post{
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 27px;
    text-transform: capitalize;
    margin-bottom: 25px;
    padding-left: 15px;
}
.testimonial .description{
    font-size: 16px;
    padding: 0 15px;
    margin: 0;
    position: relative;
}
.testimonial .description:before,
.testimonial .description:after{
    font-family: "FontAwesome";
		font-weight: 900;
    font-size: 17px;
    color: #17478c;
    position: relative;
}
.testimonial .description:before{
    content: "\f10d";
    margin-right: 5px;
    top: 0;
    left: 0;
}
.testimonial .description:after{
    content: "\f10e";
    margin-left: 5px;
    position: relative;
    bottom: 0;
    right: 0;
}

@media only screen and (max-width: 990px){
    .testimonial{ text-align: center; }
    .testimonial .pic{
        width: 200px;
        margin: 0 auto;
        float: none;
    }
    .testimonial .pic:before,
    .testimonial .pic:after{
        width: 80px;
        height: 100px;
    }
    .testimonial .testimonial-content{
        width: 100%;
        float: none;
    }
    .testimonial .title{
        padding: 15px 0 0 0;
    }
    .testimonial .post{
        padding: 0;
        margin-bottom: 10px;
    }
}

.chat-form {
    position: fixed;
    bottom: 20px;
    left: 20px;
	z-index: 100;
	border-radius: 50%;
}

.chat-form img:hover{
	opacity: 0.9;
}

/*********************************
 Blog
*********************************/

.blog_post
{
	border-radius: 6px;
	overflow: hidden;
	margin-bottom: 30px;
}
.blog_post:hover
{
	box-shadow: 0px 5px 40px rgba(29,34,47,0.15);
}
.blog_post_image
{
	width: 100%;
}
.blog_post_image img
{
	width: auto;
	width: 360px;
	height: 220px;
}

.blog_post_body
{
	padding-left: 32px;
	padding-right: 30px;
	padding-top: 23px;
	padding-bottom: 23px;
}
.blog_post_title a
{
	font-family: 'Roboto Slab', serif;
	font-size: 20px;
	line-height: 1.4;
	font-weight: 700;
	color: #021C42;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.blog_post_title a:hover
{
	color: #17478c;
}
.blog_post_meta
{
	margin-top: 11px;
}
.blog_post_meta ul li
{
	display: inline-block;
	position: relative;
}
.blog_post_meta ul li:not(:last-of-type)::after
{
	display: inline-block;
	position: relative;
	content: '|';
	margin-left: 14px;
	margin-right: 11px;
}
.blog_post_meta ul li a
{
	font-size: 14px;
	font-weight: 400;
	color: #b5b8be;
	text-transform: uppercase;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.blog_post_meta ul li a:hover
{
	color: #17478c;
}
.blog_post_text
{
	margin-top: 12px;
}
.blog_post_text p
{
	font-size: 14px;
	font-weight: 400;
	color: #76777a;
	line-height: 2;
}

.blog_post_bttn{
	margin-bottom: 14px;
	float: right;
}

.blog_post_bttn a{
	background-color: #17478c;
	padding: 5px 10px;
	color: #fff;
	font-weight: 600;
	box-shadow: 0px 5px 20px rgba(29,34,47,0.15);
}


.blog_post_bttn a:hover{
	background-color: #fff;
	color: #17478c;
}

/* -----
SVG Icons - svgicons.sparkk.fr
----- */

.svg-icon {
  width: 4.4em;
  height: 4.4em;
}

/*********************************
   Blog Details
*********************************/

.blog
{
	width: 100%;
	background: #FFFFFF;
	padding-top: 100px;
	padding-bottom: 100px;
}
.blog_content
{
	width: 100%;
}
.blog_title
{
	font-family: 'Roboto Slab', serif;
	font-size: 30px;
	font-weight: 700;
	line-height: 1.2;
	color: #021C42;
}
.blog_meta
{
	margin-top: 14px;
}
.blog_meta ul li
{
	display: inline-block;
	position: relative;
	font-size: 14px;
	color: #b5b8be;
}
.blog_meta ul li a
{
	font-size: 14px;
	color: #b5b8be;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.blog_meta ul li a:hover
{
	color: #14bdee;
}
.blog_meta ul li:not(:last-child)::after
{
	display: inline-block;
	content: '|';
	margin-left: 14px;
	margin-right: 14px;
}
.blog_image
{
	width: 100%;
	margin-top: 18px;
}
.blog_image img
{
	max-width: 100%;
}
.blog_content p
{
	font-size: 16px;
	line-height: 1.75;
	color: #76777a;
	margin-top: 29px;
	margin-bottom: 0;
	text-align: justify;
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 10; /* number of lines to show */
			line-clamp: 10; 
	-webkit-box-orient: vertical;
}
.blog_quote
{
	margin-top: 24px;
	margin-bottom: -2px;
}
.blog_quote i
{
	font-size: 30px;
	color: #14bdee;
}
.blog_quote div
{
	font-size: 18px;
	font-style: italic;
	line-height: 1.66;
	color: #021C42;
	padding-left: 36px;
}
.blog_subtitle
{
	font-size: 24px;
	color: #021C42;
	line-height: 1.2;
	margin-top: 48px;
}
.blog_images
{
	margin-top: 31px;
	margin-bottom: 35px;
}
.blog_image_small
{
	width: 100%;
}
.blog_image_small img
{
	max-width: 100%;
}
.blog_extra
{
	margin-top: 39px;
	border-bottom: solid 1px #ebebeb;
	padding-bottom: 18px;
}
.blog_tags span
{
	color: #021C42;
}
.blog_tags ul
{
	display: inline-block;
	margin-left: 3px;
}
.blog_tags ul li
{
	display: inline-block;
}
.blog_tags ul li a
{
	font-size: 14px;
	color: #b5b8be;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.blog_tags ul li a:hover
{
	color: #14bdee;
}
.blog_social span
{
	font-size: 14px;
	color: #021C42;
}
.blog_social ul
{
	display: inline-block;
	margin-left: 21px;
}
.blog_social ul li
{
	display: inline-block;
}
.blog_social ul li:not(:last-child)
{
	margin-right: 18px;
}
.blog_social ul li img
{
	width: 100%;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.blog_social ul li:hover i
{
	color: #14bdee;
}
.comments_container
{
	margin-top: 51px;
}
.comments_title
{
	font-family: 'Roboto Slab', serif;
	font-size: 24px;
	font-weight: 700;
	color: #2c3145;
}
.comments_list li:not(:last-child) .comment_item
{
	border-bottom: solid 1px #e5e5e5;
}
.comment_item
{
	padding-top: 31px;
	padding-bottom: 16px;
}
.comment_image div
{
	width: 80px;
	height: 80px;
	border-radius: 50%;
	overflow: hidden;
}
.comment_image div img
{
	max-width: 100%;
}
.comment_content
{
	width: 100%;
	padding-left: 20px;
	margin-top: -7px;
}
.comment_author::after
{
	display: inline-block;
	content: '-';
	margin-left: 6px;
}
.comment_author a
{
	font-family: 'Roboto Slab', serif;
	font-size: 18px;
	font-weight: 700;
	color: #021C42;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.comment_author a:hover
{
	color: #14bdee;
}
.comments_container .rating_r
{
	margin-top: 3px;
	margin-left: 5px;
}
.comments_container .rating_r i::before
{
	color: gold;
}
.comment_text
{
	margin-top: 12px;
}
.comment_extras
{
	margin-top: 13px;
}
.comment_likes::after
{
	display: inline-block;
	content: '|';
	margin-left: 15px;
	margin-right: 15px;
}
.comment_extra a
{
	font-size: 12px;
	font-weight: 400;
	color: #5e6271;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.comment_extra a:hover
{
	color: #14bdee;
}
.comment_extra a span
{
	margin-left: 3px;
}
.comments_list li ul
{
	padding-left: 99px;
}
.add_comment_container
{
	margin-top: 31px;
}
.add_comment_title
{
	font-family: 'Roboto Slab', serif;
	font-size: 24px;
	font-weight: 700;
	color: #021C42;
}
.add_comment_text
{
	margin-top: 14px;
}
.comment_form
{
	margin-top: 35px;
}
.comment_input
{
	width: 100%;
	height: 46px;
	border: solid 1px #d9d9d9;
	border-radius: 3px;
	padding-left: 19px;
	font-size: 16px;
	font-weight: 400;
	color: #2c3145;
}
.comment_input:focus
{
	border: solid 1px #14bdee;
	outline: none;
}
.comment_textarea
{
	width: 100%;
	height: 150px;
	margin-bottom: 18px;
	padding-top: 15px;
}
.form_title
{
	font-size: 16px;
	font-weight: 400;
	color: #021C42;
	margin-bottom: 12px;
}
.comment_notify
{
	margin-top: 29px;
}
.regular_checkbox
{
	display: none;
}
.regular_checkbox + label
{
	position: relative;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	width: 14px;
    height: 14px;
	background: #14bdee;
	border-radius: 3px;
	cursor: pointer;
	vertical-align: middle;
	margin-bottom: 0;
	margin-top: -2px;
}
.regular_checkbox + label i
{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #FFFFFF;
	font-size: 10px;
}
.regular_checkbox + label i
{
	display: none;
}
.regular_checkbox:checked + label i
{
	display: block;
}
.comment_notify span
{
	font-size: 16px;
	font-weight: 400;
	color: #2c3145;
	vertical-align: middle;
	margin-left: 3px;
}
.comment_button
{
	width: 150px;
	height: 46px;
	background: #17478c;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 500;
	color: #FFFFFF;
	cursor: pointer;
	border: none;
	outline: none;
	border-radius: 3px;
	margin-top: 34px;
}
.comment_button:hover
{
	box-shadow: 0px 5px 40px rgba(0,0,0,0.25);
}


/*********************************
6. Home
*********************************/

.home1
{
	width: 100%;
	height: 150px;
	background: #f2f4f5;
	border-bottom: solid 1px #edeff0;
}
.breadcrumbs_container
{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding-bottom: 13px;
	padding-left: 3px;
}
.breadcrumbs ul li
{
	display: inline-block;
	position: relative;
}
.breadcrumbs ul li:not(:last-child)::after
{
	display: inline-block;
	font-family: 'FontAwesome';
	content: '\f105';
	margin-left: 7px;
	margin-right: 4px;
	color: #021C42;
}
.breadcrumbs ul li a
{
	font-size: 14px;
	font-weight: 400;
	color: #021C42;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.breadcrumbs ul li a:hover
{
	color: #17478c;
}

/*********************************
       Colleges Search 
*********************************/
.courses_search_container
{
	padding: 20px;
	background: #f2f4f5;
}
.courses_search_form
{
	width: 100%;
	height: 92px;
}

.college-card{
	padding: 1em;
	margin-bottom: 10px;
}

.college-card .college_title a
{
	font-family: 'Roboto Slab', serif;
	font-size: 16px;
	color: #021C42;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.college_title a:hover
{
	color: #17478c;
}

.college-card .college_location a
{
	font-size: 12px;
	line-height: 2;
	color: #76777a;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.college-card .course_price
{
	font-family: 'Roboto Slab', serif;
	font-size: 14px;
	color: #fff;
	background-color: #f04f51;
	padding: 10px;
	border-radius: 4px;

}
.college-card .course_price span
{
	font-family: 'Roboto Slab', serif;
	font-size: 14px;
	font-weight: 400;
	text-decoration: line-through;
	color: #fff;
	margin-right: 10px;
}

.college-card .college-rating-section .college-apply-btn{
	color: #fff;
	font-family: 'Roboto Slab', serif;
	background-color: #f04f51;
	padding: 6px;
	font-size: 0.9em;
	border-radius: 4px;
	cursor: pointer;
	max-width:100%;
	width: 90px;
}

.college-card .college-rating-section .college-apply-btn a{
	cursor: pointer;
	color: #fff;
}

.college-card .college-rating-section i{
	color: gold;
}

.college-card .college-rating-section span{
	color: #55555a;
}

.college-details-rating .rating_r span strong{
	font-family: 'Roboto Slab', serif;
	font-weight: 600;
	-webkit-font-smoothing: antialiased;
	color: #021C42;
	font-size: 14px;
	margin-bottom: 0;
}
.rating_r
{
	margin-top: 7px;
}
.rating_r i::before
{
	font-family: 'FontAwesome';
	content: "\f006";
	font-style: normal;
	font-size: 14px;
	margin-right: 4px;
	color: gold;
}
.rating_r_1 i:first-child::before{content: "\f005";}
.rating_r_2 i:first-child::before{content: "\f005";}
.rating_r_2 i:nth-child(2)::before{content: "\f005";}
.rating_r_3 i:first-child::before{content: "\f005";}
.rating_r_3 i:nth-child(2)::before{content: "\f005";}
.rating_r_3 i:nth-child(3)::before{content: "\f005";}
.rating_r_4 i:first-child::before{content: "\f005";}
.rating_r_4 i:nth-child(2)::before{content: "\f005";}
.rating_r_4 i:nth-child(3)::before{content: "\f005";}
.rating_r_4 i:nth-child(4)::before{content: "\f005";}
.rating_r_5 i:first-child::before{content: "\f005";}
.rating_r_5 i:nth-child(2)::before{content: "\f005";}
.rating_r_5 i:nth-child(3)::before{content: "\f005";}
.rating_r_5 i:nth-child(4)::before{content: "\f005";}
.rating_r_5 i:nth-child(5)::before{content: "\f005";}

.rating {
  display: inline-block;
  position: relative;
  height: 18px;
  line-height: 18px;
  font-size: 18px;
}

.rating label {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  cursor: pointer;
}

.rating label:last-child {
  position: static;
}

.rating label:nth-child(1) {
  z-index: 5;
}

.rating label:nth-child(2) {
  z-index: 4;
}

.rating label:nth-child(3) {
  z-index: 3;
}

.rating label:nth-child(4) {
  z-index: 2;
}

.rating label:nth-child(5) {
  z-index: 1;
}

.rating label input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.rating label .icon i{
  float: left;
  color: transparent;
  margin-left: 4px;
}


.rating label:last-child .icon i{
  color: #dcdcdc;
}

.rating:not(:hover) label input:checked ~ .icon i,
.rating:hover label:hover input ~ .icon i{
  color: gold;
}

.rating label input:focus:not(:checked) ~ .icon:last-child i{
  color:#dcdcdc;
  text-shadow: 0 0 10px  gold;
}

.college-card .college_info .star-rating {
    display:flex;
    font-size: 1.2em;
    color:#FFBC0B;
    margin-top: 10px;
}
.college-card .college_info .back-stars {
    display:flex;
    color: #FFBC0B;
    position: relative;
}
.college-card .college_info .front-stars {
    display:flex;
    color: #FFBC0B;
    overflow: hidden;
    position: absolute;
    top: 0;
    transition: all .5s
}

.college-card .college_info .back-stars i{
   color: #FFBC0B;
   margin-right: 2px;
}
.college-card .college_info .front-stars i{
	color: #FFBC0B;
	margin-right: 2px;
}

.college-login-details .college-login-btn{
	color: #fff;
	font-family: 'Roboto Slab', serif;
	background-color: #f04f51;
	padding: 6px;
	font-size: 0.9em;
	border-radius: 4px;
	cursor: pointer;
	float: right;
}
.college-login-details .college-login-btn a{
	cursor: pointer;
	color: #fff;
}

.college-card .college_info i{
	color: #f04f51;
}

.college-card .college_info span a{
	color: #021C42;
	cursor: pointer;
}
.college-card .college_info span a:hover{
	color: #17478c;
}

.college_info .approved_by:hover{
	color: #17478c;
	cursor: pointer;
}


#pagin{
  width: fit-content;
  margin: auto;
  padding: 50px 0;
  display: flex;
}

#pagin ul {
  display: flex;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

#pagin a {
  color: #021C42;
  padding: 0px 15px;
	font-size: 16px;
	font-weight: 600;
  text-decoration: none;
}

.active_page a,
#pagin a:hover {
	background-color: #17478c;
  color: #fff !important;
	padding: 6px 8px;

}

#pagin .active a{
	background-color: #17478c;
  color: #fff !important;
	padding: 6px 8px;
}


.pagination_row
{
	margin-top: 11px;
}

.pagination_list li
{
	display: inline-block;
	width: 40px;
	height: 40px;
	background: #FFFFFF;
	border: solid 1px #ebebeb;
	text-align: center;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.pagination_list li:not(:last-child)
{
	margin-right: 5px;
}
.pagination_list li:hover,
.pagination_list li.active
{
	background: #17478c;
}
.pagination_list li a
{
	display: block;
	position: relative;
	font-size: 16px;
	font-weight: 400;
	color: #757686;
	line-height: 40px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.pagination_list li:hover a,
.pagination_list li.active a
{
	color: #FFFFFF;
}
.courses_show_text
{
	display: inline-block;
}
.courses_show_content
{
	display: inline-block;
	width: 144px;
	border: solid 1px #ecedee;
}
.courses_show_content span
{
	line-height: 40px;
	padding-left: 20px;
	font-size: 16px;
	color: #021C42;
}

/*********************************
8. Sidebar
*********************************/

.sidebar
{
	width: 100%;
	padding-left: 30px;
}
.sidebar_section:not(:last-child)
{
	margin-bottom: 60px;
}
.sidebar_section_title
{
	font-family: 'Roboto Slab', serif;
	font-size: 18px;
	font-weight: 700;
	color: #021C42;
	line-height: 0.75;
}
.sidebar_categories
{
	margin-top: 16px;
}
.sidebar_categories ul li
{
	position: relative;
	width: 100%;
	height: 51px;
}
.sidebar_categories ul li:not(:last-of-type)
{
	border-bottom: solid 1px #e5e5e5;
}
.sidebar_categories ul li a
{
	display: block;
	position: relative;
	font-size: 13px;
	color: #76777a;
	line-height: 51px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.sidebar_categories ul li a::before
{
	display: inline-block;
	position: relative;
	font-family: 'FontAwesome';
	content: '\f101';
	margin-right: 4px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.sidebar_categories ul li:hover a,
.sidebar_categories ul li:hover a::before
{
	color: #17478c;
}
.sidebar_latest
{
	margin-top: 31px;
}

.sidebar_latest p
{
	text-align: justify;
}
.latest:not(:last-child)
{
	margin-bottom: 20px;
}
.latest_image div
{
	width: 90px;
	height: 74px;
	border-radius: 3px;
	overflow: hidden;
}
.latest_image div img
{
	max-width: 100%;
}
.latest_content
{
	padding-left: 21px;
	margin-top: -4px;
}
.latest_title a
{
	font-family: 'Roboto Slab', serif;
	font-size: 16px;
	font-weight: 700;
	color: #383749;
	line-height: 1.625;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.latest_title a:hover
{
	color: #17478c;
}
.latest_price
{
	font-family: 'Roboto Slab', serif;
	font-size: 14px;
	font-weight: 700;
	color: #17478c;
	line-height: 0.75;
	margin-top: 16px;
}
.sidebar_gallery
{
	margin-top: 34px;
}
.gallery_item
{
	position: relative;
	width: calc((100% - 36px) / 3);
	margin-bottom: 18px;
	cursor: pointer;
}
.gallery_item img
{
	width: 100%;
}
.gallery_item_overlay
{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(20,189,238,0.7);
	opacity: 0;
	pointer-events: none;
	font-size: 33px;
	font-weight: 300;
	color: #FFFFFF;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.gallery_item:hover .gallery_item_overlay
{
	opacity: 1;
}
.colorbox
{
	outline: none;
}
.sidebar_tags
{
	margin-top: 40px;
}
.tags_list li
{
	display: inline-block;
	padding-left: 19px;
	padding-right: 18px;
	background: #f2f4f5;
	border-radius: 3px;
	margin-bottom: 10px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.tags_list li:not(:last-child)
{
	margin-right: 5px;
}
.tags_list li:hover
{
	background: #17478c;
}
.tags_list li:hover a
{
	color: #FFFFFF;
}
.tags_list li a
{
	display: block;
	font-size: 12px;
	color: #76777a;
	text-transform: uppercase;
	line-height: 30px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.sidebar_banner
{
	width: 100%;
	height: 213px;
}
.sidebar_banner_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.sidebar_banner_overlay
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.7;
}
.banner_title
{
	font-family: 'Roboto Slab', serif;
	font-size: 20px;
	font-weight: 700;
	color: #FFFFFF;
	line-height: 0.75;
}
.banner_button
{
	width: 200px;
	height: 46px;
	background: #FFFFFF;
	border-radius: 3px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.banner_button a
{
	display: block;
	color: #17478c;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.1em;
	margin-left: -0.1em;
	text-transform: uppercase;
	line-height: 46px;
	margin-top: 21px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.banner_button:hover
{
	background: #17478c;
}
.banner_button:hover a
{
	color: #FFFFFF;
}


/*************************************
        Contact Page
*************************************/
.contact
{
	width: 100%;
	padding-bottom: 100px;
}
.contact_info_container
{
	padding-top: 100px;
}
.contact_info_title
{
	font-family: 'Roboto Slab', serif;
	font-size: 36px;
	font-weight: 700;
	color: #021C42;
}
.contact_info_title:hover
{
	color: #17478c;
}
.contact-desc-content{
   margin: 50px 0;
}
.contact-desc-content p{
   font-size: 1.2em;
   color:  #021C42;
}
.contact-desc-list li{
   list-style-type: disc;
   padding-bottom: 20px;
   line-height: 4;
}
.contact_form
{
	padding-right: 10px;
}

.contact_form form
{
	padding: 30px;
	background-color: #fff;
	box-shadow: 0px 5px 40px rgba(29,34,47,0.15);
	border-radius: 6px;
}
.comment_form
{
	margin-top: 35px;
}
.comment_input
{
	width: 100%;
	height: 46px;
	border: solid 1px #d9d9d9;
	border-radius: 3px;
	padding-left: 19px;
	font-size: 16px;
	font-weight: 400;
	color: #2c3145;
}
.comment_form > div:not(:last-child)
{
	margin-bottom: 25px;
}
.comment_input:focus
{
	border: solid 1px #14bdee;
	outline: none;
}
.comment_textarea
{
	width: 100%;
	height: 150px;
	padding-top: 15px;
}
.form_title
{
	font-size: 16px;
	font-weight: 400;
	color: #021C42;
	margin-bottom: 12px;
}
.comment_button
{
	width: 150px;
	height: 46px;
	background: #17478c;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 500;
	color: #FFFFFF;
	cursor: pointer;
	border: none;
	outline: none;
	border-radius: 3px;
	margin-top: 15px;
}
.comment_button:hover
{
	box-shadow: 0px 5px 40px rgba(0,0,0,0.25);
}
.contact_info
{
	padding-left: 45px;
}
.contact_info_text
{
	margin-top: 27px;
}
.contact_info_location
{
	margin-top: 28px;
}
.contact_info_location_title
{
	font-family: 'Roboto Slab', serif;
	font-size: 18px;
	font-weight: 700;
	color: #021C42;
}
.location_list
{
	margin-top: 14px;
}
.location_list li
{
	font-size: 14px;
	color: #5e6271;
}
.location_list li a
{
	color: #5e6271;
}
.location_list li a:hover
{
	color: #17478c;
}
.location_list li:not(:last-child)
{
	margin-bottom: 9px;
}

.bank-block{
  padding: 40px;
}

.bank-block .lead{
	font-size: 1.2em;
    color: #021C42;
	font-weight: 400;
	line-height: 1.7;
	margin: 10px 0;
}

.bank-block .lead a{
	font-weight: 500;
}

.bank-block .lead a:hover{
	color: #17478c;
}

.bank-block img{
	border-radius:70px;
	border:none;
	width: 350px;
}

.bank-block table{
	margin-top: 20px;
}

.bank-block table th, .bank-block table td{
	padding: 10px;
	white-space: nowrap;
}

.bank-block table th{
	color: #021C42;
	font-weight: 700;
}

/*********************************
          About Us Page
*********************************/

.feature
{
	width: 100%;
}
.feature_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.feature_row
{
	margin-top: 72px;
}
.feature_content
{
	padding-right: 54px;
}
.accordion_container
{
	background: #FFFFFF;
	border-radius: 6px;
	box-shadow: 0px 1px 10px rgba(0,0,0,0.1);
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 13px;
	padding-bottom: 4px;
}
.accordion_container:not(:last-child)
{
	margin-bottom: 10px;
}
.accordion
{
	width: 100%;
	padding-left: 27px;
	cursor: pointer;
	color: #000000;
	font-size: 14px;
	font-weight: 500;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.accordion div
{
	max-width: 90%;
	overflow: hidden;
	white-space: nowrap;
	font-family: 'Roboto Slab', serif;
	font-size: 20px;
	font-weight: 700;
	color: #021C42;
}
.accordion div:hover
{
	color: #17478c;
}
.accordion::before
{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: -1px;
	left: 0;
	height: 100%;
	font-family: 'FontAwesome';
	content: '\f105';
	font-size: 24px;
	color: #021C42;
	font-weight: 400;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.accordion.active::before
{
	content: '\f107';
	color: #f04f51;
}
.about-quote{
	font-size: 16px;
}
.quote-cl1{
	color: #228B22;
	font-size: 18px;
}
.quote-cl2{
	color: #E05A10;
	font-size: 18px;
}
.accordion_panel
{
	padding-right: 8px;
	padding-left: 30px;
	padding-top: 9px;
	max-height: 0px;
	overflow: hidden;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.accordion.active + .accordion_panel
{
	margin-bottom: 20px;
}
.accordion_panel p
{
	font-size: 14px;
	font-weight: 400;
	color: #76777a;
	line-height: 2;
}
.feature_video
{
	width: calc(100% + 15px);
	left: -15px;
	height: 550px;
	margin-top: -4px;
}
.feature_video_background
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	border-radius: 6px;
}
.feature_video_button
{
	display: block;
	width: 60px;
	height: 60px;
	z-index: 10;
	outline: none;
}

.partners
{
	width: 100%;
	background: #FFFFFF;
}
.partners_slider_container
{
	width: calc(100% + 100px);
	left: -50px;
}
.partners_slider
{
	height: 132px;
}
.partner_item
{
	height: 100%;
	cursor: pointer;
}
.partner_item img
{
	position: relative;
	width: 110px !important;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-filter: grayscale(100%);
  	filter: grayscale(100%);
  	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.partner_item:hover img
{
	-webkit-filter: grayscale(0%);
  	filter: grayscale(0%);
}

/***************************************
       News and Updates
****************************************/

.news_and_updates
{
	width: 100%;
	padding-bottom: 100px;
}

.news_and_updates .news-tab {
  padding-top: 60px;
	width: 100%;
}

.news_and_updates .news-tab #tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  background-color: #17478c;
	color: #fff;
  border-bottom: none;
  font-size: 14px;
  font-weight: 600;
}

.news_and_updates .news-tab .nav-link.active {
  color: #fff;
}

.news_and_updates .news-tab .nav-link {
  border-bottom: 1px solid #999;
  color: #17478c;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}

.newsupdates_container
{
	margin-top: 100px;
}

ul.news-tab-contents {
  list-style-type: none;
  position: relative;
  width: 90%;
}

ul.news-tab-contents>li {
  margin: 15px 0;
  padding-left: 30px;
  width: 90%;

}

ul.news-tab-contents i {
	font-size: 18px;
	left: 0;
	color: #0172d0;
	margin-right: 5px;
	margin-left: 20px;
  }
  ul.news-tab-contents .fas{
	font-size: 30px;
  }
  ul.news-tab-contents a h4 {
	/* font-size: 18px; */
	text-decoration: underline;
	/* color: #0172d0; */
	max-width:800px;
	max-height:100px;
	overflow:hidden;

  }
  ul.news-tab-contents .pdf{
	color: #0172d0;
	font-size: 27px;
  }


.news-tab-contents span {
  font-weight: 600;
}

.news-tab-contents p {
  font-size: 14px;
  line-height: 22px;
	color: #021C42;
	font-weight: 600;
}

.news_and_updates a.news-date{
	color: #021C42;
	border: 2px solid #0172d0 ;
	font-size: 12px;
	font-weight: 500;
	padding: 5px;
	border-radius: 4px;
	width: 86px;
}

/***************************************
       Blogs
****************************************/

.blogs
{
	width: 100%;
}

.blogs .blogs_container
{
	margin-top: 100px;
}

.blogs .latest_blogs, .blogs .popular_blogs{
	padding: 80px 0;
}


/************************ 
	 Animated Bell 
*************************/

main {
  display: inline-block;
  position: relative;
}
main .notification {
  position: relative;
  width: 2em;
}
main .notification svg {
  width: 2em;
  height: 2em;
  margin-bottom: -16px;
}
main .notification svg > path {
  fill: #17478c;
}
main .notification--bell {
  animation: bell 2.2s linear infinite;
  transform-origin: 50% 0%;
}
main .notification--bellClapper {
  animation: bellClapper 2.2s 0.1s linear infinite;
}
main .notification--num {
  position: absolute;
  top: -10%;
  left: 50%;
  font-size: 2.25rem;
  border-radius: 50%;
  width: 1.25em;
  height: 1.25em;
  background-color: #fff;
  border: 4px solid #fff;
  color: #FFFFFF;
  text-align: center;
  animation: notification 2.2s linear;
}

@keyframes bell {
  0%, 25%, 75%, 100% {
    transform: rotate(0deg);
  }
  40% {
    transform: rotate(10deg);
  }
  45% {
    transform: rotate(-10deg);
  }
  55% {
    transform: rotate(8deg);
  }
  60% {
    transform: rotate(-8deg);
  }
}
@keyframes bellClapper {
  0%, 25%, 75%, 100% {
    transform: translateX(0);
  }
  40% {
    transform: translateX(-0.15em);
  }
  45% {
    transform: translateX(0.15em);
  }
  55% {
    transform: translateX(-0.1em);
  }
  60% {
    transform: translateX(0.1em);
  }
}
@keyframes notification {
  0%, 25%, 75%, 100% {
    opacity: 1;
  }
  30%, 70% {
    opacity: 0;
  }
}


/************************** 
	   Advertisement 
**************************/
.ad_row{
	margin-top: 30px;
}

.ad_row .ad_box
{
	width: 100%;
	border-radius: 6px;
	box-shadow: 0px 1px 10px rgba(29,34,47,0.1);
}

.ad_row .ad-card{
	padding: 1em;
	cursor: pointer;
}

.ad_row .ad_body
{
	padding: 15px;
}

.ad_row .ad_image
{
	width: 100%;
	border-radius: 4px;
	overflow: hidden;
}
.ad_row .ad_image img
{
	max-width: 100%;
	width: 100%;
}

.ad_row h3.ad-title
{
	font-family: 'Roboto Slab', serif;
	font-size: 16px;
	line-height: 1;
	color: #fff;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.ad-card .ad_desc p
{
	font-size: 12px;
	line-height: 1;
	margin: 8px 0;
	color: #fff;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.ad-card .ad-enquire-section{
	position: absolute;
	right: 0;
}

.ad-card .ad-enquire-section .ad-apply-btn{
	color: #f04f51;
	font-family: 'Roboto Slab', serif;
	background-color: #fff;
	padding: 6px;
	float: left;
	font-size: 0.9em;
	border-radius: 4px;
}

.ad_info
{
	display: inline-block;
	margin-right: 4px;
	color: #fff;
}

.ad_info span {
	color: #fff;
	font-size: 13px;
	font-weight: 700;
}

/******************************************
               Exams Page
*****************************************/*/
.exam-details {
	padding: 60px 0;
}
.exam-details .exam-details-card{
  border:1px solid #D6D0D0;
	padding: 15px;
	overflow: hidden;
}

.exam-details .exam-details-card .modal-exam-body{
  padding: 0;
}

.exam-details .exam-details-header{
	padding: 10px;
}

.exam-details .exam-details-header h3:hover{
	color: #17478c;
}

.exam-details .exam-details-header svg{
	height: 3em;
	width: 3em;
}

.exam-details .exam-details-header .sepr{
	background-color: #A52929;
  width: 14%;
  height: 3px;
	margin: 8px 0;
}

.exam-details .exam-list{
	background-color: #f8f8f8;
	border-top: 1px solid #D6D0D0;
	padding: 8px 10px;
	height: 300px;
}

.exam-details .exam-list ul{
 margin-bottom: 20px;
}

.exam-details .exam-list ul li a{
font-weight: 400;
font-size: 13px;
line-height: 23px;
color: #021C42;
}

.exam-details .exam-list ul li a:hover{
text-decoration: underline;
color: #021C42;
}

.exam-details .exam-list ul li span{
	font-weight: 600;
}

.exam-details .exam-list a.exam_more{
  color: #f04f51;
}

.exam-details .exam-list a.exam_more:hover{
	text-decoration: underline;
}

.exam-details .exam_list_bttn{
	padding: 8px 8px 8px 0;
}

.exam-details .exam_list_bttn ul li{
	display: inline-block;
	margin-right: 4px;
	padding: 4px 6px;
	border-radius: 4px;
	background-color: #f04f51;
}

.exam-details .exam_list_bttn ul li a{
font-weight: 400;
font-size: 12px;
color: #fff;
}

/******************************************
              Exams Details page
*******************************************/
.exam-details-section{
	padding: 70px 0;
}
.exam-details-section .nav-tabs{
	border: none;
}
.exam-details-section .tabs-left li{
	margin: 10px 15px;
}
.exam-details-section .tabs-left a{
	display: block;
	background-color: #f04f51;
	padding: 10px;
	border-radius: 6px;
	box-shadow: 0px 5px 20px rgba(0,0,0,0.05);
	color: #fff;
	font-size: 16px;
	letter-spacing: .1em;
	font-weight: 600;
	max-width: 100%;
	width: 150px;
}

.exam-details-section .tabs-left a:hover{
	background-color: #021C42;
}

.exams-list ul{
	padding: 10px;
	background-color: #f8f8f8;
	border-top: 4px solid #D6D0D0;
}

.exams-list ul li{
	line-height: 2;
}

.exams-list ul li a span{
	font-weight: 600;
}

.exams-list ul li a{
	font-size: 14px;
  color: #021C42;
	letter-spacing: .1em;
}

.exams-list ul li a:hover{
	text-decoration: underline;
}


/**************************************
   LOGIN PAGE
**************************************/
.logged-text-link{
	margin-top: 8px;
}

.logged-text-link p{
	color:#021C42;
	font-size: 12px;
}

.logged-text-link span{
	font-weight: 600;
	cursor: pointer;
	font-size: 13px;
}

.logged-text-link span:hover{
	color: #17478c;
}

.logged-text-link span a:hover{
	color: #17478c;
}


/*********************************
  Study Abroad
*********************************/

.study_abroad
{
	width: 100%;
	background: #FFFFFF;
	padding-top: 90px;
	padding-bottom: 103px;
}
.study_abroad_row
{
	margin-top: 55px;
}
.study_abroad_col
{
	margin: 15px 0;
}
.study_ab
{
	width: 100%;
	padding-top: 35px;
	padding-bottom: 25px;
	background: #FFFFFF;
}

.study_ab:hover
{
	box-shadow: 0px 5px 40px rgba(29,34,47,0.15);
	cursor: pointer;
	opacity: 0.8;
}

.study_ab .study_flag_title a{
	color: #021C42;
}

.study_ab .study_flag_title a:hover{
	color: #17478c;
}

.study_abroad_flag img
{
	max-width: 100%;
	width: 80px;
}

.study_flag_title
{
	position: relative;
	font-size: 0.9rem;
	margin-top: 23px;
}
.study_flag_title:hover
{
	color: #17478c;
}

/******************************************
  Abroad Details page
***************************************/
.abroad-details-section{
	padding: 70px 0;
}
.abroad-details-section .nav-tabs{
	border: none;
}

.abroad-details-section  .tabs-left li{
	margin: 10px;
	display: block;
	text-align: left;
	padding: 10px 15px;
	border-radius: 6px;
	box-shadow: 0px 5px 20px rgba(0,0,0,0.09);
	font-size: 16px;
	letter-spacing: .1em;
	font-weight: 600;
	width: 200px;
}

.abroad-details-section  .tabs-left li a:link {color: #000;}

.abroad-details-section  .tabs-left li img{
	width: 40px;
	padding-right:8px;
}

.abroad-details-section .tabs-left li:hover{
	background-color: #021C42;
	color: #fff;
}
.abroad-details-section .tabs-left li:hover a{
	background-color: #021C42;
	color: #fff;
}


.abroad-details-header ul li{
	list-style: none;
	display: inline-block;
	margin-right: 18px;
}

.abroad-details-header ul li a{
	color: #021C42;
	font-weight: 700;
	font-family: 'Roboto Slab', serif;
	font-size: 24px;
}

.abroad-details-header ul li a:hover{
	color: #f04f51;
	text-decoration: underline;
}

.abroad-details-header ul li::after{
	content: "";
	display: inline-block;
	height: 16px;
	width: 2px;
	background: #021C42;
	position: relative;
	left: 14px;
	top: 1px;
}

.abroad-details-header ul li:last-child::after{
	content: "";
	display: inline-block;
	height: 0;
	width: 0;
	background: #021C42;
	position: relative;
}

.abroad-colleges-tables {
  border-collapse: collapse;
  width: 100%;
}

.abroad-colleges-tables td, .abroad-colleges-tables th {
  border: 1px solid #ddd;
  padding: 10px 20px;
}

.abroad-colleges-tables tr:nth-child(even){background-color: #f3f3f3;}

.abroad-colleges-tables tr:hover {background-color: #ddd;}

.abroad-colleges-tables th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #021C42;
  color: white;
}


.abroad-colleges-tables td a{
  color: #17478c;
}

.abroad-colleges-tables td a:hover{
  color: #17478c;
}

.card-container .card {
  font-weight: bold;
  position: relative;
  width: 100%;
}
.card-container .card a {
  width: 100%;
  height: 250px;
  box-shadow: 0px 5px 40px rgba(29,34,47,0.15);
	border-radius: 4px;
  background: white;
  text-decoration: none;
  color: black;
  display: block;
  transition: 0.25s ease;
}
.card-container .card a:hover {
  transform: translate(-30px, -30px);
  border-color: #17478c;
}
.card-container .card a:hover .card--display {
  display: none;
}
.card-container .card a:hover .card--hover {
  display: block;
	padding: 30px;
}

.card-container .card a .card--display h2 {
  margin: 20px 0 0;
	font-size: 22px;
	color: #fff;
}
.card-container .card a .card--hover {
  display: none;
}
.card-container .card a .card--hover h2 {
  margin: 16px 0;
	font-size: 24px;
	color: #fff;
}
.card-container .card a .card--hover p {
  font-weight: 500;
  line-height: 1.5;
	color: #fff;
}
.card-container .card a .card--hover p.link {
  margin: 20px 0 0;
  font-weight: bold;
  color: #17478c;
}
.card-container .card .card--border {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-shadow: 0px 5px 40px rgba(29,34,47,0.15);
  z-index: -1;
}
.overlay2 {
  position: relative;
  z-index: 0
}

.overlay2::before {
  position: absolute;
  content: "";
  background-color: rgba(0,0,0,0.9);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0.5
}

.abrd-study-details h2{
  color: #000;
  font-weight: 600;
}

.sepr{
  background-color: #f04f51;
  width: 14%;
  height: 3px;
  margin: 10px 0;
}

.abrd-study-details ul{
  list-style-type: none;
  padding: 24px;
}

.abrd-study-details ul li{
  padding: 8px;
  font-size: 14px;
}

.abrd-study-details ul li::before{
  color: #f04f51;
  content: '■';
  position: absolute;
  left: 1.2em;
  margin-top: -2px;
  font-size: 1em;
}

.others-table img{
	width: 60px;
}

.others-table a img{
	width: 24px;
}

/************************************* 
		   Useful Links 
*************************************/
.useful-links ul{
  list-style-type: none;
  padding: 20px;
}

.useful-links ul li{
  padding: 8px;
  font-size: 14px;
}

.useful-links ul li::before{
  color: #f04f51;
  content: '■';
  position: absolute;
  left: 1.2em;
  margin-top: -2px;
  font-size: 1em;
}

.useful-links h4{
  display: inline-block;
  padding-right: 8px;
}

.useful-links a {
  font-size: 16px;
  word-wrap: break-word;
}

.useful-links a:hover{
  color:#f04f51;
}

/***************************************
			 Privacy Page 
****************************************/
.privacy-content{
	margin-bottom: 30px;
}
.privacy-content p{
	font-size: 12px;
}

.privacy-content p a{
	font-size: 12px;
}

.privacy-content p a:hover{
	color: #17478c;
}

.privacy-content ul{
	margin: 0 0 0 15px;
}
.privacy-content li{
	list-style-type: disc;
}


/*************************************** 
		User Profile Page 
***************************************/
.picture input[type="file"] {
  cursor: pointer;
  display: block;
  height: 100%;
  left: 0;
  opacity: 0 !important;
  position: absolute;
  top: 0;
  width: 100%;
}

.picture-container {
  position: relative;
  cursor: pointer;
  text-align: center;
  top: 100px;
}

.picture {
  width: 200px;
  height: 200px;
  background-color: #d8d1c9;
  border: 4px solid transparent;
  color: #FFFFFF;
  border-radius: 50%;
  margin: 5px auto;
  overflow: hidden;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.picture:hover {
  border-color: #17478c;
}
.picture-src {
  width: 100%;
}

/********************************* 
		  Compare page 
**********************************/
.selector-dropdown{
	font-size: 14px;
    font-weight: 600;
    letter-spacing: .012em;
    width: 100%;
    margin: 0;
    color: #021C42;
    background: transparent;
    border: 1px solid #dddddd;
}

.compare-section{
	padding-top: 1.5em;
    padding-bottom: 75px;
    border: 0;
}

.compare-section ul{
  margin: 20px;
}

.compare-rowheader-style {
    font-size: 20px;
    line-height: 1.25;
	font-weight: 600;
	color: #021C42;
    letter-spacing: .004em;
    margin-bottom: 48px;
    padding-bottom: 22px;
    border-bottom: 1px solid #d2d2d7;
}

.compare-row li strong{
	display: block;
}

.compare-row li strong:hover{
	color: #17478c;
}
.compare-row li:hover{
	color: #17478c;
}

.compare-row li{
	margin:16px 0;
}

.compare-row li i{
	color: #f04f51;
}

.compare-dropdown label{
	font-size: 8px;
	color: #f04f51;
}

.compare-row li img{
   margin-right: 8px;
}

.compare-row .star-rating {
    display:flex;
    font-size: 1.2em;
    color:#FFBC0B;
    margin-top: 10px;
}
.compare-row .back-stars {
    display:flex;
    color: #FFBC0B;
    position: relative;
}
.compare-row .front-stars {
    display:flex;
    color: #FFBC0B;
    overflow: hidden;
    position: absolute;
    top: 0;
    transition: all .5s
}
.compare-row .star-rating .overall-rating{
	display: flex;
}

.compare-row .back-stars i{
   color: #FFBC0B;
   margin-right: 2px;
}
.compare-row .front-stars i{
	color: #FFBC0B;
	margin-right: 2px;
}

/**************************
         Fees
**************************/
.fees_and_updates
{
	width: 100%;
	padding-bottom: 60px;
}

.fees_and_updates .fees-tab {
  padding-top: 30px;
	width: 100%;
}

.fees_and_updates .fees-tab img{
  display: block;
  margin: 0 auto;
}

.fees_and_updates .fees-tab #tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  background-color: #313C4E;
	color: #fff;
  border: none;
  font-size: 14px;
  font-weight: 500;
}

.fees_and_updates .fees-tab .nav-link.active {
  color: #fff;
}

.fees_and_updates .fees-tab .nav-link {
  border-right: 3px solid #313C4E;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  color: #313C4E;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  padding: .2rem .8rem;
  margin-top: 4px;
}

.feesupdates_container
{
	margin-top: 100px;
}

.fees-section .deemed-fees{
  border-radius: 4px;
}
.fees-section .deemed-fees h4{
  color:#fff;
}
.fees-section .deemed-fees img{
  display: block;
  margin: 0 auto;
}
.fees-section .state-fees img{
  display: block;
  margin: 0 auto;
}

.fees-section .deemed-fees .fees_links ul li a{
	color: #fff;
}

.fees-section .deemed-fees .fees_links ul li a:hover{
	opacity: 0.8;
}

.fees-section .deemed-fees .fees_links ul li::after{
	content: "";
	display: inline-block;
	height: 12px;
	width: 2px;
	background: #fff;
	position: relative;
	left: 14px;
	top: 1px;
}

.fees-section .deemed-fees .fees_links ul li:last-child::after{
	content: "";
	display: inline-block;
	height: 0;
	width: 0;
	background: #fff;
	position: relative;
}
.fees-section .deemed-fees .fees_links li a::before{
	font-family: 'FontAwesome';
	content: "\f1c1";
	margin-right: 4px;
	display: inline-block;
	color: #fff;
}


.fees_links{
	text-align: left;
}

.fees_links ul{
	padding: 0;
}

.fees_links ul li{
	list-style: none;
	display: inline-block;
	margin-right: 30px;
	margin-top: 5px;
}

.fees_links ul li a{
	color: #021C42;
}

.fees_links ul li a:hover{
	color: #f04f51;
	text-decoration: underline;
}

.fees_links ul li::after{
	content: "";
	display: inline-block;
	height: 12px;
	width: 2px;
	background: #021C42;
	position: relative;
	left: 14px;
	top: 1px;
}

.fees_links ul li:last-child::after{
	content: "";
	display: inline-block;
	height: 0;
	width: 0;
	background: #021C42;
	position: relative;
}


.fees_links li a::before{
	font-family: 'FontAwesome';
	content: "\f1c1";
	margin-right: 4px;
	display: inline-block;
	color: #f04f51;
}

.table-responsive ::-webkit-scrollbar {
    width: 0px;
    background: transparent; 
}