/* blog element-five */

.blog.element-five{
	width:auto;
	margin-left:-15px;
	margin-right:-15px;
}

.blog.element-five .blog-item{
	padding:5px 15px 10px 15px;
}

.blog.element-five:not(.owl-carousel) .blog-item{
	float:left;
	margin-bottom:40px;
}

.blog.element-five .blog-item > .holder{
	position:relative;
}

.blog.element-five .blog-item > .holder .blog-title{
    background: #f5f5f5;
    padding: 10px 20px;
}
.blog.element-five .blog-item > .holder .blog-title h4{font-weight: 600;}

.blog.element-five .blog-item > .holder > .pic{
	position:relative;
	overflow:hidden;
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
    position: relative;
}

.blog.element-five .blog-item > .holder > .pic > a{
    transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
}

.blog.element-five .blog-item > .holder:hover > .pic > a{
    transform:scale(1.1);
	-webkit-transform:scale(1.1);
}

.blog.element-five .blog-item > .holder > .pic .data {
    font-size: 19px;
    left: 0;
    position: absolute;
    top: 0;
    opacity: 0;
    transition: all 0.3s ease-in-out 0s;
    padding-top: 50px;
    color: #fff;
}
.blog.element-five .blog-item > .holder > .pic:hover .data {
    background: rgba(0, 38, 61, 0.9) none repeat scroll 0 0;
    color: #fff;
    font-size: 19px;
    opacity: 1;
    height: 100%;
    padding-top: 50px;
    text-align: center;
    width: 100%;
    z-index: 1;
    transition: all 0.3s ease-in-out 0s
}

.blog.element-five .blog-item:hover > .holder > .pic{
	box-shadow:0px 3px 10px rgba(0,0,0,0.2);
}

.blog.element-five .blog-item > .holder > .pic > img{
	width:100%; transition: all 0.5s ease-in-out 0s;
}

.blog.element-five .blog-item > .holder:hover > .pic > img{
	transform: scale(1.1); transition: all 0.5s ease-in-out 0s;
}


.blog.element-five .blog-item > .holder > .pic > .holder{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:1;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}

.blog.element-five .blog-item > .holder > .date{
	position:absolute;
	top:10px;
	left:10px;
	z-index:1;
	width:auto;
	height:auto;
	padding:6px 20px;
	border-radius:50px;
	text-align:center;
	text-transform:uppercase;
	font-size:18px;
	color:#00263d;
	line-height:23px;
    background: #fff;
}
.blog.element-five .blog-item > .holder > .date sup{top: -0.2em;}

.blog.element-five .blog-item > .holder > .date strong{
	display:inline-block;
	font-size:28px;
}

.blog.element-five .blog-item > .holder > .data{
}

.page-id-9112 .blog.element-five .blog-item > .holder > .data,.page-id-9245 .blog.element-five .blog-item > .holder > .data{padding-top: 12px;}

