/*

Theme Name: Aeron

Author: ab-themes

Version: 2.0.0

Author URI: http://themeforest.net/user/ab-themes?ref=ab-themes

Description: Fully Responsive Corporate WordPress Theme.

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Text Domain: aeron

Tags: gray,orange,white,light,one-column,two-columns,left-sidebar,right-sidebar,flexible-width,custom-background,custom-colors,custom-menu,theme-options,threaded-comments,translation-ready

Theme URI: http://www.ab-themes.com/aeron





---------------------------------- Stylesheet Guide ---------------------------------

t

	01. CSS RESET

	02. GLOBAL STYLES

		a. Inner columns

		b. Clearfix

	03. HEADER

		a. Main menu

	04. SLIDER PLACE

	05. ELEMENTS

		a. Tabs

		b. Accordion

		c. Tabs

		d. Team Member

		e. Tabs

		f. Price tables

		g. Service boxes

		h. Latest portfolio

		i. Latest news

		j. Image Overlay

		k. About box

		l. Callout box

		m. Teaser 

		n. Buttons

		o. UL Shortcode

		p. Title bar

		q. Title bar

		r. Skills bar

		s. Tab icon

		t. Testimonial

		u. Videos

	06. BLOG

		a. Blog Timeline

		b. Blog Posts

		c. Post Comments

		d. Post Pagination

	07. CONTACT FORM 7

	08. WIDGETS

		a. Search

		b. Tag Cloud

		c. Flickr stream

		d. Custom Menu Widget

	09. PAGES

		a. Portfolio

		b. About us page

		c. 404 page

		d. Under maintenance page

		e. Cooming Soon Page

	10. FOOTER



-----------------------------------------------------------------------------------*/





/*-----------------------------------------------------------------*/

/* 01. CSS RESET

/*-----------------------------------------------------------------*/

	html, body, div, span, object, iframe,

	h1, h2, h3, h4, h5, h6, p, blockquote, pre,

	abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,

	small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,

	fieldset, form, label, legend,

	table, caption, tbody, tfoot, thead, tr, th, td,

	article, aside, canvas, details, figcaption, figure,

	footer, header, hgroup, menu, nav, section, summary,

	time, mark, audio, video, a {

		margin: 0;

		padding: 0;

		border: 0;

		font-size: 100%;

		font: inherit;

		vertical-align: baseline;

		outline: 0px;

		-webkit-tap-highlight-color: rgba(0,0,0,0);

		-webkit-box-sizing: border-box;

		-moz-box-sizing: border-box;

		box-sizing: border-box;

	}



	article, aside, details, figcaption, figure,

	footer, header, hgroup, menu, nav, section {

		display: block;

	}



	html { 

		min-height: 100%;

		margin: 0;

		padding: 0;

	}



	img {

		max-width: 100%;

		height:auto;

		width: auto;

		vertical-align: middle;

		border: 0;

		-ms-interpolation-mode: bicubic;

	}



	input[type="text"],input[type="password"],input[type="email"], textarea, select {

		width: 100%;

		font-family: inherit; 

		-webkit-box-sizing: border-box;

		-moz-box-sizing: border-box;

		box-sizing: border-box;

		border: 1px solid #d9d9d9;

	}





/*-----------------------------------------------------------------*/

