/*
Theme Name: OG landing
Theme URI: http://0to5.com
Author: 0to5
Author URI: http://0to5.com
Description: Custom Theme Built by 0to5
Version: 1
License: 
License URI: 
Tags: 
Text Domain: 0to5
*/


/*
Add Custom Theme Styles Below
Main Theme Build CSS ---> /_/css/build.css
------------------------------------------------------------------------
*/

#main-logo{
	padding-top:41px;
}
#header_container{
	padding-top:35px;
}
#Aux_nav{
	margin-bottom:20px;
}
#Main_nav ul{
	margin-top:15px;
}


#homeBanner{
	padding-top:175px;
}

.owl-dots{
	width:100%;
	margin-top:15px;
	text-align:center;
}
.owl-dots .owl-dot{
	width:15px;
	height:15px;
	border-radius:100%;
	margin:5px;
	border:2px solid #f7AA37!important;
	background-color:#fff!important;
}
.owl-dots .owl-dot.active{
	background-color:#f7AA37!important;
}
#homeBanner .banner_content p{
	font-size: 27px;
}
@media(max-width:767px){
	#homeBanner .banner_content h1{
		font-size:30px;
	}
	#homeBanner .banner_content p{
		font-size:19px;
	}
}
#Main_nav ul li:last-of-type ul.sub-menu{
	left:-100%;
}
@media(max-width:767px){
	.mr_circle_img_holder{
		margin-bottom:80px;
	}
	.twocol_left.vs::before{
		top:auto;
		right:auto;
		left:15px;
		bottom:-35px;
	}
	.twocol_left.vs::after{
		display:none;
	}
	.twocol_right{
		padding:15px;
		margin-top:45px;
	}
	.z5_tabs_outerholder.tabstyle-horizontal .z5_tabs_content_holder{
		border-left:none;
	}
	.z5_tabs_outerholder.tabstyle-horizontal .z5_tabs_toggle_holder{
		-webkit-flex-direction: column;
	    -ms-flex-direction: column;
    	flex-direction: column;
	}
	.z5_tabs_outerholder.tabstyle-vertical .z5_tabs_content_holder{
		border-left:none;
	}
	#page_top .page_top_brg{
		background-position:top right;
	}
	#page_top .container{
		background-color:rgba(255,255,255,.5);
	}
}

.blogpgtp{
	min-height:625px;
}
#page_top.blogpgtp h1, #page_top.blogpgtp h2{
	color:#014581;
}
.tree-container{
	position:relative;
	margin-bottom:-250px;
	z-index:3;
}
@media(max-width:992px){
	.tree-container{
		margin-bottom:-100px;
	}
}
@media(max-width:768px){
	.tree-container{
		margin-bottom:0;
	}
	.mod_circle_outter .mod_circle_inner{
		display:flex;
		flex-direction:column;
		align-items:center;
		justify-content:center;
	}
}
.treeouter{
	position:relative;
}
.treeContent{
	position:absolute;
	left:50%;
	transform:translateX(-50%);
}
.treeContent.active{
	z-index:5;
}
.treeBtn{
	background-color:#fff;
    font-weight: 800;
    color: #014581;
	padding:15px;
	box-shadow:0 0 3px rgba(0,0,0, .5);
	cursor:pointer;
}
.treecontent-1{
	top:38%;
}
.treecontent-2{
	top:67%;
}
.treecontent-3{
	top:85%;
}
.treePop{
	position:absolute;
	display:none;
	top:50%;
	transform:translateY(-50%);
	background-color:#fff;
	padding:25px;
	box-shadow:0 0 3px rgba(0,0,0, .5);
	width:350px;
	font-size:.8em;
}
.treecontent-1 .treePop{
	left:100%;
}
.treecontent-2 .treePop{
	right:100%;
}
.treecontent-3 .treePop{
	left:100%;
}
@media(max-width:767px){
	.treecontent-1 .treePop{
		left:50%;
		transform:translate(-50%, -50%);
	}
	.treecontent-2 .treePop{
		right:50%;
		transform:translate(50%, -50%);		
	}
	.treecontent-3 .treePop{
		left:50%;
		transform:translate(-50%, -50%);		
	}
}
.treeContent.active .treeBtn{
	background-color:#014581;
	color:#fff;
}

.treeContent.active .treePop{
	display:block;
}


iframe{
	max-width:100%!important;
}

.spost-box-inner, .spost-box-content{
	height:100%;
}
.post-box-cta{
	margin-top:auto;
}