.page-id-9112 .blog.element-five .blog-item > .holder > .data a.btn,.page-id-9245 .blog.element-five .blog-item > .holder > .data a.btn{background: #00263d; }
.page-id-9112 .blog.element-five .blog-item > .holder > .data a.btn:hover,.page-id-9245 .blog.element-five .blog-item > .holder > .data a.btn:hover{background: #9acaeb; color: #fff; }


.blog.element-five .blog-item > .holder > .data > *:last-child{
	margin-bottom:0 !important;
}

.blog.element-five .blog-item > .holder .data h4{
	margin-bottom:12px;
	font-size:17px;
	line-height:25px;
}

.blog.element-five .blog-item > .holder .data h4 a{
	color:#1a1a1a;
}

.blog.element-five .blog-item > .holder .data ul.meta{
	margin-bottom:10px;
}

.blog.element-five .blog-item > .holder .data ul.meta li i{
	margin-right:7px;
}

.blog.element-five .blog-item > .holder .data p{
	margin-bottom:15px;
}

.blog.element-five .blog-item > .holder .data .btn{
	padding:0;
	border:none;
	border-radius:0;
	text-transform:uppercase;
	font-weight:700;
	font-size:18px;
	line-height:22px;
    color: #fff;
    font-weight: 500;
    border: solid 2px #fff;
    border-radius: 50px;
    padding: 10px 25px;
    font-family: Poppins;
    transition: all 0.3s ease-in-out 0s;
}
.blog.element-five .blog-item > .holder .data .btn:hover{background: #fff; color: #00263d;}
/* LARGE DESKTOP PART */
@media screen and (min-width:1200px){
}

@media screen and (max-width:1199px){
    .blog.element-five .blog-item > .holder .data .btn{padding: 5px 25px; font-size: 15px;}
    .blog.element-five .blog-item > .holder .blog-title h4{font-size: 20px; line-height: 28px;}
    .blog.element-five .blog-item > .holder > .pic:hover .data{font-size: 15px; line-height: 22px;}
}

/* DESKTOP PART */
@media screen and (min-width:992px) and (max-width:1199px){
}

@media screen and (max-width:991px){
    
    .blog.element-five .blog-item > .holder > .date{font-size: 15px; padding: 3px 12px;}
    .blog.element-five .blog-item > .holder > .pic:hover .data{font-size: 14px; line-height: 18px;  padding-top: 40px;}
    .blog.element-five .blog-item > .holder .data p {margin-bottom: 5px !important;}
    .blog.element-five .blog-item > .holder .blog-title{padding: 6px 10px;}
    .blog.element-five .blog-item > .holder .blog-title h4{font-size:17px;}
    .blog.element-five .blog-item > .holder .data .btn{font-size: 12px; line-height: 16px; padding: 6px 25px 3px;}
}

/* TABLET LANDSCAPE PART */
@media screen and (min-width:768px) and (max-width:991px){
}

@media screen and (max-width:767px){
    .upcoming-workshops .blog.element-five:not(.owl-carousel) .blog-item{margin-bottom: 10px;}
    .upcoming-workshops .blog.element-five{text-align: center;}
    .upcoming-workshops .blog.element-five:not(.owl-carousel) .blog-item:last-child{margin: 0 auto 20px; display: inline-block; float: none;}
    
    .useful-resources .blog.element-nine:not(.owl-carousel) .blog-item{margin-bottom: 10px;}
    .useful-resources .blog.element-nine{text-align: center;}
    .useful-resources .blog.element-nine:not(.owl-carousel) .blog-item:last-child{margin: 0 auto 20px; display: inline-block; float: none;}
}

/* TABLET PROTRAIT PART */
@media screen and (min-width:480px) and (max-width:767px){

	/* blog element-five */

	.blog.element-five:not(.owl-carousel) .blog-item{
		width:50% !important;
	}

}

@media screen and (max-width:639px){
    .upcoming-workshops .blog.element-five .blog-item {padding: 5px 10px 10px;}
    
    .useful-resources .blog.element-nine .blog-item{padding: 0 10px;}
    .useful-resources .custom_search .btn{padding: 10px 41px;}
    
    .input-style .wpcf7-form-control-wrap input{ height: 45px !important;}
    .input-style .button .wpcf7-submit{font-size: 18px !important; padding: 8px 24px !important;}
}

@media screen and (max-width:479px){
    .blog.element-five{margin-left: -5px; margin-right: -5px;}
    .upcoming-workshops .blog.element-five .blog-item {padding: 5px 5px 0;}
    .dec-booknow{left: 0; position: absolute; right: 0; top: 50%; transform: translate(0px, -50%);}
    .blog.element-five .blog-item > .holder .data p{line-height: 22px;}
    
    .useful-resources .custom_search .text{line-height:40px;}
    .useful-resources .custom_search input {padding: 0 22px; font-size: 15px; line-height: 45px;}
    .useful-resources .custom_search .btn{font-size: 18px; letter-spacing: 1px; padding: 5px 30px;}
    
    .page-id-9112 .blog.element-five .blog-item{padding: 0 5px 10px;}
    .page-id-9112 .blog.element-five:not(.owl-carousel) .blog-item{margin-bottom: 20px;}
}

/* SMART PHONE LANDSCAPE PART */
@media screen and (min-width:321px) and (max-width:479px){

	/* blog element-five */

	.blog.element-five:not(.owl-carousel) .blog-item{
		width:100% !important;
	}

}

/* SMART PHONE PROTRAIT PART */
@media screen and (max-width:320px){

	/* blog element-five */

	.blog.element-five:not(.owl-carousel) .blog-item{
		width:100% !important;
	}

}