@import url(../../../assets/site/css/base.css);
@import url(../../../assets/site/css/components.css);
@import url(../../../assets/site/css/font-awesome.min.css);


/*-- Google Font --*/
@import url("https://fonts.googleapis.com/css2?family=Arvo:ital@0;1&family=Exo+2:wght@300&family=Gemunu+Libre:wght@300&display=swap");
/*-- Common Style --*/


/* 01 - General & Basic Styles */
html {

	 scroll-behavior: smooth;
}


.top-course {
    background: #FCA300;
}

.sticky{
   background-color: #ffffff; 
}
#scrollUp {
    bottom: 26px;
    right: 17px;
    width: 45px;
    height: 45px;
    margin-bottom: -10px;
    padding: 10px 5px;
    font: 14px/20px Arvo;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
    color: #fff;
    border: 1px solid #f60;
    -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.21);
    -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.35);
    background-color: #f60;
    -webkit-transition: margin-bottom 150ms linear;
    -moz-transition: margin-bottom 150ms linear;
    -o-transition: margin-bottom 150ms linear;
    transition: margin-bottom 150ms linear;
}
body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #353a48;
	overflow: auto;
	  font-family: 'Arvo', serif;
}
.sticky-sidebar{
    position: fixed;
    top: 42px;
    background: #fff;
    z-index: 9;
}
.college-baar{
    overflow: hidden;
}
.bboxed {
	background-image: url(../../../assets/site/img/patterns/bg13.png);
	background-repeat: repeat;
}
.boxed, .boxed-2 {
	position: relative;
	width: 1200px;
	margin: 0 auto;
	box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.25);
}
.boxed-2 {
	margin-top: 40px;
	margin-bottom: 40px;
}
.loader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
  
    background-size: 60px;
}
/*.full-section {*/
/*	padding: 20px 0 50px 0;*/
/*}*/

/*   Newly added CSS for Exam Section Carousels   */

.full-section-exams {
	padding: 58px 0 7px 0;
}

/*  Newly added CSS for Exam Section Carousels   */

.full-section .section-description {
    max-width: 482px;
    margin: auto;
    line-height: 26px;
    color: #ffffff;
    font-weight: 400;
    text-align: center;
}
.full-section .section-content {
	margin-top: 54px;
}
.fancy-shadow {
	box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
	position: relative;
}
.demo_navigation {
    position: fixed;
    z-index: 99999;
    right: -230px;
    top: 10%;
    width: 230px;
    border-left: none;
    background-color: #FFF;
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
    border-bottom-left-radius: 5px;
}
.demo_navigation.opened {
	right: 0 !important;
}
.demo_options .demo-title {
    color: #171717;
    margin-bottom: 15px;
    font-size: 15px;
}
.demo_options hr {
	border: 0;
	background: #ddd;
	height: 1px;
	width: 100%;
	margin: 15px 0;
}
.demo_options .demo-content {
    color: white;
    font-size: 13px;
}
.nav_skin .demo-contentlabel {
    display: block;
}
.demo_navigation img {
    border: 1px solid #eae9e9;
}
.demo_navigation img.imgSelected {
    border-color: red;
}
.show_hide {
    cursor: pointer;
    width: 100%;
    height: 100%;
    display: block;
}
.push_options {
    border-radius: 2px 0 0 2px;
    height: 37px;
    width: 37px;
    line-height: 37px;
    position: absolute;
    top: 0px;
    left: -37px;
    background: #fe9d68;
    display: block;
    font-size: 21px;
    text-align: center;
    margin: 0;
    padding: 0;
}
.push_options a {
    color: #FFF;
}
.push_options a i {
    font-size: 21px;
}
.demo_options {
    padding: 20px;
}
.demo_options .nav_skin .demo-content div {
    width: 15px;
    height: 15px;
    float: left;
    margin: 0 5px 5px 0;
    overflow: hidden;
    cursor: pointer;
}
.demo_options .nav_skin .demo-content .skin-icon {
	border-radius: 50%;
}
.demo_options .nav_skin .demo-content div:last-child {
    margin-right: 0 !important;
}
.demo_options .nav_skin .demo-content.demo-layout div {
    height: 35px;
    width: 56px;
    padding: 5px;
    border: 1px solid #eae9e9;
    background-color: #f8f7f7;
    text-align: center;
    line-height: 25px;
    font-size: 11px;
    color: #171717;
    margin-right: 10px;
}
.demo_options .nav_skin .demo-content.demo-layout div:hover {
    background-color: #171717;
    border-color: #171717;
    color: #FFF;
}
.demo_options .nav_skin .demo-content.demo-light div {
    height: 35px;
    width: 90px;
    padding: 5px;
    border: 1px solid #eae9e9;
    background-color: #f8f7f7;
    text-align: center;
    line-height: 25px;
    font-size: 11px;
    margin-right: 10px;
}
.demo_options .nav_skin .demo-content.demo-pattern div {
    width: 18px;
    height: 18px;
}
.demo_options .nav_skin .demo-content.demo-pattern div img {
    width: 16px;
    height: 16px;
}



/*Button Swap added newly */
.btn20 {
	font: bold 13px 'Helvetica', Arial, sans-serif;
	display: inline-block;
	height: 50px;
	width:110px;
	line-height: 29px;
	color: #fff;
	padding: 0 15px;
	border-radius: 4px;
	margin-right: 17px;
	background-color: #121F43;
}

/*Button Swap added newly */


.btn.orange-btn {
	background-color:#0B2E58;
}
.grad-btn, .course-search.alt .container, .post-type-icon {
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .25), inset 0 1px 0 0 rgba(255, 255, 255, .05);
	background-image: -webkit-linear-gradient(0deg, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 0) 100%);
	background-image:    -moz-linear-gradient(0deg, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 0) 100%);
	background-image:     -ms-linear-gradient(0deg, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 0) 100%);
	background-image:      -o-linear-gradient(0deg, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 0) 100%);
	background-image:         linear-gradient(0deg, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 0) 100%);
	-webkit-transition: all .25s ease-out;
	   -moz-transition: all .25s ease-out;
	    -ms-transition: all .25s ease-out;
	     -o-transition: all .25s ease-out;
	        transition: all .25s ease-out;
}
a.btn:hover {
	opacity: .7;
}
/* 02 - Typography */

