/*
Author       : themes_mountain
Template Name: Penn - Education HTML Template
Version      : 1.0
*/
/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)
    02. START BOOTSTRAP NAVIGATION OVERRIDES
    03. START HOMEPAGE CSS STYLE
    04. START TOP PROMO DESIGN
    05. START ABOUT CSS DESIGN
    06. START COUNTER DESIGN
    07. START FEATURES DESIGN
    08. START COURSE DESIGN
    09. START COURSE PROMOTION DESIGN
    10. START TOPIC DESIGN
    11. START REVIEWS DESIGN
    12. START TEAM DESIGN
    13. START BLOG DESIGN
    14. START FOOTER DESIGN
    15. START PARTNER DESIGN
    16. START SECTION TOP DESIGN
    17. START PRICING DESIGN
    18. START EVENTS DESIGN
    19. START FAQ DESIGN
    20. START ERROR DESIGN
    21. START LOGIN AND REGISTER DESIGN
    22. START CONTACT DESIGN
    23. START ABOUT PAGE DESIGN
    23. START NEWSLETTER DESIGN
    24. START FREE COURSE+INSTRUCTOR DESIGN
  =============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/

.popup {
    display: none; /* Hidden by default */
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

.popup-content {
    background-color: #fff;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 300px;
    text-align: center;
}

.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

body {
	color:#888;
	font-family: 'Mulish', sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 26px;
	overflow-x:hidden;
	}
	
	
	html,
	body { height: 100%;position:relative;  }
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
	  letter-spacing: 0px;
	  margin: 0px;
	  font-family: 'Mulish', sans-serif;
	  color: #1a2d62;
	  font-weight: 400;
	}
	a {
		font-family: 'Mulish', sans-serif;
		text-decoration: none;
		-webkit-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s;
	}
	a:hover {
		color: #fff;
		text-decoration: none;
	}
	a:focus {
		outline: none;
		text-decoration: none;
	}
	inout{outline:none;}
	p {
	  margin-bottom: 0;
	}
	ul,
	li {
		margin: 0;
		padding: 0;
		list-style:none;
	}
	fieldset {
		border: 0 none;
		margin: 0 auto;
		padding: 0;
	}
	b, strong {
		font-weight: 600;
	}
	span{font-family: 'Mulish', sans-serif;}
	.no-padding { padding: 0 }
	
	/*END PRELOADER DESIGN*/
	.section-padding { padding: 80px 0 }
	/*START SECTION TITLE DESIGN*/
	.section-title {
	  margin-bottom: 60px;
	  position:relative;
	}
	
	.section-title h2 {
	  font-size: 14px;
	  font-weight: 700;
	  padding: 0;
	  line-height: 1px;
	  margin: 0 0 10px 0;
	  letter-spacing: 1px;
	  text-transform: uppercase;
	  color: #5f9ea0;
	}
	
	.section-title h2::after {
	  content: "";
	  width: 120px;
	  height: 1px;
	  display: inline-block;
	  background: #5f9ea0;
	  margin: 4px 10px;
	}
	.section-title p {
		width: 60%;
		margin: 0;
		font-size: 42px;
		font-weight: 800;
		text-transform: capitalize;
		line-height: 46px;
		color: #1a2d62;
	}
	@media only screen and (max-width:480px){
	.section-title p {width:100%;}
	}
	.section-title p span{color: #5f9ea0;}
	h1.section-title-white{color:#fff;}
	p.section-title-white{color:#fff;}
	.section-title-two{margin-bottom:60px;}
	.section-title-two h2 {
		font-weight: 800;
		font-size: 50px;
		text-align: center;
	}
	.section-title-two h2 span{color: #5f9ea0;}
	/*END SECTION TITLE DESIGN*/
	/*START SCROLL TO TOP*/
	.topcontrol {
		background: #5f9ea0;
		border-radius: 30px;
		bottom: 5px;
		-webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
		box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
		color: #fff;
		cursor: pointer;
		font-size: 22px;
		height: 50px;
		line-height: 47px;
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		position: fixed;
		right: 5px;
		text-align: center;
		-webkit-transition: all 0.2s ease 0s;
		-o-transition: all 0.2s ease 0s;
		transition: all 0.2s ease 0s;
		width: 50px;
	}
	@media only screen and (max-width:768px) { 
	.topcontrol {display:none;}
	}
	.topcontrol:hover {
		background: #5f9ea0;
		color: #fff;
	}
	/*END SCROLL TO TOP*/
	/*START PRELOADER DESIGN*/
	#loader-wrapper {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 99999;
		overflow: hidden;
	}
	
	#loader {
		display: block;
		position: relative;
		left: 50%;
		top: 50%;
		width: 150px;
		height: 150px;
		margin: -75px 0 0 -75px;
		border-radius: 50%;
		border: 3px solid transparent;
		border-top-color: #fb8e49;
		-webkit-animation: spin 1.7s linear infinite;
		animation: spin 1.7s linear infinite;
		z-index: 11;
	}
	
	#loader:before {
		content: "";
		position: absolute;
		top: 5px;
		left: 5px;
		right: 5px;
		bottom: 5px;
		border-radius: 50%;
		border: 3px solid transparent;
		border-top-color: #68bb3e;
		-webkit-animation: spin-reverse 0.6s linear infinite;
		animation: spin-reverse 0.6s linear infinite;
	}
	
	#loader:after {
		content: "";
		position: absolute;
		top: 15px;
		left: 15px;
		right: 15px;
		bottom: 15px;
		border-radius: 50%;
		border: 3px solid transparent;
		border-top-color: #5138a2;
		-webkit-animation: spin 1s linear infinite;
		animation: spin 1s linear infinite;
	}
	
	@-webkit-keyframes spin {
		0% {
			-webkit-transform: rotate(0deg);
		}
		100% {
			-webkit-transform: rotate(360deg);
		}
	}
	
	@keyframes spin {
		0% {
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
		}
		100% {
			-webkit-transform: rotate(360deg);
			transform: rotate(360deg);
		}
	}
	
	@-webkit-keyframes spin-reverse {
		0% {
			-webkit-transform: rotate(0deg);
		}
		100% {
			-webkit-transform: rotate(-360deg);
		}
	}
	
	@keyframes spin-reverse {
		0% {
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
		}
		100% {
			-webkit-transform: rotate(-360deg);
			transform: rotate(-360deg);
		}
	}
	
	#loader-wrapper .loader-section {
		position: fixed;
		top: 0;
		width: 51%;
		height: 100%;
		background: #fff;
		z-index: 10;
	}
	
	#loader-wrapper .loader-section.section-left {
		left: 0;
	}
	
	#loader-wrapper .loader-section.section-right {
		right: 0;
	}
	
	.loaded #loader-wrapper .loader-section.section-left {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	}
	
	.loaded #loader-wrapper .loader-section.section-right {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
		transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
	}
	
	.loaded #loader {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		-webkit-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}
	
	.loaded #loader-wrapper {
		visibility: hidden;
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
		-webkit-transition: all 0.3s 1s ease-out;
		transition: all 0.3s 1s ease-out;
	}
	/*END LOADER*/
	
	::-moz-selection {
		background: #1a2d62;
		color: #fff;
		text-shadow: none;
	}
	::selection {
		background: #1a2d62;
		color: #fff;
		text-shadow: none;
	}
	/*BTN START*/
	.btn_one {
		background: #5f9ea0;
		font-size: 15px;
		padding: 10px 30px;
		color:#fff;
	  display: inline-block;
	  border-radius:100px;
	  font-weight: 700;
	   box-shadow: 10px 15px 18px rgba(23, 23, 36, 0.1);
	  vertical-align: middle;
	  -webkit-transform: translateZ(0);
	  transform: translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -moz-osx-font-smoothing: grayscale;
	  position: relative;
	  -webkit-transition-property: color;
	  transition-property: color;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	}
	.btn_one:before {
	  content: "";
	  position: absolute;
	  z-index: -1;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background: #1a2d62;
	  border-radius: 100px;
	  -webkit-transform: scaleY(0);
	  transform: scaleY(0);
	  -webkit-transform-origin: 50% 0;
	  transform-origin: 50% 0;
	  -webkit-transition-property: transform;
	  transition-property: transform;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
	}
	.btn_one:hover, .btn_one:focus, .btn_one:active {
	  color: #fff;
	  border-radius:100px;
	}
	.btn_one:hover:before, .btn_one:focus:before, .btn_one:active:before {
	  -webkit-transform: scaleY(1);
	  transform: scaleY(1);
	  border-radius: 100px;
	}
	
	@media only screen and (max-width:880px) { 
	.btn_one {padding: 10px 20px;}
	}
	@media only screen and (max-width:480px) { 
	.btn_one {padding: 10px 30px;}
	}
	/*BTN END*/
	
	/*START BTN TWO*/
	.cta {
	  position: relative;
	  margin: auto;
	  padding: 18px 22px;
	  transition: all 0.2s ease;
	}
	.cta:before {
	  content: "";
	  position: absolute;
	  top: 0;
	  left: 0;
	  display: block;
	  border-radius: 28px;
	  background: rgba(46,202,127,0.2);
	  width: 56px;
	  height: 56px;
	  transition: all 0.3s ease;
	}
	.cta span {
		position: relative;
		font-size: 15px;
		color: #1a2d62;
		font-weight: 700;
		text-transform: uppercase;
	}
	.cta svg {
	  position: relative;
	  top: 0;
	  margin-left: 10px;
	  fill: none;
	  stroke-linecap: round;
	  stroke-linejoin: round;
	  stroke: #111;
	  stroke-width: 2;
	  transform: translateX(-5px);
	  transition: all 0.3s ease;
	}
	.cta:hover:before {
	  width: 100%;
	  background: #5f9ea0;
	}
	.cta:hover svg {
	  transform: translateX(0);
	}
	.cta:active {
	  transform: scale(0.96);
	}
	.cta:hover span{color:#fff;}
	.cta:hover svg {
	  position: relative;
	  top: 0;
	  margin-left: 10px;
	  fill: none;
	  stroke-linecap: round;
	  stroke-linejoin: round;
	  stroke: #fff;
	  stroke-width: 2;
	  transform: translateX(-5px);
	  transition: all 0.3s ease;
	}
	/*END BTN TWO*/
	/*START BTN THREE*/
	.btn_two {
		color: #1a2d62;
		border: 1px solid #ededed;
		padding: 9px 30px;
		font-weight: 700;
		display: inline-block;
		border-radius: 100px;
		font-size: 15px;
		transition: 0.3s;
	}
	.btn_two:hover{
		color: #fff;
		border: 1px solid #5f9ea0;
		background:#5f9ea0;
	}
	/*END BTN THREE*/
	/*
	* ----------------------------------------------------------------------------------------
	* 01.END GENERAL STYLE
	* ----------------------------------------------------------------------------------------
	*/
	/*START TOP HEADER DESIGN*/
	.logo-contact {
		padding: 10px 0;
		background: #5f9ea0;
	}
	@media only screen and (max-width:480px){
	.logo-contact{display:none;}
	}
	.logo-img{}
	.logo-img a {
		color: #fff;
		font-size: 40px;
		text-transform: uppercase;
		margin-top: 5px;
		display: inline-block;
	}
	.single-top-contact {margin-top:6px;}
	@media only screen and (max-width:880px) { 
	.single-top-contact{margin-bottom:30px;}
	}
	.single-top-contact i {
		color: #fff;
		float: left;
		margin-right: 15px;
		font-size: 24px;
		margin-bottom: 0px;
	}
	.single-top-contact h4{
	font-size: 15px;
	color: #fff;
	margin-bottom: 0px;
	overflow: hidden;
	padding-top: 3px;
	}
	.single-top-contact h4 a{color: #fff;}
	/*TOP SOCIAL PROFILES*/
	.top_social_profile ul{
	list-style: outside none none;
	margin: 0;
	padding: 0;
	float:right;
	}
	.top_social_profile ul li{display: inline-block;}
	.top_social_profile ul li a {
		background:#fff;
		text-align: center;
		border: 0px;
		text-transform: uppercase;
		-webkit-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
		margin-right: 5px;
		font-size: 16px;
		color: #232434;
		display: block;
		width: 35px;
		height: 35px;
		line-height: 35px;
		border-radius: 30px;
	}
	@media only screen and (max-width:768px) { 
	.top_social_profile ul li a{margin-right:10px;margin-bottom:10px;}
	}
	.top_social_profile ul li a:hover{
	color:#fff;
	}
	.top_f_facebook:hover{background:#3B5998;}
	.top_f_twitter:hover{background:#1A90D9;}
	.top_f_instagram:hover{background:#FF5252;}
	.top_f_linkedin:hover{background:#0e76a8;}
	/*END LOGO WITH CONTACT*/
	/*
	* ----------------------------------------------------------------------------------------
	* 02.START BOOTSTRAP NAVIGATION OVERRIDES
	* ----------------------------------------------------------------------------------------
	*/
	.site-logo img {
		width: 60px;
		height: auto;
		margin-top: 10px;
	}
	.bg-faded {
		background-color: #fff;
		-webkit-transition:all 0.5s ease 0s;
		-o-transition: all 0.5s ease 0s;
		transition: all 0.5s ease 0s;
	}
	.navbar-fixed {
		z-index: 999;
		position: fixed;
		opacity: .98;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=98)";
		width: 100%;
		padding:10px 0;
		top: 0;
		-webkit-animation: fadeInDown 800ms;
		animation: fadeInDown 800ms;
		-webkit-backface-visibility: hidden;
		border-radius: 0px;
		background: #fff;
		-webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.07);
				box-shadow: 0 0 40px rgba(0, 0, 0, 0.07);
	}
	#navigation {
		padding: 10px 0;
		background-color: #fff;
	}
	#navigation.navbar-fixed {
		padding:10px 0;
		background:#fff;
		border-color: #fff;
	}
	.header_right {
		display: block;
		-ms-flex-preferred-size: auto;
			flex-basis: auto;
	}
	#main-menu {
	
	}
	#main-menu ul{
		list-style-type: none;
		text-align: center;
	}
	#main-menu ul li{
		display: inline-block;
		margin-left:15px;
		position: relative;
	}
	#main-menu ul li a {
		color: #1a2d62;
		font-weight: 700;
		text-transform: capitalize;
		-webkit-transition:.5s;
		-o-transition: .5s;
		transition: .5s;
		font-size: 15px;
		padding: 24px 0 26px;
		display: block;
	}
	#main-menu ul li a span {
		font-weight: bold;
		font-size: 12px;
	}
	@media only screen and (max-width: 880px){
	#main-menu ul li a span{display: none;}
	}
	#navigation.navbar-fixed #main-menu ul li a{
		color: #1a2d62;
		padding: 22px 0 22px;
	}
	#navigation.navbar-fixed #main-menu ul li a:hover,
	#navigation.navbar-fixed #main-menu ul li a:focus,
	#main-menu ul li a:hover,
	#main-menu ul li a:focus{
		color: #5f9ea0;
	}
	#main-menu ul li > a:hover,
	#main-menu ul li > a:focus{
	
		color: #5f9ea0;
	}
	#navigation #main-menu ul li a:hover,
	#navigation #main-menu ul li a:focus,
	#navigation.navbar-fixed #main-menu ul li a:hover,
	#navigation.navbar-fixed #main-menu ul li a:focus{
	}
	#navigation.navbar-fixed #main-menu ul li a:hover,
	#navigation.navbar-fixed #main-menu ul li a:focus{
		color: #5f9ea0;
	}
	
	.slicknav_menu {
		font-size: 16px;
		-webkit-box-sizing: border-box;
				box-sizing: border-box;
		background: #fff;
		padding: 0px;
	}
	.slicknav_nav_icon{
		color: #6138bd;
		font-size: 24px;
	}
	#mobile_menu{
		display: none;
	}
	/* Responsive Design */
	@media only screen and (max-width:1024px) { 
	#main-menu ul li {
		margin-left: 30px;
	}
	}
	/*END 1024px*/
	@media only screen and (max-width: 991px){	
	#main-menu ul li {
		margin-left: 9px;
	}
	#main-menu ul li a {
		font-size: 15px;
	}
	#navigation {
		padding: 10px 0 20px;
		background: #fff;
	}
	}
	/*END 991px*/
	@media only screen and (max-width: 880px){
	#main-menu{
	display: none;
	}
	#mobile_menu{
	display: block;
	width: 100%;
	}
	.slicknav_nav{
	background-color: #fff;
	}
	#navigation #mobile_menu li a {
		color: #1a2d62;
		font-weight: 500;
	}
	#navigation.navbar-fixed #mobile_menu li a{
	color: #1a2d62;
	}
	.slicknav_nav a{
	padding: 5px 0px;
	-webkit-transition:.3s;
	-o-transition: .3s;
	transition: .3s;
	}
	#navigation #mobile_menu li a:hover,
	#navigation #mobile_menu li a:focus{
	color: #1a2d62;
	background:#fff;
	}
	.slicknav_btn {
	top: 24px;
	background:#1a2d62;
	}
	}
	/*END 767px*/
	.slicknav_nav .slicknav_arrow {
		font-size: 0.8em;
		margin: 0 0 0 0.4em;
		display: none;
	}
	@media only screen and (max-width: 575px){
	.slicknav_btn {
	margin: 0;
	text-decoration: none;
	position: absolute;
	top: 35px;
	right: 17px;
	}
	}
	/*END 575px*/
	/*-------------------------------
	# Dropdwon menu 
	--------------------------------*/
	
	#navigation #main-menu ul li ul ,
	#navigation #main-menu ul li ul li ul {	
		background: #fff;
		-webkit-box-shadow: 0 0 10px 3px rgba(0,0,0,.05);
				box-shadow: 0 0 10px 3px rgba(0,0,0,.05);
		left: -55px;
		list-style: outside none none;
		margin:  0;
		opacity: 0;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		padding:10px;
		position: absolute;
		text-align: left;
		top: 100%;
		-webkit-transition:all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
		visibility: hidden;
		width: 200px;
		z-index: 999;
		border-radius: 4px;
		border-top: 2px solid #5f9ea0;
	}
	#navigation #main-menu ul li  ul li{
		position: relative;
	}
	#navigation #main-menu ul li ul li ul{
		top: 0;
		right: auto;
		left: 205px;
	}
	#navigation.navbar-fixed #main-menu ul li li a{
		color: #1a2d62;
	} 
	#navigation #main-menu ul li:hover ul,
	#navigation #main-menu ul li ul li:hover > ul{
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
		visibility: visible;
	}
	#navigation #main-menu ul li ul li {display: block; margin: 0; padding: 0;}
	
	#navigation.navbar-fixed #main-menu ul li ul li a,
	#navigation #main-menu ul li ul li a {
		color: #1a2d62;
		display: block;
		font-size: 15px;
		font-weight: 700;
		text-transform: capitalize;
		padding: 7px 12px;
		position: relative;	
		-webkit-transition:all 0.3s ease 0s !important;	
		-o-transition: all 0.3s ease 0s !important;	
		transition: all 0.3s ease 0s !important;
		visibility: inherit !important;
		opacity: inherit !important;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=NaN)";
	}
	
	#navigation #main-menu ul li ul li a:hover,
	#navigation.navbar-fixed #main-menu ul li ul li a:hover,
	#navigation.navbar-fixed #main-menu ul li ul li a:focus{
		color: #5f9ea0;
		background-color: #fff;
		text-decoration: none;
	}
	
	.header_callbtn:hover {
	    color: #000;
	}
	
	
	@media only screen and (max-width:767px) { 
	  .navbar-brand {
		padding-top: 20px;
	  }
	}
	
	
	.home_lc {
		display: inline-block;
		margin-top:30px;
	}
	.hlc {
		position: relative;
		margin-right: 30px;
		display: inline-block;
	}
	.home_lc a i {
		display: flex;
		align-items: center;
		justify-content: center;
		color: #1a2d62;
		font-size: 26px;
	}
	.home_lc a .gactive {
		width: 20px;
		height: 20px;
		background: #5f9ea0;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #fff;
		font-size: 14px;
		position: absolute;
		top: -10px;
		right: -11px;
	}
	.call_to_action{
	float: right;
	margin-top:10px;}
	.call_to_action a {
		margin-right:5px;
	}
	.select_cat select {
		width: 50%;
		float: left;
		margin-top: 15px;
		padding: 10px;
		font-weight: 700;
		font-size: 15px;
		border: 1px solid #ededed;
	}
	.select_cat select option{
		padding: 10px;
	}
	.select_cat select:focus{
	box-shadow:none;
	}
	/*
	* ----------------------------------------------------------------------------------------
	* 02.END BOOTSTRAP NAVIGATION OVERRIDES
	* ----------------------------------------------------------------------------------------
	*/
	/*
	* ----------------------------------------------------------------------------------------
	* 03. START HOMEPAGE CSS STYLE
	* ----------------------------------------------------------------------------------------
	*/
	.home_bg{
	height:700px;
	position:relative;
	}
	.home_bg2{
	height:700px;
	position:relative;
	}
	.home_content{padding-top:150px;position:relative;}
	.hc_pt{padding-top:100px;position:relative;}
	@media only screen and (max-width:768px) { 
	.home_content{padding-left:30px;padding-right: 20px;}
	}
	.home_content h1 {
		font-size: 65px;
		font-family: 'rubik, sans-serif';
		font-weight: 700;
		line-height: 100px;
		margin-bottom: 20px;
	}
	 @media only screen and (max-width:960px){
	.home_content h1 {font-size: 60px;line-height:70px;}
	 }
	.home_content h1 span{color:#5f9ea0;}
	.home_content p {
		margin-bottom: 40px;
		font-weight: 400;
		font-size: 18px;
	}
	.home_me_img{	
	position: absolute;
		z-index: 9;
		bottom: 0;
	    width: 40%;
    right: 0;
	}
	.home_me_img img{position:relative;}
	.home_img_two{padding-top:150px;padding-left:50px;}
	
	@media only screen and (max-width:480px) { 
	.home_content h1 {
	    font-size: 35px;
        line-height: 45px;
	}
	.home_me_img {
	    width: 75%;
	}
	.home_img_two{display:none;}
	}
	/*HOME THREE CSS*/
	.home_img_bg {
		height: 750px;
		position:relative;
	}
	.home_img_bg::before {
		background: #1a1936;
		content: "";
		height: 100%;
		filter: alpha(opacity=80);
		position: absolute;
		width: 100%;
		opacity: 0.8;
	}
	.hero-text{position:relative;}
	.hero-text h1 {
		color: #fff;
		font-size: 90px;
		font-weight: 700;
		letter-spacing: 0;
		line-height: 90px;
		padding-top: 150px;
		text-transform: capitalize;
		margin-bottom: 20px;
	}
	.hero-text h1 span{
	color:#5f9ea0;
	}
	@media only screen and (max-width:480px){
	.hero-text h1 {
	font-size: 60px;
	line-height:70px;
	}
	}
	.hero-text p {
		color: #fff;
		margin-bottom: 30px;
	}
	.hero-text-img {
		position: absolute;
		bottom: 0;
		z-index: 9;
	}
	.hero-text-img img{position:relative;}
	@media only screen and (max-width:480px) { 
	.hero-text-img img{display:none;}
	}
	/*END HOME THREE CSS*/
	.home_ps {
		background: #fff;
		width: 200px;
		padding: 20px;
		border-radius: 30px;
		box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
		position: absolute;
		top: 50%;
	}
	.home_ps img {
		width: 40px;
		float: left;
		margin-right: 10px;
	}
	.home_ps h2 {
		overflow: hidden;
		font-weight: 800;
	}
	.home_ps span{font-size: 14px;}
	
	.home_ps2 {
		background: #fff;
		width: 200px;
		padding: 20px;
		border-radius: 30px;
			position: absolute;
		top: 10%;
		right:0;
		box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
	}
	.home_ps2 img {
		width: 40px;
		float: left;
		margin-right: 10px;
	}
	.home_ps2 h2 {
		overflow: hidden;
		font-weight: 800;
	}
	.home_ps2 span{font-size: 14px;}
	.home_tag{margin-top:30px;}
	.home_tag span{}
	.home_tag a {
		color: #1a2d62;
		font-weight: 600;
		padding: 0 5px;
		text-decoration: underline;
		transition: 0.3s;
	}
	.home_tag a:hover{color: #5f9ea0;}
	@media only screen and (max-width:480px) { 
	#kenburns_061{margin-top:75px;}
	}
	/*
	* ----------------------------------------------------------------------------------------
	* 03. END HOMEPAGE CSS STYLE
	* ----------------------------------------------------------------------------------------
	*/
	/*
	* ----------------------------------------------------------------------------------------
	* 04. START TOP PROMO STYLE
	* ----------------------------------------------------------------------------------------
	*/
	.tp_feature{padding-bottom:50px;}
	.single_tp {
		padding: 60px;
		margin-bottom: 30px;
		position: relative;
		-webkit-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
		box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.1);
		border-right: 1px solid #ededed;
	}
	@media only screen and (max-width:880px){
	.single_tp {margin-bottom:0px;}
	}
	.single_tp h3 {
		font-size: 20px;
		font-weight: 800;
		margin-bottom:15px;
		overflow: hidden;
	}
	.single_tp p {
		margin-bottom: 40px;
	}
	/*
	* ----------------------------------------------------------------------------------------
	* 04. END TOP PROMO CSS STYLE
	* ----------------------------------------------------------------------------------------
	*/
	/*
	* ----------------------------------------------------------------------------------------
	* 04. START ABOUT CSS STYLE
	* ----------------------------------------------------------------------------------------
	*/
	.ab_one {
		padding-bottom: 50px;
	}
	.ab_content{margin-bottom:30px;position:relative;}
	.ab_content h2 {
		font-weight: 700;
		margin-bottom: 20px;
		text-transform: capitalize;
		line-height: 54px;
		font-size: 44px;
	}
	.ab_content h2 span{color: #5f9ea0;}
	.ab_content h2 u {
		color: #5f9ea0;
	}
	.ab_content p{margin-bottom: 30px;}
	.ab_content p{margin-bottom: 30px;}
	.abmv {
		margin-bottom: 30px;
		background: #fff;
		padding: 30px;
		border-radius: 10px;
		border: 1px solid #eee;
		transition: 0.3s;
	}
	.abmv:hover{
	border-left: 4px solid #5f9ea0;
	}
	.abmv span {
		background: rgba(46,202,127,0.2);
		float: left;
		margin-right: 20px;
		display: block;
		width: 70px;
		height: 70px;
		color: #5f9ea0;
		line-height: 70px;
		text-align: center;
		font-size: 26px;
		border-radius: 100px;
	}
	.abmv h4{
	font-weight:800;
	overflow:hidden;
	margin-bottom:10px;
	font-size:22px;
	}
	.abmv p{overflow:hidden;}
	.ss_btn {
		margin-top: 50px;
	}
	
	.ab_img{position:relative;}
	.ab_img img {
		padding-right: 40px;
	}
	 @media only screen and (max-width:880px){
	.ab_img img {padding-right:0px;width: 100%;}
	.ab_img{
	margin-top:0px;
	margin-bottom:60px;
	}
	}
	/*
	* ----------------------------------------------------------------------------------------
	* 05. END ABOUT CSS STYLE
	* ----------------------------------------------------------------------------------------
	*/
	/*
	* ----------------------------------------------------------------------------------------
	* 06. START COUNTER CSS STYLE
	* ----------------------------------------------------------------------------------------
	*/
	.counts .count-box {
	  display: flex;
	  align-items: center;
	  padding: 25px;
	  width: 100%;
	  background: #fff;
	  box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
	  border: 1px solid #ededed;
	}
	.counts .count-box i {
	  font-size: 42px;
	  line-height: 0;
	  margin-right: 15px;
	  color: #4154f1;
	}
	.counts .count-box span {
	  font-size: 36px;
	  display: block;
	  color: #1a2d62;
	  font-weight: 700;
	}
	
	.counts .count-box p {
	  padding: 0;
	margin-top: 5px;
	}
	/*
	* ----------------------------------------------------------------------------------------
	* 06. END COUNTER CSS STYLE
	* ----------------------------------------------------------------------------------------
	*/
	
	/*
	* ----------------------------------------------------------------------------------------
	* 07.START FEATURES DESIGN
	* ----------------------------------------------------------------------------------------
	*/
	.marketing_content_area {
		background: url(../images/all-img/section-bg-1.png);
		padding-bottom: 50px;
		background-size: cover;
		background-position: center;
		/* padding: 100px 0; */
	}
	.single_feature_one {
		background:#fff;
		margin-bottom: 30px;
		padding:40px;
		border-radius:10px;
		margin-bottom:30px;
		position: relative;
		border:1px solid #ededed;
		z-index: 2;	
			-webkit-transition: 0.3s;
		-webkit-transition: 0.2s;
		-o-transition: 0.3s;
		transition: 0.3s;
	}
	.sf_top{overflow: hidden;}
	.single_feature_one span {
		border-radius: 100px;
		float: left;
		font-size: 30px;
		width: 65px;
		height: 65px;
		line-height: 65px;
		text-align: center;
		margin-right: 20px;
	}
	.single_feature_one h2 a{
		font-size: 22px;
		color: #1a2d62;
		margin-bottom: 15px;
		display: block;
		text-transform: capitalize;
		overflow: hidden;
		line-height: 32px;
		font-weight:800;
		transition: 0.3s;
	}
	.single_feature_one:hover h2 a{}
	.single_feature_one p{}
	.single_feature_one:hover{
		-webkit-box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
				box-shadow: 0px 0px 150px 0px rgba(78, 67, 250, 0.06);
	-webkit-transform: translate(0, -5px);
			-ms-transform: translate(0, -5px);
		transform: translate(0, -5px);
	}
	.ss_one{background:rgba(46,202,127,0.2);}
	.ss_two{background:#ECFFFC}
	.ss_three{background:#E8F5FF}
	.ss_four{background:#E3F9F6}
	.ss_five{background:#FFF6EB}
	.ss_six{background:#E8FFEA}
	.ss_seven{background:#EEE8FF}
	.ss_eight{background:#FFE8E8}
	
	/*
	* ----------------------------------------------------------------------------------------
	* 07.END FEATURES DESIGN
	* ----------------------------------------------------------------------------------------
	*/
	/*
	* ----------------------------------------------------------------------------------------
	* 08.START COURSE DESIGN
	* ----------------------------------------------------------------------------------------
	*/
	.course-slide{
		position:relative;
		background:#fff;
		margin-bottom: 30px;
	}
	@media only screen and (max-width:480px) { 
	.course-slide {margin-bottom:30px;}
	}
	.course-slide .course-img{
		position: relative;
		overflow: hidden;
	}
	.course-slide .course-img img{
		width: 100%;
		height: auto;
	}
	.course-slide .course-date{
		position:absolute;
		top:10%;
		left:4%;
	}
	.course-slide .month {
		display: inline-block;
		color: #fff;
		font-size: 20px;
		font-weight: 700;
		background: #5f9ea0;
		width: 60px;
		height: 60px;
		line-height: 60px;
		text-align: center;
		border-radius: 100px;
	}
	.course-content{
		padding:30px;
		 box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.06);
		 border:1px solid #ededed;
	}
	.course-content h3 a {
		color: #1a2d62;
		font-size: 20px;
		font-weight: 800;
		display: block;
		margin: 0 0 15px 0;
		text-transform: capitalize;
		line-height: 29px;
	}
	.course-content h3 a:hover{color:#5f9ea0;}
	.course-slide .course-content span i{
	color:#5f9ea0;
	margin-right:8px;
	}
	.course-slide .course-content span {
		color: #1a2d62;
		margin-bottom: 5px;
		display: inline-block;
		margin-right: 20px;
	}
	.course-slide .course-content span strong{font-weight:700;}
	/*START COURSE STYLR TWO*/
	.course-slide2{
		position:relative;
		background:#fff;
		margin-bottom: 30px;
	}
	@media only screen and (max-width:480px) { 
	.course-slide2 {margin-bottom:30px;}
	}
	.course-slide2 .course-img2 {
		position: relative;
		overflow: hidden;
		float: left;
		width: 50%;
		margin-right: 30px;
	}
	
	.course-slide2 .course-img2 img{
		width: 100%;
		height: auto;
	}
	.co_list {
		margin-top: 30px;
		display: inline-block;
	}
	.course-slide2 .course-date2{
		position:absolute;
		top:10%;
		left:4%;
	}
	.course-slide2 .month2 {
		display: inline-block;
		color: #fff;
		font-size: 20px;
		font-weight: 700;
		background: #5f9ea0;
		width: 60px;
		height: 60px;
		line-height: 60px;
		text-align: center;
		border-radius: 100px;
	}
	.course-content2{
		padding:30px;
		 box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.06);
		 border:1px solid #ededed;
	}
	.course-content2 h3 a {
		color: #1a2d62;
		font-size: 20px;
		font-weight: 800;
		display: block;
		margin: 0 0 15px 0;
		text-transform: capitalize;
		line-height: 29px;
	}
	.course-content2 h3 a:hover{color:#5f9ea0;}
	.course-slide2 .course-content2 span i{
	color:#5f9ea0;
	margin-right:8px;
	}
	.course-slide2 .course-content2 span {
		color: #1a2d62;
		margin-bottom: 5px;
		display: inline-block;
		margin-right: 20px;
	}
	.course-slide2 .course-content2 span strong{font-weight:700;}
	.c_btn2 {
		text-decoration: underline;
		margin-bottom: 20px;
		display: inline-block;
		border-radius: 5px;
		color: #1a2d62;
		font-weight: 700;
		transition: 0.3s;
	}
	.c_btn2:hov