/* 02. Global styles

/*-----------------------------------------------------------------*/

	body{

		font-family: 'PT Sans', sans-serif;

		color: #656565;

		font-size: 16px;

		line-height: 22px;

	}



	a{

		color: #1e6d81;

		text-decoration: none;

		transition: all 180ms ease-in;

		-webkit-transition: all 180ms ease-in;

	}



	a:hover{

		color: #656565;

		transition: all 180ms ease-in;

		-webkit-transition: all 180ms ease-in;

	}



	p{

		margin-bottom: 22px;

	}



	hr{

		background-color: #d9d9d9;

		display: block;

		height: 1px;

		border-color: #d9d9d9; 

		border: 0;

		padding: 0; 

	}



	section{

		padding: 80px 0 40px 0;

	}



	section.smaller_padding{

		padding: 40px 0 0px 0;

	}



	ul,

	ol{

		margin-left: 20px;

	}



	h1{

		font-family: Ubuntu;

		font-weight: 700;

		font-size: 20px;

		line-height: 20px;

		margin-bottom: 31px;

	}



	h2{

		font-family: Ubuntu;

		font-weight: 300;

		font-size: 30px;

		line-height: 30px;

		color: #093d71;

		margin-bottom: 30px;

	}



	h3{

		font-family: Ubuntu;

		font-weight: 400;

		font-size: 23px;

		line-height: 23px;

		color: #093d71;

		margin-bottom: 31px;

	}



	h4{

		font-family: Ubuntu;

		font-weight: 700;

		font-size: 19px;

		line-height: 19px;

		color: #093d71;

		margin-bottom: 31px;

	}



	h5{

		font-family: 'PT Sans';

		font-weight: 700;

		font-size: 16px;

		line-height: 16px;

		color: #656565;

		margin-bottom: 32px;

	}



	h6{

		font-family: 'PT Sans';

		font-weight: 400;

		font-size: 14px;

		line-height: 14px;

		color: #929292;

		margin-bottom: 32px;

	}



	input,select{

		padding: 8px 0 8px 20px;

		margin-bottom: 36px;

		font-size: 14px;

		line-height: 14px;

	}



	textarea{

		padding: 7px 20px;

		margin-bottom: 36px;

	}



	button,

	input[type="submit"] {

		font-size: 14px !important;

		padding: 5px 11px !important;

		display: inline-block;

		cursor: pointer;

		border: 1px solid #185868;

		background: #1e6d81 !important;

		color: #fff !important;

		margin-bottom: 40px;

	}



	button:hover,

	input[type="submit"]:hover{

		background: #115c6f !important;

	}



	.placeholder{

		color: #929292;

		font-size: 14px;

	}



	::-webkit-input-placeholder {

	  color: #929292;

	  font-size: 14px;

	  margin-top: 2px;

	}



	:-moz-placeholder {

	  color: #929292;

	  font-size: 14px;

	}



	::-moz-placeholder {

	  color: #929292;

	  font-size: 14px;

	}



	:-ms-input-placeholder {

	  color: #929292;

	  font-size: 14px;

	}



	strong,

	.strong{

		font-weight: bold;

	}



	.underlined{

		display: inline-block;

		background: url("images/underlined_bg.png") bottom repeat-x;

	}



	.italic{

		font-style: italic;

	}



	.highlighted,

	.search-highlight{

		background: #f1eb3c;

		display: inline-block;

		padding: 0 3px;

	}



	.alignleft{

		float: left;

		margin-right: 30px;

	}



	.alignright{

		float: right;

		margin-left: 30px;

	}



	.aligncenter{

		text-align: center !important;

	}



	.dnd_dropcap{

		position: relative;

		top: 6px;

	}



	.ABs_demoicons i{font-size:32px !important;}

	.ABs_demoicons .dnd_column_dd_span2  {text-align: center;padding-bottom:15px;}



	.section_border_top,

	.section_border_top_pattern{

		border-top: 1px solid #d9d9d9;

		position: relative;

	}



	.section_border_top:before,

	.section_border_top_pattern:before{

		content: "";

		display: block;

		width: 0; 

		height: 0; 

		border-left: 50px inset rgba(255,255,255,0);

		border-right: 50px inset rgba(255,255,255,0);

		border-top: 6px solid #cee6e6;

		position: absolute;

		top: 0;

		left: 50%;

		margin-left: -50px;

	}



	.section_border_top_pattern,

	.section_without_border_top_pattern{

		background: url("images/portfolio_bg.png") 0 0 repeat;

	}



	.section_without_border_top_pattern:before{

		display: none !important;

	}



	.section_color_background{

		background: #cee6e6;

		margin-bottom: 0;

	}



	.leading_line{

		margin-bottom: 80px !important;

	}



	.leading_line_bottom{

		padding-bottom: 120px !important;

	}



	.leading_line:after,

	.leading_line_bottom:after{

		content: "";

		display: block;

		position: relative;

		bottom: -40px;

		width: 70px;

		height: 5px;

		background: #cee6e6;

	}



	.center_aligned.leading_line:after,

	.center_aligned.leading_line_bottom:after{

		left: 50%;

		margin-left: -35px;

	}



	.right_aligned.leading_line:after,

	.right_aligned.leading_line_bottom:after{

		left: 100%;

		margin-left: -70px;

	}



	.last_child{

		margin-right: 0 !important;

	}



	.content_with_right_sidebar{

		padding-right: 35px;

	}



	.content_with_left_sidebar{

		float:right !important;

		padding-left: 35px;

	}



	.span12.content_with_right_sidebar{

		padding-right: 0;

	}



	.left_aligned{

		text-align: left;

	}



	.right_aligned{

		text-align: right;

	}



	.center_aligned,

	.aligncenter{

		text-align: center;

	}



	.wp-caption.aligncenter{

		width: 100% !important;

	}



	.margin_bottom{

		margin-bottom: 40px;

	}



	.margin_right{

		margin-right: 120px;

	}



	.border_bottom_gray{

		border-bottom: 1px solid #d9d9d9;

		padding-bottom: 30px;

		margin-bottom: 30px;

	}



	sub {

		vertical-align: sub;

		font-size: smaller;

	}



	sup {

		vertical-align: super;

		font-size: smaller;

	}



	table {

		border-bottom: 1px solid #ededed;

		line-height: 2;

		margin: 0 0 40px;

		width: 100%;

	}



	td{

		border-top: 1px solid #ededed !important;

	}



	th{

		border-top: 1px solid #ededed !important;

		font-weight: 700;

	}



	.wp-caption{}

	.wp-caption-text{}

	.sticky{}

	.gallery-caption{}

	.bypostauthor{}

	.alignright{}

	.alignleft{}

	.aligncenter{}



/*-------- 02.a. Inner columns --------*/

	.container,

	.dnd_container{

		width: 1170px;

		margin: 0 auto;

	}



	.content .dnd_container,

	.content_with_right_sidebar .dnd_container,

	.content_with_left_sidebar .dnd_container{

		width: 100%;

	}



	.row{

		width: 100%;

	}



	.row:before,

	.row:after{

		display: table;

		line-height: 0;

		content: "";

	}



	.row:after{

		clear: both;

	}



	.row > [class*="span"]{

		display: block;

		float: left;

		width: 100%;

		min-height: 20px;

		margin-left: 2.564102564102564%;

		-webkit-box-sizing: border-box; 

		-moz-box-sizing: border-box; 

		box-sizing: border-box;

	}



	.row > [class*="span"]:first-child{

		margin-left: 0;

	}



	.row .span12{width: 100%;}

	.row .span11{width: 91.45299145299145%;}

	.row .span10{width: 82.90598290598291%;}

	.row .span9 {width: 74.35897435897436%;}

	.row .span8 {width: 65.81196581196581%;}

	.row .span7 {width: 57.26495726495726%;}

	.row .span6 {width: 48.71794871794872%;}

	.row .span5 {width: 40.17094017094017%;}

	.row .span4 {width: 31.62393162393162%;}

	.row .span3 {width: 23.07692307692308%;}

	.row .span2 {width: 14.52991452991453%;}

	.row .span1 {width: 5.982905982905983%;}



	.half,

	.third,

	.fourth,

	.fifth{

		float: left;

	}



	.alpha{

		margin-left: 0 !important;

	}



	.half{width: 50%;}

	.third{width: 33.33333%;}

	.fourth{width: 25%;}

	.fifth{width: 20%;}



	.left{

		float: left !important;

	}



	.right{

		float: right !important;

	}



	.no_margin{

		margin: 0;

	}



	.no_padding{

		padding: 0;

	}



	.no_padding_top{

		padding-top: 0;

	}



	.no_padding_bottom{

		padding-bottom: 0;

	}



	.overflow_visible{

		overflow: visible !important;

		z-index: 1601;

	}



	.bottom_margin{

		margin-bottom: 40px;

	}



	.wp-caption{

		max-width: 100% !important;

	}