h2.slide-title, h3.section-title, h3.course-title,
h3.post-title, h4.cat-title, h4.accordion-header,
h5.feature-title, h6.head-title,
h4.title, h6.widget-title, .site-name {
	text-align: center;

}
h2.slide-title {
	font-size: 40px;
	font-weight: bold;
	line-height: 45px;
	text-transform: uppercase;
}
h3.section-title {
	line-height: 50px;
	color: #4e59ad;
}
h3.course-title, h3.blogpost-title, h3.single-title {
	font-size: 18px;
	font-weight: bold;
	line-height: 32px;
}
h3.post-title {
	font-size: 16px;
}
h4.cat-title {
	font-size: 16px;
	line-height: 46px;
}
h4.accordion-header {
	font-size: 14px;
	color: #4e59ad;
}
h4.footer-course-title {
	font-size: 14px;
	line-height: 14px;
}
h5.feature-title {
	color: #4f5767;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 10px;
}
h6.head-title {
	font-size: 20px;
	line-height: 24px;
	color: #383c4b;
}
h6.widget-title {
	font-size: 16px;
	line-height: 30px;
	color: #fff;
}
h2.about-title {
	font-size: 18px;
	color: #fa9964;
	font-weight: bold;
	margin-bottom: 22px;
}
h5.sidebar-widget-title, h5.contact-title {
	font-size: 18px;
	font-weight: bold;
}
h1.h1-title, h2.h2-title, h3.h3-title, h4.h4-title, h5.h5-title, h6.h6-title {
	color: #ffffff;
	font-weight: bold;
	margin-bottom: 5px;
}
h1.h1-title {
	font-size: 32px;
}
h2.h2-title {
	font-size: 28px;
}
h3.h3-title {
	font-size: 25px;
}
h4.h4-title {
	font-size: 22px;
}
h5.h5-title {
	font-size: 18px;
}
h6.h6-title {
	font-size: 14px;
}
.row-title {
	font-size: 20px;
	font-weight: bold;
	color: #4e59ad;
	margin-bottom: 10px;
}
/* 03 - Header & Navigation */
/*header {*/
/*	position: absolute;*/
/*	left: 0;*/
/*	width: 100%;*/
/*	z-index: 30;*/
/*}*/
header .logo-container {
	padding-top: 30px;
}
header .logo-container img {
	width: 40px;
}
header .logo-container .site-name {
	font-size: 28px;
	color: #fff;
	font-style: italic;
	margin-left: 15px;
}
header .logo-container .site-name span {
	color: #fe9d68;
}
header .logo-container .slogan {
	font-size: 12px;
	margin-left: 3px;
	color: #a9abb0;
}
header.alt {
	position: relative;
	background: #fafafa;
}
header.alt .logo-container .site-name {
	color: #383c4b;
}
header.static-header, .sidebar .sidebar-widget .post-item .read-more {
	border-bottom: 1px solid #dbdbdb;
	background-image: -webkit-linear-gradient(90deg, #f7f7f7 0%, #fff 100%);
	background-image:    -moz-linear-gradient(90deg, #f7f7f7 0%, #fff 100%);
	background-image:     -ms-linear-gradient(90deg, #f7f7f7 0%, #fff 100%);
	background-image:      -o-linear-gradient(90deg, #f7f7f7 0%, #fff 100%);
	background-image:         linear-gradient(90deg, #f7f7f7 0%, #fff 100%);
}
header.static-header {
	position: static;
}
/* Top Bar */
.top-bar {
	background: #4e59ad;
	overflow: hidden;
}
.top-bar .top-social-icons ul li {
	float: left;
	margin-right: 7px;
	padding-top: 8px;
}
.top-bar .top-social-icons ul li a {
	display: block;
	border-radius: 2px;
	border: 1px solid #e6e6e6;
	width: 25px;
	height: 25px;
	line-height: 25px;
	font-size: 15px;
	text-align: center;
	color: #fff;
}
.top-bar .top-social-icons ul li a:hover {
	background: #fe9d68;
	color: #fff;
	border: 0;
}
.top-bar .top-contact li {
	line-height: 35px;
}
.top-bar .top-contact li i {
	font-size: 12px;
    color: #82877e;
    margin-right: 10px;
}
.top-bar .top-contact li.divider {
	margin: 0 12px 0 9px;
}
.top-bar .top-contact li i.fa-phone {
	vertical-align: middle;
}
.top-bar .top-contact li .text, .top-bar .top-contact li .text a {
	color: #8E8E8E;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 1px;
}
.top-bar .top-contact li .text, .top-bar .top-contact li .text a:hover {
	color: #fe9d68;
	text-decoration: none;
}
/* Main Navigation */
header > .container {
	position: relative;
}
header .main-navigation > ul > li {
	float: left;
	margin-right: 17px;
	position: relative;
}
header .main-navigation > ul > li:last-child {
	margin: 0;
}
header .main-navigation > ul > li:last-child a {
	padding-right: 0;
}
header .main-navigation > ul > li > a {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 100px;
	padding: 0 10px;
	display: block;
	position: relative;
}
header .main-navigation > ul > li > a:focus {
	outline: 0;
}
header .main-navigation > ul > li.login > a span {
	background: #4e59ad;
	padding: 5px 10px;
	border-radius: 3px;
	box-shadow: none;
}
header .main-navigation ul li.current_page_item a,
header .main-navigation ul li a:hover,
header.alt .main-navigation ul li.current_page_item a,
header.alt .main-navigation ul li a:hover,
header .main-navigation li.parent-item ul.submenu li:hover > a {
	color: #4e59ad
;
}
header.alt .main-navigation > ul > li.login > a {
	color: #fff;
}
header .main-navigation > ul > li.login > a:hover {
	color: #383c4b;
}
header.alt .main-navigation > ul > li.login > a:hover span {
	background: #383c4b;
	color: #fff;
}
header.alt .main-navigation > ul > li.login:after {
	display: none;
}
/* 2nd menu option */
header.alt .main-navigation > ul > li:after,
header.alt .main-navigation > ul > li.courses-menu > a:after {
	content: '';
	background: #fe9d68;
	display: block;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 110px;
	height: 3px;
	width: 100%;
	opacity: 0;
	visibility: hidden;
}
header.alt .main-navigation > ul > li:hover:after,
header.alt .main-navigation > ul > li.current_page_item:after,
header.alt .main-navigation > ul > li.courses-menu:hover a:after {
	top: 100%;
	opacity: 1;
	visibility: visible;
}
header.alt .main-navigation > ul > li > a {
	color: #4b4f5c;
}
/* submenu */
header .main-navigation li.parent-item ul.submenu,
header .main-navigation li.courses-menu ul,
header .main-navigation li.parent-item ul.submenu ul {
	position: absolute;
	left: 11px;
	top: 80px;
	z-index: 2;
	min-width: 200px;
	background: #fafafa;
	box-shadow: 0 1px 0 0 rgba(0, 0, 0, .1);
	border-top: 3px solid #fe9d68;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .25s ease-out;
	   -moz-transition: all .25s ease-out;
	    -ms-transition: all .25s ease-out;
	     -o-transition: all .25s ease-out;
	        transition: all .25s ease-out;
	-webkit-transform: scaleY(0);
	   -moz-transform: scaleY(0);
	    -ms-transform: scaleY(0);
	     -o-transform: scaleY(0);
	        transform: scaleY(0);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
}
header.alt .main-navigation li.parent-item ul.submenu {
	left: 0;
	top: 100%;
}
header .main-navigation li.parent-item ul.submenu ul {
	left: 100%;
	top: -3px;
	overflow: hidden;
	border-left: 1px solid #e6e6e7;
}
header .main-navigation li.parent-item ul.submenu ul.left-submenu {
	left: auto;
	right: 100%;
	border-left: 0;
	border-right: 1px solid #e6e6e7;
}

header .main-navigation li.parent-item ul.submenu li a {
	position: relative;
	display: block;
	color: #a9abb0;
	padding: 11px 20px 20px 20px;
	border-bottom: 1px solid #e6e6e7;
}

header .main-navigation li.parent-item ul.submenu li.haschild,
header .mobile-navigation .mobile-container li.haschild {
	position: relative;
}
header .main-navigation li.parent-item ul.submenu li.haschild > a:after,
header .mobile-navigation .mobile-container li.haschild > a:after {
	content: '\f107';
	font: normal normal normal 14px/1 "FontAwesome";
	float: right;
}
header .main-navigation li.parent-item ul.submenu li:hover > a {
	background: #f4f4f4;
}
header .main-navigation li.parent-item:hover ul.submenu,
header .main-navigation li.courses-menu:hover ul,
header .main-navigation li.parent-item ul.submenu li.haschild:hover ul {
	opacity: 1;
	visibility: visible;
	-moz-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	-o-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1);
}
/* Courses MENU */
header .main-navigation > ul > li.courses-menu:after {
	display: none;
}
header .main-navigation li.courses-menu {
	position: static;
}
header .main-navigation li.courses-menu ul {
	background: rgba(0, 0, 0, .1);
	left: 0;
	top: 100%;
	width: 100%;
	padding-bottom: 20px;
	border-radius: 0 0 5px 5px;
	border-top: none;
	box-shadow: none;
}
#home header .main-navigation li.courses-menu ul,
#home-2 header .main-navigation li.courses-menu ul,
#home-3 header .main-navigation li.courses-menu ul,
#home-4 header .main-navigation li.courses-menu ul,
#home-5 header .main-navigation li.courses-menu ul,
#home-6 header .main-navigation li.courses-menu ul,
#home-7 header .main-navigation li.courses-menu ul {
	background: none;
	padding-bottom: 0;
	border-radius: 0;
}
header .main-navigation li.courses-menu li .single-item {
	background: #f3f3f3;
	border-radius: 2px;
	overflow: hidden;
	padding: 20px;
	margin-bottom: 30px;
}
header.alt .main-navigation li.courses-menu li .single-item {
	margin-top: 30px;
	margin-bottom: 0;
}
header .main-navigation li.courses-menu li .single-item .item-icon {
	background: #4e59ad;
	display: block;
	width: 38px;
	height: 38px;
	line-height: 38px;
	border-radius: 2px;
	color: #fff;
	font-size: 18px;
	text-align: center;
	float: left;
	margin-right: 9px;
}
header .main-navigation li.courses-menu li .single-item a {
	display: block;
	color: #4e59ad;
	font-weight: bold;
	font-size: 14px;
	margin: -3px 0 7px 0;
}
header .main-navigation li.courses-menu li .single-item a:hover {
	color: #383c4b;
}
header .main-navigation li.courses-menu li .single-item .courses-num {
	color: #383c4b;
}
/* Mobile Navigation */
.mobile-navigation,
.mobile-navigation .mobile-btn,
.mobile-navigation .mobile-container {
	display: none;
}
.mobile-navigation {
	margin-top: 38px;
	cursor: pointer;
}
.mobile-navigation .mobile-btn {
	position: relative;
	display: block;
	height: 26px;
	width: 35px;
	padding-top: 10px;
}
.mobile-navigation .mobile-btn span,
.mobile-navigation .mobile-btn span:before,
.mobile-navigation .mobile-btn span:after {
	content: "";
	position: absolute;
	display: block;
	width: 30px;
	height: 4px;
	border-radius: 1px;
	background: #fff;
	cursor: pointer;
	-webkit-transition: all .3s ease-in-out;
	   -moz-transition: all .3s ease-in-out;
	    -ms-transition: all .3s ease-in-out;
	     -o-transition: all .3s ease-in-out;
	        transition: all .3s ease-in-out;
}
header.alt .mobile-navigation .mobile-btn span,
header.alt .mobile-navigation .mobile-btn span:before,
header.alt .mobile-navigation .mobile-btn span:after {
	background: #383c4b;
	border-radius: 2px;
}
.mobile-navigation .mobile-btn span:before {
	top: -10px;
}
.mobile-navigation .mobile-btn span:after {
	bottom: -10px;
}
/* active */
.mobile-navigation .mobile-btn.show-menu span {
	background-color: transparent;
}
.mobile-navigation .mobile-btn.show-menu span:before {
	top: 0;
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	     -o-transform: rotate(45deg);
	        transform: rotate(45deg);
}
.mobile-navigation .mobile-btn.show-menu span:after {
	top: 10px;
	-webkit-transform: translateY(-10px) rotate(-45deg);
	   -moz-transform: translateY(-10px) rotate(-45deg);
	    -ms-transform: translateY(-10px) rotate(-45deg);
	     -o-transform: translateY(-10px) rotate(-45deg);
	        transform: translateY(-10px) rotate(-45deg);
}
.mobile-navigation .mobile-container {
	background: #fff;
	position: absolute;
	left: 0;
	top: 100px;
	width: 100%;
	z-index: 999;
}
/* 1st level */
.mobile-navigation .mobile-container li.parent-item a {
	display: block;
	color: #a9abb0;
	padding: 10px 20px;
	border-bottom: 1px solid #e6e6e7;
}
.mobile-navigation .mobile-container li.parent-item a:hover {
	background: #f4f4f4;
	color: #fe9d68;
}
.mobile-navigation .mobile-container li.current_page_item > a {
	color: #fe9d68;
}
.mobile-navigation .mobile-container li.parent-item a span {
	background: none;
	box-shadow: none;
}
/* 2nd */
.mobile-navigation .mobile-container li.haschild > ul {
	display: none;
}
.mobile-navigation .mobile-container li.haschild > ul.submenu > li.sub-item > a {
	padding-left: 40px;
}
.mobile-navigation .mobile-container li.haschild > ul.submenu > li.sub-item > ul > li > a {
	padding-left: 60px;
}
.mobile-navigation .mobile-container li.haschild > ul.submenu > li.sub-item > a:after {
	margin-right: 10px;
}
/* courses */
.mobile-navigation .mobile-container li.courses-menu .course-menu-item {
	padding: 0;
	width: 50%;
	float: left;
	border-right: 1px solid #e6e6e7;
}
.mobile-navigation .mobile-container li.courses-menu .course-menu-item .item-icon {
	visibility: hidden;
	float: left;
	width: 40px;
}
.mobile-navigation .mobile-container li.courses-menu .course-menu-item .courses-num {
	display: none;
}
/* 04 - Revolution Slider */
.tp-banner-container {
	width:100%;
	position:relative;
	padding:0;
}
.tp-banner, .fullscreen {
	width:100%;
	position:relative;
}
.tp-banner > ul li:after, .fullscreen > ul li:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 21;
	
}
.tp-banner > ul li .tp-caption, .fullscreen > ul li .tp-caption {
	z-index: 22 !important;
}
.tp-banner > ul li .slide-title, .fullscreen > ul li .slide-title {
	color: #fff;
	position: relative;
	text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
}
.tp-banner ul li .slide-title:after, .fullscreen ul li .slide-title:after {
	content: "";
	background: #fe9d68;
	display: block;
	width: 30px;
	height: 3px;
	margin-left: -15px;
	position: absolute;
	left: 50%;
	bottom: -25px;
}
.tp-banner ul li .slide-description, .fullscreen ul li .slide-description {
	position: relative;
	font-size: 15px;
	line-height: 24px;
	color: #a9abb0;
	margin-top: 37px;
	text-align: center;
	max-width: 950px;
}
.slider-overlay:after {
	content: '';
	background: rgba(0, 0, 0, .5);
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 20;
	width: 100%;
	height: 100%;
}
.onepage .slider-overlay:after {
	display: none;
}
.mobile_nav-open .tp-banner-container,
.mobile_nav-open .tp-banner,
.modal-open .tp-banner-container,
.modal-open .tp-banner {
	z-index: -1;
}
/* Course Search Bar */
.course-search {
	position: relative;
	background: #fff;
	height: 98px;
	line-height: 98px;
}
.select-time, .select-category, .select-country {
	margin-right: 11px;
}
.course-search:before {
	content: '\f002';
    font: normal normal normal 18px/1 "FontAwesome";
	display: block;
	background: #fff;
	width: 80px;
	height: 36px;
	position: absolute;
	left: 50%;
	top: -36px;
	z-index: 20;
	line-height: 36px;
	margin-left: -40px;
	color: #a9abb0;
	text-align: center;
	border-radius: 2px 2px 0 0;
}
.course-search #course-name {
	width: 550px;
	height: 38px;
	border-radius: 2px;
	/*font-style: italic;*/
	font-size: 13px;
	padding-left: 9px;
	margin-right: 10px;
	border: 1px solid rgba(222, 222, 222, .8);
}
.course-search #search-btn, .comments-list li .author .reply a,
.comment-form .input .submit-input, .contact-form .input .submit-input {
/*search button color changed */	
	
	background-color: #4e59ad;
	/*search button color changed */	
	height: 38px;
	padding: 0 15px;
	border-radius: 2px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}
.course-search #search-btn:hover, .comment-form .input .submit-input:hover,
.contact-form .input .submit-input:hover {
	background-color: #ffffff;
}
/* 05 - Sections */
.features-section {
	/*background: #f5f5f5;*/
	text-align: center;
}
.features-section.white-bg {
	background: #fff;
}
.features-section .icon img {
	width: 95px;
}
.features-section .feature-title {
	margin: 10px 0 -2px;
}
.features-section .feature-box:hover .icon img {
	-webkit-transform: translateY(-7px);
	   -moz-transform: translateY(-7px);
	    -ms-transform: translateY(-7px);
	     -o-transform: translateY(-7px);
	        transform: translateY(-7px);
}
.features-section .feature-box.alt:hover .icon img {
	-webkit-transform: rotate(360deg);
	   -moz-transform: rotate(360deg);
	    -ms-transform: rotate(360deg);
	     -o-transform: rotate(360deg);
	        transform: rotate(360deg);
}
/* 06 - Instructors */
.instructors-section {
	position: relative;
	background: #fff;
	text-align: center;
	border-top: 1px solid rgba(0, 0, 0, .05);
}
.instructors-section .avatar img {
	border-radius: 3px 3px 0 0;
}
.instructors-section .instructor-info {
	border-radius: 0 0 3px 3px;
	padding: 27px 0 30px;
}
.instructors-section .instructor-info .name {
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 11px;
}
.instructor-info .position {
	font-size: 12px;
	color: #4e59ad;
	display: block;
	margin-bottom: 26px;
}
.instructors-section .instructor-info .social-icons li {
	display: inline-block;
	vertical-align: top;
	margin-right: 7px;
}
.instructors-section .instructor-info .social-icons li a {
	display: block;
	width: 34px;
	height: 34px;
	line-height: 34px;
	font-size: 14px;
	color: #a9abb0;
	border-radius: 2px;
}
.instructors-section .instructor-info .social-icons li a:hover {
	background: #fe9d68;
	color: #fff;
}
.instructor.alt .details {
	border-top: 3px solid #fff;
	padding: 10px;
}
.instructor.alt .details .read-more {
	display: block;
	background: #fe9d68;
	border-radius: 3px;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	padding: 0 7px;
	margin-right: 10px;
	height: 29px;
	line-height: 29px;
}
.instructor.alt .details .read-more:hover {
	background: #383c4b;
	color: #fff;
}
.instructor.alt .details .rating {
	background: #c8c9cc;
	border-radius: 3px;
	padding: 0 10px;
	unicode-bidi: bidi-override;
	direction: rtl;
	font-size: 15px;
	height: 29px;
	line-height: 29px;
}
.instructor.alt .details .rating span.star {
	font-family: "FontAwesome";
	font-weight: normal;
	font-style: normal;
	display: inline-block;
}
.instructor.alt .details .rating span.star:hover {
  cursor: pointer;
}
.instructor.alt .details .rating span.star:before {
	content: "\f005";
	color: #383c4b;
	padding-right: 1px;
	-webkit-transition: all .2s ease-out;
	   -moz-transition: all .2s ease-out;
	    -ms-transition: all .2s ease-out;
	     -o-transition: all .2s ease-out;
	        transition: all .2s ease-out;
}
.instructor.alt .details .rating span.star:hover:before,
.instructor.alt .details .rating span.star:hover ~ span.star:before {
	content: "\f005";
	color: #fff;
}
.instructor.alt .details .rating .result {
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	display: inline-block;
	float: right;
	line-height: inherit;
	margin-left: 12px;
}
.instructors-section.alt {
	padding-bottom: 70px;
}
.instructor.alt {
	background: #efefef;
	border-radius: 3px;
	overflow: hidden;
	padding-top: 9px;
	box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.03);
	margin-bottom: 30px;
}
.instructor.alt .avatar {
	float: left;
	border-radius: 50%;
	overflow: hidden;
	box-shadow: inset 0 2px 5px 0 rgba(47, 49, 51, .6);
	border: 3px solid #fff;
	margin: 0 10px 2px 10px;
}
.instructor.alt .instructor-info {
	background: none;
	padding: 0;
	float: left;
	text-align: left;
}
.instructor.alt .instructor-info .name {
	font-size: 15px;
	margin-top: 13px;
	margin-bottom: 5px;
	font-weight: bold;
}
.instructors-page {
	padding: 100px 0 70px;
	background: #f5f5f5;
}
.instructors-page .instructor {
	margin-bottom: 30px;
}
.instructors-page .instructor-info {
	background: #fff;
}
/* Latest Courses Section */
.latest-courses-section {
	background: #f5f5f5;
	text-align: center;
}
.latest-courses-section .latest-courses-content {
	margin-top: 50px;
}
.latest-courses-section .course {
	position: relative;
	background: #fff;
	padding-bottom: 23px;
	margin: 4px 0 3px;
	border-radius: 4px;
	box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12);
}
.latest-courses-section .course .featured-badge {
	width: 86px;
	height: 86px;
	background: url(assets/img/icons/ribbon.png) no-repeat center center;
	padding-top: 10px;
	position: absolute;
	left: -4px;
	top: -4px;
	z-index: 2;
}
.latest-courses-section .course .featured-badge span {
	display: block;
	text-align: left;
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: 0px 1px 0px rgba(0, 0, 0, .2);
	-webkit-transform: matrix(0.7, -0.7, 0.7, 0.7, 0, 0);
	   -moz-transform: matrix(0.7, -0.7, 0.7, 0.7, 0, 0);
	    -ms-transform: matrix(0.7, -0.7, 0.7, 0.7, 0, 0);
	     -o-transform: matrix(0.7, -0.7, 0.7, 0.7, 0, 0);
	        transform: matrix(0.7, -0.7, 0.7, 0.7, 0, 0);
}
.latest-courses-section .course-image {
	/*  position: relative;*/
	border-radius: 4px 4px 0 0;
	overflow: hidden;
	z-index: 1;
}
.latest-courses-section .course-image:after {
	content: '';
	background: rgba(0, 0, 0, .25);
	display: block;
	width: 100%;
	height: 3px;
	position: absolute;
	left: 0;
	bottom: 0;
}
.latest-courses-section .course-info .course-title a {
	padding-top: 11px;
	display: block;
	color: #383c4b;
}
.latest-courses-section .course-info .course-title a:hover,
.dark .latest-courses-section .course-info .course-title a:hover {
	color: #4e59ad;
	

}
.latest-courses-section .course-info .course-description {
	margin-bottom: 18px;
	color: #4e59ad;
	padding: 0 10px;
}
.latest-courses-section .course-info .buttons .subscribe-btn {
	margin-right: 0;
}
/* Details Overlay */
.latest-courses-section .course-image .details-overlay {
	position: absolute;
	left: 0;
	top: -100%;
	width: 100%;
	height: 100%;
	padding: 48px 20px 0;
	background: rgba(254, 157, 104, .9);
	border-radius: 4px 4px 0 0;
	-webkit-transition: all .2s ease-in;
	   -moz-transition: all .2s ease-in;
	    -ms-transition: all .2s ease-in;
	     -o-transition: all .2s ease-in;
	        transition: all .2s ease-in;
}
.latest-courses-section .course-image .details-overlay .place,
.latest-courses-section .course-image .details-overlay .time {
	background-color: rgba(54, 58, 73, .8);
	position: relative;
	left: -250px;
	display: block;
	height: 36px;
	line-height: 36px;
	color: #fff;
	text-align: left;
	padding-left: 10px;
	margin-bottom: 10px;
	border-radius: 2px;
	-webkit-transition: all .25s ease-out .25s;
	   -moz-transition: all .25s ease-out .25s;
	    -ms-transition: all .25s ease-out .25s;
	     -o-transition: all .25s ease-out .25s;
	        transition: all .25s ease-out .25s;
}
.latest-courses-section .course-image .details-overlay .time {
	margin-bottom: 0;
	-webkit-transition: all .25s ease-out .35s;
	   -moz-transition: all .25s ease-out .35s;
	    -ms-transition: all .25s ease-out .35s;
	     -o-transition: all .25s ease-out .35s;
	        transition: all .25s ease-out .35s;
}
.latest-courses-section .course-image .details-overlay span > i {
	font-size: 17px;
}
.latest-courses-section .course-image .details-overlay .place i {
	margin-right: 10px;
}
.latest-courses-section .course-image .details-overlay .time i {
	margin-right: 5px;
}
/* Hover */
.latest-courses-section .course:hover .details-overlay {
	top: 0;
}
.latest-courses-section .course:hover .details-overlay span {
	left: 0;
}
.latest-courses-section.no-margin {
	padding-top: 32px;
}
.latest-courses-section.no-margin .latest-courses-content {
	margin: 0;
}
.latest-courses-content.listview .course {
	padding: 20px 20px 22px;
}
.latest-courses-content.listview .course .course-image {
	max-width: 270px;
	float: left;
	border-radius: 4px;
	margin-right: 20px;
}
.latest-courses-content.listview .course .course-info {
	text-align: left;
}
.latest-courses-content.listview .course .course-title {
	text-align: left;
}
.latest-courses-content.listview .course .course-title a {
	padding-top: 0;
	padding-bottom: 11px;
	line-height: 15px;
}
.latest-courses-content.listview .course .course-description {
	margin-bottom: 12px;
	text-align: justify;
}
.latest-courses-content.listview .course .details {
	width: 50%;
	background: #efefef;
	border-radius: 3px;
	height: 29px;
	line-height: 29px;
	padding: 0 10px;
	color: #909090;
}
.latest-courses-content.listview .course .course-info .btn.subscribe-btn {
	margin-right: 0;
}
/* Add Course */
.add-courses {
	background: #fff;
	margin-top: 97px;
	border-radius: 4px;
	padding: 20px;
	text-align: left;
	box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12);
}
.add-courses.box {
	margin-top: 30px;
}
.add-courses .add-courses-icon {
	width: 65px;
	margin-right: 20px;
	border-radius: 3px;
}
.add-courses .add-courses-title {
	display: inline-block;
	font-size: 17px;
	font-weight: bold;
	color: #fe9d68;
	margin-bottom: 10px;
	line-height: 18px;
}
.add-courses .add-courses-title:hover {
	color: #383c4b;
}
.add-courses .add-courses-description {
	font-weight: 600;
	color: #4e59ad;
}
/* 07 - Categories */
.categories-section {
	background: #eff3f7;
	padding-bottom: 70px;
	/*box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.03);*/
}
.categories-section .section-description {
	color: #353a48;
}
.categories-section .cat-box {
	background: #fff;
	text-align: left;
	min-height: 288px;
	border-radius: 4px;
	padding-bottom: 20px;
	margin-bottom: 30px;
	box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12);
}
.categories-section .cat-box:hover .cat-image .cat-icon {
	background: #383c4b;
}
.categories-section .cat-box .cat-image {
	position: relative;
}
.categories-section .cat-box .cat-image:after {
	content: '';
	background: rgba(0, 0, 0, .25);
	display: block;
	width: 100%;
	height: 3px;
	position: absolute;
	left: 0;
	bottom: 0;
}
.categories-section .cat-box .cat-image img {
	border-radius: 4px 4px 0 0;
}
.categories-section .cat-box .cat-image .cat-icon {
	background: #ffffff;
	display: block;
	position: absolute;
	left: 15px;
	bottom: 15px;
	z-index: 1;
	width: 30px;
	height: 30px;
	font-size: 18px;
	line-height: 38px;
	border-radius: 3px;
	text-align: center;
	color: #fff;
}
.categories-section .cat-box .cat-title a {
	display: block;
	color: #4e59ad;
	text-align: left;
	padding: 24px 15px 0;
}
.categories-section .cat-box .cat-title a:hover {
	color: #383c4b;
}
.categories-section .cat-box .courses-counter {
	color: #4e59ad;
	font-weight: 600;
	padding: 0 15px;
}
.categories-section .cat-box .courses-counter .nums {
	color: #383c4b;
}
/* Misc Section */
.misc-section {
	background: #f5f5f5;
	padding-top: 95px;
}
.blog-posts {
	position: relative;
}
h6.head-title {
	text-align: left;
	margin-bottom: 30px;
}
.basic-slider {
	position: static;
}
.basic-slider .flex-direction-nav a {
	top: 25px;
}
.basic-slider .flex-direction-nav .flex-next {
	right: 0;
}
.basic-slider .flex-direction-nav .flex-prev {
	left: auto;
	right: 42px;
}
.blog-posts .post {
	background: transparent;
	padding-top: 0;
	padding-bottom: 30px;
}
.blog-posts .post:last-child {
	padding-bottom: 0;
}
.blog-posts .post .image-post {
	position: relative;
	margin-right: 20px;
}
.blog-posts .post .image-post img {
	border-radius: 3px;
}
.blog-posts .post .image-post .post-date {
	background: #262934;
	width: 42px;
	height: 58px;
	position: absolute;
	left: 10px;
	top: 10px;
	font-size: 12px;
	text-align: center;
	color: #fff;
	border-radius: 3px;
}
.blog-posts .post .image-post .post-date span {
	display: block;
}
.blog-posts .post .image-post .post-date .day {
	font-size: 25px;
	font-weight: bold;
}
.basic-slider-box .post-title {
	text-align: left;
	line-height: 12px;
}
.basic-slider-box .post-title a {
	display: block;
	color: #fe9d68;
	padding-bottom: 19px;
}
.basic-slider-box .post-title a:hover, .basic-slider-box .post .meta a:hover {
	color: #383c4b;
}
.blog-posts .post .meta {
	color: #909090;
	font-size: 12px;
	margin-bottom: 12px;
}
.blog-posts .post .meta .author {
	margin-right: 26px;
}
.blog-posts .post .meta i {
	font-size: 15px;
	margin-right: 6px;
}
.blog-posts .post .meta a {
	color: #fe9d68;
}
.blog-posts .post-description, .questions .query-description {
	color: #4e59ad;
	margin-bottom: 3px;
}
.blog-posts .read-more {
	color: #383c4b;
}
.blog-posts .read-more:hover {
	color: #fe9d68;
}
/* 08 - Accordion */
.accordion .accordion-header {
	background: #fff;
	position: relative;
	height: 42px;
	line-height: 42px;
	font-size: 17px;
	font-weight: bold;
	text-align: left;
	padding: 0 20px;
	margin-top: 16px;
	border: 1px solid #dfdfdf;
	cursor: pointer;
	color: #4e59ad;
	border-radius: 2px;
}
.accordion .inactive-header:after, .accordion .active-header:after {
	content: '\f068';
    font: normal normal normal 10px/1 "FontAwesome";
	background: #4e59ad;
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -10px;
	border-radius: 1px;
	text-align: center;
	color: #fff;
}
.accordion .inactive-header:after {
	content: '\f067';
	background: #fe9d68;
}
.accordion .active-header, .accordion .inactive-header:hover {
	color: #383c4b;;
}
.accordion .accordion-content {
	display: none;
	padding: 18px 20px;
	background: #fff;
	border: 1px solid #e4e4e4;
	width: 100%;
	border-top: 0;
	border-radius: 0 0 2px 2px;
}
/* 09 - Clients */
.our-clients {
	margin-top: 74px;
}
#clients-slider .flex-direction-nav a {
	top: -28px;
}
#clients-slider .flex-direction-nav .flex-next {
	right: 15px;
}
#clients-slider .flex-direction-nav .flex-prev {
	left: auto;
	right: 57px;
}
/* home 2 */
.course-search.alt {
	background: none;
	height: 400px;
	line-height: 58px;
	width: 100%;
	left: 0;
	z-index: 20;
}
.course-search.alt .container {
	background: rgba(0,0,0,.5);
	border-radius: 4px;
	width: 48%;
}
.course-search.alt .dropdown, .course-search.alt #course-name {
	background: #fff;
	box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .05);
	border: none;
}
.course-search.alt .dropdown div {
	left: 0;
}
.course-search.alt:before {
	display: none;
}
.course-search.alt #search-btn {
    font: normal normal normal 18px/1 "FontAwesome";
	width: 80px;
	margin-top: -2px;
	vertical-align: middle;
}
.course-search.alt #search-btn:hover {
	background-color: #383c4b;
	color: #fe9d68;
}
.features-section .feature-box.alt {
	background: url(assets/img/long-shadow-bg.png) no-repeat 55px top;
}
.features-section .feature-box.alt .icon {
	height: 155px;
	padding-top: 42px;
}
.questions {
	position: relative;
}
.questions .flexslider {
	padding: 2px;
}


.questions .flexslider li .query {
	background: #fff;
	border-radius: 2px;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.04);

	margin-bottom: 20px;
	padding: 19px;
}

/* New class is added for Home page decoration after banner section */
.questions .flexslider li .query1 {

	padding: 19px;
}

/* New class is added for Home page decoration after banner section */




.questions .flexslider li .query:last-child {
	margin: 0;
}
.questions .flexslider li .query .image {
	border-radius: 50%;
	overflow: hidden;
	border: 3px solid #FFF;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3);
}
.questions .flexslider li .query .query-content {
	margin-left: 105px;
}


/* New Class is added */

.questions .flexslider1 li .query .query-content {
	margin-left: 0px;
}

/* New Class is added */






