.custom-imagebox-basic {
    position: relative;
	display: block; 
	width: auto; 
	text-align: center;
	box-sizing: border-box;
	vertical-align: top;
	height: 100%;
	max-width: 260px;
	margin-bottom: 20px;
}
.custom-imagebox-basic img {
	width: 100%;
}

/* Image Box Style 1 */
.custom-imagebox-basic.style1 {
	background-color: #7f9594;
}
.custom-imagebox-basic.style1 .imgbox {float: left; width: 260px;}
.custom-imagebox-basic.style1 .imgbox-content {
	float: left; 
	text-align: left;
	border: 1px solid rgba(255, 231, 135, 0.44);
	margin: 5px;
	padding: 15px;
	border-top: 0;
	margin-top: 0;
	height: 82px;
}
.custom-imagebox-basic.style1 .imgtext {
	font-family: "aleoregular","Aleo Regular";
	font-size: 18px;
	line-height: 24px;
	color: #fff;
}

/* Image Box Style 2 */
.custom-imagebox-basic.style2 {
	position:relative;
	display:block;
	text-align:center;
	background-color:#fff;	
}
.custom-imagebox-basic.style2:before {
	content:"";
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	opacity:1;
	background: -webkit-linear-gradient(rgba(0,0,0,.7), rgba(128,58,149,.3));
	background: -o-linear-gradient(rgba(0,0,0,.7), rgba(128,58,149,.3));
	background: -moz-linear-gradient(rgba(0,0,0,.7), rgba(128,58,149,.3));
	background: linear-gradient(rgba(0,0,0,.7), rgba(128,58,149,.3));
	
	transition:all ease .3s;
	-webkit-transition:all ease .3s;
	-moz-transition:all ease .3s;
	-o-transition:all ease .3s;
}
.custom-imagebox-basic.style2:hover:before {
	opacity:.8;
}
.custom-imagebox-basic.style2 .imgbox img {
	display:block;
}
.custom-imagebox-basic.style2 .imgtext {
	color: #fff;
    padding: 0 20px;
    position: absolute;
    top: 25px;
    width: 100%;
    z-index: 9;
}
.custom-imagebox-basic.style2 .imgtext .title,
.custom-imagebox-basic.style2 .imgtext .title a {
	font-family:'Univers LT W01_67 Bold_1476016';
	font-size: 30px;
	color: #fff;
	text-align: left;
	line-height: 1.2;
}
.custom-imagebox-basic.style2 .imgtext .title{
	margin-bottom: 5px;
}
.custom-imagebox-basic.style2 .imgtext .text {
	font-family: 'Avenir Next LT W01 Demi';
	font-size: 18px;
	color: #fff;
	text-align: left;
	line-height: 24px;
}
.custom-imagebox-basic.style2 .buttonhov {
	position:absolute;
	font-size: 18px;
	left:5%;
	bottom:15px;
	width:90%;
	line-height: 50px;
	padding: 0 40px;
	box-sizing:border-box;
	z-index:9;
	color: #fff;
	cursor: pointer;
	
	transition:all ease .3s;
	-webkit-transition:all ease .3s;
	-moz-transition:all ease .3s;
	-o-transition:all ease .3s;
}

.custom-imagebox-basic.style2 .buttonhov:before{
	top: 8%;
    left: 3%;
    width: 94%;
    height: 82%;
}
.custom-imagebox-basic.style2 .buttonhov:hover {
	background-color:rgba(0,176,203,1);
}


/* DTN Image Box Style 3 */
.custom-imagebox-basic.style3 {
	background: #d17544;
}
.custom-imagebox-basic.style3 .imgbox {float: left; width: 260px;}
.custom-imagebox-basic.style3 .imgbox-content {
	float: left; 
	text-align: left;
	border: 1px solid #df9f7c;
	margin: 5px;
	padding: 15px;
	width: 96%;
}
.custom-imagebox-basic.style3 .imgtitle,
.custom-imagebox-basic.style3 .imgtitle a {
	font-family:'Univers LT W01_67 Bold_1476016';
	font-size: 26px;
	color: #fff;
}
.custom-imagebox-basic.style3 .imgtext,
.custom-imagebox-basic.style3 .imglink a,
.custom-imagebox-basic.style3 .imglink .fa {
	font-family: "aleoregular","Aleo Regular";
	font-size: 14px;
	color: #fff;
}

.custom-imagebox-basic.style3 .imglink {margin: 10px 0 0;}


/* static image */
.imghov {
	background-color:#fff;
	display:inline-block;
}