/*-------- 02.b. Clearfix --------*/

	.clearfix:before,

	.clearfix:after {

	  content: '\0020';

	  display: block;

	  overflow: hidden;

	  visibility: hidden;

	  width: 0;

	  height: 0;

	}



	.clearfix:after {

	  clear: both;

	}





/*-----------------------------------------------------------------*/

/* 03. Header

/*-----------------------------------------------------------------*/

	#topbar{

		min-height: 40px;

		background: #093d71;

		color: #fff;

		line-height: 37px;

	}



	#ABdev_sticky_header{

		position: fixed;

		top: 0;

		left: 0;

		right: 0;

		height: 740px;

		z-index: 1499;

	}



	#ABdev_sticky_header_content{

		margin-top: 740px;

		background: #fff;

		position: relative;

		z-index: 1601;

	}



	header#aeron_header{

		height: 104px;

		width: 100%;

		background: #074176;

		background: rgba(0, 0, 0, 0.7);

		border-bottom: 4px solid #cee6e6;

		position: absolute;

		top: 0;

		left: 0;

		right: 0;

		z-index: 9999;

	}



	header#aeron_header.with_topbar{

		height: 144px;

	}



	header#aeron_header.ABdev_on_sticky_header{

		position: fixed;

	}



	header#aeron_header .logo{

		position: relative;

	}



	header#aeron_header .logo img{

		position: absolute;

		top: 0;

		left: 0;

	}



	header#aeron_header .logo.coming_soon{

		text-align: center;

	}



	header#aeron_header .logo.coming_soon img{

		position: static;

	}



/*-------- 03.a. Main menu --------*/

	#ABdev_menu_toggle{

		display: none;

		cursor: pointer;

	}



	nav{

		padding-top: 26px;

	}



	nav > ul{

		list-style: none;

		margin: 0;

		float: right;

		position: relative;

		right: -20px;

	}



	nav > ul > li{

		float: left;

	}



	nav > ul > li a{

		color: #c0ccd7;

		text-align: center;

		text-transform: uppercase;

		display: inline-block;

		padding: 0 28px;

	}



	nav > ul > li > a{

		margin: 0 10px;

		padding: 0 10px;

	}



	nav > ul > li a:hover{

		color: #fff;

	}



	nav > ul > li .menu-placeholder{

		display: block;

		height: 24px;

		width: 100%;

	}



	nav > ul > li span{

		display: block;

	}



	nav > ul ul{

		display: none;

		list-style: none;

		text-transform:none;

		position: absolute;

		background: #fff;

		background: rgba(255,255,255,0.9);

		border: 1px solid #d9d9d9;

		border-bottom: 4px solid #cee6e6;

		padding-top: 21px;

		padding-bottom: 19px;

		margin: 0;

		min-width: 228px;

		margin-top: 40px;

		z-index: 1700;

	}



	nav > ul > li > ul:before{

		content: "";

		display: block;

		position: absolute;

		width:228px;

		min-width: 228px;

		height: 44px;

		top: -44px;

		left: 0;

		z-index: 1700;

	}



	nav > ul li:hover > ul,

	nav > ul li.sfHover > ul{

		display: block;

		z-index: 1700;

		position: absolute;

	}



	nav > ul ul li{

		position: relative;

	}



	nav > ul ul li.has_children:hover:after{

		content: "";

		display: block;

		width: 0; 

		height: 0; 

		border-top: 15px inset rgba(255,255,255,0);

		border-bottom: 15px inset rgba(255,255,255,0);

		border-left: 5px solid #cee6e6;

		position: absolute;

		right: -5px;

		top: 0;

	}



	nav > ul ul li{

		padding: 2px 0px 6px 0px;

	}



	nav > ul ul li a{

		text-transform:none;

		font-size: 16px;

		color: #656565;

		width: 100%;

		text-align: left;

	}



	nav > ul ul li:hover{

		background: #cee6e6;

	}



	nav > ul ul li:hover a{

		color: #656565;

	}



	nav > ul ul ul{

		position: absolute;

		left: 100%;

		top: 0;

		margin-left: 10px;

		margin-top: 0;

		z-index: 1701;

	}



	nav > ul ul ul:before{

		position: absolute;

		content: "";

		top: 0;

		left: -11px;

		width: 11px;

		height: 100px;

	}



	#magic-line { 

		position: absolute;

		bottom: -28px; 

		padding: 0 !important;

		margin: 0 !important;

		left: 0; 

		width: 0; 

		height: 0; 

		z-index: -1;

		border-left: 35px inset rgba(255,255,255,0);

		border-right: 35px inset rgba(255,255,255,0);

		border-bottom: 5px solid #cee6e6;

	}



	.sf-arrows .sf-with-ul:after{

		content:"\f488";

		font-family:'WebHostingHub-Glyphs';

		color: #aaa;

		margin-left: 5px;

		float:right;

		position: relative;

		top: 2px;

	}



	.sf-arrows ul .sf-with-ul:after{

		content:"\f105";

		top: 0;

	}



	.sf-arrows ul li:hover .sf-with-ul:after{

		color: #fff;

	}



	.sf-arrows > li:hover > .sf-with-ul:after{

		color: #d84949;

	}



	.sf-arrows .current_menu_ancestor .sf-with-ul:after{

		color: #333;

	}



	nav > ul > .current-menu-item > a,

	nav > ul > .current-menu-ancestor > a{

		color: #fff;

	}





/*-----------------------------------------------------------------*/