.questions .post-title a {
	padding-bottom: 15px;
}
.questions .flexslider li .details {
	color: #909090;
	margin-top: 10px;
}
.details .date, .details .place {
	margin-right: 27px;
}
.details .icon i {
	font-size: 15px;
	margin-right: 6px;
}
.details .text {
	font-size: 12px;
}
/* 10 - Skills bar */
.home-skills {
	padding-top: 2px;
}
.home-skills .skillbar {
	position: relative;
	display: block;
	margin-bottom: 14px;
	width: 100%;
	background: #e9e9e9;
	height: 38px;
	border-radius: 2px;
	-webkit-transition: all .25s linear;
	   -moz-transition: all .25s linear;
	    -ms-transition: all .25s linear;
	     -o-transition: all .25s linear;
	        transition: all .25s linear;
}
.home-skills .skillbar-title {
	background: #fe9d68;
	position: absolute;
	top: 0;
	left: 0;
	font-weight: bold;
	color: #fff;
	padding: 0 20px;
	height: 38px;
	line-height: 38px;
	border-radius: 2px;
}
.home-skills .skillbar-bar {
	height: 38px;
	width: 0px;
	background: #fe9d68;
	border-radius: 2px;
}
/* home 3 */
.tp-banner-container.has-btns .slider-btns a {
	font-size: 15px;
	height: 38px;
	line-height: 38px;
	box-shadow: none;
	color: #fff;
}
.tp-banner-container.has-btns .slider-btns a.more {
	background-color: #21242e;
}

/*.tp-banner-container.has-btns .slider-btns a:hover {
	opacity: 1;
	background: #fff;
	color: #383c4b;
}
.tp-banner-container.has-btns .tp-bullets {
	top: auto !important;
	bottom: 30px;
}
.tp-banner-container.has-btns .tp-bullets .bullet {
	margin-top: 0;
}*/




.features-section.alt {
	padding-top: 100px;
}
.features-content.alt {
	margin-top: 0;
}
.latest-courses-content.alt #courses-slider {
	margin-bottom: 37px;
}
/* 11 - Testimonial */
.testimonials-section {
	position: relative;
	text-align: center;
	padding: 95px 0 78px 0;
	background: url(assets/img/content/testimonials-bg.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.testimonials-section:after {
	content: '';
	background: rgba(56, 60, 75, .9);
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.testimonials-section .testimonials-content {
	position: relative;
	z-index: 1;
}
.testimonials-section .flexslider .flex-direction-nav {
	position: relative;
	top: -85px;
}
.testimonials-section .flexslider .flex-direction-nav li {
	display: inline-block;
	margin: 0 60px;
}
.testimonials-section .flexslider .flex-direction-nav a {
	position: static;
}
.testimonials-section .testimonials-content .title {
	font-size: 25px;
	color: #fe9d68;
	font-weight: bold;
	margin-bottom: 43px;
}
.testimonials-section .testimonials-content .description {
	font: normal 18px/28px 'Lato', sans-serif;
	color: #fff;
	font-style: italic;
	margin-bottom: 27px;
}
.testimonials-section .testimonials-content .image img {
	width: auto;
	border: 4px solid #fff;
	border-radius: 50%;
	margin-bottom: 10px;
	display: inline-block;
	max-width: 62px;
}
.testimonials-section .testimonials-content .name {
	font-size: 14px;
	font-weight: bold;
	color: #f5f5f5;
	margin-bottom: 2px;
}
.testimonials-section .testimonials-content .position {
	font-size: 12px;
	font-weight: bold;
	color: #d1cece;
}
/* home 4 */
.course-search-section {
	position: relative;
	padding: 100px 0 90px 0;
	background: url(../../../assets/site/img/content/course-search-bg.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.course-search-section:after {
	content: '';
 	/*background: rgba(03,85,163); */
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity:0.6;
}
.course-search-section .content {
	position: relative;
	z-index: 2;
}
.course-search-section .content .section-title {
	color: #fff;
	line-height: 17px;
	margin-bottom: 15px;
}
.course-search-section .course-search {
	position: relative;
	bottom: 0;
	height: auto;
	margin-top: 35px;
}
.course-search-section .course-search .container {
	background: none;
	box-shadow: none;
}
.course-search-section .course-search #search-btn {
	font: bold 14px 'Open Sans';
}
/* home 6 
.course-search-section.alt:after {
	background: rgba(47, 51, 66, .90);
}*/
.course-search-section.alt .section-description {
	color: #a9abb0;
}
.add-courses.top-margin {
	margin: 17px 0 -18px;
}
.latest-courses-section.no-slider .course {
	margin: 28px 0 3px;
}
/* 12 - Pagination */
.pagination {
	margin-top: 47px;
	overflow: hidden;
}
.pagination ul {
	text-align: center;
}
.pagination ul li {
	margin: 0 1px;
}
.pagination li.arrow {
	margin: 0 6px;
}
.pagination li a {
	display: block;
	background: #e6e6e6;
	width: 28px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #4e59ad;
	border-radius: 1px;
}
.pagination li.arrow a,
.dark .pagination li.arrow a {
	background: #4e59ad;
	font-size: 13px;
	font-weight: normal;
	color: #fff;
}
.pagination li a:hover,
.dark .pagination li a:hover {
	background: #383c4b;
	color: #fff;
}
/* home 8 */
.onepage .tparrows {
	display: none;
}
.scroll-down {
	position: absolute;
	left: 0;
	bottom: 45px;
	width: 100%;
	text-align: center;
	z-index: 20;
}
.scroll-down a {
	display: block;
}
.scroll-down a span {
	display: block;
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
	padding: 5px 0;
}
.scroll-down a:hover {
	color: #4e59ad;
}
.scroll-down a i {
	color: #4e59ad;
	font-size: 17px;
}
/* 13 - Inner page header */
.inner-head {
	background-image: url(assets/img/content/akshay-college-background-1-01.png
);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	text-align: center;
	padding: 70px 0;
}






.inner-head:after {
	content: '';
	background: rgba(47, 51, 66, .9);
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.inner-head .container {
	position: relative;
	z-index: 1;
}
.inner-head h1.entry-title {
  
    
    
	font: normal 30px/20px 'Arvo', serif;
	text-transform: uppercase;
	margin-bottom: 17px;
	color: #fff;
	text-shadow: 0px 1px 3px rgba(0, 0, 0, .5);
}
.inner-head .description {
	color: #a9abb0;
	max-width: 770px;
	margin: auto;
}
.inner-head .breadcrumb {
	margin-top: 20px;
}
.inner-head .breadcrumb li {
	position: relative;
	margin-right: 10px;
	padding-right: 10px;
}
.inner-head .breadcrumb li:after {
	content: '\f105';
    font: normal normal normal 13px/1 "FontAwesome";
	display: block;
	position: absolute;
	left: 100%;
	top: 4px;
	color: #cecfd2;
}
.inner-head .breadcrumb li:last-child:after {
	display: none;
}
.inner-head .breadcrumb li a {
	display: block;
	color: #4e59ad;
}
.inner-head .breadcrumb li.current-page a,
.inner-head .breadcrumb li:hover a  {
	color: #cecfd2;
}
/* 14 - Blog */
.post {
   padding-top: 15px;
	background: #f5f5f5;
}
.post #single-slider {
	margin-bottom: 30px;
}
.post #single-slider .image {
	position: relative;
	border-radius: 4px;
	overflow: hidden;
}
.post #single-slider .image:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 3px;
	background: rgba(0, 0, 0, .25);
}
.post #single-slider .flex-direction-nav a {
	top: auto;
	left: auto;
	right: 20px;
	bottom: 20px;
}
.post #single-slider .flex-direction-nav .flex-prev {
	right: 62px;
}
/*.post .entry, .post .course-details, .contact .contact-left,*/
/*.login-page .login-form, .login-page .login-options {*/
/*	padding: 20px;*/
/*	    overflow: hidden;*/
/*    background-color: #fff;*/
/*    border-radius: 4px;*/
/*    box-shadow: 0 0 4px 0 rgba(207,207,207,.5);*/
/*    padding-bottom: 25px;*/
/*    margin-bottom: 5px;*/
/*}*/
.post .course-details {
	margin-bottom: 30px;
}
.post .entry-icon, .sidebar .sidebar-widget .widget-icon,
.comment-form .addcomment-title .icon, .contact .contact-left .contact-form-icon,
.login-page .login-form .login-title .icon {
	background: #4e59ad;
	display: inline-block;
	width: 28px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	border-radius: 1px;
	color: #fff;
	font-size: 18px;
	margin-right: 6px;
	margin-bottom: 24px;
}
.post .entry h4 {
	font: bold 18px 'Lato', Arial, sans-serif;
}
.post .entry .content p {
	color: #4e59ad;
	margin-bottom: 12px;
	text-align:justify;
}
.post .entry .share-post, .follow-icons, .share-icons {
	background: #ffe1d1;
	border-radius: 4px;
	padding: 12px;
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, .03);
}
.post .entry .share-post .text, .share-icons .text {
	font-size: 16px;
	color: #fe9d68;
	font-weight: bold;
	margin-top: 2px;
}
.post .entry .icons ul li, .share-icons ul li,
.follow-icons ul li {
	float: left;
	margin-left: 6px;
}
.post .entry .icons ul li a, .share-icons ul li a,
.follow-icons ul li a {
	background: #5d82d1;
	display: block;
	width: 28px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	border-radius: 2px;
}
.post .entry .icons ul li a.tw-icon, .share-icons ul li a.tw-icon,
.follow-icons ul li a.tw-icon {
	background: #40bff5;
}
.post .entry .icons ul li a.gp-icon, .share-icons ul li a.gp-icon,
.follow-icons ul li a.gp-icon {
	background: #eb5e4c;
}
.post .entry .icons ul li a.in-icon, .share-icons ul li a.in-icon,
.follow-icons ul li a.in-icon {
	background: #238cc8;
}
.post .entry .icons ul li a:hover, .share-icons ul li a:hover,
.follow-icons ul li a:hover {
	background: #383c4b;
}
.post .entry .icons ul li a i, .share-icons ul li a i,
.follow-icons ul li a i {
	color: #fff;
	font-size: 14px;
}
/* Listview */
.blog {
	padding: 70px 0 100px;
	background: #f5f5f5;
}
.blog .blogpost {
	padding: 20px 20px 22px;
	background: #fff;
	padding-bottom: 23px;
	border-radius: 4px;
	box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12);
	margin-top: 30px;
}
.blog .blogpost .blogpost-image {
	border-radius: 4px;
	overflow: hidden;
	position: relative;
	margin-bottom: 20px;
}
.blog .blogpost .blogpost-image img {
	-webkit-transition: all .2s linear;
	   -moz-transition: all .2s linear;
	    -ms-transition: all .2s linear;
	     -o-transition: all .2s linear;
	        transition: all .2s linear;
}
.blog .blogpost:hover img {
	-webkit-transform: scale(1.1);
	   -moz-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	     -o-transform: scale(1.1);
	        transform: scale(1.1);
}
.blog .blogpost .blogpost-image:after {
	content: '';
	background: rgba(0, 0, 0, .25);
	display: block;
	width: 100%;
	height: 3px;
	position: absolute;
	left: 0;
	bottom: 0;
}
.blog .blogpost h3.blogpost-title {
	line-height: 15px;
}
.blog .blogpost h3.blogpost-title a, .post.single .single-title a {
	display: inline-block;
	padding-bottom: 11px;
	color: #4e59ad;
}
.blog .blogpost h3.blogpost-title a:hover, .post.single .single-title a:hover,
.post.single .meta div a:hover {
	color: #383c4b;
}
.blog .blogpost h3.blogpost-title .post-type-icon, .post.single .single-title .post-type-icon {
	background: #fe9d68;
	display: inline-block;
	width: 29px;
	height: 29px;
	line-height: 29px;
	text-align: center;
	border-radius: 4px;
	box-shadow: none;
	margin-right: 4px;
}
.blog .blogpost h3.blogpost-title .post-type-icon i, .post.single .single-title .post-type-icon i {
	color: #fff;
}
.blog .blogpost .meta div, .post.single .meta div {
	background: #efefef;
	padding: 7px 10px;
	border-radius: 4px;
	min-width: 115px;
	font-size: 12px;
	color: #909090;
	margin-right: 16px;
	box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.03);
}
.blog .blogpost .meta .comments, .post.single .meta .comments {
	margin-right: 0;
}
.blog .blogpost .meta div .icon i, .post.single .meta div .icon i {
	font-size: 15px;
	margin-right: 6px;
}
.blog .blogpost .meta div a, .post.single .meta div a {
	color: #fe9d68;
}
.blog .blogpost .meta div a:hover {
	color: #383c4b;
}
.blog .blogpost .blogpost-info .blogpost-description {
	clear: right;
	margin: 20px 0 28px;
}
.blog .blogpost .blogpost-info .btn.orange-btn {
	margin-right: 0;
}
/* 2 Columns */
.blog.listview .blogpost .blogpost-image {
	float: left;
	margin-right: 20px;
	margin-bottom: 0;
}
.blog.listview .blogpost .blogpost-info .blogpost-description {
	margin: 53px 0 8px;
}
/* 3 Columns */
.blog.three-col .blogpost .meta {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 20px;
}
.blog.three-col .blogpost .meta div {
	margin: 0;
	margin-top: 20px;
	display: block;
	min-width: 125px;
	max-width: 150px;
	background: rgba(38, 41, 52, .85);
}
.blog .blogpost .blogpost-image .meta div a:hover {
	color: #fff;
}
.blog.three-col .blogpost .blogpost-info .blogpost-description {
	margin-bottom: 23px;
}
/* 15 - Sidebar */
.post .entry-sidebar .course-details h4 {
	font-size: 18px;
	font-weight: bold;
}
.post .entry-sidebar .course-details div {
	background: #efefef;
	height: 29px;
	line-height: 29px;
	padding: 0 10px;
	color: #909090;
	border-radius: 4px;
	margin-bottom: 20px;
	box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.03);
}
.post .entry-sidebar .course-details div .icon {
	margin-right: 12px;
}
.post .entry-sidebar .course-details .join-btn {
	font-size: 17px;
	height: 54px;
	line-height: 54px;
	margin: 0;
	display: block;
	text-align: center;
}
.post .entry-sidebar .course-details .join-btn:hover {
	background-color: #383c4b;
	opacity: 1;
}
.post .entry-sidebar .instructor {
	margin-bottom: 0;
}
.sidebar {
	margin-top: 30px;
}
.sidebar .search {
	margin-bottom: 30px;
}
.sidebar .search .search-input {
	background-color: #e1e1e1;
	width: 270px;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	font-size: 14px;
	font-style: italic;
	box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .03);
}
.sidebar .search .submit-btn {
    font: normal normal normal 16px/1 "FontAwesome";
	width: 70px;
	height: 40px;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	background: #fa9964;
}
.sidebar .search .submit-btn:hover {
	background: #383c4b;
}
.sidebar .sidebar-widget {
    overflow: hidden;
    margin-top: 16px;

}
.sidebar .sidebar-widget.cats ul li a {
	background: url(assets/img/icons/sidebar-link-arrow.png) no-repeat left center;
	display: block;
	padding: 6px 0 6px 18px;
	color: #4e59ad;
}
.sidebar .sidebar-widget.cats ul li a:hover {
	background-position: 2px center;
	color: #000;
}
.sidebar .sidebar-widget.last-posts .widget-icon {
	margin-bottom: 0;
}
.sidebar .sidebar-widget.last-posts ul li {
	padding: 17px 0;
	border-bottom: 1px solid #d7d8db;
}
.sidebar .sidebar-widget.last-posts ul li:last-child {
	border: 0;
	padding-bottom: 0;
}
.sidebar .sidebar-widget.last-posts ul li a {
	display: block;
	font-size: 14px;
	font-weight: bold;
	padding: 10px 0;
	color: #4e59ad;
}
.sidebar .sidebar-widget.last-posts ul li a:hover {
	color: #383c4b;
}
.sidebar .sidebar-widget.tabs-widget {
	padding: 0;
}
.sidebar .sidebar-widget ul.tabs li {
	background: #fa9964;
	float: left;
	width: 33.33333333%;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	padding: 10px 0;
	cursor: pointer;
	border-right: 1px solid #fff;
	-webkit-transition: all .15s ease-out;
	   -moz-transition: all .15s ease-out;
	    -ms-transition: all .15s ease-out;
	     -o-transition: all .15s ease-out;
	        transition: all .15s ease-out;
}
.sidebar .sidebar-widget ul.tabs li:hover {
	background: #ffb085;
}
.sidebar .sidebar-widget ul.tabs li.active {
	background: #fff;
	color: #fa9964;
}
.sidebar .sidebar-widget ul.tabs li:last-child {
	border: 0;
}
.sidebar .sidebar-widget .tab-content{
	display: none;
	padding: 20px;
	clear: both;
}
.sidebar .sidebar-widget .tab-content.active{
	display: inherit;
}
.sidebar .sidebar-widget .tab-posts .post-item {
	padding: 9px;
	background: #fce9de;
	margin-top: 20px;
}
.sidebar .sidebar-widget .tab-posts .post-item:first-child {
	margin-top: 0;
}
.sidebar .sidebar-widget .tab-posts .post-item .post-image {
	margin-right: 10px;
	position: relative;
	border-radius: 2px;
	position: relative;
	overflow: hidden;
}
.sidebar .sidebar-widget .tab-posts .post-item .post-image:after {
	content: '';
	background: rgba(0, 0, 0, .25);
	display: block;
	width: 100%;
	height: 3px;
	position: absolute;
	left: 0;
	bottom: 0;
}
.sidebar .sidebar-widget .tab-posts .post-item .post-title {
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #fe9d68;
	margin: -5px 0 10px;
}
.sidebar .sidebar-widget .tab-posts .post-item .post-title:hover {
	color: #383c4b;
}
.sidebar .sidebar-widget .tab-posts .post-item .description {
	font-size: 12px;
	line-height: 20px;
	color: #383c4b;
	margin-bottom: 6px;
}
.sidebar .sidebar-widget .tab-posts .post-item .date {
	font-size: 11px;
	color: #4e59ad;
}
.sidebar .sidebar-widget .tab-posts .post-item .read-more {
	display: block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 11px;
	background: #383c4b;
	border-radius: 1px;
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.25);
	border-bottom: 0;
	color: #fff;
	text-align: center;
}
.sidebar .sidebar-widget .tab-posts .post-item .read-more:hover {
	background: #fa9964;
}
.sidebar .sidebar-twitter-widget {
	background: #40bff5 url(assets/img/icons/twitter-sidebar-icon.png) no-repeat right bottom;
}
.sidebar .sidebar-twitter-widget h5.sidebar-widget-title {
	color: #fff;
	font-size: 17px;
	margin-bottom: 30px;
}
.sidebar .sidebar-twitter-widget .status {
	color: #f5f5f5;
}
.sidebar .sidebar-twitter-widget .date {
	color: #202028;
	margin: 20px 0 65px 0;
}
.sidebar .sidebar-twitter-widget .flex-direction-nav a {
	right: auto;
	top: auto;
	left: 42px;
	bottom: 0;
	margin: 0;
}
.sidebar .sidebar-twitter-widget .flex-direction-nav .flex-prev {
	left: 0;
}
/* 16 - About */
.about-section {
	padding-top: 93px;
}

