@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans-bold-webfont.eot');
    src: url('../fonts/opensans-bold-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/opensans-bold-webfont.woff') format('woff2'),
         url('../fonts/opensans-bold-webfont.woff') format('woff'),
         url('../fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-bold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansitalic';
    src: url('../fonts/opensans-italic-webfont.eot');
    src: url('../fonts/opensans-italic-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/opensans-italic-webfont.woff') format('woff2'),
         url('../fonts/opensans-italic-webfont.woff') format('woff'),
         url('../fonts/opensans-italic-webfont.ttf') format('truetype'),
         url('../fonts/opensans-italic-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/opensans-semibold-webfont.eot');
    src: url('../fonts/opensans-semibold-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/opensans-semibold-webfont.woff') format('woff2'),
         url('../fonts/opensans-semibold-webfont.woff') format('woff'),
         url('../fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-semibold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans-bold-webfont.eot');
    src: url('../fonts/opensans-bold-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/opensans-bold-webfont.woff') format('woff2'),
         url('../fonts/opensans-bold-webfont.woff') format('woff'),
         url('../fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-bold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/opensans-light-webfont.eot');
    src: url('../fonts/opensans-light-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/opensans-light-webfont.woff') format('woff2'),
         url('../fonts/opensans-light-webfont.woff') format('woff'),
         url('../fonts/opensans-light-webfont.ttf') format('truetype'),
         url('../fonts/opensans-light-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular-webfont.woff') format('woff2'),
         url('../fonts/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans-regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/opensans-semibold-webfont.eot');
    src: url('../fonts/opensans-semibold-webfont.eot#iefix') format('embedded-opentype'),
         url('../fonts/opensans-semibold-webfont.woff') format('woff2'),
         url('../fonts/opensans-semibold-webfont.woff') format('woff'),
         url('../fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-semibold-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.f-w{
	float: left;
	width: 100%;
}

.left{
	float: left;
}

.right{
	float: right;
}

.clear{
	clear: both;
}

.center{
	text-align: center;
}

ul {
	padding: 0;
	margin: 0
}

ul li{
	list-style: none;
	float: left;
}

a{
  color: #374155;
}

a:hover{
	text-decoration: none;
}

p{
	margin-top: 0
}

img{
	border:none;
	max-width: 100%;
	display: inline-block;
}

body{
	font-family: 'open_sansregular';
}

h1, h2, h3, h4, h5, h6{
	font-family: 'open_sansbold';
}

.container{
	width: 1024px;
	margin: 0 auto;
	max-width: 100%;
	position: relative;
}

body{
	margin: 0;
	padding: 0;
	background: url(../images/footer-bg.png);
	background-position: left bottom;
	background-repeat: repeat-x;
}

.animation{
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
    transition:  all .3s;
}


.main-slide-area{
	background: #d7d7d7;
	position: relative;
	height: 400px;
}

.video-layer{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 10;
	bottom:0;
	background: #000
}


.header-video{
	float: left;
	width: 100%;
	height: 100%;
}

.text-layer{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index:20;
	bottom:0;
	background: url(../images/video-poster.jpg) no-repeat left top;
	background-size: cover; 
}

.login-area{
	position:absolute;
	right: 0;
	top: 0;
	z-index: 100
}

.login-area li{
	float: left;
	display: inline-block;
	background: #1c95b8;
	color: #fff;
}

.login-area li span{
	display: inline-block;
	color: #fff;
	padding:15px 20px;
}

.login-area li a{
	display: inline-block;
	color: #b5d5de;
	padding:15px 20px;
	background: #006d8c;
	float: right;
}

.login-area li a:hover{
	color: #fff;
	background: #00587c
}

.login-drop-down{
	display: inline-block;
	position: absolute;
	top: 55px;
	right: 0;
	z-index: 100;
	width: 200px;
	background: #fff;
	border:1px solid #cacaca;
	padding: 15px;
	display: none;
}

.login-drop-down.active{
	display: inline-block;
}

.login-drop-down:after{
	content: "";
	position: absolute;
	z-index: 102;
	width: auto;
	height: auto;
	border-bottom:7px solid #fff;
	border-left:7px solid transparent;
	border-right:7px solid  transparent;
	top: -7px;
	right: 16px;
}

.login-drop-down input[type="text"], .login-drop-down input[type="password"]{
	float: left;
	width: 100%;
	height: 28px;
	border:1px solid #dddddd;
	padding: 10px;
	font-size: 12px;
	color: #333;
	margin-bottom: 10px;
}

.login-drop-down input[type="text"]:focus, .login-drop-down input[type="password"]:focus{
	outline: none;
}

.login-drop-down label{
	float: left;
	width: 100%;
	color: #8d8c8c;
	font-size: 12px;
}

.login-drop-down label input{
	vertical-align: middle;
}

.login-drop-down input[type="submit"]{
	clear: both;
	width: 100%;
	float: left;
	background: #00a0ce;
	color: #fff;
	padding: 10px;
	text-align: center;
	color: #fff;
	border:1px solid #188bac;
	margin-top: 10px;
	cursor: pointer;
	font-weight: bold;
	font-size: 16px;
}

.login-drop-down input[type="submit"]:hover{
	background: #0081d3
}

.login-drop-down p{
	font-size: 12px;
	color: #8d8c8c;
	margin-bottom: 0;
	margin-top:12px;
	float: left;
	width: 100%;
}


.login-drop-down .sing-up{
	clear: both;
	width: 100%;
	float: left;
	background: #ffa200;
	color: #fff;
	padding: 10px;
	text-align: center;
	color: #fff;
	border:1px solid #188bac;
	margin-top:5px;
	cursor: pointer;
	font-weight: bold;
	font-size: 16px;
	text-decoration: none;
}

.login-drop-down .sing-up:hover{
	background: #ff9600;
	border:1px solid #188bac;
}

/* slide  area */

.flex-control-nav.flex-control-paging{
	 display: none;
}


.home-slide-area{
	padding-top: 100px;
	height: 100%;
	overflow: hidden;
}

.home-slide-area ul li{
	text-align: center;
}

.home-slide-area ul li h4{
	font-weight: bold;
	font-size: 55px;
	color: #fff;
	text-shadow:1px 1px #333;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 25px;
}

.home-slide-area ul li a{
	padding: 10px;
	background: rgba(37, 148, 14, 0.56);
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 15px;
	display: inline-block;
	text-decoration: none;
}

.home-slide-area ul li a:hover{
	background: #25940e
}

.text-layer .container{
	height: 100%;
}

.slide-arrow{
	position: absolute;
	right: 0;
	bottom:0;
	z-index: 150;
}

.slide-arrow a{
	width: 40px;
	height: 40px;
	display: inline-block;
	border:1px solid #508695;
	color: #fff;
	background: rgba(133, 169, 189, 0.60);
	margin:0 -2px;
	padding: 0;
	text-align: center;
	line-height: 40px;
}

.slide-arrow a:hover{
	background: #75a1b1
}

.navbar{
	background: #e6eeef;
	border-top:1px solid #96b1bd;
	border-bottom:1px solid #96b1bd;
	padding:15px 0;
}

.nav-border{
	float: left;
	width: 100%;
	height: 1px;
	background: #bfd5dd;
	margin-top: 10px;
	margin-bottom: 10px;
}

.logo-area{
	position: absolute;
	left: 0;
	right: 0;
	top: 2px;
	text-align: center;
	z-index:50;
}

.logo-area a{
	display: inline-block;
	padding: 0 15px;
	background: #e4ecef
}

.navbar ul li a{
	font-size: 16px;
	font-weight: 300;
	color: #363636;
	text-transform: uppercase;
	text-decoration: none;
	margin-right: 30px;
}

.navbar ul li:hover a{
	color: #00aee6;
}

.navbar ul{
	position: relative;
	z-index: 100;
	float: left;
}

.navbar ul:last-child{
	float: right;
}

.navbar ul:last-child li a{
	margin-left:25px;
	margin-right: 0
}

.box{
	padding-top: 55px;
	padding-bottom: 75px;
}

h3{
	font-size: 45px;
	font-weight: 300;
	color: #434343;
	text-align: center;
	clear: both;
	text-transform: uppercase;
	margin-top: 30px;
	margin-bottom: 30px;
	float: left;
	width: 100%;
	font-family: 'open_sanslight';
}

.ecological-photography img{
	float: left;
	border:1px solid #2e9a9e;
	margin-right: 25px;
	margin-bottom: 10px;
}

.ecological-photography p{
	font-size: 14px;
	font-weight: 300;
	color: #868686;
	margin-bottom: 25px;
}

.news{
	background: url(../images/new-bg.jpg) no-repeat;
	background-size: cover;
	min-height: 300px;
}

.news-half{
	float: left;
	width: 50%;
	text-align: right;
	color: #fff;
	padding-right:25px;
}

.news-half h4{
	float: left;
	width:100%;
	text-transform: uppercase;
	font-size: 24px;
	font-weight: 700;
	margin: 0;
}

.news-half.events{
	border-left: 1px solid #335aa8
}

.news-half .news-img{
	float: right;
	display: inline-block;
	margin-left: -100%;
}

.news-half .details{
	float: right;
	display: inline-block;
	padding-right:60px;
}

.news-half .details h5{
	margin: 0;
	font-size: 20px;
	text-transform: capitalize;
	font-family: 'open_sanssemibold';
}

.news-half .details h5 .time{
	float: left;
	font-size: 11px;
}

.news-half .details p{
	font-size: 14px;
}

.news-half ul{
	float: left;
	width:100%;
}

.news-half ul li{
	float: left;
	width:100%;
	padding-top: 20px;
	border-bottom: 1px solid #335aa8
}

.news-half .view-more{
	font-size: 15px;
	text-transform: capitalize;
	color: #fff;
	padding: 20px 0;
	display: inline-block;
	text-decoration: none;
}

.news-half .view-more:hover{
	text-decoration: underline;
}

.news-half.events .news-img {
	float: left;
	display: inline-block;
	margin-right: -100%;
	margin-left: 0
}

.news-half.events {
	padding-left: 25px;
	padding-right: 0;
	text-align: left;
}

.news-half.events .details h5 .time{
	float: right;
	display: inline-block;
}

.news-half.events .details h5{
	text-align: left;
}

.news-half.events .details{
	padding-right: 0;
	padding-left: 60px;
}

.news-half.events .details p{
	text-align: left;
}

.box.news{
	padding: 80px 0
}

.video-section{
	margin-top: 20px;
}

.main-video{
	float: left;
	width: 700px;
	min-height: 200px;
	border:1px solid #d7d7d7;
	border-radius: 4px;
	padding:10px;
}

.video-thumb{
	float: right;
	width: 300px;
	border:1px solid #d7d7d7;
	border-radius: 4px;
}

.video-thumb h4{ 
	float: left;
	width: 100%;
	padding:15px 20px;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 300;
	background: #ececec;
	margin: 0;
	margin-bottom: 10px;

}

.video-thumb ul li{ 
	display: inline-block;
	width: 75px;
	margin: 5px 12px;
	text-align: center;
}

.video-thumb ul li p {
    display: inline-block;
    margin: 0;
    font-family: 'open_sanslight';
    margin-top: -5px;
    float: left;
    width: 100%;
    font-size: 11px;
}

.video-thumb ul li a img{ 
	display: inline-block;
	width: 100%;
}

/*.video-thumb .more-video{ 
	padding: 9px 15px;
	color: #ffa200;
	text-transform: uppercase;
	font-size: 16px;
	border:1px solid #d7d7d7;
	border-radius: 4px;
	float: right;
	margin:5px 0;
	text-decoration: none;
	margin: 9px 24px;
	font-family: 'open_sanslight';
}*/

.video-thumb .more-video:hover{ 
	color: #fff;
	background: #ffa200;
}

.main-video iframe{
	width: 100%;
	float: left;
	height: 410px;
}


.box.img-library{
	background: url(../images/img-libary-bg.jpg) no-repeat;
	background-size: cover;
}

.my-img-library{
	margin-top: 20px;
	float: left;
	width: 100%;
}

.my-img-library li{
	display: inline-table;
	margin: 5px;
	float: none;
}

.img-library .view-more{
	display: inline-block;
	border:1px solid #d7d7d7;
	border-radius: 4px;
	padding: 10px 25px;
	color: #ffa200;
	text-decoration: none;
	margin-top: 45px;
}

.img-library .view-more:hover{
	background: #ffa200;
	color: #fff;
}

.admin-pic{
	float: left;
	width: 315px;
}

.admin-pic img{
	float: left;
	max-width: 100%;
	border:1px solid #d7d7d7;
}

.admin-pic img{
	float: left;
	max-width: 100%;
	border:1px solid #d7d7d7;
}

.admin-details{
	float: right;
	width: 690px;
}

.admin-details h4{
	margin: 0;
	font-size: 20px;
	color: #00a0ce;
	font-weight: 600
}

.admin-details h6{
	margin: 0;
	font-size: 16px;
	color: #868686;
	font-weight: 400;
	margin-top: 5px;
	font-family: 'open_sanslight';
}

.about-me-description{
	border:1px solid #d7d7d7;
	border-radius: 4px;
	margin-top: 15px;
	background: #f9f9f9;
	padding: 20px;
	font-size: 15px;
	height: 300px;
	overflow: auto;
	overflow-x: hidden;
	color: #868686
}

.about-me-description p{
	line-height: 19px;
	font-weight: 300
}

.download-file{
	padding: 20px;
	border:1px solid #d7d7d7;
	border-radius:0 0 2px 2px;
}

.download-file ul{
	float: left;
	width: 100%;
	margin-top: 25px;
}

.download-file ul li{
	float: left;
	width: 100%;
	background: url(../images/pdf.jpg) no-repeat left center;
	font-size: 14px;
	color: #00aee6;
	padding:5px 0 5px 25px;
	border-top:1px solid #d7d7d7;
}

/*.download-file ul li a{
	float: right;
	padding-left: 25px;
	background: url(../images/download.png) no-repeat left center;
	font-size: 14px;
	color: #82e521;
}*/

.download-file ul li time{
	color: #7b7b7b;
	display: inline-block;
	margin-left: 10px;
}

footer{
	margin-top: 170px;
	margin-bottom: 50px;
	float: left;
	width: 100%;
}

.footer-nav{
	background: #003190;
	color: #fff;
	text-align: center;
}
.footer-nav ul li{
	float: none;
	display: inline-block;
}

.footer-nav ul li a{
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	display: inline-block;
	padding: 5px 10px;
	text-decoration: none;
}

.footer-nav ul li:hover a{
	color: #003190;
	background: #fff
}

.social-links{
	display: inline-block;
	margin-left: 15px;
}

.copyright{
	text-align: center;
	font-size: 12px;
	color: #003190;
	margin-top: 20px;
	float:left;
	width: 100%;
}

.social-links a{
	display: inline-block;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	text-align: center;
	line-height: 25px;
	font-size: 12px;
	color: #74a3af;
	margin: 0 2px;
	border:1px solid #74a3af;
}

.social-links a:hover{
	color: #003190
}

.menu-handel{
	display: none;
}
/*  Start Blog page */

.inner-page-title{
	text-align: center;
	height: 120px;
	background: url(../images/inner-page.jpg) no-repeat center center;
	background-size: cover;
}

.inner-page-title h1{
	font-size: 30px;
	font-weight: 300;
	color: #fff;
	text-transform: uppercase;
	color: #fff;
	margin:40px 0 0 0;
	font-family: 'open_sanslight';
}

.breadcrumb{
    padding:15px 10px;
    text-align: right;
}

.breadcrumb ul{
	float: right;
	display: inline-block;
	margin: 0
} 

.breadcrumb ul li{ 
	position: relative;
	display: inline-block;
	font-size: 12px;
	text-transform: uppercase;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

.breadcrumb ul li a{ 
	display: inline-block;
	text-decoration: none;
	margin: 0 5px;
}

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

.breadcrumb ul li:last-child{ 
	margin-left: 5px;
	color: #f49308
}

.content-left{
	float: left;
	width: 750px;
}

.blog-area{
	border:1px solid #d7d7d7;
	display: inline-block;
}

.blog-area-img{
	position: relative;
	float: left;
	width: 100%
}

.posted-by{
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 10;
	color: #fff;
	text-decoration: none;
	font-size: 11px;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

.posted-by:hover{
	text-decoration: underline;
}


.blog-area-img img{
	width: 100%;
	float: left;
}

.blog-area{
	border:1px solid #d7d7d7;
}

.blog-share-area{
	background: #eef3f5;
	padding: 0 10px;
	font-size: 14px;
	color: #919191;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	float: left;
	width: 100%;
	height: 44px;
	border-top:1px solid #dbdbdb;
	border-bottom:1px solid #dbdbdb;
	overflow: hidden;
}

.blog-share-area span.time{
	margin-right: 25px;
        padding-bottom: 5px;
}

.blog-share-area i{
	color: #05a2cf;
	font-size: 22px;
	margin-right: 5px;
	vertical-align: middle;
	display: inline-block;
}

.blog-share-area span{
	display: inline-block;
/*	margin-left: 15px;*/
/*	padding: 10px 0;*/
}

.blog-share-area .share{
	float: right;
}

.like i, .comments i{
	font-size:18px;
}

.share-icon img{
	width: 20px;
} 
.share  a{
	float: left;
    padding:0 12px;
    line-height: 48px;
}

.share  a:hover{
	opacity: .6;
}

.share .share-bul{
	border-left: 1px solid #d7d7d7;
	line-height:45px;
}

.blog-area-details {
	padding: 10px;
}

.blog-area-details h4{
	font-size: 16px;
	font-family: 'open_sanssemibold';
	margin:10px 0 10px 0;
	color: #4f4f4f;
}

.blog-area-details h4 a{
	text-decoration: none;
}

.blog-area-details h4:hover a{
	color: #05a2cf
}

.blog-area-details p{
	font-size: 16px;
	font-weight: 300;
	color: #868686;
	font-family: 'open_sanslight';
	margin-bottom:20px;
	line-height: 27px;
}

.blog-thumb-area{
	margin-left: -10px;
	margin-right: -10px;
}

.blog-thumb-column{
	display: inline-block;
	width: 33.33333333%;
	padding: 0 10px;
	float: left;
	margin-bottom: 15px;
}

.blog-thumb-area{
	margin-top: 15px;
}

.blog-thumb-area .blog-share-area .time{
   margin-left: 0;
   margin-right: 15px;
}

.blog-thumb-area .blog-share-area i{
   font-size: 14px;
   margin: 0;
   vertical-align: top;
}

.blog-thumb-area .blog-share-area span{
   font-size: 12px;
   margin-left:1px
}

.blog-thumb-area .blog-share-area{
   height: 35px;
}

.blog-thumb-area .blog-area-details h4{
   margin: 0;
   font-size: 14px;
}

.blog-thumb-area .blog-area-details{
   height: 70px;
}

.pagination{
	float: right;
	margin-bottom: 50px;
}

.pagination a{
	
	padding:5px 15px;
	border:1px solid #d7d7d7;
	color: #333;
	text-decoration: none;
	font-weight: 600;
	font-size: 12px;
	margin: 0 5px;
}
.pagination .prev{
    border:0;
    color: #22add5
}
.pagination .next{
    border:0;
    color: #22add5
}
.pagination a:hover{
	color: #22add5;
	border-color: #22add5;
}
.pagination .current{
    padding:5px 15px;
	border:1px solid #22add5;
	color: #333;
	text-decoration: none;
	font-weight: 600;
	font-size: 12px;
	margin: 0 5px;
}
.pagination li:hover a{
	color: #22add5;
	border-color: #22add5
}

.pagination li a.next, .pagination li a.prev {
	border:0;
	color: #22add5
}

.pagination li:hover a.next, .pagination li:hover a.prev {
	text-decoration: underline;
}


/*  widget */
.content-area aside{
	float: right;
	width: 245px;
	background: #fff
}

.widget{
	float: left;
	width: 100%;
	border:1px solid #d7d7d7;
	border-radius: 3px;
}

.widget h4{
	font-weight: bold;
	color: #00a0ce;
	font-size: 16px;
	padding: 15px;
	border-bottom: 1px solid #d7d7d7;
	margin: 0
}

.widget ul li{
	width: 100%;
	padding: 15px;
	border-bottom: 1px solid #d7d7d7;
}


.widget ul li a{
	text-decoration: none;
}

.widget ul li:hover{
	background: #FBF9F9
}

.widget ul li a img{
	float: left;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	margin-right: -100%;
}


.widget ul li a h5{
	font-size: 14px;
	color: #4f4f4f;
	font-weight: 600;
	margin: 0;
	margin-top: 4px;
	padding-left: 50px;
}

.widget ul li a p{
	font-size: 11px;
	color: #acacac;
	margin: 0;
	padding-left: 50px;
}

.widget ul li:hover a p{
	color: #333;
}

.widget .more{
	float: right;
	margin-right: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
	border:1px solid #d7d7d7;
	border-radius:5px;
	background: #efefef;
	text-decoration: none;
}

.widget .more:hover{
	border:1px solid #333;
	color: #333
}

.widget .more i{
	float: right;
    background: #fff;
    padding: 8px 6px 6px 7px;
    border-left: 1px solid #d7d7d7;
    color: #b6b6b6;
    border-radius: 0 5px 5px 0
}

.widget .more span{
	display: inline-block;
    padding: 4px 10px;
    color: #b6b6b6
}
.widget .more:hover span{
    color: #333
}

.widget .more:hover i{
	background: #333;
	color: #fff
}

.blog-writer-area{
	background: #fbfbfb;
	padding: 20px;
	border-bottom:1px solid #d7d7d7;
	float: left;
	width: 100%
}

.blog-writer-area img{
	float: left;
	width: 60px;
	border:1px solid #d7d7d7;
	margin-right: 15px;
}

.blog-writer-area a{
	font-size: 16px;
	font-weight: bold;
	color: #00a0ce;
	margin:5px  0 0 0;
	clear: both;
	display: inline-block;
	text-decoration: none;
}

.blog-writer-area a:hover{
	text-decoration: underline;
}



.blog-writer-area p{
	font-size: 12px;
	color: #acacac
}

.blog-comments-area{
	border-top:1px solid #d7d7d7;
	padding: 20px;
	background: #fff;
	float: left;
	width: 100%
}

.blog-comments-area ul{
	border:1px solid #d7d7d7;
	border-radius: 4px 4px 0 0;
	padding:10px 15px 0 15px;
	background: #fcfcfc;
	float: left;
	width: 100%;
	border-bottom:none;
}

.public-pic{
	float: left;
	width: 30px;
	margin-right: 10px;
	margin-right: -100%;
}

.public-pic img{
	width: 100%;
}

.view-comments{
	float: left;
	width: 100%;
	padding-left: 45px;
	position: relative;
	font-size: 12px;
}

.view-comments p{
	margin-bottom: 0
}

.user-link{
	color:#0361a0;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
}

.user-link:hover{
	text-decoration: underline;
}

.blog-comments-area ul li{
	width: 100%;
	margin-bottom: 10px;
}

.like-area{
	position: absolute;
	top: 0px;
	right: 0;
	z-index: 100
}


.like-area span i{
	color: #64c5e0
}


.like-area span{
	display: inline-block;
	cursor: pointer;
	color: #a1a1a1;
	margin: 0 5px;
}

.like-area span:hover{
	text-decoration: underline;
}

.comment-date{
	font-size: 11px;
}

.view-all-comments{
	float: left;
	width: 100%;
	text-align: center;
	color: #b3b2b2;
	font-size: 12px;
	padding: 10px;
	background: #fcfcfc;
	border:1px solid #d7d7d7;
	text-decoration: none;
}

.view-all-comments:hover{
	background: #3DB2D6;
	color: #fff;
	border-color: #a5ddee
}

.comments-form{
	float: left;
	width: 100%;
	margin-top: 20px;
}


.comments-form textarea{
	float: left;
	width: 100%;
	height: 100px;
	border:1px solid #d7d7d7;
	border-radius: 4px;
	padding: 10px;
	color: #333;
	text-align: left;
}


.comments-form input[type="submit"]{
	border:1px solid #9ddaec;
	border-radius: 4px;
	padding: 10px 25px;
	color: #ffa200;
	font-size: 15px;
	background: transparent;
	float: left;
	margin-top: 15px;
	cursor: pointer;
}

.comments-form input[type="submit"]:hover{
	background: #9ddaec;
	color: #fff
}

.view-comments{
	padding-right: 75px;
}


.comment-date{
	margin-top: 5px;
}

.download-file{
	background: #fff
}

.row{
	margin-left: -10px;
	margin-right: -10px;
}

.col-4{
	float: left;
	width: 30%;
	padding: 0 10px;
}

.printer-area{
	width: 100%;
	float: left;
	border:1px solid #dddddd;
	border-radius:2px;
	margin-bottom: 15px;
}

.printer-area img{
	width: 100%;
	float: left;
	height: 130px;
}

.printer-size{
	width: 100%;
	float: left;
	background: #eef3f5;
	padding: 10px;
	font-size: 12px;
	color: #919191
}

.video-title{
	width: 100%;
	float: left;
	background: #eef3f5;
	padding: 10px;
	font-size: 12px;
	color: #919191;
	border-left:1px solid #d7d7d7;
	border-right:1px solid #d7d7d7;
}

.printer-size i, .video-title i{
	display: inline-block;
	color: #05a2cf;
	margin-right:2px;
}

.printer-bototm{
	padding:15px 10px;
	float: left;
	width: 100%;
	background: #fff;
	border-radius: 0 0 2px 2px;
}

.printer-bototm a{
	display: inline-block;
	padding: 5px 15px;
	border-radius: 4px;
	border:1px solid #05a2cf;
	color: #05a2cf;
	margin: 0 5px;
	text-decoration: none;
}

.printer-bototm a:hover{
	background: #05a2cf;
	color: #fff
}

.printer-bototm a:first-child{
	color: #ffa200
}

.printer-bototm a:first-child:hover{
	color: #fff
}

.center-pagination{
	margin-bottom: 50px;
	margin-top: 10px;
	text-align: center;
}

.center-pagination .pagination{
	float: none;
	display: inline-block;
}

.video-name{
	width: 76%;
	float: left;
}

.video-name a{
	font-size: 14px;
	color: #919191;
	text-decoration: none;
	font-family: 'open_sansbold';
}

.video-name a:hover{
	font-size: 14px;
	color: #05a2cf;
	text-decoration: none;
	font-family: 'open_sansbold';
}

/*.video-thumb{
	float: left;
	width: 100%;
	position: relative;
	height: 150px;
}
*/

.video-thumb img{
	float: left;
	width: 100%;
	height: 75px;
}
.vdo_col img{
    height: 198px;
}

.video-layer{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 20;
	background: rgba(0,0,0,.3) url(../images/video-play.png) no-repeat center center;
}

.video-layer:hover{
	background: rgba(0,0,0,.4) url(../images/video-play.png) no-repeat center center;
}

.video-area{
	margin-bottom: 15px;
	float: left;
	width: 100%
}

.video-area .video-thumb{
	width: 100%;
	float: left;
	margin: 0;
        height: 130px;
}

.blog-area-img img{
	height: 250px;
}