@font-face{
    font-family: 'Avenir Next Medium';
    src: url('../fonts/avenir-next/AvenirNextLTPro-Medium.otf');
    font-display: auto;
}

@font-face{
    font-family: 'Avenir Next Bold';
    src: url('../fonts/avenir-next/AvenirNextLTPro-Bold.otf');
    font-display: auto;
}

@font-face{
    font-family: 'Avenir Next Regular';
    src: url('../fonts/avenir-next/AvenirNextLTPro-Regular.otf');
    font-display: auto;
}

@font-face{
    font-family: 'Avenir Next Italic';
    src: url('../fonts/avenir-next/AvenirNext-Italic.ttf');
    font-display: auto;
}

@font-face{
    font-family: 'Poppins Medium';
    src: url('../fonts/poppins/Poppins-Medium.otf');
    font-display: auto;
}

@font-face{
    font-family: 'Poppins Regular';
    src: url('../fonts/poppins/Poppins-Regular.otf');
    font-display: auto;
}

@font-face{
    font-family: 'Poppins Bold';
    src: url('../fonts/poppins/Poppins-Bold.otf');
    font-display: auto;
}

@font-face{
    font-family: 'Avenir Next Medium';
    src: url('../fonts/avenir-next/AvenirNextLTPro-Medium.otf');
    font-display: auto;
}

@font-face{
    font-family: 'Avenir Next Bold';
    src: url('../fonts/avenir-next/AvenirNextLTPro-Bold.otf');
    font-display: auto;
}

@font-face{
    font-family: 'Avenir Next Regular';
    src: url('../fonts/avenir-next/AvenirNextLTPro-Regular.otf');
    font-display: auto;
}

@font-face{
    font-family: 'Avenir Next Italic';
    src: url('../fonts/avenir-next/AvenirNext-Italic.ttf');
    font-display: auto;
}