/* 16 - About */
/*.post.alt {
	padding-bottom: 70px;
}
*/
.about-section .about-images {
	text-align: right;
	position: relative;
}
.about-section .about-images .img-1, .about-section .about-images .img-2 {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
}
.about-section .about-images .main-img {
	display: inline-block;
}
.about-section .about-images .img-2 {
	left: auto;
	right: 0;
}
/* 17 - Single post */
.post.single {
	padding-bottom: 100px;
}
.post.single .sidebar {
	margin-top: 0;
}
.post .featured-image {
	position: relative;
	border-radius: 4px;
	overflow: hidden;
	margin-bottom: 30px;
	z-index: 1;
}
.post .featured-image:after {
	content: '';
	background: rgba(0, 0, 0, .25);
	display: block;
	width: 100%;
	height: 3px;
	position: absolute;
	left: 0;
	bottom: 0;
}
.post .entry .content {
	clear: both;
	margin-top: 10px;
}
.comments-list {
	background: #fa9964;
	padding: 20px 20px 30px;
	margin: 30px 0;
	border-radius: 4px;
}
.comments-list .comment-body {
	margin-bottom: 45px;
}
.comments-list > li:last-child .comment-body {
	margin-bottom: 0;
}
.comments-list li .avatar {
	overflow: hidden;
	border: 3px solid #f87a46;
	border-radius: 50%;
	margin-right: 20px;
}
.comments-list li .content {
	overflow: hidden;
}
.comments-list li .author .name {
	display: block;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
}
.comments-list li .author .date {
	display: block;
	font-size: 12px;
	color: #383c4b;
	margin: 5px 0 12px;
}
.comments-list li .author .reply a {
	display: block;
	line-height: 38px;
}
.comments-list li .author .reply a:hover {
	background-color: #fff;
	color: #383c4b;
}
.comments-list li .text {
	color: #f5f5f5;
}
.comments-list ul.children {
	margin-left: 100px;
}
/* tree */
.comments-list li.haschild > .comment-body {
	position: relative;
}
.comments-list li.haschild > .comment-body:after {
	content: '';
	display: block;
	width: 2px;
	height: 100%;
	background: #212129;
	position: absolute;
	left: 35px;
	top: 90px;
}
.comments-list li.haschild > .comment-body:before {
	content: '';
	display: block;
	width: 55px;
	height: 2px;
	background: #212129;
	position: absolute;
	left: 35px;
	bottom: -90px;
}
.comment-form {
	padding: 20px;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12);
	overflow: hidden;
}
.comment-form .addcomment-title .icon {
	margin-bottom: 0;
}
.comment-form .addcomment-title .text {
	font-size: 18px;
	font-weight: bold;
	color: #383c4b;
}
.comment-form .input, .contact-form .input {
	position: relative;
}
.comment-form .input input:not([type=submit]), .comment-form .input textarea,
.contact-form .input input:not([type=submit]), .contact-form .input textarea,
.login-page .login-form .input input {
	display: block;
	width: 100%;
	padding: 9px 20px;
	border: 1px solid #d7d8db;
border-radius: 2px;
	margin-top: 20px;
	color: #4e59ad;
}
.comment-form .input input:focus:not([type=submit]), .comment-form .input textarea:focus,
.contact-form .input input:focus:not([type=submit]), .contact-form .input textarea:focus,
.login-page .login-form .input input:focus:not([type=submit]) {
	border-color: #4e59ad;
}
.comment-form .input textarea, .contact-form .input textarea {
	min-height: 132px;
	resize: vertical;
}
.comment-form .input .submit-input, .contact-form .input .submit-input {
	position: absolute;
	right: 10px;
	bottom: 10px;
	padding: 0 32px;
}
/* 18 - Isotope & Portfolio */
.portfolio-grid {
	padding: 100px 0;
}
.portfolio-filter ul li {
	float: left;
	margin-right: 25px;
}
.portfolio-filter ul li.item a {
	display: block;
	background: #fff;
	width: 170px;
	color: #a9abb0;
	font-size: 16px;
	font-weight: bold;
	padding: 7px 0;
	border: 2px solid #e6e6e6;
	border-radius: 2px;
}
.portfolio-filter ul li.item a:hover, .portfolio-filter ul li.item a.active {
	color: #fe9d68;
}
.portfolio-filter ul li.icon:last-child {
	margin-right: 0;
}
.portfolio-filter ul li.icon a {
	display: block;
	width: 70px;
	height: 40px;
	line-height: 40px;
	background: #4e59ad;
	border-radius: 2px;
	font-size: 20px;
	color: #fff;
}
.portfolio-filter ul li.icon a:hover {
	background: #383c4b;
}
.portfolio-overlay .portfolio-row {
	margin-right: -14.99px;
}
.portfolio-overlay .portfolio-items .course {
	margin-top: 29px;
}
.portfolio-overlay .course .course-image .details-overlay {
	padding-top: 0;
}
.portfolio-overlay .course .details-overlay .time {
	margin-right: 15px;
}
.portfolio-overlay .course .details-overlay .time,
.portfolio-overlay .course .details-overlay .place {
	display: inline-block;
	width: 38px;
	height: 38px;
	line-height: 40px;
	text-align: center;
	padding-left: 0;
	margin-bottom: 0;
}
.portfolio-overlay .course .details-overlay .overlay-icons {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	margin-top: -19px;
}
.portfolio-overlay .course .details-overlay span a {
	display: block;
}
.latest-courses-section .portfolio-overlay .course-image .details-overlay span i {
	margin-right: 0;
	color: #fff;
	font-size: 17px;
}
.portfolio-overlay .course-info {
	padding: 20px 20px 0;
}
.portfolio-overlay .course-info .project-icon {
	background: #fe9d68;
	width: 38px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	display: inline-block;
	margin-right: 10px;
	border-radius: 2px;
	box-shadow: none;
}
.portfolio-overlay .course-info .project-icon i {
	font-size: 18px;
	color: #fff;
}
.portfolio-overlay .course-info .cat {
	display: block;
	clear: both;
	text-align: left;
}
.portfolio-overlay .course-info .course-title {
	line-height: 14px;
	font-size: 16px;
}
.portfolio-overlay .course-info .course-title a {
	color: #fa9964;
	padding: 0;
}
.latest-courses-section .portfolio-overlay .course-info .course-title a:hover {
	color: #383c4b;
}
.portfolio-overlay .course-info .course-title .cat {
	font-size: 12px;
	color: #4e59ad;
	margin-top: 10px;
	font-weight: normal;
}
/* isotope transition */
.isotope-item {
	z-index: 2;
	list-style: none;
	min-height: 280px;
}
.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}
.isotope, .isotope .isotope-item {
	-webkit-transition-duration: .7s;
	   -moz-transition-duration: .7s;
	    -ms-transition-duration: .7s;
	     -o-transition-duration: .7s;
	        transition-duration: .7s;
}
.isotope {
	width: 100%;
	-webkit-transition-property: width, height;
	   -moz-transition-property: width, height;
	    -ms-transition-property: width, height;
	     -o-transition-property: width, height;
	        transition-property: width, height;
}
.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	   -moz-transition-property: -moz-transform, opacity;
	    -ms-transition-property: -ms-transform, opacity;
	     -o-transition-property: -o-transform, opacity;
	        transition-property: transform, opacity;
}
.isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition {
	-webkit-transition-duration: 0s;
	   -moz-transition-duration: 0s;
	    -ms-transition-duration: 0s;
	     -o-transition-duration: 0s;
	        transition-duration: 0s;
}
/* Single Portfolio */
.portfolio.single {
	padding-bottom: 0;
}
.portfolio.single .flexslider .flex-direction-nav .flex-next {
	right: 20px;
}
.portfolio.single .flexslider .flex-direction-nav .flex-prev {
	left: auto;
	right: 62px;
}
.portfolio.single .flexslider .flex-direction-nav a {
	top: auto;
	bottom: 20px;
}
.portfolio.single .single-title .post-type-icon {
	width: 38px;
	height: 38px;
	line-height: 38px;
	border-radius: 2px;
}
.portfolio.single .project-link a {
	display: inline-block;
	background: #383c4b;
	border-radius: 2px;
	color: #fff;
	font-weight: bold;
	padding: 5px 25px;
}
.portfolio.single .project-link a:hover {
	background: #fe9d68;
}
/* Portfolio Modal */
#portfolio-modal .modal-dialog {
	margin-top: 50px;
}
#portfolio-modal .close-modal {
	position: absolute;
	right: 20px;
	top: 5px;
	z-index: 10;
}
#portfolio-modal .popup-content .post {
	padding-top: 0;
	background: none;
}
#portfolio-modal .popup-content .modal-slider {
	max-height: 575px;
}
/* Photo Gallery */
.latest-courses-section .gallery .course {
	padding-bottom: 0;
}
.latest-courses-section .gallery .course-image {
	border-radius: 4px;
}
/* 19 - Login/Register */
#login-modal .container, #register-modal .container {
	max-width: 750px;
}
#login-modal .popup-content .login-page, #register-modal .popup-content .login-page {
	padding: 100px 0 0;
	background: none;
}
.modal .close-modal {
	display: block;
	width: 20px;
	height: 20px;
	text-align: right;
	color: #383c4b;
}
.modal .close-modal span {
	font-size: 18px;
	vertical-align: top;
}
.login-page {
	background: #f5f5f5;
	padding: 150px 0;
}
.login-page .login-form {
	margin-bottom: 30px;
}
.login-page .login-form .login-title .icon {
	margin-bottom: 10px;
}
.login-page .login-form .login-title .text {
	font: bold 18px 'Lato', sans-serif;
	color: #383c4b;
}
.login-page .login-form .input .submit-input,
.dark .login-page .login-form .input .submit-input {
	background: #4e59ad;
	color: #fff;
	margin-bottom: 20px;
	border: 0;
	box-shadow: none;
}
.login-page .login-form .custom-checkbox label {
	font-size: 14px;
	font-weight: bold;
	color: #383c4b;
	cursor: pointer;
}
/* custom checkbox */
.custom-checkbox:not(#foo) .checkbox-input {
	position: absolute;
	opacity: 0;
}
.custom-checkbox:not(#foo) .checkbox-input + label {
	position: relative;
	cursor: pointer;
	padding: 0;
}
.custom-checkbox:not(#foo) .checkbox-input + label:before {
	content: '';
	margin-right: 10px;
	display: inline-block;
	vertical-align: text-top;
	width: 22px;
	height: 22px;
	background: #d7d8db;
	border-radius: 1px;
}
.custom-checkbox:not(#foo) .checkbox-input.disabled + label,
.custom-checkbox:not(#foo) .checkbox-input[disabled] + label {
	color: #b8b8b8;
}
.custom-checkbox:not(#foo) .checkbox-input.disabled + label:before,
.custom-checkbox:not(#foo) .checkbox-input[disabled] + label:before {
	box-shadow: none;
	background: #ddd;
}
.custom-checkbox:not(#foo) .checkbox-input:checked + label:after {
	content: '';
	position: absolute;
	left: 5px;
	top: 9px;
	background: white;
	width: 4px;
	height: 4px;
	box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -3px 0 white, 4px -8px 0 white, 4px -6px 0 white;
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.login-page .login-form .forgot a {
	font-size: 14px;
	color: #4e59ad;
}
.login-page .login-form .forgot .reset {
	color: #ff0000;
}
.login-page .login-form .forgot a:hover {
	text-decoration: underline;
}
.login-page .login-options .login-op-btn {
	background-position: right bottom;
	background-repeat: no-repeat;
	display: block;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	padding: 9px 20px;
	margin-bottom: 20px;
	border-radius: 2px;
	box-shadow: none;
}
.login-page .login-options .login-op-btn.tw,
.login-page .login-options .login-op-btn.ya {
	margin-bottom: 0;
}
.login-page .login-options .login-op-btn.fb {
	background-image: url(assets/img/icons/login-facebook-icon.png);
	background-color: #5d82d1;
}
.login-page .login-options .login-op-btn.gp {
	background-image: url(assets/img/icons/login-google-icon.png);
	background-color: #eb5e4c;
}
.login-page .login-options .login-op-btn.tw {
	background-image: url(assets/img/icons/login-twitter-icon.png);
	background-color: #40bff5;
}
.login-page .login-options .login-op-btn.ya {
	background-image: url(assets/img/icons/login-yahoo-icon.png);
	background-color: #ab47ac;
}
.login-page .login-form .input .submit-input:hover,
.login-page .login-options .login-op-btn:hover {
	background-color: #383c4b;
}
.login-page .register .input .submit-input {
	margin-bottom: 0;
}
/* 20 - Contact */
.contact {
	background: #f5f5f5;
	padding-bottom: 100px;
}
/* map */
.contact .big-map .fixed-map {
    height:350px;
    overflow: hidden;
    border-radius: 4px;
    position: relative;
    margin: 100px 0 30px;
}
.contact .big-map .full-map {
	width: 100%;
	height: 448px;
	margin-bottom: 30px;
	position: relative;
}
.contact .big-map .fixed-map:after, .contact .big-map .full-map:after {
	content: '';
	background: rgba(0, 0, 0, .25);
	display: block;
	width: 100%;
	height: 3px;
	position: absolute;
	left: 0;
	bottom: 0;
}
.contact .sidebar .search {
	margin-bottom: 30px;
}
.contact.contact-3 {
	padding: 100px 0;
}
.contact.contact-3 .fixed-map {
	margin-top: 0;
}
.gm-style-iw * {
    display: block;
    width: 100%;
}
.gm-style-iw h4, .gm-style-iw p {
    margin: 0;
    padding: 0;
}
.gm-style-iw a {
    color: #4272db;
}
/* form */
.contact .sidebar, .contact .sidebar .contact-info {
	margin-top: 0;
}
.contact .contact-left .contact-text {
	color: #4e59ad;
	margin-bottom: 20px;
}
.follow-icons ul li:first-child {
	margin-left: 0;
}
.contact .contact-right .info-text {
	color: #4e59ad;
}
.contact .contact-right .call {
	color: #fe9d68;
	margin-top: 22px;
}
/* Typography page */
.typography, .shortcodes {
	background: #f5f5f5;
}
.space {
	height: 30px;
	clear: both;
}
.headlines .item p, .column-item .row-content {
	color: #4e59ad;
}
blockquote {
	display: block;
	position: relative;
	padding: 23px 30px 25px 30px;
	margin: 6px 0;
}
blockquote .story {
	font-size: 17px;

	color: #4e59ad;
	margin-bottom: 15px;
}
blockquote .name {
	font-size: 13px;
	color: #4e59ad;
}
blockquote.blockquote-1 {
	border-left: 6px solid #fe9d68;
}
blockquote.blockquote-2:before, blockquote.blockquote-2:after {
	content: '\f10d';
	display: block;
    font: normal normal normal 16px/1 "FontAwesome";
    color: #a9abb0;
	position: absolute;
}
blockquote.blockquote-2:before {
	left: 0;
	top: 0;
}
blockquote.blockquote-2:after {
	content: '\f10e';
	right: 0;
	bottom: 0;
}
blockquote.blockquote-3 {
	background: #f8f7f7;
	border: 1px solid #e9e8e8;
	border-radius: 5px;
}
blockquote.blockquote-4 {
	background: #4e59ad;
	border-radius: 5px;
}
blockquote.blockquote-4 .story {
	color: #fff;
}
/* lists */
.list ul li, .list ol li {
	color: #4e59ad;
	line-height: 30px;
}
.ul-list ul li, .ol-list ol li {
	list-style: inside;
}
.ol-list ol li {
	list-style-type: decimal;
}
[class^="list-"] li:before,
[class*="list-"] li:before {
	color: #fe9d68;
	margin-right: 10px;
    font: normal normal normal 15px/1 "FontAwesome";
}
.list-play-circle ul li:before {
	content: '\f01d';
}
.list-arrow-circle ul li:before {
	content: '\f0a9';
}
.list-checked-circle ul li:before {
	content: '\f05d';
}
.list-bold-caret ul li:before {
	content: '\f0da';
}
.list-normal-caret ul li:before {
	content: '\f105';
}
.list-star ul li:before {
	content: '\f006';
}
/* 21 - Social icons */
.social-media-icons ul li a {
	background: #ff8e2e;
	display: block;
	margin: 0 10px 10px 0;
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
}
.social-media-icons ul li a:hover {
	background: #383c4b;
}
.colored ul li .fb {background: #5d82d1;}
.colored ul li .pn {background: #e13138;}
.colored ul li .tw {background: #40bff5;}
.colored ul li .gp {background: #eb5e4c;}
.colored ul li .rss {background: #faa33d;}
.colored ul li .vm {background: #35c6ea;}
.colored ul li .dr {background: #f7659c;}
.colored ul li .tm {background: #426d9b;}
.colored ul li .be {background: #1879fd;}
.colored ul li .st {background: #ff5c30;}
.colored ul li .dp {background: #17a3eb;}
.colored ul li .sc {background: #ff7e30;}
.colored ul li .fm {background: #f34320;}
.colored ul li .fk {background: #ff48a3;}
.colored ul li .dv {background: #6a8a7b;}
.colored ul li .in {background: #238cc8;}
.colored ul li .dgg {background: #75788d;}
.colored ul li .xg {background: #1a8e8c;}
.colored ul li .git {background: #3f91cb;}
.colored ul li .ig {background: #548bb6;}
.colored ul li .ya {background: #ab47ac;}
.colored ul li .yt {background: #ef4e41;}
.colored ul li .sp {background: #13c1f3;}
.colored ul li .at {background: #25a774;}
.colored ul li .wp {background: #2592c3;}
.colored ul li .pl {background: #ff7850;}
.colored ul li .dl {background: #377bda;}
.colored ul li .dl {background: #ff9233;}
.colored ul li .dd {background: #377bda;}
.colored ul li .ap {background: #b3b5b8;}
.colored ul li .vk {background: #4778ac;}
/* 22 - Pricing tables */
.pricing-tables {
	background: #f5f5f5;
	padding: 100px 0;
}
.pricing-tables .table-row {
	margin-bottom: 70px;
}
.pricing-tables .table-row .table {
	background: #fff;
	padding-bottom: 20px;
	text-align: center;
	border-radius: 2px;
	overflow: hidden;
	box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12);
}
.pricing-tables .table-row .table .table-header {
	background: #fe9d68;
	box-shadow: none;
}
.pricing-tables .table-1 .table .table-header {
	padding: 15px 0;
}
.pricing-tables .table-row .table .table-header .icon {
	background: #2f3342;
	width: 94px;
	height: 94px;
	line-height: 100px;
	margin: auto;
	border-radius: 50%;
	border: 4px solid #fa7c49;
}
.pricing-tables .table-row .table .table-header .icon i {
	color: #fff;
	font-size: 38px;
}
.pricing-tables .table-row .table .table-header .text {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
}
.pricing-tables .table-1 .table .table-header .text {
	margin-top: 15px;
}
.pricing-tables .table-row .table .table-body .features li {
	font-size: 16px;
	color: #4e59ad;
	padding: 13px 5px;
	border-bottom: 1px solid #ededed;
	cursor: default;
}
.pricing-tables .table-row .table .table-footer {
	padding: 20px 20px 0;
}
.pricing-tables .table-row .table .table-footer .order-btn a {
	display: block;
	background: #fa9964;
	padding: 12px 10px;
	font-weight: bold;
	font-size: 20px;
	color: #fff;
	border-radius: 2px;
	text-align: left;
	box-shadow: none;
}
.pricing-tables .table-row .table .table-footer .order-btn .currency {
	font-size: 14px;
}
.pricing-tables .table-row .table .table-footer .order-btn .icon {
	background: #383c4b;
	width: 28px;
	height: 28px;
	line-height: 28px;
	font-size: 13px;
	border-radius: 1px;
	text-align: center;
}
/* table 1 */
.pricing-tables .table-1 .table:hover .table-header .icon {
	border-color: #2f3342;
}
.pricing-tables .table-1 .table .table-footer .order-btn a:hover {
	background: #383c4b;
}
.pricing-tables .table-1 .table .table-footer .order-btn a:hover .icon {
	background: #fff;
	color: #383c4b;
}
.pricing-tables .table-1 .table .table-body .features li:hover,
.pricing-tables .table-2 .table .table-body .features li:hover {
	background: #f9f9f9;
}
/* table 2 */
.pricing-tables .table-2 .table .table-header {
	padding: 50px 0;
}
.pricing-tables .table-2 .table .table-header .text {
	font-size: 25px;
}
.pricing-tables .table-2 .table .table-header .price {
	margin-top: 17px;
	color: #2a2e3d;
	font-size: 14px;
}
.pricing-tables .table-2 .table .table-footer .order-btn a {
	background: #000020;
	text-align: center;
}
.pricing-tables .table-2 .table .table-footer .order-btn a:hover {
	background: #fa9964;
}
/* table 3 */
.pricing-tables .table-3 {
	margin-bottom: 0;
}
.pricing-tables .table-3 .table {
	background: #383c4b;
	text-align: left;
	padding: 0 20px;
}
.pricing-tables .table-3 .table .table-header {
	background: none;
	padding: 50px 0;
	border-bottom: 1px solid #2c2e39;
}
.pricing-tables .table-3 .table .table-header .text {
	font-size: 28px;
}
.pricing-tables .table-3 .table .table-header .price {
	margin-top: 17px;
	color: #fe9d68;
	font-style: italic;
	font-size: 16px;
}
.pricing-tables .table-3 .table .table-body {
	padding: 12px 0;
}
.pricing-tables .table-3 .table .table-body .features li {
	border: none;
	color: #b5b7bb;
}
.pricing-tables .table-3 .table .table-footer {
	padding: 20px 0 20px 0;
	border-top: 1px solid #2c2e39;
}
.pricing-tables .table-3 .table .table-footer .order-btn a {
	display: inline-block;
	text-align: center;
	font-size: 17px;
	padding: 14px 0;
	width: 105px;
}
.pricing-tables .table-3 .table .table-footer .order-btn a.details {
	background: #000020;
}
.pricing-tables .table-3 .table .table-footer .order-btn a:hover {
	background: #fff;
	color: #383c4b;
}
/* 21 - Coming soon */
.coming-soon {
	background: #f5f5f5;
	padding: 220px 0;
}
.countdown {
	text-align: center;
	margin-bottom: 60px;
}
.countdown div {
	display: inline-block;
	width: 150px;
	height: 150px;
	padding-top: 15px;
	border-radius: 50%;
	border: 6px solid #313542;
	color: #fa9964;
	font-size: 50px;
	font-weight: bold;
	margin-left: 50px;
}
.countdown div:first-child {
	margin-left: 0;
}
.countdown div span {
	display: block;
	font-size: 20px;
}
/* 22 - Page 404 */
.error-page {
	background: #f5f5f5;
	padding: 108px 0 115px;
}
.error-page .not-found {
	background: #fa9964;
	width: 330px;
	height: 330px;
	margin: auto;
	text-align: center;
	border-radius: 50%;
	padding-top: 65px;
	margin-bottom: 20px;
}
.error-page .not-found span {
	display: block;
	color: #fff;
}
.error-page .not-found .num {
	font-size: 110px;
	font-weight: 300;
}
.error-page .not-found .text {
	font-size: 16px;
	margin-top: -5px;
}
.error-page .error-message {
	font-size: 24px;
	color: #4e59ad;
	text-align: center;
	margin-bottom: 55px;
}
/* 404 v2 */
.error-page.full-page {
	position: relative;
	height: 100%;
	background: url(../../../assets/site/img/error-page-bg.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.error-page.full-page:after {
	content: '';
	display: block;
	background-color: rgba(38, 41, 52, .96);
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.error-page.full-page .container {
	position: relative;
	z-index: 1;
}
.error-page.full-page .not-found {
	background: none;
	border: 5px solid #fa9964;
}
.error-page.full-page .error-message {
	color: #fff;
}
.error-page.full-page .share-icons {
	background: none;
	border: 2px solid #4e59ad;
	border-radius: 4px;
}
/* 23 - Dark version */
.dark {

	color: #828489;
}
.dark .top-bar,
.dark .top-bar .top-social-icons li a,
.dark header.static-header,
.dark .sidebar .sidebar-widget ul.tabs li,
.dark .sidebar .sidebar-widget.last-posts ul li,
.dark .portfolio-filter ul li.item a,
.dark .countdown div {
	border-color: #41444d;
}
.dark header.alt .site-name,
.dark h6.head-title {
	color: #fff;
}
.dark header.alt .main-navigation > ul > li > a {
	color: #efefef;
}
.dark header .main-navigation li.parent-item ul.submenu,
.dark header .main-navigation li.parent-item ul.submenu ul,
.dark header .main-navigation li.courses-menu li .single-item,
.dark .mobile-navigation .mobile-container ul,
.dark .mobile-navigation .mobile-container li.haschild > ul,
.dark header.alt,
.dark .course-search,
.dark .course-search:before {
	background: #2c2f3c;
}
.dark header .main-navigation li.parent-item ul.submenu li a,
.dark header .main-navigation li.parent-item ul.submenu ul,
.dark .mobile-navigation .mobile-container li.parent-item a,
.dark .mobile-navigation .mobile-container li.courses-menu .course-menu-item {
	border-bottom-color: #353845;
	border-left-color: #353845;
	border-right-color: #353845;
}
.dark header .main-navigation li.parent-item ul.submenu li:hover > a,
.dark .mobile-navigation .mobile-container li.parent-item a:hover {
	background: #262936;
}
.dark .tp-banner > ul li:after,
.dard .fullscreen > ul li:after,
.dark .course-search-section:after {
	background: rgba(12, 13, 16, .9);
}
.dark .top-bar,
.dark .course-search #course-name,
.dark .course-search.alt .dropdown,
.dark .dropdown,
.dark .dropdown.open div {
	background: #353842;
}
.dark .course-search #course-name,
.dark .course-search.alt .dropdown,
.dark .dropdown,
.dark .dropdown div,
.dark .comment-form .input input:not([type=submit]),
.dark .comment-form .input textarea,
.dark .contact-form .input input:not([type=submit]),
.dark .contact-form .input textarea,
.dark .login-page .login-form .input input,
.dark .coming-soon .share-icons, .dark .error-page .share-icons {
	border: 1px solid #50525c;
}
.dark .course-search.alt .dropdown div {
	left: -1px;
}
.dark .dropdown li {
	border-bottom-color: #50525c;
}
/* light text */
.dark header .main-navigation li.courses-menu li .single-item .courses-num,
.dark header .main-navigation li.courses-menu li .single-item a:hover,
.dark .dropdown .selected,
.dark .dropdown li.active,
.dark .full-section .section-description,
.dark .basic-slider-box .post-title a:hover,
.dark .basic-slider-box .post .meta a:hover,
.dark .sidebar .sidebar-widget.cats ul li a,
.dark .comments-list li .author .date,
.dark .portfolio-overlay .course-info .course-title .cat,
.dark .contact .contact-right .info-text,
.dark .login-page .login-form .custom-checkbox label,
.dark .list ul li, .dark .list ol li,
.dark #login-modal .close-modal,
.dark #register-modal .close-modal {
	color: #97989b;
}
.dark .dropdown li.focus {
	background-color: #202126;
}
.dark .course-search #search-btn {
	background-color: #111217;
}
.dark .course-search.alt .container {
	background: none;
	border-radius: 0;
	box-shadow: none;
}
/* light bg */
.dark .features-section,
.dark .latest-courses-section,
.dark .misc-section, .dark .login-page,
.dark .latest-courses-content.listview .course .details,
.dark .post, .dark .post .entry .share-post,
.dark .follow-icons, .dark .share-icons,
.dark .post .entry-sidebar .course-details div,
.dark .blog, .dark .blog .blogpost .meta div,
.dark .post.single .meta div, .dark .contact,
.dark .coming-soon, .dark .error-page,
.dark .typography, .dark .shortcodes, .dark .pricing-tables,
.dark .sidebar .sidebar-widget .tab-posts .post-item,
.dark .comment-form .input input:not([type=submit]),
.dark .comment-form .input textarea,
.dark .contact-form .input input:not([type=submit]),
.dark .contact-form .input textarea,
.dark .login-page .login-form .input input,
.dark .custom-checkbox:not(#foo) .checkbox-input + label:before {
	background-color: #343741;
}
/* dark bg */
.dark .instructors-section,
.dark .categories-section,
.dark .features-section.alt,
.dark .accordion .accordion-header,
.dark .accordion .accordion-content,
.dark .instructor.alt .details .rating,
.dark .questions .flexslider li .query,
.dark .home-skills .skillbar,
.dark .latest-courses-section.dark-bg,
.dark .pagination li a,
.dark .post .entry,
.dark .post .course-details,
.dark .contact .contact-left,
.dark .login-page .login-form,
.dark .login-page .login-options,
.dark .entry-sidebar .instructor.alt,
.dark .about-section,
.dark .sidebar .sidebar-widget ul.tabs li,
.dark .comment-form,
.dark .comments-list,
.dark .portfolio-filter ul li a {
	background-color: #2d303c;
}
.dark .instructors-section .instructor-info,
.dark .latest-courses-section .course,
.dark .add-courses, .dark .instructor.alt,
.dark .categories-section .cat-box,
.dark .blog .blogpost, .dark .sidebar .sidebar-widget,
.dark .sidebar .sidebar-widget ul.tabs li.active,
.dark .sidebar .search .search-input {
	background-color: #494c57;
}
.dark .flex-control-paging li a {
	background-color: #252732;
}
/* c4b alternative */
.dark .instructors-section .instructor-info .name,
.dark .latest-courses-section .course-info .course-title a,
.dark .categories-section .cat-box .courses-counter .nums,
.dark .categories-section .cat-box .cat-title a:hover,
.dark .sidebar .sidebar-widget.last-posts ul li a {
	color: #252732;
}
.dark .instructor-info .position,
.dark .latest-courses-section .course-info .course-description,
.dark .add-courses .add-courses-description,
.dark .categories-section .cat-box .courses-counter,
.dark .blog-posts .post-description,
.dark .questions .query-description,
.dark .sidebar .sidebar-widget .tab-posts .post-item .description,
.dark .comment-form .addcomment-title .text,
.dark .login-page .login-form .login-title .text {
	color: #828489;
}
.dark .accordion .accordion-header,
.dark .accordion .accordion-content,
.dark .questions .flexslider li .query {
	border-color: #575961;
}
.dark .instructor.alt .details {
	border-color: #2d303c;
}
.instructor{
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 28px;
    text-align: center;
}
.instructor:hover{
        background-color: #fff;
    box-shadow: 0 0 36px 0 rgba(217,217,217,.5);
}
.instructor-info a:hover{
    text-decoration: none;
}

.dark .instructor.alt .details .rating span.star:before {
	color: #7C7F8B;
}
.dark header.alt .mobile-navigation .mobile-btn span,
.dark header.alt .mobile-navigation .mobile-btn span:before,
.dark header.alt .mobile-navigation .mobile-btn span:after {
	background: #a5a5a5;
}
/* 24 - Footer */
footer {
	/*padding-top: 70px;*/
	background: #2b2e3b;
}
footer h6.widget-title {
	text-align: left;
	padding-bottom: 11px;
	margin-bottom: 14px;
	border-bottom: 1px solid #3d404d;
}
/* About Widget */
footer .about-widget .about-text {
	color: #d6d6d8;
	font-size: 12px;
	line-height: 21px;
	text-align: justify;
	margin-bottom: 20px;
}
/* Links */
footer .footer-links ul li {
	margin-bottom: 12px;
}
footer .footer-links ul li a, footer .twitter-widget .tweet a {
	/*background: url(../../../assets/site/img/icons/footer-link-arrow.png) no-repeat left center;*/
	display: inline-block;
	color: #fe9d68;
	/*padding-left: 18px;*/
}
footer .footer-links ul li a:hover, footer .twitter-widget .tweet a:hover {
	color: #fff;
	text-shadow: 0 1px 0 #000;
	background-position: 2px center;
}
/* Twitter Widget */
footer .twitter-widget {
	position: relative;
}
footer .twitter-widget .tweet {
	color: #d6d6d8;
	line-height: 22px;
	margin-bottom: 21px;
}
footer .twitter-widget .tweet:last-child {
	margin-bottom: 0;
}
footer .twitter-widget .tweet .date {
	font-size: 11px;
	color: #6f7478;
}
/* Tweets & Courses Slider */
footer .twitter-widget #tweets-slider, footer .courses-widget #footer-courses-slider {
	position: static;
}
footer .twitter-widget #tweets-slider .flex-control-nav,
footer .courses-widget #footer-courses-slider .flex-control-nav {
	width: auto;
	top: 10px;
	right: 0;
	bottom: auto;
}
footer .twitter-widget #tweets-slider .flex-control-nav li,
footer .courses-widget #footer-courses-slider .flex-control-nav li {
	margin: 0 0 0 10px;
}
footer .twitter-widget #tweets-slider .flex-control-nav li a,
footer .courses-widget #footer-courses-slider .flex-control-nav li a {
	background-color: #f4f4f4;
}
footer .twitter-widget #tweets-slider .flex-control-nav li a.flex-active,
footer .courses-widget #footer-courses-slider .flex-control-nav li a.flex-active {
	background-color: #4e59a;
}
/* Courses Widget */
footer .courses-widget {
	position: relative;
}
footer .courses-widget .course-info {
	margin-left: 58px;
	margin-bottom: 30px;
}
footer .courses-widget .course-info:last-child {
	margin-bottom: 0;
}
footer .courses-widget .course-icon .icon {
	background-color: #fe9d68;
	display: block;
	width: 38px;
	height: 38px;
	border-radius: 2px;
}
footer .courses-widget .course-icon .icon i {
	display: block;
	text-align: center;
	color: #fff;
	line-height: 38px;
	font-size: 18px;
}
footer .courses-widget .footer-course-title a {
	display: block;
	padding-bottom: 13px;
	color: #fe9d68;
	font-weight: bold;
}
footer .courses-widget .footer-course-title a:hover {
	color: #fff;
	text-shadow: 0 1px 0 #000;
}
footer .courses-widget .footer-course-description {
	color: #d6d6d8;
}
footer .courses-widget .course-date {
	display: block;
	font-size: 11px;
	color: #afb1b2;
	margin-top: 5px;
}
/* Bottom Footer **************************************************/
footer #bottom {
	/*margin-top: 70px;*/
	background: #262934;
	height: 68px;
	line-height: 68px;
}
footer #bottom .copyright p {
	color: #a9abb0;
	line-height: 68px;
}
footer #bottom .copyright a {
	color: #fe9d68;
}
footer #bottom .copyright a:hover {
	color: #fff;
	text-shadow: 0 1px 0 #000;
}
/* Social Icons */
footer #bottom .footer-social-icons {
	padding-top: 20px;
}
footer #bottom .footer-social-icons li {
	float: left;
	margin-left: 6px;
}
footer #bottom .footer-social-icons li a {
	background: #2c2f3c;
	display: block;
	width: 28px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	border-radius: 2px;
}
footer #bottom .footer-social-icons li a:hover {
	background: #fe9d68;
}
footer #bottom .footer-social-icons li a i {
	color: #eef1f2;
	font-size: 14px;
}
footer #bottom .footer-social-icons li a:hover i {
	color: #383c4b;
}
/* 25 - Animation & Transition */
header .main-navigation li.parent-item ul.submenu li.haschild > a:after,
header .mobile-navigation .mobile-container li.haschild > a:after,
.course-search:before, .accordion .inactive-header:after, .accordion .active-header:after,
.course-search.alt #search-btn, .instructor.alt .details .rating span.star,
.inner-head .breadcrumb li:after, .sidebar .search .submit-btn, blockquote.blockquote-2:before,
blockquote.blockquote-2:after, [class^="list-"] li:before, [class*="list-"] li:before {
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
.ln-tr {
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}
header .main-navigation ul li:after,
header.alt .main-navigation > ul > li.courses-menu > a:after {
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}
.es-tr {
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}
.categories-section .cat-box, footer #bottom .footer-social-icons li a i,
.instructors-section .instructor-info .social-icons li a i,
.top-bar .top-social-icons ul li a i, .post .entry .icons ul li a i {
	-webkit-transition: transform .25s ease;
	-moz-transition: transform .25s ease;
	-ms-transition: transform .25s ease;
	-o-transition: transform .25s ease;
	transition: transform .25s ease;
}
.categories-section .cat-box:hover .cat-image .cat-icon i,
footer #bottom .footer-social-icons li a:hover i,
.instructors-section .instructor-info .social-icons li a:hover i,
.top-bar .top-social-icons ul li a:hover i, .post .entry .icons ul li a:hover i,
.follow-icons ul li a:hover i, .share-icons ul li a:hover i,
.social-media-icons ul li a:hover i, .portfolio-overlay .course .details-overlay span a:hover i,
header .main-navigation li.courses-menu li .single-item:hover .item-icon i {
	-webkit-animation: TextSprite .25s forwards;
	-moz-animation: TextSprite .25s forwards;
	-ms-animation: TextSprite .25s forwards;
	-o-animation: TextSprite .25s forwards;
	animation: TextSprite .25s forwards;
}
@-webkit-keyframes TextSprite {
	49% { -webkit-transform: translateY(-100%); }
	50% { -webkit-transform: translateY(100%); opacity: 0; }
	51% { opacity: 1; }
}
@-moz-keyframes TextSprite {
	49% { -moz-transform: translateY(-100%); }
	50% { -moz-transform: translateY(100%); opacity: 0; }
	51% { opacity: 1; }
}
@-ms-keyframes TextSprite {
	49% { -ms-transform: translateY(-100%); }
	50% { -ms-transform: translateY(100%); opacity: 0; }
	51% { opacity: 1; }
}
@-o-keyframes TextSprite {
	49% { -o-transform: translateY(-100%); }
	50% { -o-transform: translateY(100%); opacity: 0; }
	51% { opacity: 1; }
}
@keyframes TextSprite {
	49% { transform: translateY(-100%); }
	50% { transform: translateY(100%); opacity: 0; }
	51% { opacity: 1; }
}
/* Slider Animation */
#home-slider .flex-active-slide .slide-title {
	-webkit-animation: LeftSlideIn 1.3s forwards;
	-moz-animation: LeftSlideIn 1.3s forwards;
	-ms-animation: LeftSlideIn 1.3s forwards;
	-o-animation: LeftSlideIn 1.3s forwards;
	animation: LeftSlideIn 1.3s forwards;
}
#home-slider .flex-active-slide .slide-description {
	-webkit-animation: RightSlideIn 2s forwards;
	-moz-animation: RightSlideIn 2s forwards;
	-ms-animation: RightSlideIn 2s forwards;
	-o-animation: RightSlideIn 2s forwards;
	animation: RightSlideIn 2s forwards;
}
@-webkit-keyframes LeftSlideIn {
	0% {
		left: 50%;
		-webkit-transform: skewX(-75deg);
		-moz-transform: skewX(-75deg);
		-ms-transform: skewX(-75deg);
		-o-transform: skewX(-75deg);
		transform: skewX(-75deg);
	}
	75% {
		left: 0;
		-webkit-transform: skewX(30deg);
		-moz-transform: skewX(30deg);
		-ms-transform: skewX(30deg);
		-o-transform: skewX(30deg);
		transform: skewX(30deg);
	}
	100% {
		left: 0;
		-webkit-transform: skewX(0deg);
		-moz-transform: skewX(0deg);
		-ms-transform: skewX(0deg);
		-o-transform: skewX(0deg);
		transform: skewX(0deg);
	}
}
@-moz-keyframes LeftSlideIn {
	0% {
		left: 50%;
		-webkit-transform: skewX(-75deg);
		-moz-transform: skewX(-75deg);
		-ms-transform: skewX(-75deg);
		-o-transform: skewX(-75deg);
		transform: skewX(-75deg);
	}
	75% {
		left: 0;
		-webkit-transform: skewX(30deg);
		-moz-transform: skewX(30deg);
		-ms-transform: skewX(30deg);
		-o-transform: skewX(30deg);
		transform: skewX(30deg);
	}
	100% {
		left: 0;
		-webkit-transform: skewX(0deg);
		-moz-transform: skewX(0deg);
		-ms-transform: skewX(0deg);
		-o-transform: skewX(0deg);
		transform: skewX(0deg);
	}
}
@-ms-keyframes LeftSlideIn {
	0% {
		left: 50%;
		-webkit-transform: skewX(-75deg);
		-moz-transform: skewX(-75deg);
		-ms-transform: skewX(-75deg);
		-o-transform: skewX(-75deg);
		transform: skewX(-75deg);
	}
	75% {
		left: 0;
		-webkit-transform: skewX(30deg);
		-moz-transform: skewX(30deg);
		-ms-transform: skewX(30deg);
		-o-transform: skewX(30deg);
		transform: skewX(30deg);
	}
	100% {
		left: 0;
		-webkit-transform: skewX(0deg);
		-moz-transform: skewX(0deg);
		-ms-transform: skewX(0deg);
		-o-transform: skewX(0deg);
		transform: skewX(0deg);
	}
}
@-o-keyframes LeftSlideIn {
	0% {
		left: 50%;
		-webkit-transform: skewX(-75deg);
		-moz-transform: skewX(-75deg);
		-ms-transform: skewX(-75deg);
		-o-transform: skewX(-75deg);
		transform: skewX(-75deg);
	}
	75% {
		left: 0;
		-webkit-transform: skewX(30deg);
		-moz-transform: skewX(30deg);
		-ms-transform: skewX(30deg);
		-o-transform: skewX(30deg);
		transform: skewX(30deg);
	}
	100% {
		left: 0;
		-webkit-transform: skewX(0deg);
		-moz-transform: skewX(0deg);
		-ms-transform: skewX(0deg);
		-o-transform: skewX(0deg);
		transform: skewX(0deg);
	}
}
@keyframes LeftSlideIn {
	0% {
		left: 50%;
		-webkit-transform: skewX(-75deg);
		-moz-transform: skewX(-75deg);
		-ms-transform: skewX(-75deg);
		-o-transform: skewX(-75deg);
		transform: skewX(-75deg);
	}
	75% {
		left: 0;
		-webkit-transform: skewX(30deg);
		-moz-transform: skewX(30deg);
		-ms-transform: skewX(30deg);
		-o-transform: skewX(30deg);
		transform: skewX(30deg);
	}
	100% {
		left: 0;
		-webkit-transform: skewX(0deg);
		-moz-transform: skewX(0deg);
		-ms-transform: skewX(0deg);
		-o-transform: skewX(0deg);
		transform: skewX(0deg);
	}
}
@-webkit-keyframes RightSlideIn {
	0% { right: 50%; opacity: 0; }
	75% { right: -20px; opacity: 1; }
	100% { right: 0; opacity: 1; }
}
@-moz-keyframes RightSlideIn {
	0% { right: 50%; opacity: 0; }
	75% { right: -20px; opacity: 1; }
	100% { right: 0; opacity: 1; }
}
@-ms-keyframes RightSlideIn {
	0% { right: 50%; opacity: 0; }
	75% { right: -20px; opacity: 1; }
	100% { right: 0; opacity: 1; }
}
@-o-keyframes RightSlideIn {
	0% { right: 50%; opacity: 0; }
	75% { right: -20px; opacity: 1; }
	100% { right: 0; opacity: 1; }
}
@keyframes RightSlideIn {
	0% { right: 50%; opacity: 0; }
	75% { right: -20px; opacity: 1; }
	100% { right: 0; opacity: 1; }
}
/* Inspired by Animate.css */
.animated {
	-webkit-animation-duration: 1.5s;
	-moz-animation-duration: 1.5s;
	-o-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
}
.animated.fadeInDown {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-25px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}
@-moz-keyframes fadeInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-25px);
	}
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}
@-ms-keyframes fadeInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(-25px);
	}
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}
@-o-keyframes fadeInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(-25px);
	}
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}
@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-25px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
/* Scroll Down */
.scroll-down a i {
	-webkit-animation: BounceDown 1.2s infinite;
	-moz-animation: BounceDown 1.2s infinite;
	-ms-animation: BounceDown 1.2s infinite;
	-o-animation: BounceDown 1.2s infinite;
	animation: BounceDown 1.2s infinite;
}
@-webkit-keyframes BounceDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		-moz-transform: translateY(-20px);
		-ms-transform: translateY(-20px);
		-o-transform: translateY(-20px);
		transform: translateY(-20px);
	}
	50% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(7px);
		-moz-transform: translateY(7px);
		-ms-transform: translateY(7px);
		-o-transform: translateY(7px);
		transform: translateY(7px);
	}
}
@-moz-keyframes BounceDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		-moz-transform: translateY(-20px);
		-ms-transform: translateY(-20px);
		-o-transform: translateY(-20px);
		transform: translateY(-20px);
	}
	50% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(7px);
		-moz-transform: translateY(7px);
		-ms-transform: translateY(7px);
		-o-transform: translateY(7px);
		transform: translateY(7px);
	}
}
@-ms-keyframes BounceDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		-moz-transform: translateY(-20px);
		-ms-transform: translateY(-20px);
		-o-transform: translateY(-20px);
		transform: translateY(-20px);
	}
	50% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(7px);
		-moz-transform: translateY(7px);
		-ms-transform: translateY(7px);
		-o-transform: translateY(7px);
		transform: translateY(7px);
	}
}
@-o-keyframes BounceDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		-moz-transform: translateY(-20px);
		-ms-transform: translateY(-20px);
		-o-transform: translateY(-20px);
		transform: translateY(-20px);
	}
	50% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(7px);
		-moz-transform: translateY(7px);
		-ms-transform: translateY(7px);
		-o-transform: translateY(7px);
		transform: translateY(7px);
	}
}
@keyframes BounceDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		-moz-transform: translateY(-20px);
		-ms-transform: translateY(-20px);
		-o-transform: translateY(-20px);
		transform: translateY(-20px);
	}
	50% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(7px);
		-moz-transform: translateY(7px);
		-ms-transform: translateY(7px);
		-o-transform: translateY(7px);
		transform: translateY(7px);
	}
	
	
	
	
    

	
}

   .topnav {
         overflow: hidden;
         background-color: #ffffff;
         }
         .topnav a {
         float: left;
         display: block;
         color: #000000;
         text-align: center;
         padding: 12px 24px;
         text-decoration: none;
         font-size: 14px;
         }
         .topnav a:hover {
         border-bottom: solid 2px #ff7900;
         color: 000;
         }
         .topnav a.active {
    /* background-color: #ff7900; */
    /* color: black; */
    border-bottom: solid 2px #f60;
}
         .topnav .icon {
         display: none;
         }
         @media screen and (max-width: 600px) {
         .topnav a:not(:first-child) {display: none;}
         .topnav a.icon {
         float: right;
         display: block;
         }
         .table-responsive{
             width:100% !important;
             overflow:scroll;
         }
         #breadcrumbs{
             display: none;
         }
         .page-banner {
            height: 321px !important;
         }
         .college_top_wrapper {
            width: 100%;
            height: 300px !important;
             
         }
         .exams_heading{
             margin-top: 92px !important; 
         }
         .heading{
                 margin: 88px 0 0 !important;
         }
         .section-content{
             margin: 67px 0 14px 0 !important;
         }
         .page-banner{
             padding: 81px 0 !important;
         }
         .college_info1 h3 {
                text-transform: uppercase;
                color: #fff;
                font-weight: 900;
                font-size: 13px !important;
                margin-top: 0;
                margin-bottom: 2px;
                line-height: 23px !important;
            }
            
            .college_shortlist {
                display: inline-block;
                width: 8%;
                text-align: center;
                position: absolute;
                bottom: 20px;
                left: 17px;
            }
         }
         
         
         @media screen and (max-width: 600px) {
         .topnav.responsive {position: relative;}
         .topnav.responsive .icon {
         position: absolute;
         right: 0;
         top: 0;
         }
         .topnav.responsive a {
         float: none;
         display: block;
         text-align: center;
         }
         }
 
         #stats li {
         display: inline;
         list-style-type: none;
         padding-right: 20px;
         }
  
         hr.style4 {
         border-top: 1px dashed #8c8b8b;
         border-bottom: 1px dashed #fff;
         }

        