/* 04. Slider place

/*-----------------------------------------------------------------*/

	#frontpage_slider{

		padding: 0;

		margin: 0;

		min-height: 104px;

	}



	.tp-leftarrow.default,

	.tp-rightarrow.default {

		background: rgba(0,0,0,0.6) !important;

	}



	.tp-leftarrow.default:hover,

	.tp-rightarrow.default:hover {

		background: #093d71 !important;

	}



	.tp-leftarrow.default:before,

	.tp-rightarrow.default:before {

		font-family:'WebHostingHub-Glyphs';

		display: block;

		color: #fff;

		content:'\f489';

		text-align: center;

		font-size: 20px;

		line-height: 40px;

	}



	.tp-rightarrow.default:before {

		content:'\f488';

	}



	#contact_map,

    #alter_contact_map,

	#contact_streetview{

		height: 740px;

		padding: 0;

		margin: 0;

	}



	#contact_map img,

    #alter_contact_map img,

	#contact_streetview img{

		max-width: none;

	}



	.jQuery_waves{

	    -webkit-animation: waves 3s ease infinite;

	       -moz-animation: waves 3s ease infinite;

	            animation: waves 3s ease infinite;

	}



	@-webkit-keyframes waves

	{

	    0%   {margin-top: 12px;margin-left: 6px;}

	    50%   {margin-top: -12px;margin-left: -6px;}

	    100% {margin-top: 12px;margin-left: 6px;}

	}​



	@-moz-keyframes waves

	{

		0%   {margin-top: 12px;margin-left: 6px;}

		50%   {margin-top: -12px;margin-left: -6px;}

		100% {margin-top: 12px;margin-left: 6px;}

	}



	@keyframes waves

	{

		0%   {margin-top: 12px;margin-left: 6px;}

		50%   {margin-top: -12px;margin-left: -6px;}

		100% {margin-top: 12px;margin-left: 6px;}

	}





/*-----------------------------------------------------------------*/

/* 05. Elements

/*-----------------------------------------------------------------*/





/*-------- 05.j. Image Overlay --------*/

	.ABdev_overlayed{

		position: relative; 

		line-height: 1;

	}



	.ABdev_overlayed .ABdev_overlay {

		width: 100%; 

		height: 100%; 

		position: absolute; 

		overflow: hidden; 

		top: 0; 

		left: 0; 

		filter: alpha(opacity=0); 

		opacity: 0; 

		background:#093d71; 

		-webkit-transition: all 0.4s ease-in-out; 

		-moz-transition: all 0.4s ease-in-out; 

		-o-transition: all 0.4s ease-in-out; 

		-ms-transition: all 0.4s ease-in-out; 

		transition: all 0.4s ease-in-out; 

	}



	.ABdev_overlayed:hover .ABdev_overlay {

		filter: alpha(opacity=100); 

		opacity: 1; 

		background:rgba(9,61,113,0.75); 

	}



	.ABdev_overlayed .ABdev_overlay p{

		position: absolute;

		width: 100%;

		top: 50%;

		margin-top: -20px;

		height: 40px;

		line-height: 40px;

		text-align: center;

	}



	.ABdev_overlayed .ABdev_overlay p a{

		color: #fff;

		text-decoration: none;

	}



	.ABdev_overlayed .ABdev_overlay p a:hover{

		color: #cee6e6;

	}



	.ABdev_overlayed .ABdev_overlay i{

		font-size: 25px;

		margin: 0 8px;

	}



/*-------- 05.k. About box --------*/

	.about_box p{

		margin-bottom: 22px;

	}



	.about_box_download_link{

		margin-left: 74px;

	}





/*-------- 05.q. Title bar --------*/

	.title_bar{

		height: 230px;

		background: #d9d9d9;

		padding-top: 134px;

	}







	.title_bar.with_topbar{

		padding-top: 144px;

		height: 244px;

	}



	.title_bar .container{

		padding-top: 40px;

	}



	.title_bar .breadcrumbs{

		font-size: 14px;

		text-align: right;

		color: #929292;

		position: relative;

		top: -2px;

	}



	.title_bar .breadcrumbs .delimiter{

		margin: 0 4px;

	}



	.title_bar .breadcrumbs i{

		position: relative;

		top: 1px;

		margin-right: 3px;

	}



	.title_bar .breadcrumbs a{

		color: #929292;

	}



	.title_bar .breadcrumbs a:hover{

		color: #1e6d81;

	}



	.title_bar_below{

		padding-top: 0px;

		height: 100px;

	}



	.with_topbar.title_bar_below{

		padding-top: 0px;

		height: 100px;

	}



	.no_title_bar_spacer{

		height: 104px;

	}



	.no_title_bar_spacer.with_topbar{

		height: 144px;

	}



	#topbar_menu{

		list-style: none;

		margin: 0;

		padding: 0;

		float: right;

	}



	#topbar_menu li{

		list-style: none;

		margin: 0 0 0 20px;

		padding: 0;

		display: inline-block;

	}



	#topbar_menu li a {

		color: #fff;

	}



	#topbar_menu li a:hover {

		color: #cee6e6;

	}



	.topbar_menu_left{

		text-align: right;

	}



	.topbar_menu_left #topbar_menu{

		float:left;

	} 



	.topbar_menu_left #topbar_menu li{

		margin: 0 20px 0 0 ;

	} 



	#topbar.announcement_bar_style_1{

		border-bottom: 2px solid #cee6e6;

	}



	#topbar.announcement_bar_style_2{

		border-bottom: 1px solid #cee6e6;

		opacity: 0.7;

		filter:Alpha(opacity=70);

		font-size: 14px;

	}



	#topbar.announcement_bar_style_3{

		background: #434342;

		border-bottom: 1px solid #cee6e6;

		font-size: 14px;

	}



/*-------- 05.r. Skills bar --------*/

	.ABs_progress_bar:last-child {

		margin-bottom: 40px !important;

	}



