/**
* Like! 1.0.2
* Available on ThemeForest - http://themeforest.net/
* Author: Valentín García - http://www.valentingarcia.com.mx
**/

html{  }
body{ background:url(../images/patterns/subtlenet2.png) repeat center top; background-attachment:fixed; background-color: #fff;  }
a{ color:#2f4668; }
a:hover{ color:#999; }
p{font-size: 14px;}, div{ color:#666; }
h1, h2, h3, h4, h5{ color:#333; }
h1 span, h2 span, h3 span, h4 span, h5 span{ color:#999; }
span{}
table{}
tr{}
td{}
hr{}

/*container*/
#vg-container{ background:#fff; }

/*OVERLAY POPUP*/
#overlay
{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,1);
	z-index: 2;
	cursor: pointer;
}

#text
{
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 20px;
	color: white;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

/*END OVERLAY POPUP*/

/******* minimenu *******/
#vg-minimenu{ border-top:3px solid #2f4668; background:#fff; }

/*nav*/
	
	/*logo*/
	#vg-logo{ background-image:url(../images/logo.png); background-repeat:repeat-x; background-position: center center; background-color:#2f4668; color:#fff; }
	#vg-logo span{}
	/*border solid*/
	.border-solid-1{ border-right:1px solid #fff; }
	.border-solid-2{ border-right:1px solid #ccc; }
	.border-solid-3{ border-right:1px solid #666; }
	
	/*slogan*/
	.vg-slogan{ color: rgb(255, 255, 255); /*text-shadow:0px 0px 0 rgb(153,146,153),0px 1px 0 rgb(126,119,126),0px 2px 0 rgb(100,93,100), 0px 3px 0 rgb(74,67,74),0px 4px 3px rgba(0,0,0,0.2),0px 4px 1px rgba(0,0,0,0.5),0px 0px 3px rgba(0,0,0,.2);*/ }
	
	/*logos*/
	.logos{ background:url(../images/logo1.png) no-repeat center center #fff; border-right:1px dotted #ccc; }
	
	/*aboutus*/
	.vg-aboutus{ background:#fff; }
	.vg-skills{ color:#2f4668; }
		.vg-skillbar{ background:#2f4668; }
	.vg-team-socials{ border-top:1px dotted #999; }
			.vg-team-socials span a{ color:#999; }
				.vg-team-socials span a:hover{ color:#ccc; }
	.vg-team-name{ color:#666; }
			.vg-team-name span{ color:#CCC; }
				
	/*menu*/
	#vg-menu{ /*background-image:url(../images/bgmenu.png); background-position:no-repeat; background-position: top center;*/ background-color:#000; }
	#vg-menu li{ }
	#vg-menu li a{ color:#ccc; }
	#vg-menu li a:hover, #vg-menu li a.vg-menu-active{ color:#000; background-color:#ccc; }
	#vg-menu li a.vg-menu-last{ border-bottom:1px solid #fff; }
		
		/*submenu*/
		#vg-menu li ul {background:#000; }
			#vg-menu li ul li { border-bottom:1px dotted #CCC; }
		
		/*icons*/
		.i-home{ background-image:url(../images/icons/dark/home.png); }
		.i-about-us{ background-image:url(../images/icons/dark/about-us.png); }
		.i-blog{ background-image:url(../images/icons/dark/blog.png); }
		.i-portfolio{ background-image:url(../images/icons/dark/portfolio.png); }
		.i-contact{ background-image:url(../images/icons/dark/contact.png); }
		.i-buy-me{ background-image:url(../images/icons/dark/buy-me.png); }
	
	/*top page links*/
	.tp-link-box{width: 33%; float: left; }
	.tp-link-style{font-family:'BebasNeueRegular'; font-size: 16px; text-align: center;}
	
/*article*/
#vg-container article{ float:left; } /*background-color:#fff;*/
	.vg-resalt{ color:#2f4668; }
	/*intro*/
	.vg-intro-post{  }
		.vg-intro-post img, .vg-full-post img, .vg-full-portfolio img, .vg-user-avatar img, .vg-person img, .vg-full-image img{ box-shadow:0px 0px 1px #2f4668; -moz-box-shadow:0px 0px 1px #2f4668; -webkit-box-shadow:0px 0px 1px #2f4668; -o-box-shadow:0px 0px 1px #2f4668; }
		.vg-intro-post h3 a{ color:#333; }
			.vg-intro-post h3 a:hover{ color:#2f4668; }
	/*full*/
	.vg-full-post{  }
		.vg-user-avatar img{ background:#ccc; }
		.vg-comment-one{ border-top: 1px solid #F2F2F2; }
		.vg-add-comment form{ background:#f7f7f7; border:1px solid #ccc; }

/*portfolio*/
.vg-portfolio{}
	.vg-portfolio .vg-portfolio-thumb{ }
	.vg-portfolio-info{ background-color:rgba(0,0,0,0.5); background-image:url(../images/icons/dark/preview.png); background-repeat:no-repeat; background-position:center 0; }
		.vg-portfolio-info:hover{ background-position:center -143px; }
		.vg-portfolio-info h3{ color:#FFF; }
	.vg-launch .vg-page { background:#FF0000; box-shadow: 0 3px 0 #990000, 3px 5px 3px #333333; -moz-box-shadow: 0 3px 0 #990000, 3px 5px 3px #333333; -webkit-box-shadow: 0 3px 0 #990000, 3px 5px 3px #333333; -o-box-shadow: 0 3px 0 #990000, 3px 5px 3px #333333; }
	
	/*border*/
	.border-right{ border-right:1px solid #f2f2f2; margin-right:-1px; }
	.border-left{ border-left:1px solid #f2f2f2; margin-left:-1px; }
	.border-top{ border-top:1px solid #f2f2f2; margin-top:-1px; }
	.border-bottom{ border-bottom:1px solid #f2f2f2; margin-bottom:-1px; }
	
	.border-right-2{ border-right:1px dotted #CCCCCC; margin-right:-1px; }
	.border-left-2{ border-left:1px dotted #CCCCCC; margin-left:-1px; }
	.border-top-2{ border-top:1px dotted #CCCCCC; margin-top:-1px; }
	.border-bottom-2{ border-bottom:1px dotted #CCCCCC; margin-bottom:-1px; }
	
	.border-right-3{ border-right:1px dashed #CCC; margin-right:-1px; }
	.border-left-3{ border-left:1px dashed #CCC; margin-left:-1px; }
	.border-top-3{ border-top:1px dashed #CCC; margin-top:-1px; }
	.border-bottom-3{ border-bottom:1px dashed #CCC; margin-bottom:-1px; }
	
	.border-right-4{ border-right:1px solid #2f4668; margin-right:-1px; }
	.border-left-4{ border-left:1px solid #2f4668; margin-left:-1px; }
	.border-top-4{ border-top:1px solid #2f4668; margin-top:-1px; }
	.border-bottom-4{ border-bottom:1px solid #2f4668; margin-bottom:-1px; }
	
	/*quotes*/
	.quotes{ background:url(../images/quotes.png) no-repeat 20px 20px; }
	.vg-quote{ background:url(../images/quotes.png) no-repeat 30px 5px; /*border:1px dashed #ccc;*/ }
	.vg-quote span{ color:#2f4668; }
	
	/*read more*/
	.vg-readmore{ color:#2f4668; }
		.vg-readmore:hover{ text-decoration:underline; }
	.vg-readmore-2{ color:#000; }
	.vg-readmore-slide{ background:#fff; }
		.vg-readmore-slide:hover{ color:#999; }
		
	/*twitter*/
	.vg-bird{ /*background-image:url(../images/icons/dark/twitter.png);*/ }
	/*link buttons*/
	.vg-link-button-big, .vg-link-button-big-2, .vg-loadmore, .vg-pages a, .vg-port a{ 
		background-color:#2f4668; 
		color:#fff; 
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		-o-border-radius:3px;
		-webkit-box-shadow: 0 3px 0 #3699be, 3px 5px 3px #333;
		-moz-box-shadow: 0 3px 0 #3699be, 3px 5px 3px #333;
		box-shadow: 0 3px 0 #3699be, 3px 5px 3px #333;
		-o-box-shadow: 0 3px 0 #3699be, 3px 5px 3px #333;
		text-shadow:0 1px 1px #000;
		/*background: -moz-linear-gradient(top, #3699be, #FFF);*/
	}
	.vg-link-button-big-2{ border:none !important; color:#FFF !important; }
	.vg-link-button-big-2:hover, .vg-link-button-big:hover, .vg-loadmore:hover, .vg-pages a:hover, .vg-port a:hover,.vg-pages a.vg-pages-active{ 
		background-color:#f2f2f2; 
		color:#2f4668 !important; 
		text-shadow:0 1px 1px #ccc;
		-webkit-box-shadow: 0 3px 0 #ccc, 3px 5px 3px #333;
		-moz-box-shadow: 0 3px 0 #ccc, 3px 5px 3px #333;
		box-shadow: 0 3px 0 #ccc, 3px 5px 3px #333;
		-o-box-shadow: 0 3px 0 #ccc, 3px 5px 3px #333;
	}
	/*circle*/
	.circle{ }  
	.vg-step{ color:#FFF; } 
		.step1 h3, .step2 h3, .step3 h3{ color:#FFF; }
		.vg-step span{ color:#CCC; }
	.step1{ background-image:url(../images/icons/dark/step1.png); }
	.step2{ background-image:url(../images/icons/dark/step2.png); }
	.step3{ background-image:url(../images/icons/dark/step3.png); }
	
	/*subtitle*/
	.vg-subtitle, .vg-subtitle-2{ color:#999; }
	.s-bg{ background:#000;color:#fff; }
	/*image*/
	.vg-image{ background-color:#fff; border:1px solid #f2f2f2; }
	/*blog data*/
	.vg-blog-data{ color:#CCC; }
	/******* contact / social *******/
	.vg-menu-links{ border-right:1px solid #fff; }
	.vg-contact{ border-right:1px solid #fff; }
	.vg-social{  }
	.vg-social-links { 
		background:rgba(255,255,255,1); 
		box-shadow: 0 3px 0 #CCCCCC, 1px 5px 2px #333333;
		-moz-box-shadow: 0 3px 0 #CCCCCC, 1px 5px 2px #333333;
		-webkit-box-shadow: 0 3px 0 #CCCCCC, 1px 5px 2px #333333;
		-o-box-shadow: 0 3px 0 #CCCCCC, 1px 5px 2px #333333;
	}
	.vg-facebook-icon{ color:#3B5998 !important; }
	.vg-twitter-icon{ color:#019AD2 !important; }
	.vg-youtube-icon{ color:#990000 !important; }
	.vg-linkedin-icon{ color:#3399CC !important; }
	.vg-vimeo-icon{ color:#44BBFF !important; }
	.vg-pinterest-icon{ color:#CB2027 !important; }
	.vg-facebook-icon:hover{ box-shadow: 0 3px 0 #234895, 1px 5px 2px #333333; -moz-box-shadow: 0 3px 0 #234895, 1px 5px 2px #333333; -webkit-box-shadow: 0 3px 0 #234895, 1px 5px 2px #333333; -o-box-shadow: 0 3px 0 #234895, 1px 5px 2px #333333; color:#fff !important; background-color:#3B5998 !important; }
	.vg-twitter-icon:hover{ box-shadow: 0 3px 0 #037fac, 1px 5px 2px #333333; -moz-box-shadow: 0 3px 0 #037fac, 1px 5px 2px #333333; -webkit-box-shadow: 0 3px 0 #037fac, 1px 5px 2px #333333; -o-box-shadow: 0 3px 0 #037fac, 1px 5px 2px #333333; color:#fff !important; background-color:#019AD2 !important; }
	.vg-youtube-icon:hover{ box-shadow: 0 3px 0 #6e0101, 1px 5px 2px #333333; -moz-box-shadow: 0 3px 0 #6e0101, 1px 5px 2px #333333; -webkit-box-shadow: 0 3px 0 #6e0101, 1px 5px 2px #333333; -o-box-shadow: 0 3px 0 #6e0101, 1px 5px 2px #333333; color:#fff !important; background-color:#990000 !important; }
	.vg-linkedin-icon:hover{ box-shadow: 0 3px 0 #1e7aa8, 1px 5px 2px #333333; -moz-box-shadow: 0 3px 0 #1e7aa8, 1px 5px 2px #333333; -webkit-box-shadow: 0 3px 0 #1e7aa8, 1px 5px 2px #333333; -o-box-shadow: 0 3px 0 #1e7aa8, 1px 5px 2px #333333; color:#fff !important; background-color:#3399CC !important; }
	.vg-vimeo-icon:hover{ box-shadow: 0 3px 0 #369bd4, 1px 5px 2px #333333; -moz-box-shadow: 0 3px 0 #369bd4, 1px 5px 2px #333333; -webkit-box-shadow: 0 3px 0 #369bd4, 1px 5px 2px #333333; -o-box-shadow: 0 3px 0 #369bd4, 1px 5px 2px #333333; color:#fff !important; background-color:#44BBFF !important; }
	.vg-pinterest-icon:hover{ box-shadow: 0 3px 0 #a70e14, 1px 5px 2px #333333; -moz-box-shadow: 0 3px 0 #a70e14, 1px 5px 2px #333333; -webkit-box-shadow: 0 3px 0 #a70e14, 1px 5px 2px #333333; -o-box-shadow: 0 3px 0 #a70e14, 1px 5px 2px #333333; color:#fff !important; background-color:#CB2027 !important; }

/******* footer *******/
#vg-footer{ border-top:1px solid #fff; }
.vg-footer{ border-bottom:4px solid #2f4668; background-color:#2f4668 !important; color:#fff; box-shadow:0 1px 1px #FFFFFF; -moz-box-shadow:0 1px 1px #FFFFFF; -webkit-box-shadow:0 1px 1px #FFFFFF; -o-box-shadow:0 1px 1px #FFFFFF; }
	.vg-footer a{ color:#2f4668;  }
	.vg-footer a:hover{ text-decoration:underline; }
	.vg-footer article, .vg-footer p, .vg-footer div, .vg-footer h1, .vg-footer h2, .vg-footer h3, .vg-footer h4, .vg-footer h5{ color:#fff !important; }
	.vg-footer h3{  }
		.vg-text-shadow, .vg-bird, .vg-bird a{  }

/*slideshow*/
.vg-slideshow div.vg-slide{ border-top:1px solid #fff; }

	/*slides*/
	.vg-caption { color:#fff; background:rgba(0,0,0,0.7); }
	.vg-subcaption { color:#666; background:rgba(255,255,255,0.8); }
	/*.vg-subcaption a.vg-readmore:hover{ background-color:#2f4668; color:#fff; }*/
	.vg-caption-container{ background:rgba(0, 0, 0, 0.8); }
	.vg-caption-container p{ color:#fff; }
	.slidetabs a{ background:rgba(0,0,0,0.7); color:#fff; }
	.slidetabs a.current{ background:rgba(255,255,255,0.4); color:#000; }

/*tabs*/
.vg-tab-active, .tab-link div:hover{ color:#FFF; background:#2f4668 !important; }
.vg-tab-container{ background:#f2f2f2 !important; }
.vg-panes{  }
.vg-tabs{ border-bottom:1px solid #2f4668; }
	.vg-tabs div{ }
		.vg-tabs div a{   }

/*tags*/
.vg-tags{  }
	.vg-tags a{ background:#CCC; }
	
/*forms*/
.vg-search  input[type="text"]{ border:1px solid #ccc; }

/*bgcolor*/
.vg-color-1{ background-color:#333; }

/*styles*/
.vg-style-1{}
	.vg-style-1 h3{  }
		.vg-style-1 h3 span{ color:#2f4668; }

/*separators*/
.vg-post-separator{ border-top:1px dotted #999; border-bottom:1px dotted #999; }

/*latest posts*/
.vg-latest-posts{  }

/*warning*/
.vg-warning{ background:#f9fb5c; color:#333; border:1px solid #fc4302; }

div.spacer
{
    clear: both;
}

/*************************** JPLIST *********************************/


/*
* JPLIST: common styles
*/
.clear{
	clear: both;
}

.jplist{
	float: left;
	width: 100%;
}

.jplist .jplist-no-results{
	display: none;
}

.jplist .jplist-no-results p{
	text-align: center;
	padding: 0.6em 0;
}

/*
* JPLIST: panel styles
*/
.jplist .panel{
	float: left;
	width: 100%;
	
	margin: 0;
	padding: 0 0 0.6em 0;
	background: #efefef;
	
	font-family: 'arial';
	color: #444;
	font-size: 1em;	
	line-height: 1.5em;
}

.jplist .panel-top{
	border-radius: 0.3em 0.3em 0 0;
}

.jplist .panel-bottom{
	border-radius: 0 0 0.3em 0.3em;
}

/*
* JPLIST: filters
*/
.jplist .filter{
	float: left;
	margin: 0.6em 0 0 0;
}

.jplist .filter input{
	display: block;
	float: left;
	
	width: 150px;
	height: 1.16em;
	margin: 0 0 0 1.25em;
	
	border: 1px solid #aaa;
	border-radius: 3px;
}

.jplist .search-title{
	float: left;
	margin-left: 10px;
}

.jplist .filter-btn{
	margin: 0px 0px 0px 5px;
	text-decoration: none;
	color: #fff;
	background-color: #1E87AA;
	border-radius: 3px;
	padding: 1px 5px;
}

/*
* JPLIST: pagination
*/
.jplist .pagingprev,
.jplist .pagingmid,
.jplist .pagingnext{
	float: left;
}

.jplist .paging{
	float: left;
	margin: 0.6em 0.6em 0 1.25em;	
}

.jplist .paging span{
	cursor: pointer;
	color: #2f4668;
	margin: 0 0.3em 0 0;	
}

.jplist .paging  span.current{
	font-weight: bold;
	color: #CA3F1A;
}

.jplist .paging-results{
	float: left;
	margin: 0.6em 0 0 1.25em;
}

/*
* JPLIST: dropdowns
*/
.jplist .drop-down{
	float: left;
	width: 150px;
	height: 1.3em;
	
	margin: 0.6em 0 0 1.25em;	
	border: 1px solid #aaa;
}

.jplist .drop-down .panel{
	float: left;
	width: 145px;
	height: 1.3em;
	line-height: 1.3em;
	
	overflow: hidden;
	background: #fff url('../images/down.png') no-repeat 99% 50%;
	
	padding: 0px 0px 0px 5px;
	margin: 0px 0px 0px 0px;
	cursor: pointer;
}

.jplist .drop-down:hover .panel{
	background: #fff url('../images/down-dark.png') no-repeat 99% 50%;
}

.jplist .drop-down ul{	

	position: relative;
	top: 0px;
	left: -1px;
	/*z-index: 1000;*/
	
	width: 150px;
	display: none;
	overflow: hidden;
	
	background-color: #fff;
	border: 1px solid #ccc;
	
	padding: 0;
	margin: 0;
	
	list-style: none;
	border-radius: 0 0 3px 3px;
}

.jplist .drop-down ul li{
	padding: 0 0 0 0.3em;
	cursor: pointer;
	width: 150px;
	float: left;
	background-color: #fff;
}

.jplist .drop-down ul li:hover{
	background-color: #444;
	color: #fff;
}

.jplist .hidden{
	display: none;
}

/*
* JPLIST: div layout css
*/
.list{
	float: left;
	width: 100%;
	padding: 1.25em 0;
}

.list .list-item{
	float: left;
	width: 96%;
	margin: 0 2% 1em 2%;
}

/*
* image styles
*/
.list .list-item .img{
	width: 8%;
	float: left;
	font-size: 0;
}

.list .list-item .img img{
    max-width: 90%;
}

/*
* block styles
*/
.list .list-item .block{
    float: left;
    width: 50%;
}

.block .title{
    font-family: 'verdana';
    font-size: 1.2em;
    line-height: 1.2em;
    text-align: left;
    color: #2f4668;
}

.block .date{
    padding: .2em 1.2em 0 0;
    margin-left: 10px;
 
    color: #CA3F1A;
    font-size: 1em;
    line-height: 1em;
    float: right;
}

.block .am, .block .pm{

    font-size: .9em;
}

.block .book{
    padding: .6em 0 0 0;
    color: #CA3F1A;
}

.block .speaker{
    padding: .55em 1.2em 0 0;
    margin-left: 10px;
    font-size: 1em;
    line-height: 1em;
    float: right;
}

/* Download Styles */
.list .list-item .download{
    float: right;
    width: 42%;
    text-align: center;
}
a.link:link
{
    color:#2f4668;
    text-decoration: none;
    font-weight: bold;
}

a.link:visited
{
    color:#2f4668;
    text-decoration: none;
    font-weight: bold;
}
a.link:hover
{
    color:#808080;
    text-decoration: none;
    font-weight: bold;
}
a.link:active
{
    color:#2f4668;
    text-decoration: none;
    font-weight: bold;
}

.download .stream{
    font-weight: bold;
}

/*************************** END JPLIST *********************************/