.nav-tabs{
    border-bottom: 0px !important;
}
.megamenu-list-title h1{
           font-size: 13px;
    padding: 0 0px 0px 16px;
    color: #000;
    font-weight: 600;
}
.tab-cont ul.nav-tabs {
    margin: 10px auto 0;
    display: inline-block;
    padding: 0;
    list-style: none;
    background: #dbdbdb;
    border-radius: 88.9px;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    background-color: #0B2E58;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

.tab-cont .nav-tabs li.college a{
    border-top-left-radius: 88.9px;
    border-bottom-left-radius: 88.9px;
    padding: 10px 25px;
}

.tab-cont .nav-tabs li.exam a{
    border-top-right-radius: 88.9px;
    border-bottom-right-radius: 88.9px;
    padding: 10px 25px;
}

.tab-cont .nav-tabs li.active>a:focus {
    background-color: #323c4f;
    color: #fff;
    border: none;
}
.content_box {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 4px 0 rgba(207,207,207,.5);
    margin-top: 15px;
    margin-bottom: 5px;
}

.gs-image img{
    border: solid 1px #c3c3c3;
    height: 112px;
    margin: 1px 20px 0px 0px;
    width: 116px;
    object-fit: cover;
    float: left;
    padding: 10px;
}
.contents td{
    padding: 0 0 16px 0;
}
.gs-title{
        color: #0000CC;
        font-size: 16px;
}

.listing-block {
    
    text-transform: uppercase;
    position: relative;
    background: #fff;
    border: 1px solid #dbdbdb;
    box-shadow: 0 0 20px #d0d0d0;
        margin-bottom: 10px;
}

.listing-block .top-block {
    position: relative;
    height: 130px;
    overflow: hidden;
    padding: 10px;
}
.listing-block .top-block .snippet-banner {
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
}
.listing-block .top-block .img-overlay {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.4);
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
}
.listing-block .top-block .data-icon {
    margin-right: 10px;
    font-weight: 700;
    text-decoration: none;
    display: block;
    z-index: 1;
    color: #fff;
    position: relative;
    float: left;
    line-height: 1;
}
.listing-block .top-block .clg-name-address {
    position: absolute;
    z-index: 1;
    max-width: 220px;
    line-height: 0;
    bottom: 2px;
    left: 70px;
}
.listing-block .top-block .clg-name-address a, .listing-block .top-block .clg-name-address h3 {
    font-weight: 700;
    color: #fff;
    line-height: 1;
    font-size: 12px;
    margin: 0;
}
.listing-block .bottom-block {
    padding: 0 10px;
    width: 100%;
    position: relative;
    float: left;
    z-index: 2;
    border-bottom: 1px solid #dbdbdb;
}
.listing-block .bottom-block .clg-logo {
    width: 50px;
    height: 50px;
    float: left;
    padding: 5px;
    background: #fff;
    box-shadow: 0 0 5px #cccaca;
    margin-top: -31px;
    margin-right: 10px;
}
.listing-block .bottom-block .clg-logo img {
    max-width: 100%;
}
.listing-block .bottom-block .location-badge {
    display: block;
    font-size: 8px;
    margin-top: 5px;
    line-height: 1;
}
.listing-block .bottom-block .clg-fee-review {
    padding: 0;
    list-style-type: none;
    margin: 10px 0;
    width: 100%;
    line-height: normal;
    float: left;
    overflow: hidden;
    display: flex;
}
.listing-block .bottom-block .clg-fee-review li:first-child, .listing-block .bottom-block .clg-fee-review li:nth-child(2) {
    width: 106px;
}
.listing-block .bottom-block .clg-fee-review li:first-child {
    border-left: none;
    padding-left: 0;
}
.listing-block .bottom-block .clg-fee-review li {
    float: left;
    padding: 0 0 0 10px;
    width: 106px;
    height: 42px;
    border-left: 2px solid #edeff0;
}
.listing-block .bottom-block .clg-fee-review li a {
    text-decoration-color: #9b9b9b;
}
.listing-block .bottom-block .clg-fee-review .lr-key {
    color: #ff7900;
    display: block;
    font-size: 16px;
    font-weight: 700;
}
.listing-block .bottom-block .clg-fee-review .lr-stream, .listing-block .bottom-block .clg-fee-review .lr-value {
    color: #9b9b9b;
    display: block;
    font-size: 8px;
}
.listing-block .bottom-block .clg-fee-review .lr-stream, .listing-block .bottom-block .clg-fee-review .lr-value {
    color: #9b9b9b;
    display: block;
    font-size: 8px;
}
.listing-block .bottom-block .clg-fee-review li:last-child {
    padding-right: 0;
    width: 72px;
}
.listing-block .bottom-block .clg-fee-review li:first-child, .listing-block .bottom-block .clg-fee-review li:nth-child(2) {
    width: 106px;
}
.listing-block .bottom-block .clg-fee-review li:first-child, .listing-block .bottom-block .clg-fee-review li:nth-child(2) {
    width: 106px;
}
.listing-block .media-rank {
    clear: both;
    text-align: center;
    height: 50px;
    overflow-x: scroll;
    white-space: nowrap;
}
.listing-block .media-rank .rank-container {
    display: inline-block;
    min-width: 49%;
    max-width: 49%;
    padding: 5px 0;
}
.listing-block .media-rank .rank-span {
    color: #aaa;
    font-size: 11px;
    display: inline-block;
}
.listing-block .media-rank .rank-name {
    font-weight: 700;
}
.listing-block .clg-links {
    background: #f7f7f7;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #d0d0d0;
    padding: 0 8px;
}
.listing-block .clg-links a:first-child {
    padding-left: 0;
}
.listing-block .clg-links a {
    padding: 8px;
    color: #999;
    display: inline-block;
    font-weight: 700;
    font-size: 10px;
}
.listing-block .clg-links a:last-child {
    padding-right: 0;
}
.listing-block .clg-apply {
    background: 
#307ad5;
    color: #fff;
}
.listing-block .clg-apply, .listing-block .clg-brochure {
    width: 50%;
    padding: 6px;
    text-align: center;
    text-decoration: none;
    float: left;
    display: block;
    font-weight: 700;
    font-size: 12px;
}
.listing-block .clg-brochure {
    color: #ff7900;
}
.listing-block .top-block .data-icon .sup-cript {
    font-size: 8px;
    display: block;
    text-align: right;
}
.listing-block .top-block .data-icon .rating-text {
    font-size: 14px;
    display: block;
    text-align: right;
}
.listing-block .media-rank::-webkit-scrollbar {
    height: 5px;
}
.listing-block .media-rank::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 7px;
}
.listing-block .media-rank::-webkit-scrollbar-track {
    background: #f1f1f1;
}
.listing-block-cont .col-sm-4 {
    padding: 0 5px;
    margin-bottom: 15px;
}
ul.listing_filter::-webkit-scrollbar {
    width: 7px;
}
ul.listing_filter::-webkit-scrollbar-thumb {
    background-color: #eff3f7;
    height: 30px;
    border-radius: 8px;
}
ul.listing_filter::-webkit-scrollbar-track {
    background-color: #FFF;
}