/*-------- 05.t. Testimonial --------*/

	.ABt_testimonials_wrapper{

		margin-bottom: 40px;

	}



	.testimonial_small p{

		border-bottom: 5px solid #cee6e6 !important;

	}



	.testimonial_small p:after{

		border-left: 16px solid #cee6e6 !important;

		border-bottom: 22px solid #fff !important;

	}



	.testimonial_small img{

		width: 50px !important;

		height: auto !important;

	}



	.no_background .ABt_testimonials_slide li{

		background: none;

	}



/*-------- 05.u. Videos --------*/

	.videoWrapper-youtube{

		position:relative;

		padding-bottom:56.25%;

		padding-top:0px;

		height:0;

		overflow:hidden;

	}



	.videoWrapper-youtube iframe,

	.videoWrapper-youtube object,

	.videoWrapper-youtube embed{

		position:absolute;

		top:0;

		left:0;

		width:100%;

		height:100%;

	}



	.videoWrapper-vimeo{

		position:relative;

		padding-bottom:53%;

		padding-top:30px;

		height:0;

		overflow:hidden;

	}



	.videoWrapper-vimeo iframe,

	.videoWrapper-vimeo object,

	.videoWrapper-vimeo embed{

		position:absolute;

		top:0;

		left:0;

		width:100%;

		height:100%;

	}





/*-----------------------------------------------------------------*/

/* 06. Blog

/*-----------------------------------------------------------------*/

	.sidebar_left{

		margin-left: 0 !important;

	}



/*-------- 06.a. Blog Timeline --------*/

	#timeline_posts{

		background: url("images/timeline_line.png") center top repeat-y;

		overflow: hidden;

	}



	.timeline_post{

		border: 1px solid #d9d9d9;

		width: 535px;

		float: left;

		margin-bottom: 80px;

		position: absolute;

		top: -2000px;

		transition: top 1s;

		-webkit-transition: top 1s; /* Safari */		

	}



	.timeline_post_first{

		width: 535px;

	}



	.timeline_appended{

		transition: top 0s, opacity 1s;

		-webkit-transition: top 0s, opacity 1s; 

	}



	.timeline_postmeta{

		background: #cee6e6;

		padding: 22px 20px 20px 20px;

		font-size: 14px;

		color: #1e6d81;

	}



	.timeline_postmeta a{

		color: #1e6d81;

	}



	.timeline_postmeta a:hover{

		color: #093d71;

	}



	.timeline_postmeta h2 a{

		color: #093d71;

	}



	.timeline_postmeta h2 a:hover{

		color: #1e6d81;

	}



	.timeline_postmeta h2{

		margin-bottom: 10px;

		font-size: 23px;

		color: #093d71;

		font-weight: 400;

	}



	.timeline_content{

		padding: 34px 25px 7px 25px;

	}



	.timeline_content p{

		margin-bottom: 31px;

	}



	.timeline_post_left:after,

	.timeline_post_right:after{

		display: block;

		content: "";

		position: absolute;

		top: 50%;

		margin-top: -28px;

		width: 0; 

		height: 0; 

		border-top: 30px inset rgba(255,255,255,0);

		border-bottom: 30px inset rgba(255,255,255,0);

	}



	.timeline_post_left:after{

		border-right: 7px solid #cee6e6;

		right: -52px;

	}



	.timeline_post_right:after{

		border-left: 7px solid #cee6e6;

		left: -52px;

	}



	#timeline_loading{

		text-align: center;

		padding-top: 40px;

		padding-bottom: 40px;

	}



	.timeline_loading_loader{

		background: url("images/ajax-loader.gif") center 40px no-repeat;

	}



/*-------- 06.b. Blog Posts --------*/

	.post_content{

		position: relative;

		min-height: 200px;

		padding-bottom: 40px;

	}



	.post_wrapper{

		margin-bottom: 40px;

	}



	.post_content p:last-child{

		margin-bottom: 0;

	}



	.post_content .post_main{

		padding-left: 100px;

	}



	.post_content .post_badges{

		position: absolute;

		top: 0;

		left: 0;

		width: 70px;

		text-align: center;

	}



	.post_content .post_badges .post_type{

		background: #cee6e6;

		color: #093d71;

		padding: 23px 0 19px;

		position: relative;

		margin-bottom: 40px;

	}



	.post_content .post_badges .post_type i{

		font-size: 32px;

	}

	

	.post_content .post_badges .post_comments .number{

		display: block;

		border: 1px solid #d9d9d9;

		border-bottom: 0;

		font-size: 20px;

		font-weight: 700;

		padding: 6px 0;

	}



	.post_content .post_badges .post_comments .text{

		display: block;

		background: #cee6e6;

		color: #1e6d81;

		font-size: 12px;

		padding: 7px 0;

	}



	.post_content .post_badges .post_type:after,

	.post_content .post_badges .post_comments .text:after{

		display: block;

		content: "";

		width: 0;

		height: 0;

		border-top: 5px solid #cee6e6;

		border-left: 35px inset rgba(255,255,255,0);

		border-right: 35px inset rgba(255,255,255,0);

		position: absolute;

		bottom: -5px;

	}



	.post_main .postmeta-under{

		margin-top: 35px;

		margin-bottom: 32px;

		font-size: 14px;

		color: #929292;

	}



	.post_main .postmeta-under a{

		color: #929292;

	}



	.post_main .postmeta-under a:hover{

		color: #656565;

	}



	.post_main .postmeta-under i{

		margin-left: 40px;

		margin-right: 10px;

	}



	.post_main .postmeta-under i:first-child{

		margin-left: 0;

	}



	.more-link{

		text-align: right;

		display: block;

	}



	.post_excerpt{

		line-height: 38px;

		margin-top: -4px;

	}



	.sticky{

		background: #f2f2f2;

		margin-bottom: 40px;

		padding: 40px 20px 0 20px;

	}



