/*
[Master Stylesheet]

Template Name  	: University
Description 	: University - Education Course Academy PSD Templates
Author      	: TivaTheme
Version     	: 1.0
Created     	: 12/01/2018
*/

/* ################################################################
[Table of contents]

1. IMPORT FILES
2. GENERAL
3. ELEMENTS
4. HEADER
5. MENU
6. MAIN
7. FOOTER
8. HOME 2
9. HOME 3
10. HOME 4
11. HOME 5
12. HOME 6
13. Course List
14. Course Grid
15. Course Detail
16. Course Details Sidebar
17. Events Page
18. Event Detail
19. Blog List
20. Blog Grid
21. Blog Detail
22. Portfolio
23. Portfolio Detail
24. Page Shop
25. About Us
26. Contact Us
27. Faculity Profile
28. Membership
29. Faq
30. 404
31. Go-Up Button

################################################################# */ 

/*==========================================================
	1. IMPORT FILES
==========================================================*/
/* Fonts */
@import url('https://fonts.googleapis.com/css?family=Poppins:100,100italic,200,200italic,300,300italic,regular,italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic');
/* Css */
@import url(libs/font-awesome/css/font-awesome.min.css);
@import url(libs/bootstrap/css/bootstrap.min.css);
@import url(libs/owl-carousel/assets/owl.carousel.min.css);
@import url(libs/owl-carousel/assets/owl.theme.default.min.css);
@import url(libs/owl-carousel/assets/carousel.min.css);
@import url(libs/nucleo-webfonts/mini/css/nucleo-mini.css);
@import url(libs/nucleo-webfonts/outline/css/nucleo-outline.css);

/*==========================================================
	2. GENERAL
==========================================================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
body{
	font-size: 14px;
	color: #000;
	font-family: Poppins, serif;
}
h1,
h2,
h3,
h4,
h5,

h1 {
	font-size: 24px;
}
h2 {
	font-size: 20px;
}
h3 {
	font-size: 18px;
}
h4 {
	font-size: 33px;
}
h5 {
	font-size: 14px;
}
h6 {
	font-size: 11px;
}








a:hover,
.course-details-sidebar .best-course .course-left .course-left-item .course-left-info a.view:hover,
.event-grid .courses-search ul li a:hover{
	color: #e43c3c;
	text-decoration:none;
}


.title .title-logo{
	background-image: url('images/assets/logo-bg-01.png');
	display: inline-block;
	width: 50px;
	height: 57px;
	background-repeat: no-repeat;
	background-position: center;
	font-size: 30px;
	color: #cf3827;
	font-weight: 700;
	text-align: center;
	line-height: 57px;
	float: left;
}
.title{
	margin-bottom: 10px;
}
.title:after{
	content: '';
	display: block;
	clear: both;
}
pular-slider .owl-dots,
.blog-slider .owl-dots{
	text-align: center;
}
.popular-slider .owl-dots .owl-dot,
.blog-slider .owl-dots .owl-dot{
	display: inline-block;
	margin: 0 5px;
}
.blog-slider .owl-dots .owl-dot.active span{
	background-color: #fff;
	opacity: 1;
	width: 30px;
}
.blog-slider .owl-dots .owl-dot span{
	background-color: #fff;
	opacity: 0.3;
	width: 15px;
	margin: 0;
}
.popular-slider .owl-dots .owl-dot span,
.portfolio-slider .owl-dots .owl-dot span,
.blog-slider .owl-dots .owl-dot span{
	height: 2px;
	width: 25px;
	background-color: #e3e3e3;
	display: block;
	transition: all 0.3s;
}
.blog{
	background-color: #184b71;
	padding: 20px 0 28px;
}
.title-blog .title-logo{
	background-image: url('images/assets/logo-bg-03.png');
	color: #fff;
}
.title-blog .title-info{
	margin-left: 70px;
	color: #fff;
}
.title-blog .title-info h2{
	clear: none;
    color: #fff;
    padding-top: 4px;
    font-size: 24px;
    margin-bottom: 5px;
}
.blog-slider .blog-item img{
	width: auto;
	float: left;
}
.blog-item:after{
	content: '';
	display: block;
	clear: both;
}
.blog-item{
	background-color: #fff;
	position: relative;
    margin: 1rem;
}
.blog-item .blog-img{
	float: left;
	width: 45%;
}
.blog-item .blog-info{
	float: left;
	width: 55%;
	padding: 15px 7px 0px 12px;
}
.blog-item .blog-info h3 a:hover{
	text-decoration: underline;
	color: #000;
}
.blog-item .blog-info .blog-action{
	margin-bottom: 20px;
}
.blog-item .blog-info .blog-action p{
	display: inline-block;
	margin-right: 20px;
}
.blog-item .blog-info .blog-action p i{
	opacity: 0.3;
	margin-right: 8px;
}
.blog-item .blog-info .blog-desc{
	margin-bottom: 25px;
	max-height: 63px;
	overflow: hidden;
}
.blog-item .blog-info span.blog-line{
	background-color: #184b71;
	height: 1px;
	width: 50px;
	display: block;
}
a.blog-number{
	font-size: 24px;
	font-weight: 700;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	display: block;
	background-color: #cf3827;
	color: #fff;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 10;
}
a.blog-number:hover .blog-month{
	
	visibility: visible;
	opacity: 1;
	transition: all 0.3s;
}
a.blog-number .blog-month{
	position: absolute;
    right: 50px;
    background-color: #e5e5e5;
    font-size: 14px;
    color: #000;
    text-transform: uppercase;
    padding: 0 20px;
    opacity: 1;
    /* visibility: hidden; */
    transition: all 0.3s;
    z-index: 9;
}
.blog-slider .owl-nav{
	position: absolute;
	top: -116px;
	right: 0;
}
.blog-slider .owl-nav .owl-next,
.blog-slider .owl-nav .owl-prev{
	display: inline-block;
	height: 40px;
	width: 40px;
	border: 1px solid #fff;
	line-height: 38px;
	text-align: center;
	color: #fff;
	font-size: 20px;
	background-color: initial;
	padding: 0;
	margin: 0 5px;
	border-radius: 0;
}
.blog-slider .owl-nav .owl-next{
	margin-right: 0;
}
.blog-slider .owl-stage-outer{
	margin-bottom: 50px;
}
.home3 .blog{
	background-color: initial;
	background-image: url('images/blog-bg.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
}
.home3 .blog .title{
	position: relative;
}
.home3 .blog:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.5);
}
.blog-detail-author .bda-left .bda-info li{
	height: 40px;
	width: 40px;
	text-align: center;
	line-height: 38px;
}