/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
img{max-width:100%;}
/*end reset*/
@font-face {
    font-family: 'nexa_boldregular';
    src: url('../fonts/Nexa_Free_Bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
body{
	font-family: 'Open Sans', sans-serif;
	background:#FFF;
}

/*----start-blog----*/
.blog{
	border-top: 2px solid #40A6CF;
	padding-top: 2em;
}
.blog-left{
	float:left;
	width:75%;
}
.blog-left-head{
	
}
.blog-artical-grid{
	width: 66.5%;
	margin:60px auto;
}
.blog-left-head span {
	background: #40A6CF;
	height: 2px;
	display: block;
	width: 10%;
}
.blog-left-head h1 {
	color: #3D3E41;
	text-transform: uppercase;
	font-size: 2.8em;
	font-weight: 700;
	padding: 0em 0;
}
.blog-right{
	float:right;
	width:23%;
}
.blog-left-head{
	border-bottom:1px solid #EEE;
	padding-bottom: 1em;
}
.blog-artical-grid h3 a{
	color: #404040;
	text-transform: uppercase;
	/* font-size: 1.2em; */
	font-size: 16px;
    font-family: 'Poppins Medium';	
	font-weight: 700;
	padding: 0.8em 0;
	display: block;
}
.blog-title{
    font-family: 'Poppins Regular';
    text-transform: uppercase;
}

.blog-artical-grid-pic-info-admin-left{
	float:left;
}
.blog-artical-grid-pic-info-admin-right{
	float:right;
}
.blog-artical-grid-pic-info-admin{
	background: rgba(84, 167, 199, 0.78);
	padding: 0.5em 2em;
	position: absolute;
	width: 92.5%;
	height: 60px;
	bottom: 0;
}
.blog-artical-grid-pic-info-admin-left ul li{
	display:inline-block;
}
.blog-artical-grid-pic img{
	display:block;
}
.blog-artical-grid-pic-info-admin-left li a img{
	border-radius: 30em;
	-webkit-border-radius: 30em;
	-moz-border-radius: 30em;
	-o-border-radius: 30em;
	vertical-align: middle;
	height: 50px;
	width: 50px;
}
.blog-artical-grid-pic-info-admin-left li p{
	color: #FFF;
	margin-left: 1em;
	font-weight: 600;
    font-family: 'Poppins Medium';
}
.blog-artical-grid-pic-info-admin-left li p a{
	color:#FFF;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
}
.blog-artical-grid-pic-info-admin-left li p a:hover{
	color:#272727;
}
.blog-artical-grid-pic-info-admin-right h6{
	color: #FFF;
	font-size: 1.5em;
	font-size: 20px;
    font-family: 'Poppins Medium';
	margin-top: 1.3em;
	/* font-weight: 600; */
}
.blog-artical-grid-pic-info-admin-right h6 span{
	font-size:0.8em;
	/* font-size: 16px; */
    /* font-family: 'Poppins Medium'; */
	vertical-align:top;
}
.blog-artical-grid-pic-info{
	position:relative;
}
/*---- start-artical-tags----*/
.artical-tags ul li{
	display: inline-block;
	margin-right: 0.5em;
}
.artical-tags ul li a{
	background: url(../images/tags-bg.jpg) no-repeat left #EDEDED;
	color: #404040;
	/* text-transform: uppercase;
	font-size: 0.875em;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700; */
	padding: 0.1em 1em 0.1em 1.5em;
	display: block;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
}
.artical-tags ul li a:hover{
	color:#ff6d9e;
}
.artical-tags{
	margin: 1.5em 0 1.2em;
}
.artical-details p{
	font-size: 1em;
	color: #3D3E41;
	line-height: 1.7em;
}
.artical-details p a{
	color:#40A6CF;
}
.artical-details-left{
	float:left;
	width:100%;
	margin-right:4%;
}
.artical-details-right{
	float:right;
	width:48%;
	margin-right:0%;
}
.artical-more-btn{
	background: #EDEDED;
	margin: 1em 0;
}
.artical-more-btn a span{
	background: #083A55;
	color: #FFF;
	padding: 0.5em 2em;
	display: inline-block;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
}
.artical-more-btn a span:hover{
	background:#af7171;
}
.blog-artical-pagenate ul li{
	display:inline-block;
}
.blog-artical-pagenate ul li a{
	color: #535353;
	background: #EDEDED;
	padding: 0.2em 0.7em;
	font-weight: 600;
	font-size: 1.2em;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
}
.blog-artical-pagenate{
	text-align: center;
	margin: 4em 0 4em;
}
.blog-artical-pagenate ul li a:hover,.blog-artical-pagenate ul li.active a{
	background:#40A6CF;
	color:#FFF;
}
.blog-artical-pagenate ul li.frist span{
	height: 20px;
	width: 15px;
	display: inline-block;
	background: url(../images/pagenate.png) no-repeat 0px 0px;
	vertical-align: sub;
	margin-right: 1em;
	cursor:pointer;
}
.blog-artical-pagenate ul li.more-art span{
	width: 34px;
	height: 20px;
	display: inline-block;
	background: url(../images/pagenate.png) no-repeat -39px 0px;
	vertical-align: sub;
	margin: 0 0.5em;
	cursor:pointer;
}
.blog-artical-pagenate ul li.last span{
	height: 20px;
	width: 15px;
	display: inline-block;
	background: url(../images/pagenate.png) no-repeat -17px 0px;
	vertical-align: sub;
	margin-right: 1em;
	cursor:pointer;
}
/*-----start-blog-right----*/
.blog-right{
	
}
.blog-right-head span{
	background: #40A6CF;
	height: 2px;
	display: block;
	width: 30%;
}
.blog-right-head h3{
	color: #3D3E41;
	/* text-transform: uppercase;
	font-size: 1.3em;
	font-weight: 700; */
	padding: 0.3em 0;
}
.article__details{
	display:none;
}


.blog-single-page h3 a {
	color: #404040;
	/* text-transform: uppercase; */
	/* font-size: 1.2em; */
	/* font-family: 'Open Sans', sans-serif; */
	/* font-weight: 700; */
	padding: 0.8em 0;
	display: block;
}
.blog-single-page-artical-info-left {
	float: left;
	width: 48%;
	margin-right: 4%;
}
.blog-single-page-artical-info-right {
	float: right;
	width: 48%;
	margin-right: 0%;
}
.blog-single-page p {
	font-size: 0.875em;
	color: #3D3E41;
	line-height: 1.7em;
	margin-bottom: 1.8em;
}
.blog-single-page p.para1:first-letter{
	font-size: 4em;
	font-weight: 700;
}
.blog-single-page-artical-info{
	margin-top: 2em;
}
.blog-single-page-artical-info h3{
	color: #3D3E41;
	/* text-transform: uppercase;
	font-size: 1.2em;
	font-weight: 700; */
	padding: 0.3em 0;
}


@media only screen and (max-width:1024px) {
	.blog-artical-grid-pic-info-admin {
		
		display:none;
	}
	.article__details{
		display:block;
		/* margin-top: 0px; */
		color: rgba(0, 0, 0, 0.54);
		font-size: 16px;
		font-family: 'Poppins Medium';
		margin: 10px 0 11px;
	}
	
	
	.blog-artical-grid{
		width: 85.6%;
	}


}