.scrl::-webkit-scrollbar {
    width: 7px;
}
.scrl::-webkit-scrollbar-thumb {
    background-color: #eff3f7;
    height: 30px;
    border-radius: 8px;
}
.scrl::-webkit-scrollbar-track {
    background-color: #FFF;
}
.owl-prev{
    position: absolute;
    left: -15px;
    top: 5px;
     color: #ff7900 !important;
    display: inline-block;
    display: inline;
    margin: 5px;
    padding: 3px 10px;
    font-size: 12px;
    border-radius: 0px !important;
    background: #f5f5f5!important;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
}
.owl-next{
        position: absolute;
    right: -15px;
    top: 6px;
    color: #ff7900 !important;
    display: inline-block;
    display: inline;
    margin: 5px;
    padding: 3px 10px;
    font-size: 12px;
    border-radius: 0px !important;
    background: #f5f5f5!important;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
}

.state_filter_omni {
    margin-bottom: 15px;
    padding-right: 0;
}
.listing_tags {
    border-radius: 2.7px;
    background-color: #fff;
    padding: 0 13px 10px;
    min-height: 41px;
}
.listing_tags .filter-heading {
    
    font-size: 11.6px;
    letter-spacing: .4px;
    color: #323c4f;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 15px 0 0;
    padding: 4px 20px;
    position: relative;
    border-right: 1px solid #dbd7d7;
}
.listing_tags .tag {
    font-size: 11px;
    color: #9d9d9d;
    background-color: #f6f6f6;
    padding: 4px 10px 4px 20px;
    margin: 10px 9px 0 0;
    border-radius: 20px;
    position: relative;
    transition: 0s ease all;
    display: inline-block;
}
.listing_tags .more_tags, .listing_tags .tag {
    letter-spacing: .5px;
    font-weight: 600;
    
    text-transform: uppercase;
}
.listing_tags .tag::before {
    position: absolute;
    width: 8px;
    background-color: #6ccbd6;
    border-radius: 8px;
    left: 7px;
    top: 11px;
}
.listing_tags .tag::before, .selected-bubble::before {
    content: '';
    height: 8px;
}
.top-heading{
        
    font-size: 26.7px;
    letter-spacing: 1px;
    color: #ff7900;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 25px;
    margin-top: 15px;
}
.listing_tags .tag:hover {
    text-decoration: none;
    background-color: #6ccbd6;
    color: #fff;
    transition: 0s ease all;
}
.listing_tags .tag:hover::before {
    background-color: #fff;
}
.college-breadcrumbs {
    width: 95%;
    bottom: 86px;
    left: 123px;
    color: rgba(255,255,255,.5);
    
    text-transform: uppercase;
    font-size: 9px;
    margin-bottom: 0;
}
.extra_info span svg {
    height: 12px;
    width: 12px;
    vertical-align: middle;
    fill: #fff;
    margin-right: 3px;
    margin-top: -2px;
}
.rating_data .more_reviews {
    font-size: 12px;
    line-height: 1.4;
    color: #fff;
    display: block;
    font-weight: 500;
    text-transform: uppercase;
    margin-top: 4px;
}
.college_rating .rating_data {
    display: inline-block;
    margin-left: 10px;
}
.college-breadcrumbs a {
    letter-spacing: .5px;
    color: #fff;
    font-weight: 400;
}
.course_snipp .course_snipp_body .heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 31px;
}
.course_snipp .course_snipp_body .heading .course-head h3 {
    color: #444;
    font-size: 18px;
    font-weight: 700;
    margin: 0;
}
.course_snipp .course_snipp_body .heading .heading-fee {
    color: #9b9b9b;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
}
.course_snipp .course_snipp_body .heading .heading-fee .heading-fee-rupee {
    color: #0B2E58;
    font-size: 22px;
    font-weight: 700;
}
.course_snipp .course_snipp_body .course-details.year {
    color: #0b2e58;
}
.course_snipp .course_snipp_body .course-details {
    display: inline-block;
    font-size: 12px;
    margin-right: 30px;
    margin-bottom: 10px;
}
.course_snipp .course_snipp_body .course-details svg {
    height: 14px;
    width: 14px;
    margin-right: 3px;
    margin-bottom: -1px;
}
.course_snipp .course_snipp_body .course-details.book {
    color: #FFA100;
}
.course_snipp .course_snipp_body .get-detailed-fees {
    float: right;
    color: #ff7900;
    font-weight: 700;
    text-decoration: none;
    margin-bottom: 10px;
}
.course_snipp .course_snipp_body .course-details-list {
    color: #ff7900;
    padding-left: 18px;
}
.course_snipp .course_snipp_body .course-details-list li {
    color: #444;
    margin-bottom: 13px;
}
.font-weight-bold {
    font-weight: 700!important;
}
.course_snipp .course_snipp_body .course-details-list li {
    color: #444;
    margin-bottom: 13px;
}
.mr-half, .mx-half {
    margin-right: 4px!important;
}
.text-subheading {
    color: #6c757d!important;
}
.show-five-pipe {
    padding: 0 5px;
}
.pointer {
    cursor: pointer;
}
.text-primary {
    color: #ff7900!important;
}
.course_snipp .course_snipp_body .course-bottom-admission-link svg, .course_snipp .course_snipp_body .course-bottom-download-link svg {
    width: 16px;
    height: 16px;
    margin-left: 4px;
    vertical-align: text-bottom;
}
.course_snipp .course_snipp_body .course-bottom-admission-link svg {
    fill: #0b2e58;
}
.course_snipp .course_snipp_body .course-bottom-download-link svg {
    fill: #0b2e58;
}
.course_snipp .course_snipp_body .course-bottom-admission-link, .course_snipp .course_snipp_body .course-bottom-download-link {
    font-size: 14px;
    font-weight: 700;
    margin-right: 15px;
}
.course_snipp .course_snipp_body .course-bottom-admission-link {
    color: #f19e32;
}