/*-------- 06.c. Post Comments --------*/

	#comments_section{

		margin-top: 40px;

		padding-bottom: 0;

	}



	#comments_section ul,

	#comments_section ol{

		list-style: none;

		margin-left: 0;

	}



	.comment p{

		margin-bottom: 0;

	}

	#comments_section p.logged-in-as,

	#comments_section p.comment-notes{

		margin-bottom: 22px;

	}



	.comment {

		position: relative;

		padding-left: 100px;

		min-height: 70px;

		margin-bottom: 40px;

	}



	.comment .avatar{

		position: absolute;

		top: 6px;

		left: 0;

	}



	.comment .children{

		padding-top: 40px;

	}



	.comment .comment-author,

	.comment time,

	.comment .reply,

	.comment .edit-link,

	.comment .reply a,

	.comment .edit-link a{

		font-size: 14px;

		color: #929292;

	}



	.comment .reply a:hover,

	.comment .edit-link a:hover{

		color: #1e6d81;

	}



	.comment .comment-author{

		font-weight: 700;

	}



	.comment .reply:before,

	.comment .edit-link:before{

		content:"/";

		display: inline;

		margin: 0 4px;

	}



	.comment .edit-link:before{

		margin-right: 7px;

	}



	#respond{

		padding-top: 40px;

	}



	#respond p{

		margin-bottom: 0px;

	}



/*-------- 06.d. Post Pagination --------*/

	#post_pagination,

	#blog_pagination{

		background: #cee6e6;

		padding: 36px 0 25px 0;

		margin: 0;

	}



	#post_pagination a,

	#blog_pagination a{

		font-family: Ubuntu;

		font-size: 19px;

		color: #1e6d81;

	}



	#post_pagination .next,

	#blog_pagination .next{

		float: right;

	}



	#blog_pagination .prev{

		float: left;

	}



	#blog_pagination .pagination-centered{

		text-align: center;

	}



	#blog_pagination .page-numbers{

		background: #fff;

		border: 1px solid #d9d9d9;

		padding: 0px 7px 2px 7px;

	}



	#blog_pagination .page-numbers.current,

	#blog_pagination .page-numbers:hover{

		background: #093d71;

		color: #fff;

		font-family: Ubuntu;

		font-size: 19px;

	}



	#blog_pagination .page-numbers.prev,

	#blog_pagination .page-numbers.next,

	#blog_pagination .page-numbers.dots{

		background: none;

		border: none;

	}



	#blog_pagination .page-numbers.prev:hover,

	#blog_pagination .page-numbers.next:hover,

	#blog_pagination .page-numbers.dots:hover{

		color: #656565;

	}



	#blog_pagination .page-numbers.dots:hover{

		font-size: inherit;

		font-family: inherit;

	}





/*-----------------------------------------------------------------*/

/* 07. Contact Form 7

/*-----------------------------------------------------------------*/

	.wpcf7-submit{

		width: auto;

		font-size: 14px !important;

		padding: 5px 11px;

		border: 1px solid #185868;

		background: #1e6d81 !important;

		color: #fff !important;

		margin: 0;

		font-size: 16px;

		line-height: 16px;

		margin-bottom: 40px;

		cursor: pointer;

		transition: background 180ms ease-in, color 180ms ease-in, border-color 180ms ease-in;

		-webkit-transition: background 180ms ease-in, color 180ms ease-in, border-color 180ms ease-in;

	}



	.wpcf7-submit:hover{

		background: #115c6f !important;

		transition: background 180ms, color 180ms, border-color 180ms;

		-webkit-transition: background 180ms, color 180ms, border-color 180ms;

	}



	.wpcf7-not-valid-tip{

		width: auto !important;

		border: none !important;

		color: #fff !important;

		padding: 4px 8px !important;

		background: rgba(0,0,0,0.6) !important;

	}



	.wpcf7-validation-errors{

		margin-bottom: 40px !important;

		padding: 19px !important;

		background: #ffe9e9 !important;

		color: #d04544 !important;

		border: none !important;

		margin: 0 0 40px 0 !important;

	}





/*-----------------------------------------------------------------*/

/* 08. Widgets

/*-----------------------------------------------------------------*/

	.widget input{

		margin-bottom: 0;

	}

	

	aside .widget h3{

		font-size: 19px;

		font-weight: 700;

	}



	aside .widget{

		margin-bottom: 70px;

	}



	.widget ul{

		list-style: none;

		margin-left: 0;

	}



	.widget ul li{

		position: relative;

		padding-left: 20px;

	}



	.widget ul li:before{

		content: "\f488";

		font-family: 'WebHostingHub-Glyphs';

		color: #1e6d81;

		display: inline;

		line-height: normal;

		font-size: 8px;

		margin-right: 20px;

		position: absolute;

		left: 0px;

		top: 6px;

	}



/*-------- 08.a. Search --------*/	

	.widget_search form{

		position: relative;

	}



	.widget_search a{

		cursor: pointer;

	}



	.widget_search i{

		position: absolute;

		top: 10px;

		right: 10px;

	}



	.widget_search input{

		padding-left: 20px;

	}



	.search_results_content_item{

		padding-left: 41px;

		position: relative;

	}



	.search_resuls_number{

		font-family: Ubuntu;

		font-size: 19px;

		font-weight: 300;

		position: absolute;

		top: 0;

		left: 0;

		line-height: 19px;

	}



	.search_results_content_item h4{

		margin-bottom: 12px;

	}



/*-------- 08.b. Tag Cloud --------*/	

	.tagcloud a{

		border: 1px solid #d9d9d9;

		display: inline-block;

		margin: 0 5px 5px 0;

		padding: 3px 9px 4px 9px;

		float: left;

		color: #929292;

		font-size: 16px !important;

	}



	.tagcloud a:hover{

		background: #cee6e6;

		color: #1e6d81;

		border-color: #cee6e6;

	}



	.tagcloud:after{

		display: block;

		clear: both;

		content: "";

		height: 0;

	}



	footer .tagcloud a{

		border: 1px solid #5f5f5e;

	}



	footer .tagcloud a:hover{

		color: #434342;

		border-color: #929292;

	}