.imghov img {
	opacity:1;
	transition:all ease .3s;
	-webkit-transition:all ease .3s;
	-moz-transition:all ease .3s;
	-o-transition:all ease .3s;
}
.imghov:hover img {
	opacity:.8;
}

.textcont .btninfo:after {
	color:#d27644;
	top:-42px;
}

.border-animated:before,
.border-animated:after,
.border-animated2:before,
.border-animated2:after {
	content:"";
	width:96%;
	height:96%;
	display:block;
	position:absolute;
	top:1.5%;
	left:1.5%;
	opacity:.70;
	box-sizing:border-box;
	transform:scale(1,1);
	
	transition: all ease .3s;
	-webkit-transition: all ease .3s;
	-moz-transition: all ease .3s;
	-o-transition: all ease .3s;
}
.border-animated:before {
	border-top:1px #ffe787 solid;
}
.border-animated:after {
	border-right:1px #ffe787 solid;
}
.border-animated2:before {
	border-bottom:1px #ffe787 solid;
}
.border-animated2:after {
	border-left:1px #ffe787 solid;
}

.custom-imagebox-basic.style2:hover .border-animated:before,
.custom-imagebox-basic.style2:hover .border-animated2:before {
	transform:scale(0,1);
}
.custom-imagebox-basic.style2:hover .border-animated:after,
.custom-imagebox-basic.style2:hover .border-animated2:after {
	transform:scale(1,0);
}

/*
|-----------------------------------------------------------------------------------------------------------
| Guidebox Widget 
|-----------------------------------------------------------------------------------------------------------
*/

.custom-imagebox-vguide {
	background-color: #fff;
	max-width: 560px;
	max-height: 220px;
	padding: 25px 10px 0px 15px;
	margin: 20px auto;
	display: table;
	vertical-align: top;
	float: none;
	box-sizing: border-box;
}

.custom-imagebox-vguide .vguide-img {	
	height: 212px;
	margin-right: 20px;
	display: inline-block;
	position: relative;
	top: -45px;
	float: left;
	width: 35%;
	max-width: 160px;
}
.custom-imagebox-vguide .vguide-content {
	display: inline-block;
	float: left;
	width: auto;
	max-width: 330px;
	width: 60%;
}
.custom-imagebox-vguide .vguide-title,
.custom-imagebox-vguide .vguide-title a {
	color: #7f3995;
    font-family: "Univers LT W01_67 Bold_1476016";
    font-size: 27px;
    line-height: 100%;
    margin-bottom: 10px;
}
.custom-imagebox-vguide .vguide-text p {
	margin-bottom: 10px;
	font-size: 17px;
	line-height: 1;
}
.custom-imagebox-vguide .vguide-link {
	font-family: "Avenir Next LT W01 Demi";
}

/*
|-----------------------------------------------------------------------------------------------------------
| MEDIA QUERIES
|-----------------------------------------------------------------------------------------------------------
*/
/*** Mobile ***/ 
@media only screen and (max-width: 40em) {
	.custom-imagebox-basic {
		display: block;
		margin: 0 auto 20px;
	}	
	.custom-imagebox-vguide {
		padding: 5px 10px 10px;
		max-width: 98%;
		margin-bottom: 30px;
	}
	.custom-imagebox-vguide .vguide-img {
		width: 25%;
		height: auto;
    	margin-right: 15px;
    	top: 5px;
	}
	.custom-imagebox-vguide .vguide-content {width: auto; max-width:180px;}
	.custom-imagebox-vguide .vguide-text p {font-size: 14px;}
}

/*** Tablet ***/ 
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	.custom-imagebox-basic {
		display: block;
		margin: 0 auto 20px;
	}	
	
	.custom-imagebox-vguide .vguide-text p {font-size: 17px;}
	
	.custom-imagebox-basic.style3 {width: 100%; max-width: 690px; }
	.custom-imagebox-basic.style3 .imgbox {}
	.custom-imagebox-basic.style3 .imgbox-content {
		height: 163px;
		width: 341px;
	}
	.custom-imagebox-basic.style3 .imgtitle {margin-top: 20px;}
}
@media only screen and (min-width: 44.875em) and (max-width: 64em) {
	.custom-imagebox-basic.style3 .imgbox-content {
		width: 418px;
	}
}

/*** Tablet and Desk***/ 
@media only screen and (min-width: 40.063em){
	.custom-imagebox-vguide .vguide-title,
	.custom-imagebox-vguide .vguide-title a {
		font-size: 27px;
	}
}

/*** Desktop ***/ 
@media only screen and (min-width: 64.063em) {
	.custom-imagebox-vguide {
		margin: 40px 0 20px;
		float: left; display:
		inline-block;
		padding: 25px 25px 25px 20px;
	}
}