.course_snipp .course_snipp_body .course-bottom-download-link {
    color:#0b2e58;
}
.top-contact ul{
    list-style: none;
}
.contentx_box {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 4px 0 rgba(207,207,207,.5);
    /* margin-top: 15px; */
    padding: 10px 10px 10px 10px;
    margin-bottom: 13px;
}
.facilities h3 svg {
    height: 15px;
    width: 15px;
    margin-right: 10px;
}
.facilities h3 {
    
    font-size: 16px;
    color: #4d586c;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 16px;
}
.facilities .facility {
    display: inline-block;
    text-align: center;
    width: auto;
    padding: 20px;
}
.facilities .facility .circle_icon {
    display: block;
    background-color: #f5f5f5;
    padding: 15px 0;
    border-radius: 53px;
    height: 60px;
    width: 60px;
    margin-left: auto;
    margin-right: auto;
}
.facilities .facility .circle_icon svg {
    height: 30px;
    width: 30px;
}
.facilities .facility .facility_name {
    display: block;
    
    font-size: 10.7px;
    color: #9b9b9b;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 9px;
}
.content_box .content_head {
    font-size: 20px;
    letter-spacing: .7px;
    color: #ff7900;
    font-weight: 600;
    padding: 16px;
    border-bottom: solid 1px rgba(164,164,164,.2);
}
.college_block {
    border: 1px solid #ececec;
    position: relative;
    line-height: 1.42857143;
}
.college_block .bottom_block .right a {
    display: inline-block;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
    vertical-align: super;
}
.college_block .bottom_block .right a.brochure-download.button {
    display: block;
    background: #ff7900;
    padding: 3px;
    float: right;
    margin-bottom: 20px;
    position: absolute;
    right: 3px;
    top: 46px;
    color: #fff;
    text-decoration: none;
    border-radius: 3px;
}
.college_block .mid_block .college-logo {
    height: 30px;
    width: 30px;
    display: inline-block;
    vertical-align: baseline;
    border-radius: 4px;
    text-indent: -99999em;
    background-color: #fff;
}
.content_box .content_body {
    padding: 15px;
    display: inline-block;
    width: 100%;
}
.same_univer {
    margin-top: 15px;
    overflow: hidden;
    margin-bottom: 15px;

}
.college_block .top_block {
    position: relative;
    width: 100%;
    height: 150px;
    overflow: hidden;
}
.mb-15 {
    margin-bottom: 15px;
}
.college_block .mid_block {
    padding: 0 10px;
    position: absolute;
    width: 100%;
    bottom: 75px;
}
.college_block .mid_block .college_info .extra_info .info svg {
    height: 12px;
    width: 12px;
    fill: #ffa100;
    position: relative;
    top: 2px;
}
.college_block .mid_block .college_info .extra_info .info svg {
    margin-right: 2px;
}
.college_block .top_block .rating {
    position: absolute;
    top: 0;
    right: 0;
    padding: 6px;
    width: 100%;
}
.college_block .top_block .rating .btn-follow {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    border: 1px solid #fff;
    padding: 3px 7px;
    border-radius: 12px;
}
.college_block .top_block .rating .rating_college {
    font-weight: 900;
    color: #fff;
    font-size: 20px;
    float: right;
}
.author-section {
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 0px solid #efefef;
    font-size: 14px!important;
}
.author-section .author-subsection {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
}
.author-section .author {
    margin-right: 10px;
}
.author-section .author-name {
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 400!important;
    color: #ff7900!important;
}
.author-compact-design .author-check-svg {
    margin-right: 8px;
}
.author svg {
    width: 17px;
    height: 17px;
    margin-left: 5px;
    vertical-align: text-bottom;
}
.author-section .author-date-text {
    font-size: 14px!important;
    color: grey;
    margin-bottom: 5px;
}
.tpbox {
    background-color: #fff;
    /* border-radius: 4px; */
    /* box-shadow: 0 0 4px 0 rgba(207,207,207,.5); */
    /* margin-top: 15px; */
    padding: 10px 10px 10px 10px;
    /* margin-bottom: 13px; */
}
.author-section .author-date {
    color: grey!important;
    font-size: 14px!important;
    font-weight: 400!important;
}
.author-section span {
    margin-top: 0!important;
    margin-bottom: 0!important;
}
.author-section span {
    margin-top: 0!important;
    margin-bottom: 0!important;
}
.exam_tags ul {
    list-style: none;
    border-radius: 88.9px;
    background-color: #f6f6f6;
    display: inline-block;
    padding: 0 6px;
    text-transform: uppercase;
    margin: 0;
}
.exam-heading a {
    font-size: 22px;
    color: #4d586c;
    font-weight: 900;
}
.exams_heading a {
    color: #9E9E9E;
}
.exam_name span {
    font-size: 10.7px;
    color: #4d586c;
    font-weight: 600;
    display: block;
    letter-spacing: .5px;
    text-transform: uppercase;
}
.exams_heading {
    background: #4d586c;
    padding: 10px 0 0;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.exams_heading .breadcums {
    font-size: 12px;
    color: #9E9E9E;
}
.exams_heading .lst_left {
    width: 70%;
    display: inline-block;
    font-weight: 400;
}
.exams_header_section .lst_right {
    width: 30%;
    display: inline-block;
    text-align: right;
    margin-bottom: auto;
    margin-top: 6px;
    font-size: 1.2rem;
    color: #fff;
    float: right;
}

.exams_heading .lst_left #header_title {
    font-size: 25px;
    margin-top: 5px;
    margin-bottom: 4px;
    margin-left: 2px;
}
.exams_heading .lst_left #header_title {
    color: #fff;
    font-weight: 900;
}
.exams_heading .lst_left p {
    margin: 0 0 0 15px;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
}
.exams_heading .lst_left svg {
    width: 20px;
    height: 20px;
    fill: #fff;
    position: relative;
    top: 5px;
    margin-left: -2px;
    margin-top: -1px;
}
.exams_heading .lst_left .lists ul {
    display: inline-block;
    margin-left: 5px;
    font-size: 12px;
    font-weight: 700;
    padding: 0;
    list-style: none;
    margin-bottom: 0;
    margin-top: 6px!important;
}
.pad_wrap {
    padding: 0 30px;
}
.exams_heading .lst_left .lists.tags li {
    margin-right: 10px;
    margin-bottom: 10px;
}
.exams_heading .lst_left .lists ul li {
    display: inline-block;
    color: #fff;
    margin-right: 2px;
}
.exams_heading .lst_left .lists.tags li a {
    color: #4fb7dd!important;
    border: 1px solid #4fb7dd;
    text-decoration: none;
    padding: 3px 6px;
    border-radius: 12px;
    font-size: 10px;
    font-weight: 700;
}
.exams_heading .lst_left .lists.tags li:last-child a {
    background-color: #3eba9f;
    border: 1px solid #3eba9f;
    color: #fff!important;
}
.exams_heading .lst_left .lists.tags li a {
    color: #4fb7dd!important;
    border: 1px solid #4fb7dd;
    text-decoration: none;
    padding: 3px 6px;
    border-radius: 12px;
    font-size: 10px;
    font-weight: 700;
}
.exams_heading span {
    font-size: 18px;
    line-height: 1.6;
    font-family: inherit;
}
.exams_heading .lst_left .lists.tags li a:hover {
    background-color: #4fb7dd;
    color: #fff!important;
}
.lst_right .upcomming_exams {
    position: absolute;
    right: 27px;
    bottom: 4px;
}
.upcomming_exams ul {
    padding: 0;
    list-style: none;
}
.upcomming_exams ul span {
    position: relative;
    right: 0;
    vertical-align: middle;
}
.exams_heading .opst {
    opacity: .6;
}
.lst_right .upcomming_exams ul li {
    display: inline-block;
}
.lst_right .upcomming_exams ul span {
    position: relative;
    right: 0;
    vertical-align: middle;
}
.exams_header_section .exams_heading .opst {
    opacity: .6;
}
.pad_wrap {
    position: relative;
}
.upcomming_exams ul li a {
    background: #3e485c;
    color: #4fb7dd;
    font-weight: 900;
    padding: 5px 8px;
    text-decoration: none;
    text-transform: uppercase;
    margin-left: 15px;
}

.login-section{
    background: #00283c;
    padding: 20px 0 11px 30px;
    color: #fff;
}

.user-img{
    height: 50px;
    width: 50px;
    border: solid 1px #ddd;
    border-radius: 50%;
    text-align: center;
    line-height: 47px;
    font-size: 23px;
    float: left;
    margin: 6px 12px 0 0;
}

.login-section{
        display: none;
}
.menu-guide{
         display: none;
}

.menu-guides{
         display: none;
}

.mbv{
     display: none;
}

.examheading{
        color: #ff7200;
    font-weight: 600;
    margin-top: 10px;
    font-size: 23px;
    line-height: 35px;
}
@media only screen and (max-width: 600px) {
  .login-section{
        display: block;
    }
    
    .mbv{
        display: block;
    }
    
    .pics img{
        height: 100px;
        width: 100px ! important;
    }
    .education-loan{
        text-align: center;
    }
    .card{
        margin-left:0px ! important;
            margin-bottom: 27px;
    }
    .items{
        padding: 0px ! important;
    }
    .cta{
        display:none ! important;
    }
    .banner__content--left {
        width: 100% !important;
    }
    .banner__content--right{
        display: none ! important;
    }
    .banner__content {
        padding-top: 0 ! important;
    }
    .banks-list__card {
    width: 25% ! important;
    padding: 0px ! important;
    }
    .menu-guide{
        padding: 10px 10px 10px 30px;
        font-size: 14px;
        background: #efefef;
        font-weight: 800;
        display:block;
    }
    
    .menu-guides{
         display:block;
    }
}

.banner {
    color: #fff;
    overflow: hidden;
}
.banner .abs-block {
    position: absolute;
    width: 100%;
        top: 0;
    min-height: 100%;
    bottom: 0;
    left: 0;
}
.cta {
    margin: 25px 25px 0 0;
    text-align: right;
}

.cta li {
    margin-left: 25px;
}
.button--trans, .cta a {
    font-weight: 300;
    color: #fff;
}
.card p, .cta a {
    font-size: 15px;
}
.card p {
    line-height: 1.65;
    margin: 0 auto;
    max-width: 80%;
}
.banner__content {
    padding-top: 100px;
    padding-bottom: 100px;
    display: flex;
}
.banner__content--left {
    width: 40%;
    position: relative;
}
.banner__content--right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 60%;
    z-index: 9;
}
.banner {
    position: relative;
}
.banner__content--left::before {
    content: "";
    position: absolute;
    top: 50px;
    left: -60px;
    height: .5px;
    width: 44px;
    background: #fff;
}
.banner__content--left p {
    font-weight: 300;
    font-size: 24px;
    line-height: 1.4;
}
.banner__content .card {
    height: 90%;
    width: 30%;
        margin: 0 0 0 20px;
    padding: 40px 10px;
}
.card {
    width: 40%;
    margin-left: 20px;
    box-shadow: 0 0 15.8px 3.2px rgba(68,68,68,.18);
    color: #444;
    padding: 30px 10px;
}


.card, main {
    background: #fff;
}
/*.card, .compare-table thead td, .ta-center, h2 {*/
/*    text-align: center;*/
/*}*/
.banner__content svg {
    display: block;
    width: 90px;
    height: 90px;
    margin: 0 auto 20px;
}
.orange-color, .orange-color:focus, .orange-color:hover {
    color: #f4654b;
}
.card, main {
    background: #fff;
}
.education-loan-page .container {
    width: calc(100% - 12%);
    margin: 0 6%;
}
.banks-list {
    position: relative;
    top: -40px;
    background-color: #fff;
    box-shadow: 0 0 15.8px 3.2px rgba(68,68,68,.15);
    border-radius: 2.5px;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
}
.banks-list .icon-container {
    text-align: left;
    display: inline-flex;
    margin: 0 auto;
    flex-wrap: wrap;
    justify-content: center;
    max-height: 220px;
    overflow: hidden;
}
.banks-list__card {
    width: 16%;
    padding: 20px;
    border-radius: 2.5px;
    margin-bottom: 20px;
    display: inline-block;
}

.banks-list img {
    max-width: 100%;
    margin: 0 auto;
    display: block;
}
img.clgdn_lazyload, img.lazyloaded {
    background: center no-repeat #fff;
    font-size: 0;
    max-width: 100%;
}
.education-loan {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 20px;
}
.education-loan-page .container {
    width: calc(100% - 12%);
    margin: 0 6%;
}
.education-loan__content--text {
       padding-right: 10%;
    display: flex;
    flex-direction: column;
    line-height: 1.56;
    font-size: 20px;
    color: #444;
    font-weight: 300;
    max-height: 320px;
    width: 75%;
    overflow: hidden;
    float: left;
}
.education-loan__content--image {
    display: block;
    width: 25%;
}
.application {
    padding-top: 50px;
    padding-bottom: 20px;
    text-align: center;
    background: linear-gradient(145deg,#ff8d27,#eb715b);
}
.application h2 {
    color: #fff;
    margin: 0px 0 40px;
}
.application .card {
    display: flex;
    float: left;
    min-height: 290px;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    color: #fff;
    box-shadow: none;
    background: rgba(255,255,255,.14);
}
.application .card p {
    font-size: 18px;
    font-weight: 300;
    margin: 20px 0;
}
.banks-list__card:hover {
    text-decoration: none;
    box-shadow: 0 0 15.8px 3.2px rgba(68,68,68,.08);
}
.application .card svg {
    margin-top: 50px;
    display: block;
    max-width: 80px;
    max-height: 80px;
}



.vertical-tabs-container {
  border-radius: 3px;
  overflow: hidden;
}
.vertical-tabs-container::after {
  clear: both;
  content: "";
  display: block;
}
.vertical-tabs-container li {
  list-style: none;
  display: block;
}
.vertical-tabs-container a {
  text-decoration: none;
}
.vertical-tabs-container .vertical-tabs {
  display: none;
}
@media screen and (min-width: 40em) {
  .vertical-tabs-container .vertical-tabs {
    background-color: #f6f6f6;
    display: inline;
    float: left;
    height: 21.75em;
    width: 20%;
  }
}
@media screen and (min-width: 40em) {
  .vertical-tabs-container .vertical-tab {
    display: block;
    font-weight: bold;
    margin-right: -1px;
    padding: 0.75em 0.809em;
  }
  .vertical-tabs-container .vertical-tab.is-active {
    background-color: #fff;
    margin-right: -1px;
    color: #4d4d4d;
    border-left: 4px solid #ff7900;
  }
}
.vertical-tabs-container a.vertical-tab-accordion-heading,
.vertical-tabs-container a.vertical-tab {
  color: #333;
}
.vertical-tabs-container .vertical-tab:focus {
  outline: none;
}
.vertical-tabs-container .vertical-tab-content-container {
  display: block;
  margin: 0 auto;
}
.vertical-tabs-container .vertical-tab-content-container a:focus {
  outline: none;
}
@media screen and (min-width: 40em) {
  .vertical-tabs-container .vertical-tab-content-container {
    height: 21.75em;
    width: 80%;
    overflow: hidden;
    background-color: #ffffff;
    display: inline-block;
  }
}
.vertical-tabs-container .vertical-tab-content {
  background-color: #fff;
    padding: 0 14px;
    overflow: hidden;
}
.vertical-tabs-container .vertical-tab-content p {
  color: #333;
  line-height: 1.5em;
}
@media screen and (min-width: 40em) {
  .vertical-tabs-container .vertical-tab-content {
    border: none;
    display: none;
  }
}
.vertical-tabs-container .vertical-tab-accordion-heading {
  background-color: white;
  cursor: pointer;
  display: block;
  font-weight: bold;
  padding: 0.75em 0.809em;
}
.vertical-tabs-container .vertical-tab-accordion-heading:focus, .vertical-tabs-container .vertical-tab-accordion-heading:hover {
  color: #477DCA;
}
.vertical-tabs-container .vertical-tab-accordion-heading:first-child {
  border-top: none;
}
.vertical-tabs-container .vertical-tab-accordion-heading.is-active {
  background: #fff;
  border-bottom: none;
}
@media screen and (min-width: 40em) {
  .vertical-tabs-container .vertical-tab-accordion-heading {
    display: none;
  }
}

.inside-title{
    font-size: 14px;
    /* height: 26px; */
    color: #101010;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: 500;
}

.lnk li a{
    font-size: 12px;
    text-decoration: none;
    color: #a2a2a2;
    font-weight: 700;
    margin-bottom: 10px;
}
.cd-bottom-head {
    padding: 10px 20px;
    margin: 0;
    font-size: 14px;
    color: #5c6778;
}
.menutab-footer{
    border-top: 1px solid #dfdfdf;
}
.cd-bottom-img {
    margin-right: 10px;
    padding: 2px;
    box-shadow: 0 0 7px 1px #efefef;
    background: #fff;
    border-radius: 4px;
    height: 35px;
    width: 35px;
    float: left;
}
.cd-bottom-card {
    padding: 0 15px 10px;
}
.cd-bottom-card-head {
    font-size: 14px;
    font-weight: 700;
    margin: 0;
    color: #8791a2;
}
.cd-navbar .d-block {
    display: block;
}
.main-fot{
    padding:5px;
}
.cd-bottom-card-subhead {
    font-size: 12px;
    font-weight: 700;
    margin: 0;
    color: #8791a2;
}
.cd-drop-links {
    font-size: 12px;
    text-decoration: none;
    color: #a2a2a2;
    font-weight: 700;
    margin-bottom: 10px;
}
.cd-nav-dropdown-heads {
    font-size: 16px;
    color: #5c6778;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.news-alert .cd-nav-dropdown-heads {
    margin-bottom: 0;
    margin-top: 10px;
}
.menu-rightside-heading {
    font-size: 14px;
    display: flex;
    align-items: center;
}
.menu-rightside-heading-span {
    font-size: 16px;
    margin-right: 4px;
    margin-top: 9px;
    margin-bottom: 9px;
    color: #000;
    text-transform: uppercase;
}
.cd-nav-dropdown-sub-heads {
    font-size: 12px;
    margin-bottom: 0;
    color: #4d4d4d;
}

.cd-drop-links {
    font-size: 12px;
    text-decoration: none;
    color: #a2a2a2;
    font-weight: 700;
    margin-bottom: 10px;
}
.cd-drop-links:hover {
    color: #ff7900;
}

.vertical-tab-content.is-active{
    display: block !important;
}
.filter-listing-container {
    margin-bottom: 20px;
    border-radius: 4.4px;
    background-color: #fff;
    box-shadow: 0 0 4px 0 rgba(207,207,207,.5);

}
.filter-listing-container .filters-wrapper {
    margin: 0 20px;
}
.filter-listing-container .filters-wrapper .total_exams {
    font-size: 11px;
    color: #b4b4b4;
    font-weight: 400;
    display: inline-block;
    padding: 10px 0;
}
.filter-listing-container .filters-wrapper .reset {
    font-weight: 600;
    font-size: 11px;
    color: #ff7900;
    float: right;
    display: inline-block;
    position: relative;
    padding: 10px 0;
    text-decoration: none;
}
.exam_logo img {
    width: 52px;
    height: 52px;
    position: relative;
    top: 6px;
}
.heading{
    font-size: 24px;
    letter-spacing: 1.8px;
    color: #ff7900;
    font-weight: 900;
    margin: 30px 0;
}
.course_list {
    border-radius: 4.4px;
    background-color: #fff;
    box-shadow: 0 0 4px 0 rgba(207,207,207,.5);
    padding: 8px 15px;
    margin-bottom: 20px;
    transition: .2s all ease-in;
}
.course_list .course_header {
    display: inline-block;
    float: left;
    width: 70%;
}
.course_list_wrapper h3 {
    font-size: 16px;
    color: #4d586c;
    font-weight: 900;
    margin: 30px 0 20px;
    text-transform: uppercase;
}
.course_list .course_header .course_details ul {
    padding: 0;
    list-style: none;
}
.course_list .course_header .course_details ul li {
    display: inline-block;
    font-size: 10.7px;
    color: #3eae8d;
    margin-right: 15px;
    position: relative;
    font-weight: 600;
}
.course_header h3 {
    margin: 0;
}
.course_type ul {
    padding: 0;
    list-style: none;
    margin: 0;
}
.course_type ul li a {
    font-size: 10.7px;
    color: #80899a;
    font-weight: 600;
    border-radius: 88.9px;
    border: 1px solid #d6d6d6;
    padding: 3px 10px;
    display: block;
    margin-bottom: 5px;
    text-decoration: none;
}
.course_type ul li:last-child a {
    background-color: #ff7900;
    color: #fff;
}
.course_header h3 {
    font-size: 16px;
    color: #4d586c;
    font-weight: 900;
    margin: 10px 0 3px;
    text-transform: uppercase;
}
.course_list:hover {
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.27);
}
.course_header h3 a {
    font-size: 19.6px;
    color: #4d586c;
    font-weight: 600;
    text-decoration: none;
}