/*-------- 08.c. Flickr stream --------*/	

	.flickr-stream a{

		float: left;

		margin: 0 20px 20px 0;

		display: inline-block;

		position: relative;

	}



	.flickr-stream a:hover:after{

		content: "";

		position: absolute;

		top: 0;

		left: 0;

		width: 100%;

		height: 100%;

		background: rgba(0,0,0,0.2);

	}



	.flickr-stream img{

		width: 62px;

		height: 62px;

	}



/*-------- 08.d. Custom Menu Widget --------*/	

	.widget_nav_menu{

		border-left: 1px solid #d9d9d9;

	}



	.widget_nav_menu ul li:before{

		display: none;

	}



	.widget_nav_menu ul li{

		font-weight: 700;

		position: relative;

		margin-bottom: 14px;

	}



	.widget_nav_menu ul li a{

		width: 100%;

		display: block;

		padding: 7px 40px 8px 40px;

		color: #656565;

	}



	.widget_nav_menu ul li:hover,

	.widget_nav_menu .current-menu-item{

		background: #cee6e6;

	}

	

	.widget_nav_menu ul li:hover a,

	.widget_nav_menu .current-menu-item a{

		color: #093d71;

	}



	.widget_nav_menu ul li:hover:after,

	.widget_nav_menu .current-menu-item:after{

		display: block;

		content: "";

		position: absolute;

		left: -6px;

		top: 0;

		width: 0; 

		height: 0; 

		border-top: 19px inset rgba(255,255,255,0);

		border-bottom: 19px inset rgba(255,255,255,0);

		border-right: 6px solid #cee6e6;

	}



	.sidebar_left .widget_nav_menu{

		border-left: none;

		border-right: 1px solid #d9d9d9;

	}



	.sidebar_left .widget_nav_menu ul li{

		text-align: right;

	}



	.sidebar_left .widget_nav_menu ul li:hover:after,

	.sidebar_left .widget_nav_menu .current-menu-item:after{

		border-left: 6px solid #cee6e6;

		border-right: none;

		left: auto;

		right: -6px;

	}



/*-------- 09.a. Login Widget bbPress --------*/

	.bbp-login-form .button{

		margin-bottom: 0;

	}



/*-----------------------------------------------------------------*/

/* 09. Pages

/*-----------------------------------------------------------------*/



/*-------- 09.a. Portfolio --------*/

	.portfolio_item{

		color: #929292;

		height: 300px;

	}



	#ABp_latest_portfolio li:first-child {

		margin-left: 0 !important;

	}

	.portfolio_item,

	.portfolio_item .overlayed{

		position: relative; 

		text-align: center;

	}



	.portfolio_item h4{

		margin: 16px 10px 3px 10px;

		position: relative;

		z-index: 1;

	}



	.portfolio_item span{

		z-index: 1;

		position: relative;

	}



	.portfolio_item h4 a{

		color: #093d71;

	}



	.portfolio_item .overlayed .overlay {

		width: 100%; 

		height: 100%; 

		position: absolute; 

		overflow: hidden; 

		top: 0; 

		left: 0; 

		filter: alpha(opacity=0); 

		opacity: 0; 

		background:#093d71; 

		-webkit-transition: all 0.4s ease-in-out; 

		-moz-transition: all 0.4s ease-in-out; 

		-o-transition: all 0.4s ease-in-out; 

		-ms-transition: all 0.4s ease-in-out; 

		transition: all 0.4s ease-in-out; 

	}



	.portfolio_item:hover .overlayed .overlay {

		filter: alpha(opacity=100); 

		opacity: 1; 

		background:rgba(9,61,113,0.75); 

	}



	.portfolio_item .overlayed .overlay p{

		position: absolute;

		width: 100%;

		top: 50%;

		margin-top: -20px;

		height: 40px;

		line-height: 40px;

		margin-bottom: 0;

	}



	.portfolio_item .overlayed .overlay p a{

		color: #fff;

	}



	.portfolio_item .overlayed .overlay p a:hover{

		color: #cee6e6;

	}



	.portfolio_item .overlayed .overlay i{

		font-size: 25px;

		margin: 0 8px;

	}



	.overlayed_animated_highlight .overlayed_after{

		display: block;

		height: 5px;

		width: 100%;

		background: #cee6e6;

		position: absolute;

	}



	.portfolio_single_column_item{

		margin-bottom: 140px;

	}



	.single_portfolio_meta{

		color: #929292;

		margin-bottom: 33px;

	}



	.single_portfolio_meta .icon-calendar{

		margin-left: 30px;

	}



	.portfolio_single_column_item .more-link{

		margin-top: 39px;

		text-align: left;

	}



	#portfolio_item_meta .portfolio_item_meta_label{

		float: left;

		width: 70px;

		text-transform: uppercase;

		font-weight: 700;

	}



	#portfolio_item_meta .portfolio_item_meta_data{

		padding-left: 30px;

		display: inline-block;

	}



	#portfolio_item_meta p{

		border-bottom: 1px solid #d9d9d9;

		margin-bottom: 14px;

		padding-bottom: 15px;

	}



	#portfolio_item_meta p:last-child{

		border-bottom: none;

	}



	.portfolio_item_image{

		margin-bottom: 35px;

	}



	.portfolio_navigation{

		text-align: center;

		display: inline-block;

		width: 100%;

	}



	.portfolio_navigation a{

		text-align: center;

		display: inline-block !important;

		color: #656565;

	}



	.portfolio_navigation a:hover{

		color: #1e6d81;

	}



	.portfolio_navigation #portfolio_prev{

		padding-right: 15px;

	}



	.portfolio_navigation #portfolio_next{

		padding-left: 15px;

	}



	.isotope-item {

	  z-index: 2;

	}



	.isotope-hidden.isotope-item {

	  pointer-events: none;

	  z-index: 1;

	}



	.isotope,

	.isotope .isotope-item {

	  -webkit-transition-duration: 0.8s;

	     -moz-transition-duration: 0.8s;

	      -ms-transition-duration: 0.8s;

	       -o-transition-duration: 0.8s;

	          transition-duration: 0.8s;

	}



	.isotope {

	  -webkit-transition-property: height, width;

	     -moz-transition-property: height, width;

	      -ms-transition-property: height, width;

	       -o-transition-property: height, width;

	          transition-property: height, width;

	}



	.isotope .isotope-item {

	  -webkit-transition-property: -webkit-transform, opacity;

	     -moz-transition-property:    -moz-transform, opacity;

	      -ms-transition-property:     -ms-transform, opacity;

	       -o-transition-property:      -o-transform, opacity;

	          transition-property:         transform, opacity;

	}



	.isotope.no-transition,

	.isotope.no-transition .isotope-item,

	.isotope .isotope-item.no-transition {

	  -webkit-transition-duration: 0s;

	     -moz-transition-duration: 0s;

	      -ms-transition-duration: 0s;

	       -o-transition-duration: 0s;

	          transition-duration: 0s;

	}



	#filters{

		list-style: none;

		margin: 0;

	}



	#filters li{

		list-style: none;

		display: inline-block;

		margin-right: 35px;

	}



	.portfolio_item_3{

		width: 33.3%;

		display: block;

		padding: 0 15px 44px 15px;

		margin-bottom: 60px;

	}



	.portfolio_item_4{

		width: 24.9%;

		display: block;

		padding: 0 15px 44px 15px;

	}



