/*
Theme Name: Bridge Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/
@import url("../bridge/style.css");

.home-anim {
	width: 100%; 
	position: relative;
}

.home-anim-part {
	position: absolute; 
	left: 0; 
	top: 0; 
	width: 0%; 
	height: auto; 
	opacity: 1; 
	-webkit-opacity: 1;
	transition: width 0.5s; 
}

.home-anim-base {
	position: relative;
}

.home-anim-part2 {
	z-index: 2;
}

.home-anim-part3 {
	z-index: 3;
}

.home-anim-part.on {
	width: 100%;
}

#heropop {
	position: absolute;
	right: -338px;
	top: 150px;
	z-index: 109;
	width:380px;
	transition: right 0.3s ease;
	-webkit-opacity: 0;
	opacity:0;
	display: none;
}

#heropop.sticky {
	position: fixed;
	z-index:1000;
	top: 183px;
}

#heropop.secondary {
	z-index: 101;
	top: 54px;
	display:block;
}


#heropop.on {
	right: 0;
}

#heropop .inner {
	display: table;
	width: 100%;
	border-collapse: collapse;
}

#heropop .inner .title {
	display: table-cell;
	padding: 15px 0;
	background: rgb(57,126,167);
	text-align: center;
	width: 42px;
	position: relative;
}

#heropop.secondary .inner .title {
	background: rgb(140, 198, 66);
}

#heropop .inner .text {
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	left: 35px;
	top: 50%;
	margin-top: -108px;
	position: absolute;
	transform: rotate(90deg);
	transform-origin: left top 0;
	white-space: nowrap;
}

#heropop.secondary .inner .text {
	font-size: 13px;
}

#heropop .inner .cnt {
	display: table-cell;
	background: #fff;
}

#heropop_content .maintext div, #heropop_content .maintext p {
	color: #003f5e;
	font-size: 23px;
	line-height: 1.1;
	font-weight: 300;
	letter-spacing: -0.1px;
	text-transform: none;
	font-weight: 600;
}

#heropop_content .maintext div.normal {
	font-size: 18px;
}

.heropop_img img {
    max-width: 150px !important;
}


@media only screen and (max-width: 768px) {

.blog_holder.blog_small_image article .post_image {
    width: 50%;
    padding-left: 10px;
}

.blog_holder.blog_small_image article .post_text {
    width: 95%;
}

.blog_holder.blog_small_image article .post_text .post_text_inner {
    padding-left: 10px;
    padding-right: 5px;
}

}