.single_page_header_wrapper {
    
    background: url(https://www.way2plus2.com/assets/site/images/banner-2-02.png) no-repeat;
    background-size: cover;
    height: 250px;
}
.single_page_header_wrapper .single_page_overlay {
    background-image: linear-gradient(to top,rgba(45,53,71,0),#323c4f);
    height: 100%;
    position: relative;
}
.single_page_header_wrapper .single_page_overlay .single_course_header_wrap {
    position: absolute;
    left: 0px;
    right: 0;
    top: 45px;
}
.single_page_header_wrapper .single_page_overlay .single_course_header_wrap .single_course_header {
    background: #457FC0;
    padding: 25px 25px 10px;
}
.single_course_header .header_wrap .course-heading{
    font-size: 26.7px;
    color: #fff;
    font-weight: 900;
    margin: 0;
}
.single_page_header_wrapper .single_page_overlay .single_course_header_wrap .single_course_header .header_wrap .course_details {
    margin-top: 15px;
}
.single_course_header .header_wrap .course_details ul {
    padding: 0;
    list-style: none;
}
.single_course_header .header_wrap .course_details ul li {
    display: inline-block;
    margin-right: 40px;
}
.single_course_header .header_wrap .course_details ul li .info {
    display: inline-block;
    float: right;
}
.course_details ul li .info span {
    font-size: 10.7px;
    color: rgba(255,255,255,.8);
    font-weight: 900;
    margin-bottom: -2px;
    
}
.course_details ul li .info p {
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    margin: 0;
    
    text-transform: uppercase;
}
.single_course_section {
    background: #fff;
    padding: 20px 20px 10px;
    border-radius: 5px;
    box-shadow: 0 0 4px 0 rgba(207,207,207,.5);
}
.single_course_section h1{
    font-size: 21px;
    line-height: 28px;
    margin: 0 0 16px 0;
}
.selected {
    background: #ff7900!important;
    color: #fff !important;
}
.content-side table th:nth-child(1) {
    background-color: #0b2e58!important;
}
.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}
.content-side table th:nth-child(2) {
    background-color: #0b2e58!important;
}
.content-side table th:nth-child(3) {
    background-color: #0b2e58!important;
}
.content-side table th {
    text-align: center;
    border: 1px solid #ddd;
    padding: 12px;
}
.content-side table th {
    font-size: 16px;
    color: #fff;
}
.other_faculty {
    padding: 10px;
    border-bottom: 1px solid rgba(119,119,119,.08);
    margin-right: 6px;
    width: 100%;
    display: block;
    margin-bottom: 0;
}
.other_faculty .faculty_info {
    display: inline-block;
    width: 54%;
    vertical-align: top;
}
.other_faculty .faculty_info_full {
    border-right: 1px solid #eee;
    padding-right: 20px;
}
.other_faculty .other_faculty_name {
    font-size: 18px;
    color: #0b2e58;
    text-transform: capitalize;
    margin-bottom: 5px;
    margin-top: 0;
}
.other_faculty .other_faculty_dept {
    color: #ffa100!important;
    font-weight: 600;
    margin-bottom: 5px;
}
.other_faculty_experties {
    color: #4d586c;
    font-weight: 900;
    margin-bottom: 3px;
    margin-top: 6px;
}
.other_faculty .faculty_contact {
    display: inline-block;
    width: 42%;
    padding-left: 20px;
    vertical-align: top;
}
.lead_buttons .apply_now_btn {
    background: #ff7900;
}
.lead_buttons {
    margin-top: 20px;
    text-align: center;
}
.lead_buttons a {
    margin-left: 4%;
    text-transform: uppercase;
    white-space: nowrap;
    display: inline-block;
    border-radius: 3px;
}
.lead_buttons a{
    color: #fff;
    padding: 10px;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
}
.lead_buttons .download_brouchure {
    background: #fafafa;
    color: #ff7000;
    border: 1px solid #d7d7d7;
}
.lead_buttons .counseling_btn {
    background: #3eba9f;
}
.course .course_snipp_body .basic_info .info_details div {
    display: inline-block;
    margin-left: 10px;
}
.course .course_snipp_body .basic_info .info_details svg {
    height: 35px;
    width: 35px;
}
.course .course_snipp_body .basic_info .info_details {
    display: inline-block;
    width: 25%;
    position: relative;
}
.course .course_snipp_body .basic_info .info_details div .info_for {
    display: flex;
}
.course .course_snipp_body .basic_info .info_details div .info, .course .course_snipp_body .basic_info .info_details div .info_for {
    
    font-weight: 600;
    text-transform: uppercase;
    display: block;
}
.fee_structure {
    padding-left: 20px;
    padding-right: 20px;
}
.fee_structure .table thead tr th:first-child {
    text-align: left;
    color: #949ca9;
    border: 1px solid #F7F7F7;
    background-color: #fff;
}
.fee_structure .table tbody tr td {
    font-size: 12px;
    color: #4d586c;
    border: 1px solid #F7F7F7;
    text-align: center;
}
.fee_structure .table tr td:first-child, .course .course_snipp_body .fee_structure .table tr th:first-child {
    padding-left: 20px;
}
.fee_structure .table tbody tr td:first-child {
    text-align: left;
    color: #949ca9;
    font-size: 11px;
    text-transform: uppercase;
}
.fee_structure .table tbody .grand_total_value td:first-child {
    color: #4d586c;
    font-weight: 900;
    font-size: 16px;
}
.fee_structure .table thead tr th {
    letter-spacing: .5px;
    font-weight: 400;
    padding-top: 12px;
    padding-bottom: 12px;
    text-transform: uppercase;
    
    vertical-align: middle;
}
.fee_structure .table tbody .grand_total_value td {
    color: #4d586c;
    font-size: 16px;
    font-weight: 900;
    text-align: left;
}
.fee_structure .table thead {
    background-color: #f7f7f7;
}

#homecrousel:before {
    /*content: "";*/
    /*display: block;*/
    /*position: absolute;*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*top: 0;*/
    /*z-index: 1;*/
    /*left: 0;*/
    /*background: rgba(255,255,255,0);*/
    /*background: -moz-linear-gradient(top,rgba(255,255,255,0) 50%,#2b2b2b 100%);*/
    /*background: -webkit-gradient(left top,left bottom,color-stop(50%,rgba(255,255,255,0)),color-stop(100%,#2b2b2b));*/
    /*background: -webkit-linear-gradient(top,rgba(255,255,255,0) 50%,#2b2b2b 100%);*/
    /*background: -o-linear-gradient(top,rgba(255,255,255,0) 50%,#2b2b2b 100%);*/
    /*background: -ms-linear-gradient(top,rgba(255,255,255,0) 50%,#2b2b2b 100%);*/
    /*background: linear-gradient(to bottom,rgba(255,255,255,0) 50%,#2b2b2b 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#2b2b2b', GradientType=0 );*/
}
.carousel-inner .caption {
        position: absolute;
    bottom: 10px;
    right: 30px;
    background: rgba(0, 0, 0, 0.70);
    width: 100%;
    left: 0;
    padding: 20px 0 12px 26px;
    z-index: 99999;
}
.carousel-inner .caption p {
    letter-spacing: .2px;
    color: #fff;
    font-weight: 900;
    /*position: relative;*/
    z-index: 99;
}
.carousel-inner .caption p a {
    color: #fff;
    text-transform: uppercase;
}
.carousel-inner .caption p:before {
    content: '';
    background: #fff;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    position: absolute;
    left: -15px;
    top: 6px;
}
.owl-theme .owl-controls{
    margin-top: 0px !important;
}
.college_shortlist {
    display: inline-block;
    width: 8%;
    text-align: center;
    position: absolute;
    bottom: 65px;
    right: 161px;
}
.college_shortlist a {
    display: block;
    border: 3px solid rgba(255,255,255,.54);
    border-radius: 29px;
    padding: 12px 9px 4px;
    height: 50px;
    width: 50px;
    margin-left: auto;
    margin-right: auto;
    transition: padding .4s cubic-bezier(0,1.8,1,1.8);
}
.college_shortlist svg {
    width: 22px;
    height: 22px;
    fill: #fff;
    padding: 0;
}
.college_shortlist a:hover {
    border: 3px solid #FD703B;
    text-decoration: none;
}
.headerslot-fixedheight {
    min-height: 106px;
}
.model-logo{
    border-radius: 50%;
    background: #fff;
    padding: 24px;
    float:left;
    box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
}

.model-logo img{
        width: 50px;
    height: 50px;
    max-width: 50px;
}
.collegetitle-model{
          margin: 4px 0 0;
    font-size: 15px;
    width: 500px;
    color: #000;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 700;
}
.dataContent {
    text-align: center;
    border: 1px solid #e8e8e8;
    background: #fff;
    overflow: hidden;
}
.image img {
    width: 100%;
}
.commonFormBlock h3 {
    margin: 15px 0 0;
    text-transform: uppercase;
}
.commonFormBlock p{
    color: #999;
    font-size: 80%;
    margin-bottom: 6px;
}
.commonFormBlock ul {
    margin: 0 0 25px;
    padding: 0
}
.commonFormBlock li {
    display: inline-block;
    padding: 4px 20px 4px 15px;
    position: relative;
}
 .button a {
    display: inline-block;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
    font-size: 12px;
    padding: 9px 17px 9px;
    border: 0;
        width: 80%;
    border-radius: 2px;
    background: #fd6c73;
    transition: all .2s;
}
.common-application{
    background-color: #f4f4f4;
        padding: 0 0 52px 0;
}
.commonFormBlock li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 11px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #666;
}
.imageBox {
    width: 88px;
    height: 66px;
    min-width: 88px;
    min-height: 66px;
    max-width: 88px;
    max-height: 66px;
    overflow: hidden;
    border: 1px solid #d2d2d2;
    border-radius: 4px;
    position: relative;
    margin-left: 24px;
}
.articleData {
    display: flex;
    justify-content: space-between;
    text-align: left;
}
.articleTitle a{
    color: #000!important;
}
.articleTitle {
    font-size: 1rem;
    font-weight: 600;
    margin: 0 0 2px;
    line-height: 1.4;
}
.contentBox{
    padding: 0 0 25px;
}
.blackLink {
    font-size: 16px;
    font-weight: 800;
    margin: 0 0 2px;
    line-height: 1.4;
}
.articleCaption{
    color: #666;
    line-height: 1.6;
    margin-bottom: 8px;
}
.authorInfo {
    margin: 0 0 8px;
    border-bottom: none;
}
.authorInfo strong {
    margin-right: 15px;
    position: relative;
}
.authorInfo a.blackLink {
    font-weight: 400;
    color: #000;
}
.authorInfo strong:after {
    position: absolute;
    content: "";
    width: 4px;
    border-radius: 50%;
    height: 4px;
    transform: translateY(7px);
    background: #666;
    margin-top: -1px;
    right: -9px;
}
.articelUpdatedDate {
    display: inline-block;
    font-weight: 400;
    color: #666;
}
.right_button {
    text-align: center;
    margin-top: 36px;
}
.right_button .button {
    min-width: 158px;
}

.button--secondary {
    border: 1px solid #1048c3;
    color: #1048c3;
}
.studenInfo {
    width: 17%;
    float: left;
    padding-top: 7px;
    border-right: 1px solid #777;
}
.studenInfo + div {
    float: left;
}
.revInitials {
    background-color: #ff7900;
    height: 60px;
    width: 60px;
    color: #fff;
    border-radius: 100%;
    text-align: center;
    padding: 13px;
    font-size: 24px;
    font-weight: 700;
    margin: 0 auto;
    text-transform: uppercase;
}
.font12 {
    font-size: 12px !important;
}

.clrfff {
    color: #fff !important;
}
.inoReviews {
    float: left;
    padding: 7px 20px;
    width: 80%;
}
.inoReviews .infoHeading {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
}
.review-rate {
    margin: 15px 0 5px;
    font-size: 17px;
    background-color: #a5c82d;
    color: #fff;
    display: inline-block;
    padding: 2px 15px;
    border-radius: 5px;
    text-align: center;
}
.feature_logo{
    
    width: 30%;
}
.mobile-nav{
    display: none;
}
@media only screen and (max-width: 600px) {
  .filtter-box {
        height: 300px;
        overflow-x: auto;
  }
  .top-heading {
    font-size: 16px;
    line-height: 28px;
  }
  .mobile-nav{
    display: block;
 }
 .mobilenoti{
     display: none;
 }
}

@media only screen and (max-width: 600px) {
  .header-top{
    display:none;
  }
  
  .header-area{
      display:none;
  }
  
  .mobile-menu{
    display:block;
    position: absolute;
    top: 0;
    z-index:999;
    width: 100%;
}
.logo{
    width: 232px;
    float: left;
    margin: 22px 7px;
}

.single-timeline-area {
    padding-left: 0 !important;
}

}


.author {
  position: fixed;
  bottom: 15px;
  right: 15px;
  font-family: "Arvo", sans-serif;
  font-size: 14px;
  color: #999;
}

.author a {
  color: #777;
  text-decoration: none;
}

.author a:hover {
  color: blue;
}

header.dark blockquote {
  color: #fff;
}
header.light blockquote {
  color: #000;
}

blockquote {
  max-width: 1000px;
  margin: 0 auto;
  font-size: 16px;
  border-left: 0px;
  padding: 20px;
}

blockquote h2 {
  padding-right: 40px;
  margin: 0px;
}
header.dark blockquote a {
  color: orange;
  text-decoration: underline;
}
header.light blockquote a {
  text-decoration: underline;
}
header {
  min-height: 80px;
}
header.dark {
  
}
header.light {
  background-color: #fff;
}

/* Navigation Styles */
nav {
  position: relative;
}
header.dark nav {
  background-color: rgba(255, 255, 255, 0.5);
}
header.light nav {
  background-color: rgba(0, 0, 0, 0.5);
}

ul.main-nav {
  list-style-type: none;
  padding: 0px;
  font-size: 0px;
  max-width: 1000px;
  margin: 0 auto;
}

ul.main-nav > li {
  display: inline-block;
  padding: 0;
}

ul.main-nav > li > a {
  display: block;
  padding: 20px 30px;
  position: relative;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  box-sizing: border-box;
}

ul.main-nav > li:hover {
  background-color: #f9f9f9;
}
ul.main-nav > li:hover > a {
  color: #333;
  font-weight: 400;
}

ul.main-nav > li ul.sub-menu-lists {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  display: block;
}

ul.main-nav > li ul.sub-menu-lists > li {
  padding: 2px 0;
}

ul.main-nav > li ul.sub-menu-lists > li > a {
  font-size: 14px;
}

.ic {
  position: absolute;
  cursor: pointer;
  display: inline-block;
  right: 25px;
  width: 32px;
  height: 24px;
  text-align: center;
  top: 0px;
  outline: none;
}

.ic.close {
  opacity: 0;
  font-size: 0px;
  font-weight: 300;
  color: #fff;
  top: 8px;
  height: 40px;
  display: block;
  outline: none;
}

/* Menu Icons for Devices*/
.ic.menu {
  top: 25px;
  z-index: 20;
}

.ic.menu .line {
  height: 4px;
  width: 100%;
  display: block;
  margin-bottom: 6px;
}
.ic.menu .line-last-child {
  margin-bottom: 0px;
}

.sub-menu-head {
  margin: 10px 0;
}
.banners-area {
  margin-top: 20px;
  padding-top: 15px;
}

@media only screen and (max-width: 768px) {
  .sub-menu-head {
    color: orange;
  }
  .ic.menu {
    display: block;
  }
  header.dark .ic.menu .line {
    background-color: #fff;
  }
  header.light .ic.menu .line {
    background-color: #000;
  }
  .ic.menu .line {
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
  }
  .ic.menu:focus .line {
    background-color: #fff !important;
  }

  .ic.menu:focus .line:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .ic.menu:focus .line:nth-child(2) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-top: -10px;
  }

  .ic.menu:focus .line:nth-child(3) {
    transform: translateY(15px);
    opacity: 0;
  }

  .ic.menu:focus {
    outline: none;
  }
  .ic.menu:focus ~ .ic.close {
    opacity: 1;
    z-index: 21;
    outline: none;
  }

  /*
  
  .ic.menu:focus ~ .ic.close { opacity: 1.0; z-index : 21;  }
  .ic.close:focus { opacity: 0; }
  */
  .ic.menu:hover,
  .ic.menu:focus {
    opacity: 1;
  }

  nav {
    background-color: transparent;
  }

  /* Main Menu for Handheld Devices  */
  ul.main-nav {
    z-index: 2;
    padding: 50px 0;
    position: fixed;
    right: 0px;
    top: 0px;
    width: 0px;
    background-color: rgba(0, 0, 0, 1);
    height: 100%;
    overflow: auto;
    /*CSS animation applied : Slide from Right*/
    -webkit-transition-property: background, width;
    -moz-transition-property: background, width;
    -o-transition-property: background, width;
    transition-property: background, width;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    transition-duration: 0.6s;
  }

  .ic.menu:focus ~ .main-nav {
    width: 300px;
    background-color: rgba(0, 0, 0, 1);
  }

  ul.main-nav > * {
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    opacity: 0;
  }
  .ic.menu:focus ~ .main-nav > * {
    opacity: 1;
  }

  ul.main-nav > li > a:after {
    display: none;
  }
  ul.main-nav > li:first-child {
    border-radius: 0px;
  }
  ul.main-nav > li {
    display: block;
    border-bottom: 1px solid #444;
  }

  ul.main-nav > li > a {
    font-weight: 600;
  }

  ul.main-nav > li ul.sub-menu-lists > li a {
    color: #eee;
    font-size: 14px;
  }
  .sub-menu-head {
    font-size: 16px;
  }
  ul.main-nav > li:hover {
    background-color: transparent;
  }
  ul.main-nav > li:hover > a {
    color: #fff;
    text-decoration: none;
    font-weight: 600;
  }
  .ic.menu:focus ~ ul.main-nav > li > div.sub-menu-block {
    border-left: 0px solid #ccc;
    border-right: 0px solid #ccc;
    border-bottom: 0px solid #ccc;
    position: relative;
    visibility: visible;
    opacity: 1;
  }

  .sub-menu-block {
    padding: 0 30px;
  }
  .banners-area {
    padding-bottom: 0px;
  }
  .banners-area div {
    margin-bottom: 15px;
  }
  .banners-area {
    border-top: 1px solid #444;
  }
}

@media only screen and (min-width: 769px) {
  .ic.menu {
    display: none;
  }
  /* Main Menu for Desktop Devices  */
  ul.main-nav {
    display: block;
    position: relative;
  }
  .sub-menu-block {
    padding: 15px;
  }

  /* Sub Menu */
  ul.main-nav > li > div.sub-menu-block {
    visibility: hidden;
    background-color: #f9f9f9;
    position: absolute;
    margin-top: 0px;
    width: 100%;
    color: #333;
    left: 0;
    box-sizing: border-box;
    z-index: 3;
    font-size: 16px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    opacity: 0;

    /*CSS animation applied for sub menu : Slide from Top */
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
  }

  ul.main-nav > li:hover > div.sub-menu-block {
    background-color: #f9f9f9;
    visibility: visible;
    opacity: 1;
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg);
  }

  ul.main-nav > li > div.sub-menu-block > * {
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    opacity: 0;
  }

  ul.main-nav > li:hover > div.sub-menu-block > * {
    opacity: 1;
  }

  .sub-menu-head {
    font-size: 20px;
  }

  /* List Separator: Outer Border */
  header.dark ul.main-nav > li > a {
    border-right: 1px solid #bbb;
  }
  header.light ul.main-nav > li > a {
    border-right: 1px solid #666;
  }

  /* List Separator: Inner Border */
  ul.main-nav > li > a:after {
    content: "";
    width: 1px;
    height: 62px;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 2;
  }
  header.dark ul.main-nav > li > a:after {
    background-color: #777;
  }
  header.light ul.main-nav > li > a:after {
    background-color: #999;
  }

  /* Drop Down/Up Arrow for Mega Menu */
  ul.main-nav > li > a.mega-menu > span {
    display: block;
    vertical-align: middle;
  }
  ul.main-nav > li > a.mega-menu > span:after {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
    content: "";
    background-color: transparent;
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
  }

  ul.main-nav > li:hover > a.mega-menu span:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 0px solid transparent;
    border-bottom: 5px solid #666;
  }
  .banners-area {
    border-top: 1px solid #ccc;
  }
}

.sticky{
   background-color: #ffffff; 
}