/*-------- 09.b. About us page --------*/

	.section_stats{

		padding: 37px 0 0 0;

	}



/*-------- 09.c. 404 page --------*/

	#page404{

		text-align: center;

		margin-bottom: 76px;

	}



	#page404 .big_404{

		font-size: 410px;

		line-height: 410px;

		font-family: Ubuntu;

		font-weight: 500;

		color: #cee6e6;

	}



/*-------- 09.d. Under maintenance page --------*/

	#under_maintenance{

		padding-top: 300px;

		padding-bottom: 120px;

	}



	#under_maintenance .section_border_top_pattern{

		border-top: 1px solid #d9d9d9;

		border-bottom: 1px solid #d9d9d9;

		background: url("images/portfolio_bg.png") 0 0 repeat;

		padding-top: 70px;

		padding-bottom: 70px;

	}



	#under_maintenance i{

		color: #cee6e6;

		font-size: 320px;

		line-height: 320px;

	}



/*-------- 09.e. Cooming Soon Page --------*/

	#cs_countdown{

		padding: 0;

		margin: 0;

		position: relative;

		min-height: 740px;

	}



	#cs_countdown .cs_text{

		position: absolute;

		top: 240px;

		text-align: center;

		width: 100%;

		font-family: Ubuntu;

		font-weight: 500;

		font-size: 60px;

		color: #093d71;

		line-height: 60px;

	}



	#cs_countdown .cs_text small{

		display: block;

		font-weight: 300;

		font-size: 32px;

		line-height: 32px;

	}



	#knob_countdown{

		position: absolute;

		top: 410px;

		left: 50%;

		margin-left: -382px;

		display: none;

	}



	#knob_countdown input{

		font-size: 50px !important;

		line-height: 50px !important;

		font-family: Ubuntu !important;

		font-weight: 300 !important;

		margin-top: 30px !important;

		color: #fff !important;

	}

	

	#knob_countdown > div{

		width: 158px;

		display: inline;

		position: relative;

		margin: 0 15px;

	}



	#knob_countdown div span {

		position: absolute;

		color: #fff;

		width: 158px;

		text-align: center;

		bottom: 40px;

		left: 0;

		font-size: 23px;

		font-family: Ubuntu;

		font-weight: 700;

		text-transform: uppercase;

	}



	#cs_thumbnail{

		text-align: center;

		height: 740px;

		width: 100%;

		overflow: hidden;

	}



	#cs_thumbnail img{

		max-width: none;

	}



	#cs_content{

		padding-top: 0;

	}





/*-----------------------------------------------------------------*/

/* 10. Footer

/*-----------------------------------------------------------------*/

	footer{

		background: #434342;

		color: #929292;

		border-top: 10px solid #cee6e6;

		z-index: 1600;

		position: relative;

	}



	footer.coming_soon_footer{

		border-top: none;

	}



	footer .widget{

		clear:both;

		padding-top: 50px;

	}



	footer p{

		margin-bottom: 22px;

	}



	footer a{

		color: #097d89;

	}



	footer a:hover{

		color: #fff;

	}



	footer h3{

		color: #fff;

		margin-bottom: 30px;

	}



	footer #footer_columns{

		padding: 26px 0 76px 0;

	}



	footer #footer_copyright{

		border-top: 1px solid #5f5f5e;

	}



	footer #footer_copyright .span5,

	footer #footer_copyright .span6{

		padding-top: 26px;

	}



	footer #footer_copyright .span6{

		padding-bottom: 26px;

	}



	footer #footer_copyright .span2{

		margin-bottom: 9px;

	}



	footer #footer_copyright .footer_logo{

		text-align: center;

	}



	footer #footer_copyright .footer_logo img{

		position: relative;

		top: -11px;

	}



	footer #footer_copyright .footer_social_links{

		text-align: right;

	}



	footer #footer_copyright .footer_social_links a{

		color: #929292;

		margin-left: 16px;

	}



	footer #footer_copyright .footer_social_links a:first-child{

		margin-left: 40px;

	}



	footer #footer_copyright .footer_social_links a:hover{

		color: #fff;

	}

    

    .aviso_privacidad

    {

        height: 200px;

        overflow: auto;

        max-height:200px;

    }

    

    @media (min-width: 768px) and (max-width: 1024px)

    {

        nav {

            padding-top: 10px;

            margin-left: -15px !important;

        }

        

        nav > ul > li span{

    		font-size: 12px;

    	}

    }