/*
Theme Name: Metrolics
Theme URI: http://themeforest.net/item/metrolics-responsive-metro-wordpress-theme/6984830
Author: codeex
Author URI: http://themeforest.net/user/codeex
Description: Metrolics is a responsive and retina ready metro WordPress theme with minimalist approach, flat design and clean. It has two theme layout (fullwidth and boxed style). Widget ready, Custom Page templates, Custom Post Types and many more.
Version: 1.2.3
License: GNU General Public License
License URI: license.txt
Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: metrolics 

-------------------------------------------------------------------------

	1.	Reset Styles
	2.	Global Styles
	3.	Container, Header and Footer Styles
	4.	Layout Styles
	5.	Sidebar and Widgets
	6.	Pagination
	7.  WordPress Default Styles

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


/*************************************************************************
1. RESET STYLES
*************************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; }
/* HTML5 role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
body { line-height:1; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
table { border-collapse:collapse; border-spacing:0; }
#preloader { position: fixed; top:0; left:0; right:0; bottom:0; background-color:#fff; z-index:99999; }
#status { 
	width:200px; height:200px; position:absolute; left:50%; top:50%; 
	background-image:url('img/status.gif'); 
	background-repeat:no-repeat;
	background-position:center;
	margin:-100px 0 0 -100px;
}


/*************************************************************************
2. GLOBAL STYLES
*************************************************************************/

body { font:12px/24px 'Ubuntu', sans-serif; color:#777; background:#FFF; } 
input, textarea, select { font-size:12px; font-family:'Ubuntu', sans-serif; color:#777; border:0; padding:4px; }
h1, h2, h3, h4, h5, h6 { font-family:'Ubuntu', sans-serif; display:block; color:#444; margin-bottom:20px; font-weight:normal; }
h1 { font-size:26px; }
h2 { font-size:24px; }
h3 { font-size:22px; }
h4 { font-size:20px; }
h5 { font-size:18px; }
h6 { font-size:16px; }
.clear:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
a:link, a:visited { color:#afbabd; text-decoration:none; transition:all 0.2s ease-out 0s; -webkit-transition:all 0.2s ease-out 0s; -moz-transition:all 0.2s ease-out 0s; }
a:hover { color:#a2a6a7; }
p { margin-bottom:20px; }
iframe { vertical-align:top; }
input, textarea { font-size:14px; font-family:'Ubuntu'; margin:0; -webkit-border-radius:0; }
textarea:focus, input:focus { outline: none; }
select { -webkit-border-radius:0; }
input[type="submit"], .services-list-two a span, 
.services-list-three a .services-icon { transition:all 0.2s ease-out 0s; -webkit-transition:all 0.2s ease-out 0s; -moz-transition:all 0.2s ease-out 0s; }
img { width:auto; max-width:100%; height:auto; vertical-align:top; }
ul li { list-style:disc inside; margin-left: 0; padding-left: 1em; text-indent: -1em; }
ol li { list-style:decimal inside; margin-left: 0; padding-left: 1.5em; text-indent: -1.5em; }
b, strong { font-weight: 700; }
cite, dfn, em, i { font-style: italic; }
mark, ins { background: #fff9c0; text-decoration: none; }
input, textarea {
	background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); 
	/* Removing the inner shadow, rounded corners on iOS inputs */
}
code, kbd, tt, var, samp, pre {
	font-family: monospace, serif; font-size: 15px; line-height: 1.6;
	-webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none;
}
.last { margin-right:0 !important; }
::selection { background:#72798a; color:#FFF; }
::-moz-selection { background:#72798a; color:#FFF; }


/*************************************************************************
3. CONTAINER, HEADER and FOOTER STYLES
*************************************************************************/

/*-------------------------------------
Container
-------------------------------------*/

#container { width:100%; position:relative; background:#FFF; }
#container-boxed { width:1250px; margin:0 auto; background:#FFF; }
.inside { width:1130px; margin:0 auto; position:relative; }

/*----------------------------------------------------------------
Metro Colors (Green, Yellow, Pink, Blue, Dark Blue and Violet)
----------------------------------------------------------------*/

.theme-menu ul li.menu-green a, .services-green, .blog-green .blog-date, .footer-menu ul li.menu-green a, .action-green, 
.blog-green.blist a.learn-more, .blog-green .blog-image, .blog-green .blog-image-left, .blog-green .blog-image-grid, .error-green,
.portfolio-green.portfolio-masonry { background:#25C289 !important; } /*Green*/
.theme-menu ul li.menu-green a:hover, .footer-menu ul li.menu-green a:hover, .services-list-two a:hover .services-green, 
.services-page-icon.services-green:hover, .blog-green.blist a.learn-more:hover, .error-green:hover { background:#12a46f !important; }
.theme-menu ul li.menu-yellow a, .services-yellow, .blog-yellow .blog-date, .footer-menu ul li.menu-yellow a, .action-yellow,
.blog-yellow.blist a.learn-more, .blog-yellow .blog-image, .blog-yellow .blog-image-left, .blog-yellow .blog-image-grid, .error-yellow,
.portfolio-yellow.portfolio-masonry { background:#FFBA00 !important; } /*Yellow*/
.theme-menu ul li.menu-yellow a:hover, .footer-menu ul li.menu-yellow a:hover, .services-list-two a:hover .services-yellow,
.services-page-icon.services-yellow:hover, .blog-yellow.blist a.learn-more:hover, .error-yellow:hover { background:#dea408 !important; }
.theme-menu ul li.menu-pink a, .services-pink, .blog-pink .blog-date, .footer-menu ul li.menu-pink a, .action-pink, 
.blog-pink.blist a.learn-more, .blog-pink .blog-image, .blog-pink .blog-image-left, .blog-pink .blog-image-grid, .error-pink,
.portfolio-pink.portfolio-masonry { background:#DE6262 !important; } /*Pink*/
.theme-menu ul li.menu-pink a:hover, .footer-menu ul li.menu-pink a:hover, .services-list-two a:hover .services-pink,
.services-page-icon.services-pink:hover, .blog-pink.blist a.learn-more:hover, .error-pink:hover { background:#bd3d3d !important; }
.theme-menu ul li.menu-blue a, .services-blue, .footer-menu ul li.menu-blue a, .action-blue, .blog-blue.blist a.learn-more, 
.blog-blue .blog-image, .blog-blue .blog-image-left, .blog-blue .blog-image-grid, .error-blue, .portfolio-blue.portfolio-masonry { background:#1691BE !important; } /*Blue*/
.theme-menu ul li.menu-blue a:hover, .footer-menu ul li.menu-blue a:hover, .services-list-two a:hover .services-blue,
.services-page-icon.services-blue:hover, .blog-blue.blist a.learn-more:hover, .error-blue:hover { background:#0680ad !important; }
.theme-menu ul li.menu-dblue a, .services-dblue, .blog-dblue .blog-date, .footer-menu ul li.menu-dblue a, .action-dblue, 
.blog-dblue.blist a.learn-more, .blog-dblue .blog-image, .blog-dblue .blog-image-left, .blog-dblue .blog-image-grid, .error-dblue,
.portfolio-dblue.portfolio-masonry { background:#166BA2 !important; } /*Dark Blue*/
.theme-menu ul li.menu-dblue a:hover, .footer-menu ul li.menu-dblue a:hover, .services-list-two a:hover .services-dblue,
.services-page-icon.services-dblue:hover, .blog-dblue.blist a.learn-more:hover, .error-dblue:hover { background:#0b5382 !important; }
.theme-menu ul li.menu-violet a, .services-violet, .blog-violet .blog-date, .footer-menu ul li.menu-violet a, .action-violet,
.blog-violet.blist a.learn-more, .blog-violet .blog-image, .blog-violet .blog-image-left, .blog-violet .blog-image-grid, .error-violet,
.portfolio-violet.portfolio-masonry { background:#852B99 !important; } /*Violet*/
.theme-menu ul li.menu-violet a:hover, .footer-menu ul li.menu-violet a:hover, .services-list-two a:hover .services-violet,
.services-page-icon.services-violet:hover, .blog-violet.blist a.learn-more:hover, .error-violet:hover { background:#701b83 !important; }

/*-------------------------------------
Header
-------------------------------------*/

.select-menu { display:none; }
header { background:#FFF; width:100%; }
header.sticky-header { position:fixed; top:0; left:0; z-index:9999; }
.sticky-header-container { padding-top:160px; }
.logo { padding-top:100px; float:left; }
.theme-menu { float:right; }
.theme-menu ul li { float:left; position:relative; }
.theme-menu ul li i {
	position: relative;	display: inline-block; margin: 0 auto; 
	box-shadow: 0 0 0 30px transparent;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: box-shadow .6s ease-in-out;
	-moz-transition: box-shadow .6s ease-in-out;
	-o-transition: box-shadow .6s ease-in-out;
	-ms-transition: box-shadow .6s ease-in-out;
	transition: box-shadow .6s ease-in-out;
}	
.theme-menu ul li a:hover i {		
	box-shadow: 0 0 0 0 rgba(255,255,255,0.2);
	-webkit-transition: box-shadow .4s ease-in-out;
	-moz-transition: box-shadow .4s ease-in-out;
	-o-transition: box-shadow .4s ease-in-out;
	-ms-transition: box-shadow .4s ease-in-out;
	transition: box-shadow .4s ease-in-out;
}
.theme-menu ul li a:link, .theme-menu ul li a:visited { 
	background:#19B1DD; display:block; width:160px; padding:57px 0; font-size:16px; color:#FFF; 
}
.no-custom ul li a:link, .no-custom ul li a:visited { padding-left:20px; padding-top:104px; }
.theme-menu ul li a:hover { background:#0680ad; }
.menu-title { position:absolute; bottom:15px; left:20px; padding-right:38px !important; display:block; }
.menu-icon { text-align:center; display:block; position:relative; top:-10px; }
.menu-icon i { background:#FFF; background:rgba(255,255,255,0.2); font-size:26px; width:46px; padding:10px 0; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; }
.has-menu:after { 
	content: "\f107"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; 
	color:#FFF; font-size:18px; position:absolute; right:20px; bottom:15px; 
}
.theme-menu ul li.has-menu ul li.has-menu:after { content:"\f105"; bottom:10px; }

/*-------------------------------------
Footer
-------------------------------------*/

footer { background:#15242F; }
.footer-widgets { padding-bottom:60px; }
.footer-main .inside { border-top:1px solid #445059; color:#FFF; }
.footer-main a { color:#1691BE; }
.widget-column { float:left; margin-right:30px; width:260px; }
.copyright { float:left; padding-top:20px; }
.footer-menu { float:right; margin-top:-1px; }
.footer-menu ul li { float:left; }
.footer-menu ul li a:link, .footer-menu ul li a:visited { padding:20px 15px; font-size:13px; color:#FFF; display:inline-block; }
.footer-stripes { padding-bottom:60px; }
.footer-green-stripe, .footer-yellow-stripe, .footer-pink-stripe, 
.footer-violet-stripe, .footer-blue-stripe { width:20%; height:4px; background:#25C289; float:left; }
.footer-yellow-stripe { background:#FFBA00; }
.footer-pink-stripe { background:#DE6262; }
.footer-violet-stripe { background:#852B99; }
.footer-blue-stripe { background:#19B1DD; }


/*************************************************************************
4. LAYOUT STYLES
*************************************************************************/

.social ul li, .theme-menu ul li, .portfolio-showcase-block ul li, .client-block ul li, .widget ul li, .footer-menu ul li,
.portfolio-grid-block ul li, .portfolio-grid-box-block ul li, .contact-form ul li, .pagination ul li, .skills-legend ul li,
.members-skills li, .blog-action ul li, .blog-action-left ul li, .blog-action-grid ul li, .blog-flexslider ul li, .comment-respond ul li,
.comments ul li, .tab-menu li, .cat-toogles ul li, .portfolio-flexslider ul li { list-style:none; padding-left:0; text-indent:0; }
.theme-pages { padding:60px 0; }
.title-breadcrumbs { background:#EDF1F2; padding:60px 0; }
.ptitle { font-size:35px; font-weight:300; float:left; margin-bottom:15px; padding-right:30px; line-height:34px; }
.subtitle { font-size:14px; color:#777; padding-top:12px; padding-left:30px; margin-bottom:15px; float:left; border-left:1px solid #D0D4D5; }
.page-descriptions { padding: 60px 0 0; }
.breadcrumbs { width:100%; float:left; text-transform:uppercase; }
.breadcrumbs a:link, .breadcrumbs a:visited { color:#19B1DD; }
.breadcrumbs a:hover { color:#0b7a9a; }
.left-container { width:800px; float:left; }
.left-container.right { float:right; }
.password-protect-thumb { width:356px; height:220px; background:#333; color:#FFF; font-size:20px; text-align:center; }
.password-protect-thumb i { position:relative; top:45%; }
.password-protect-thumb a { color:#FFF; }

/*-------------------------------------
Social
-------------------------------------*/

.social { position:absolute; top:0; left:0; }
.social ul li { float:left; }
.social ul li a:link, .social ul li a:visited { padding:0; color:#FFF; display:block; font-size:14px; text-align:center; width:24px; }
a.facebook, .metrolics_widget-get-in-touch ul li a.facebook { background:#527CC4; }
a.facebook:hover, .metrolics_widget-get-in-touch ul li a.facebook:hover { background:#2c579f; }
a.gplus, .metrolics_widget-get-in-touch ul li a.gplus { background:#E46145; }
a.gplus:hover, .metrolics_widget-get-in-touch ul li a.gplus:hover { background:#bd3d21; }
a.twitter, .metrolics_widget-get-in-touch ul li a.twitter { background:#00B0E2; }
a.twitter:hover, .metrolics_widget-get-in-touch ul li a.twitter:hover { background:#0181a5; }
a.dribbble, .metrolics_widget-get-in-touch ul li a.dribbble { background:#F46899; }
a.dribbble:hover, .metrolics_widget-get-in-touch ul li a.dribbble:hover { background:#d94478; }
a.rss, .metrolics_widget-get-in-touch ul li a.rss { background:#FEA501; }
a.rss:hover, .metrolics_widget-get-in-touch ul li a.rss:hover { background:#db8f03; }
a.pinterest, .metrolics_widget-get-in-touch ul li a.pinterest { background:#CC2129; }
a.pinterest:hover, .metrolics_widget-get-in-touch ul li a.pinterest:hover { background:#9f1017; }
a.linkedin, .metrolics_widget-get-in-touch ul li a.linkedin { background:#0676B4; }
a.linkedin:hover, .metrolics_widget-get-in-touch ul li a.linkedin:hover { background:#02517d; }
a.youtube, .metrolics_widget-get-in-touch ul li a.youtube { background:#CC181E; }
a.youtube:hover, .metrolics_widget-get-in-touch ul li a.youtube:hover { background:#95080c; }

/*-------------------------------------
Portfolio
-------------------------------------*/

.portfolio-showcase-block, .portfolio-grid-box-block { background:#EEF1F2; padding:60px 0 29px 0; margin-bottom:60px; }
.portfolio-showcase-block h2, .services-block h2, .blog-block h2, .client-block h2, .portfolio-grid-box-block h2 { color:#444; font-size:30px; text-align:center; margin-bottom:15px; }
.portfolio-showcase-block h3, .services-block h3, .blog-block h3, .client-block h3, .portfolio-grid-box-block h3 { color:#888; font-size:13px; text-align:center; margin-bottom:50px; }
.featured-large { float:left; margin-right:31px; width:742px; }
.featured-large .password-protect-thumb { width:742px; height:470px; }
.featured-list, .portfolio-grid-box-block ul li { float:left; margin-right:31px; margin-bottom:31px; }
.featured-port { float:left; margin-bottom:31px; }
.featured-content, .portfolio-grid-box-block ul li { position:relative; overflow:hidden; }
.featured-desc, .blog-actions { position:absolute; bottom:0; left:0; width:100%; padding:8px 0; z-index:6; }
.featured-desc h4, .blog-actions h4 { color:#FFF; font-weight:500; font-size:18px; padding:0 20px; margin-bottom:0px; }
.feat-category, .blog-actions .blog-cat, .portfolio-masonry-desc span { padding:0 20px; color:#FFF; }
.feat-category a, .blog-actions .blog-cat a, .portfolio-masonry-desc span a { color:#FFF; }
.feat-category a:hover, .blog-actions .blog-cat a:hover, .portfolio-masonry-desc span a:hover { color:#CCC; }
.featured-desc .feat-icon, .blog-actions .blog-format-icon { position:absolute; right:20px; top:16px; background:#000; background:rgba(0,0,0,0.2); color:#FFF; padding:4px 10px; }
.portfolio-blue .featured-desc, .featured-list .featured-desc { background:#1691BE; background:rgba(22,145,190,0.8); } /*Blue*/
.portfolio-green .featured-desc, .blog-green .blog-actions { background:#25C289; background:rgba(37,194,137,0.8); } /*Green*/
.portfolio-dblue .featured-desc { background:#166BA2; background:rgba(22,107,162,0.8); } /*Dark Blue*/
.portfolio-pink .featured-desc, .blog-pink .blog-actions { background:#DE6262; background:rgba(222,98,98,0.8); } /*Pink*/
.portfolio-violet .featured-desc { background:#852B99; background:rgba(133,43,153,0.8); } /*Violet*/
.portfolio-yellow .featured-desc, .blog-yellow .blog-actions { background:#FF9A40; background:rgba(255,154,64,0.8); } /*Yellow*/
.blog-violet .blog-actions { background:#852B99; background:rgba(133,43,153,0.8); }
.blog-dblue .blog-actions { background:#166BA2; background:rgba(22,107,162,0.8); }
.image-link { display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index:9; }
.caption-style-4 img { margin:0px; padding:0px; float:left; z-index:4; }
.caption-style-4 .caption, .blog-home-list .caption, .feat-desc-work .caption, .portfolio-grid-block ul li .caption, 
.portfolio-grid-box-block ul li .caption, .portfolio-image .caption { 
	position:absolute; top:0; left:0; height:220px; width:100%; opacity:0; z-index:10;
	-webkit-transition:all 0.45s ease-in-out;
	-moz-transition:all 0.45s ease-in-out;
	-o-transition:all 0.45s ease-in-out;
	-ms-transition:all 0.45s ease-in-out;
	transition:all 0.45s ease-in-out;
}
.caption-style-4 .portfolio-green .caption, .caption-style-4 .portfolio-blue .caption,
.caption-style-4 .portfolio-yellow .caption, .caption-style-4 .portfolio-pink .caption,
.caption-style-4 .portfolio-violet .caption, .caption-style-4 .portfolio-dblue .caption { height:470px; width:742px; }
.caption-style-4 .featured-content:hover .caption, .blog-home-list .blog-desc:hover .caption, .feat-desc-work:hover .caption, 
.portfolio-grid-block ul li:hover .caption, .portfolio-grid-box-block ul li:hover .caption, .portfolio-image:hover .caption, 
.portfolio-masonry-image:hover .portfolio-masonry-desc {
	opacity:1;
	-webkit-transition:all 0.45s ease-in-out;
	-moz-transition:all 0.45s ease-in-out;
	-o-transition:all 0.45s ease-in-out;
	-ms-transition:all 0.45s ease-in-out;
	transition:all 0.45s ease-in-out;
}
.caption-style-4 img, .blog-image img, .client-block ul li a img, .pimage a img, .portfolio-grid-box-block ul li a img, .blog-mask .blog-image img,
.blog-image-left img, .blog-image-grid img, .portfolio-image img, .portfolio-masonry-image img {
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
	-ms-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
}
.caption-style-4 .featured-content:hover img, .blog-home-list .blog-desc:hover .blog-image img, .client-block ul li a:hover img, 
.feat-desc-work:hover img, .portfolio-grid-box-block ul li:hover a img, .blog-mask .blog-image:hover img, .blog-image-left:hover img, .blog-image-grid:hover img,
.portfolio-image:hover img, .portfolio-masonry-image:hover img {
	opacity: 1;
	transform: scale(1.15,1.15);
	-webkit-transform:scale(1.15,1.15);
	-moz-transform:scale(1.15,1.15);
	-ms-transform:scale(1.15,1.15);
	-o-transform:scale(1.15,1.15);
}
.blog-home-list .blog-list .blur, .services-list, .portfolio-grid-block ul li .blur { background:rgba(71,193,228,0.8); }
.caption-style-4 .blur, .blog-home-list .blur, .feat-desc-work .blur, .portfolio-grid-block ul li .blur,
.portfolio-grid-box-block ul li .blur { height:220px; width:100%; z-index:5; position:absolute; }
.caption-style-4 .portfolio-green .blur, .caption-style-4 .portfolio-blue .blur,
.caption-style-4 .portfolio-yellow .blur, .caption-style-4 .portfolio-pink .blur,
.caption-style-4 .portfolio-violet .blur, .caption-style-4 .portfolio-dblue .blur { 
	height:470px; width:742px; z-index:5; position:absolute; 
} 
.portfolio-image .caption { height:260px; }
.portfolio-list .blur { height:260px; width:100%; z-index:5; position:absolute; } 
.portfolio-2cols .caption { height:400px; }
.portfolio-2cols .blur { height:400px; width:100%; z-index:5; position:absolute; } 
.portfolio-3cols .caption { height:304px; }
.portfolio-3cols .blur { height:304px; width:100%; z-index:5; position:absolute; } 
.portfolio-3cols-sidebar .blur, .portfolio-3cols-sidebar .caption { height:246px; } 

.caption-style-4 .portfolio-blue .blur, 
.featured-list .blur, .feat-desc-work .blur, 
.portfolio-grid-block ul li.portfolio-blue .blur,
.portfolio-grid-box-block ul li.portfolio-blue .blur, .team-blue .member-social,
.portfolio-list .blur { background:rgba(22,145,190,0.8); } /* Blue */

.caption-style-4 .portfolio-green .blur, 
.blog-home-list .blog-green .blur, 
.portfolio-grid-block ul li.portfolio-green .blur,
.portfolio-grid-box-block ul li.portfolio-green .blur, .team-green .member-social, .portfolio-list.portfolio-green .blur { background:rgba(37,194,137,0.8); } /* Green */

.caption-style-4 .portfolio-dblue .blur, 
.blog-home-list .blog-dblue .blur, 
.portfolio-grid-block ul li.portfolio-dblue .blur,
.portfolio-grid-box-block ul li.portfolio-dblue .blur, .team-dblue .member-social, .portfolio-list.portfolio-dblue .blur { background:rgba(22,107,162,0.8); } /* Dark Blue */

.caption-style-4 .portfolio-pink .blur, 
.blog-home-list .blog-pink .blur, 
.portfolio-grid-block ul li.portfolio-pink .blur,
.portfolio-grid-box-block ul li.portfolio-pink .blur, .team-pink .member-social, .portfolio-list.portfolio-pink .blur { background:rgba(222,98,98,0.8); } /* Pink */

.caption-style-4 .portfolio-violet .blur, 
.blog-home-list .blog-violet .blur, 
.portfolio-grid-block ul li.portfolio-violet .blur,
.portfolio-grid-box-block ul li.portfolio-violet .blur, .team-violet .member-social, .portfolio-list.portfolio-violet .blur { background:rgba(133,43,153,0.8); } /* Violet */

.caption-style-4 .portfolio-yellow .blur, 
.blog-home-list .blog-yellow .blur, 
.portfolio-grid-block ul li.portfolio-yellow .blur,
.portfolio-grid-box-block ul li.portfolio-yellow .blur, .team-yellow .member-social, .blog-yellow .blog-image .blur,
.portfolio-list.portfolio-yellow .blur { background:rgba(255,154,64,0.8); } /* Yellow */

.caption-style-4 .featured-content .caption-text h4, .feat-desc-work .caption-text h3, 
.portfolio-grid-block ul li h4, .portfolio-grid-box-block ul li h4, .portfolio-masonry-desc h4 { color:#FFF; font-weight:500; font-size:20px; padding:20px 20px 0; margin-bottom:0; }
.caption-style-4 .featured-content .caption-text h4 a, .feat-desc-work .caption-text h3 a, .portfolio-grid-block ul li .caption-text h4 a,
.portfolio-grid-box-block ul li h4 a, .portfolio-masonry-desc h4 a { color:#FFF; } 
.caption-style-4 .caption-text, .blog-home-list .caption-icon, .feat-desc-work .caption-text, .portfolio-grid-block ul li .caption-text,
.portfolio-grid-box-block ul li .caption-text { z-index:10; color:#fff; position:absolute; }
.caption-style-4 .featured-content .featured-desc, .blog-home-list .blog-desc .blog-actions, .blog-home-list .blog-desc .blog-date { 
	-webkit-transition: -webkit-transform 1s;
	-moz-transition: -moz-transform 1s;
	-ms-transition: -moz-transform 1s;
	transition: transform 1s;
}
.caption-style-4 .featured-content:hover .featured-desc, .blog-home-list .blog-desc:hover .blog-actions { 
	-webkit-transform: translateY(200px);
	-moz-transform: translateY(200px);
	-ms-transform: translateY(200px);
	transform: translateY(200px);
}
.blog-home-list .blog-desc:hover .blog-date { 
	-webkit-transform: translateX(-200px);
	-moz-transform: translateX(-200px);
	-ms-transform: translateX(-200px);
	transform: translateX(-200px);
}
.portfolio-grid-block { padding-bottom:60px; }
.portfolio-grid-block ul li { float:left; width:10%; margin:0; overflow:hidden; position:relative; }
.portfolio-grid-block ul li h4 { font-size:18px; }
.portfolio-grid-block ul li .caption, .portfolio-grid-block ul li .blur { height:183px; }
.portfolio-grid-block .password-protect-thumb { width:100%; padding:37.6% 0; height:auto; }
.portfolio-list { float:left; margin-right:30px; margin-bottom:30px; }
.portfolio-image { margin-bottom:20px; }
.portfolio-page-desc { text-align:center; }
.portfolio-page-desc h4 { font-size:18px; margin-bottom:8px; }
.portfolio-page-desc h4 a { color:#444; }
.portfolio-page-desc h4 a:hover, .cat-toogles ul li.current-cat a, .cat-toogles ul li a:hover { color:#19B1DD; }
.portfolio-page-desc span a { color:#19B1DD; font-size:13px; }
.cat-toogles { margin-bottom:40px; text-align:center; }
.cat-toogles ul { display:inline-table; }
.cat-toogles ul li { float:left; margin-right:20px; }
.cat-toogles ul li a { color:#444; font-size:16px; font-weight:500; }
.portfolio-image { position:relative; overflow:hidden; }
.portfolio-masonry { margin-right:12px; margin-bottom:12px; overflow:hidden; background:#1BAED8; position:relative; }
.portfolio-masonry-image { width:100%; }
.portfolio-masonry-desc { width:100%; opacity:0; position:absolute; top:0; left:0; }
.portfolio-list .password-protect-thumb { width:260px; height:260px; margin-bottom:20px; }
.portfolio-2cols .password-protect-thumb { width:550px; height:400px; margin-bottom:20px; }
.portfolio-3cols .password-protect-thumb { width:356px; height:304px; margin-bottom:20px; }
.portfolio-3cols-sidebar .password-protect-thumb { width:246px; height:246px; margin-bottom:20px; }
.portfolio-masonry .password-protect-thumb { width:216px; height:300px; margin-bottom:0; }
.portfolio-single-image { float:left; margin-right:30px; width:690px; }
.portfolio-single-desc { float:left; width:410px; color:#888; position:relative; }
.portfolio-single-desc h2 { font-size:30px; }
.portfolio-single-desc h4 { font-size:16px; font-weight:500; margin-bottom:10px; }
.portfolio-single-desc span a { color:#19b1dd; font-size:14px; }
.portfolio-single-desc .welcome-port-links { margin-top:30px; }
.portfolio-single-desc .welcome-port-links a { margin-right:5px; }
.portfolio-page-single, .portfolio-sidebar-list { padding-bottom:60px; }
.portfolio-single-desc span { display: block; margin-bottom: 30px; }
.other-portfolio-list h3 { margin-bottom:30px; }
.other-portfolio-list .portfolio-list { margin-bottom:0; }
a.view-website:link, a.view-website:visited { background: #19B1DD; padding:15px 30px; color:#f2f2f2; font:16px 'Ubuntu', sans-serif; display: inline-block; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
a.view-website:hover { background:#0f8db2; }

/*-------------------------------------
Welcome
-------------------------------------*/

.welcome-block { padding:0 0 60px; text-align:center; }
.welcome-block h3 { font-size:30px; line-height:40px; margin-bottom:30px; }
.welcome-block span { color:#19b1dd; font-weight:700; }
.welcome-port-links { line-height:50px; }
.welcome-port-links a { background:#19B1DD; background:rgba(25,177,221,0.9); padding:15px 30px; color:#f2f2f2; font:16px 'Ubuntu', sans-serif; margin-right:4px; }
.welcome-port-links a:hover { background:#0f8db2; }
.welcome-view-port { 
    border-top-left-radius:2px; -webkit-border-top-left-radius:2px; -moz-border-top-left-radius:2px; 
    border-bottom-left-radius:2px; -webkit-border-bottom-left-radius:2px; -moz-border-bottom-left-radius:2px; 
}
.buy-theme { 
    margin-left:-37px; 
    border-top-right-radius:2px; -webkit-border-top-right-radius:2px; -moz-border-top-right-radius:2px; 
    border-bottom-right-radius:2px; -webkit-border-bottom-right-radius:2px; -moz-border-bottom-right-radius:2px; 
}
span.or { 
    font:16px 'Ubuntu', sans-serif; color:#444; background:#FFF; padding:6px 8px; display:inline-block; position:relative; left:-19px; 
    border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; 
}

/*-------------------------------------
Services
-------------------------------------*/

.services-block, .blog-block, .client-block { padding:0 0 60px; }
.services-list { float:left; margin-right:1px; width:281px; position:relative; }
.services-icon { color:#FFF; font-size:30px; background:#000; background:rgba(0,0,0,0.2); width:60px; height:60px; text-align:center; position:absolute; top:0; left:0; }
.services-icon i { position:relative; top:15px; }
.services-desc { padding:20px 20px 20px 80px; color:#FFF; }
.services-desc h4 { margin-bottom:10px; }
.services-desc h4 a { color:#FFF; }
a.learn-more:link, a.learn-more:visited { display:block; padding:10px 20px; background:#000; background:rgba(0,0,0,0.2); text-transform:uppercase; color:#FFF; position:relative; }
.services-green a.learn-more:hover { background:#0d7c54; } /*Green*/
.services-yellow a.learn-more:hover { background:#a37906; } /*Yellow*/
.services-pink a.learn-more:hover { background:#942a2a; } /*Pink*/
.services-dblue a.learn-more:hover { background:#073e62; } /*Dark Blue*/
.services-violet a.learn-more:hover { background:#661b78; } /*Violet*/
.services-blue a.learn-more:hover { background:#0b6a8d; } /*Blue*/
a.learn-more i { position:absolute; right:20px; top:12px; font-size:20px; font-weight:300; }
.services-list-two { float:left; width:545px; margin-right:30px; margin-bottom:30px; position:relative; }
.services-list-two .services-desc { padding:0; color:#888; }
.services-list-two .services-desc p { margin-bottom:0; }
.services-list-two .services-desc h4 a { font-size:18px; font-weight:500; color:#444; }
.services-list-two .services-desc h4 a:hover, .services-list-three .services-desc h4 a:hover, 
.services-list-four .services-desc h4 a:hover, .services-page-desc h5 a:hover, .blog-page-desc h4 a:hover, .blog-page-desc-left h4 a:hover, .blog-title-grid h4 a:hover { color:#30B9E0; }
.services-list-two .services-icon { position:relative; width:100px; height:100px; display:block; float:left; margin-right:30px; font-size:36px; }
.services-list-two .services-icon i { margin-top:15px; }
.services-list-three, .services-list-four, .skills-circular-list { float:left; margin-right:30px; width:250px; text-align:center; }
.services-list-three .services-desc, .services-list-four .services-desc { padding:0; color:#888; }
.services-list-three .services-desc h4, .services-list-four .services-desc h4 { font-size:18px; }
.services-list-three .services-desc h4 a, .services-list-four .services-desc h4 a { color:#444; }
.services-list-three .services-icon { position:relative; display:inline-block; margin-bottom:20px; font-size:40px; width:100px; height:100px; }
.services-list-three .services-icon i { top:30px; }
.services-list-three .services-green { background:none !important; border:4px solid #25C289; color:#25C289; } /*Green*/
.services-list-three a:hover .services-green { background:#25C289 !important; color:#FFF; }
.services-list-three .services-yellow { background:none !important; border:4px solid #FFBA00; color:#FFBA00; } /*Yellow*/
.services-list-three a:hover .services-yellow { background:#FFBA00 !important; color:#FFF; }
.services-list-three .services-pink { background:none !important; border:4px solid #DE6262; color:#DE6262; } /*Pink*/
.services-list-three a:hover .services-pink { background:#DE6262 !important; color:#FFF; }
.services-list-three .services-dblue { background:none !important; border:4px solid #166BA2; color:#166BA2; } /*Dark Blue*/
.services-list-three a:hover .services-dblue { background:#166BA2 !important; color:#FFF; }
.services-list-three .services-blue { background:none !important; border:4px solid #19B1DD; color:#19B1DD; } /*Blue*/
.services-list-three a:hover .services-blue { background:#19B1DD !important; color:#FFF; }
.services-list-three .services-violet { background:none !important; border:4px solid #852B99; color:#852B99; } /*Violet*/
.services-list-three a:hover .services-violet { background:#852B99 !important; color:#FFF; }
.services-list-four .hi-icon-effect-1.services-green, .services-list-four .hi-icon-effect-1.services-yellow,
.services-list-four .hi-icon-effect-1.services-pink, .services-list-four .hi-icon-effect-1.services-dblue,
.services-list-four .hi-icon-effect-1.services-blue, .services-list-four .hi-icon-effect-1.services-violet { background:none !important; }
.services-list-four .hi-icon-effect-1.services-green .hi-icon { background:#25C289; -moz-border-radius:50%; -webkit-border-radius:50%; } /*Green*/
.services-list-four .hi-icon-effect-1a.services-green .hi-icon:hover { color:#25C289; }
.services-list-four .hi-icon-effect-1.services-green .hi-icon:after { box-shadow:0 0 0 8px #25C289; -moz-box-shadow:0 0 0 8px #25C289; -webkit-box-shadow:0 0 0 8px #25C289; }
.services-list-four .hi-icon-effect-1.services-yellow .hi-icon { background:#FFBA00; -moz-border-radius:50%; -webkit-border-radius:50%; } /*Yellow*/
.services-list-four .hi-icon-effect-1a.services-yellow .hi-icon:hover { color:#FFBA00; }
.services-list-four .hi-icon-effect-1.services-yellow .hi-icon:after { box-shadow:0 0 0 8px #FFBA00; -moz-box-shadow: 0 0 0 8px #FFBA00; -webkit-box-shadow: 0 0 0 8px #FFBA00; }
.services-list-four .hi-icon-effect-1.services-pink .hi-icon { background:#DE6262; -moz-border-radius:50%; -webkit-border-radius:50%; } /*Pink*/
.services-list-four .hi-icon-effect-1a.services-pink .hi-icon:hover { color:#DE6262; }
.services-list-four .hi-icon-effect-1.services-pink .hi-icon:after { box-shadow:0 0 0 8px #DE6262; -moz-box-shadow: 0 0 0 8px #DE6262; -webkit-box-shadow: 0 0 0 8px #DE6262; }
.services-list-four .hi-icon-effect-1.services-dblue .hi-icon { background:#166BA2; -moz-border-radius:50%; -webkit-border-radius:50%; } /*Dark Blue*/
.services-list-four .hi-icon-effect-1a.services-dblue .hi-icon:hover { color:#166BA2; }
.services-list-four .hi-icon-effect-1.services-dblue .hi-icon:after { box-shadow:0 0 0 8px #166BA2; -moz-box-shadow:0 0 0 8px #166BA2; -webkit-box-shadow:0 0 0 8px #166BA2; }
.services-list-four .hi-icon-effect-1.services-blue .hi-icon { background:#19B1DD; -moz-border-radius:50%; -webkit-border-radius:50%; } /*Blue*/
.services-list-four .hi-icon-effect-1a.services-blue .hi-icon:hover { color:#19B1DD; }
.services-list-four .hi-icon-effect-1.services-blue .hi-icon:after { box-shadow:0 0 0 8px #19B1DD; -moz-box-shadow:0 0 0 8px #19B1DD; -webkit-box-shadow:0 0 0 8px #19B1DD; }
.services-list-four .hi-icon-effect-1.services-violet .hi-icon { background:#852B99; -moz-border-radius:50%; -webkit-border-radius:50%; } /*Violet*/
.services-list-four .hi-icon-effect-1a.services-violet .hi-icon:hover { color:#852B99; }
.services-list-four .hi-icon-effect-1.services-violet .hi-icon:after { box-shadow:0 0 0 8px #852B99; -moz-box-shadow: 0 0 0 8px #852B99; -webkit-box-shadow: 0 0 0 8px #852B99; }
.services-container h2, .services-container h6, .member-block h2, .member-block h6, .skills-block h2, .skills-block h6 { text-align:center; }
.services-container h6, .member-block h6, .skills-block h6 { color:#777; font-size:13px; margin-bottom:60px; }
.services-page-list { float:left; margin-right:30px; margin-bottom:50px; width:535px; }
.services-page-icon { float:left; margin-right:30px; width:200px; height:200px; color:#FFF !important; text-align:center; }
.services-page-icon i { position:relative; top:35%; font-size:60px; }
.services-page-desc { float:left; width:305px; }
.services-page-desc h5 { font-size:24px; }
.services-page-desc h5 a { color:#444; }

/*-------------------------------------
Blog
-------------------------------------*/

.blog-block { padding-bottom:29px; }
.blog-list { float:left; margin-right:31px; margin-bottom:31px; width:356px; }
.blog-list iframe { margin-bottom:0 !important; height:220px; }
.blog-desc { position:relative; overflow:hidden; }
.blog-actions { background:#19B1DD; background:rgba(25,177,221,0.8); }
.blog-date { position:absolute; top:0; left:0; background:#47C1E4; text-align:center; padding:4px 10px; color:#FFF; font-size:10px; font-weight:500; }
.blog-date span { font-size:14px; font-weight:700; display:block; }
.blog-home-list .caption-icon, .portfolio-image .caption-icon { text-align:center; position:relative; top:45%; color:#FFF; font-size:30px; width:100%; z-index:8; }
.blog-page-block { padding:60px 0; }
.blog-action { float:left; margin-right:1px; width:99px; }
.blog-action ul li { text-align:center; color:#FFF; font-size:12px; font-weight:700; margin-bottom:1px; padding:20px 10px; }
.blog-action ul li i { display:block; font-size:30px; }
.blog-action ul li a { color:#FFF; }
.blog-mask { float:left; width:700px; }
.blog-mask a.learn-more { position:absolute; bottom:0; right:0; text-transform:capitalize; font-size:14px; font-weight:500; }
.blog-mask .blog-image, .blog-image-single { position:relative; margin-bottom:30px; overflow:hidden; }
.blog-mask .password-protect-thumb { width:700px; height:450px; margin-bottom:30px; }
.blog-mask iframe { height:450px; }
.blog-icon { position:absolute; top:0; right:0; background:#000; background:rgba(0,0,0,0.3); padding:20px; color:#FFF; font-size:20px; }
.blog-page-desc h4, .blog-page-desc-left h4 { font-size:28px; }
.blog-page-desc h4 a, .blog-page-desc-left h4 a, .blog-title-grid h4 a { color:#444; }
.blist, .blog-grid, .portfolio-grid { margin-bottom:40px; }
.blist-left { margin-bottom:60px; }
.blog-mask .blog-image a:hover img, .blog-image-left a:hover img, .blog-image-grid a:hover img, .portfolio-masonry-image:hover img { opacity:0.2; }
.blog-image-left { float:left; width:260px; margin-right:30px; overflow:hidden; }
.blog-image-left iframe { margin-bottom:0 !important; height:260px; }
.blog-image-left .password-protect-thumb { width:100%; height:260px; }
.blog-page-desc-left { float:left; width:510px; color:#888; }
.blog-page-desc-left a.read-more { color:#19B1DD; font-size:14px; font-weight:500; }
.blog-action-left { border-top:1px solid #E1E1E1; border-bottom:1px solid #E1E1E1; padding:10px 0; margin-bottom:20px; position:relative; }
.blog-action-left ul li, .blog-action-grid ul li { float:left; margin-right:20px; color:#AAA; }
.blog-action-left ul li i, .blog-action-grid ul li i { margin-right:10px; }
.blog-action-left ul li a, .blog-action-grid ul li a { color:#AAA; }
.blog-action-left ul li a:hover, .blog-action-grid ul li a:hover { color:#999; }
.blist-grid { float:left; margin-right:30px; margin-bottom:30px; width:356px; }
.blog-title-grid, .blog-action-grid { background:#F0F0F0; padding:15px 20px; position:relative; }
.blog-title-grid h4 { font-size:20px; width:270px; float:left; margin-bottom:0; }
.blog-comment-grid { float:right; color:#AAA; }
.blog-comment-grid i { margin-right:6px; }
.blog-image-grid { overflow:hidden; }
.blog-image-grid iframe { margin-bottom:0 !important; height:304px; }
.blog-image-grid .password-protect-thumb { width:100%; height:304px; }
.default-post-container { background:#333; width:100%; height:450px; margin-bottom:30px; }
.default-post-container h5 { color:#FFF; position:relative; top:48%; text-align:center; }
.blog-left-post { height: 260px; }
.blog-left-post h5 { font-size: 14px; }
.sframe, .sticky-post-container { margin-bottom:0 !important; }
.blog-tags { padding:15px 20px; background:#F0F0F0; margin-bottom:60px; }
.blog-tags a { background:#E1E1E1; padding:2px 12px; color:#888; display:inline-block; margin-right:10px; }
.blog-tags a:hover { background:#a9a9a9; color:#FFF; }
.author-block img { float:left; margin-right:30px; margin-bottom:60px; width:160px; }
.author-desc { float:left; width:610px; }
.author-desc h3 { font-size:18px; font-weight:500; margin-bottom:6px; }
.author-desc label { display:block; color:#19B1DD; font-size:14px; font-weight:500; margin-bottom:30px; }
.comments { margin-bottom:60px; }
.comment-respond #nsu-checkbox, .archive .sticky-ribbon, .search-block .sticky-ribbon { display:none; }
.comment-reply-title, .comments h3 { font-size:24px; margin-bottom:30px; }
.comment-reply-title:before, .comments h3:before { 
	content:"\f040"; font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; 
	color:#19B1DD; font-size:18px; border:1px solid #19B1DD; color:#19B1DD; padding:8px 10px; text-align:center; margin-right:20px;
	border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;
}
.comments h3:before { content:"\f086"; padding:8px 9px; }
.comments img.avatar { margin-right:30px; width:80px; float:left; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; }
.comment-details { float:left; width:628px; background:#F5F8F8; padding:30px 30px 10px 30px; position:relative; }
.comment-details:before { 
	content:"\f0d9"; font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; 
	position:absolute; top:20px; left:-8px; font-size:20px;
}
.comment-details h5 { font-size:14px; font-weight:500; color:#19b1dd; }
.comment-details span { color:#444; font-weight:100; }
.comment-details label { font-style:italic; color:#FF0000; }
.even .comment-details, .even .even .comment-details { border-left:2px solid #25C289; }
.even .comment-details:before, .even .even .comment-details:before { color:#25C289; }
.odd .comment-details, .odd .odd .comment-details { border-left:2px solid #DE6262; }
.odd .comment-details:before, .odd .odd .comment-details:before { color:#DE6262; }
a.comment-reply-link { float:right; color:#444; font-weight:500; font-size:12px; }
a.comment-reply-link:before { 
	content:"\f075"; font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; 
	margin-right:10px; color:#19B1DD; 
}
#cancel-comment-reply-link { font-size:12px; }
.parent { margin-bottom:40px; }
.comments .children .parent { margin-left:110px; }
.comments .children .comment-details { width:518px; }
.comments .children .children .parent { margin-left:220px; }
.comments .children .children .comment-details { width:408px; }
.sticky .blog-image { margin-bottom:0; }
.sticky .blog-action-grid .sticky-ribbon, 
.sticky .blog-action-left .sticky-ribbon { display:inline-block; position:absolute; right:0; }

/*-------------------------------------
Clients
-------------------------------------*/
 
.client-block { padding-bottom:30px; }
.client-block ul li { float:left; margin-right:30px; margin-bottom:30px; background:#c9c6c6; overflow:hidden; }
.client-block ul li a:hover { opacity:0.7; }

/*-------------------------------------
404 Not Found
-------------------------------------*/

.page-not-found { text-align:center; padding:200px 0; }
.page-not-found i { font-size:200px; color:#222; margin-bottom:30px; }
.page-not-found h2 { font-size:50px; font-weight:100; color:#444; margin-bottom:30px; }
.page-not-found h5 { font-size:16px; color:#888; margin-bottom:30px; }
.page-not-found a { padding:28px 0; width:80px; margin-right:20px; display:inline-block; font-size:16px; color:#FFF; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; }

/*-------------------------------------
Members
-------------------------------------*/

.member-block { padding:60px 0 30px; border-bottom:1px solid #E1E1E1; }
.members-list { float:left; margin-right:30px; margin-bottom:30px; }
.member-desc h5 { margin-bottom:6px; text-align:center; font-size:18px; font-weight:500; }
.member-desc span { display:block; text-align:center; font-size:13px; color:#AAA; }
.member-image-social { position:relative; margin-bottom:20px; }
.member-social { position:absolute; left:0; top:0; height:260px; background:rgba(22,145,190,0.8); color:#FFF; }
.member-social a { display:block; color:#FFF; width:30px; height:30px; text-align:center; }
.member-social a i { position:relative; top:3px; }
.member-block-two { margin-bottom:60px; }
.members-list-two { float:left; width:550px; margin-right:30px; margin-bottom:30px; }
.members-list-two .member-image-social { float:left; width:260px; margin-right:30px; }
.members-list-two .member-image-social img { margin-bottom:10px; }
.members-list-two .member-desc { width:258px; float:left; }
.members-list-two .member-desc h5, .members-list-two .member-desc span { text-align:left; }
.members-list-two .member-desc span { color:#19B1DD; margin-bottom:20px; display:block; }
.members-list-two .member-social { position:relative; background:none; height:auto; }
.members-list-two .member-social a { float:left; margin-right:2px; }
.members-skills li { margin-bottom:4px; position:relative; }
.members-skills li .skills-counter { position:absolute; top:4px; left:8px; color:#FFF; }

/*-------------------------------------
Skills
-------------------------------------*/

.skills-block { padding:60px 0; margin-bottom:60px; border-bottom:1px solid #E1E1E1; }
.skills-container h5 { color:#777; font-size:14px; font-weight:700; margin-bottom:10px; }
.skills-list { position:relative; }
.percentage { position:absolute; right:0; top:0; font-size:14px; font-weight:700; color:#777; }
.percentage:after { content:'%'; }
.skills-diagram { float:left; width:540px; margin-right:30px; }
.skills-bar { float:left; width:545px; }
.skills-green.meter > span, .skills-green .bar { background-color:#25C289; } /*Green*/
.skills-green.meter { border:1px solid #25C289; }
.skills-pink.meter > span, .skills-pink .bar { background-color:#DE6262; } /*Pink*/
.skills-pink.meter { border:1px solid #DE6262; }
.skills-yellow.meter > span, .skills-yellow .bar { background-color:#FFBA00; } /*Yellow*/
.skills-yellow.meter { border:1px solid #FFBA00; }
.skills-blue.meter > span, .skills-blue .bar { background-color:#19B1DD; } /*Blue*/
.skills-blue.meter { border:1px solid #19B1DD; }
.skills-dblue.meter > span, .skills-dblue .bar { background-color:#166BA2; } /*Dark Blue*/
.skills-dblue.meter { border:1px solid #166BA2; }
.skills-violet.meter > span, .skills-violet .bar { background-color:#852B99; } /*Violet*/
.skills-violet.meter { border:1px solid #852B99; }
.skills-legend { width:100px; float:left; }
.skills-legend ul li { margin-bottom:2px; }
.skills-legend ul li span { padding:6px 12px; color:#FFF; display:inline-block; font-weight:500; font-size:13px; }
#diagram { float:right; }
.get { display:none; }
.skills-block-two { margin-bottom:0; }
.skills-circular-list h5 { color:#444; font-size:18px; font-weight:500; }

/*-------------------------------------
Contact us
-------------------------------------*/

.contact-info { text-align:center; color:#888; margin-bottom:60px; }
.contact-info h2, .services-container h2, .member-block h2, .skills-block h2 { font-size:34px; }
.contact-info label { font-size:13px; color:#19B1DD; margin-right:20px; }
.contact-info label span { color:#888; font-weight:500; }
.contact-info label i { color:#888; font-size:14px; margin-right:8px; }
.contact-form { float:left; width:640px; }
.contact-form h3, .contact-map h3 { margin-bottom:30px; }
.contact-form ul { overflow:hidden; }
.contact-form ul li, #respond ul li { float:left; margin-right:30px; margin-bottom:30px; }
.contact-form input[type='text'], .contact-form input[type='email'], .contact-form textarea,
#respond input[type='text'], #respond textarea, 
.password-protect-content input[type='password'] { padding:20px; font-size:13px; font-weight:300; color:#444; width:152px; background:#F0F0F0; }
#respond input[type='text'] { width:206px; }
.contact-form textarea, #respond textarea { width:598px; height:300px; }
#respond textarea { width:758px; height:250px; }
.contact-map { float:left; width:440px; margin-right:50px; }
#map { width:100%; height:509px; border:1px solid #4A4A4A; }
.gm-style img { max-width:none !important; }
.wpcf7-submit, #submit, 
.password-protect-content input[type='submit'] { background:#19B1DD; color:#FFF; font-size:14px; font-weight:700; padding:15px 30px; display:inline-block; cursor:pointer; }
.wpcf7-submit:hover, #submit:hover, .password-protect-content input[type='submit']:hover { background:#0b94bb; }
.wpcf7-not-valid-tip { display:none !important; }
.wpcf7-not-valid { border:1px solid #FF0000 !important; }


/*************************************************************************
5. SIDEBAR and WIDGETS
*************************************************************************/

.sidebar { float:right; width:280px; }
.sidebar.left { float:left; }
.sidebar .widget { margin-bottom:40px; }
.sidebar .widget h5 { font-size:22px; padding-bottom:20px; border-bottom:1px solid #E1E1E1; margin-bottom:30px; position:relative; }
.sidebar .widget h5:before { 
	content: "\f0c8"; font-family: FontAwesome; font-style: normal; font-weight:normal; text-decoration: inherit; 
	position:absolute; bottom:-7px; left:0; color:#19B1DD; background:#19B1DD; font-size:12px; line-height:12px; text-align:center; width:12px; height:12px;
}
.sidebar .widget h5 span:after { 
	position:absolute; right:0; top:-4px; font-size:14px; border:1px solid #19B1DD; color:#19B1DD; padding:5px 0 3px; text-align:center; width:32px; 
	font-family: FontAwesome; font-style: normal; font-weight:normal; text-decoration: inherit;
	border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;
}
.sidebar .metrolics_widget-video h5 span:after { content: "\f03d"; }
.sidebar .widget_categories h5 span:after { content: "\f115"; }
.sidebar .widget_archive h5 span:after { content: "\f187"; }
.sidebar .widget_calendar h5 span:after { content: "\f073"; }
.sidebar .widget_nav_menu h5 span:after, .sidebar .widget_pages h5 span:after { content: "\f02d"; }
.sidebar .widget_meta h5 span:after { content: "\f0c1"; }
.sidebar .metrolics_widget-get-in-touch h5 span:after { content: "\f045"; }
.sidebar .metrolics_widget-contact-info h5 span:after { content: "\f095"; }
.sidebar .metrolics_widget-dribbble h5 span:after { content: "\f17d"; }
.sidebar .metrolics_widget-featured-portfolio h5 span:after { content: "\f091"; }
.sidebar .metrolics_widget-flickr h5 span:after { content: "\f16e"; }
.sidebar .metrolics_widget-popular-posts h5 span:after { content: "\f0b1"; }
.sidebar .widget_recent_comments h5 span:after { content: "\f086"; }
.sidebar .widget_recent_entries h5 span:after { content: "\f0a1"; }
.sidebar .nsu_widget h5 span:after { content: "\f0e0"; }
.sidebar .widget_revslider h5 span:after { content: "\f152"; }
.sidebar .widget_rss h5 span:after { content: "\f09e"; }
.sidebar .widget_search h5 span:after { content: "\f00e"; }
.sidebar .widget_tag_cloud h5 span:after { content: "\f02c"; }
.sidebar .widget_text h5 span:after { content: "\f040"; }

.sidebar .widget_categories ul li, .sidebar .widget_archive ul li, .sidebar .widget_nav_menu ul li, .sidebar .widget_meta ul li,
.sidebar .widget_pages ul li, .sidebar .widget_recent_comments ul li, .sidebar .widget_recent_entries ul li { color:#19B1DD; font-size:13px; margin-bottom:10px; }
.sidebar .widget_categories ul li a, .sidebar .widget_archive ul li a, .sidebar .widget_nav_menu ul li a, .sidebar .widget_meta ul li a, .sidebar .widget_pages ul li a,
.sidebar .widget_recent_comments ul li a, .sidebar .widget_recent_entries ul li a, .sidebar .widget_rss ul li a, .sidebar .widget_tag_cloud .tagcloud a { color:#888; }
.sidebar .widget_categories ul li a:hover, .sidebar .widget_archive ul li a:hover, .sidebar .widget_nav_menu ul li a:hover, .sidebar .widget_meta ul li a:hover,
.sidebar .widget_pages ul li a:hover, .sidebar .widget_recent_comments ul li a:hover, .sidebar .widget_recent_entries ul li a:hover, .sidebar .widget_rss ul li a:hover,
.sidebar .widget_tag_cloud .tagcloud a:hover { color:#19B1DD; }
.sidebar .metrolics_widget-get-in-touch ul li a { color:#FFF; }
.sidebar .metrolics_widget-flickr ul li, .sidebar .metrolics_widget-dribbble ul li { margin-right:18px; margin-bottom:18px; }
.sidebar .feat-desc-work .blur, .sidebar .feat-desc-work .caption, .sidebar .password-protect-thumb { width:280px; height:200px; }
.sidebar .metrolics_widget-featured-portfolio .flex-direction-nav { display:none; }
.sidebar .metrolics_widget-popular-posts .pp-desc a, .sidebar .widget_rss ul li a { color:#19b1dd; font-size:14px; font-weight:normal; }
.sidebar .metrolics_widget-contact-info ul li { font-size:13px; margin-bottom:10px; }
.sidebar .widget_recent_entries a { font-size:14px; }
.sidebar .widget_recent_entries .post-date { display:block; font-size:11px; text-transform:uppercase; }
.sidebar .widget_rss ul li { margin-bottom:10px; }
.sidebar .widget_search p { margin-bottom:2px; }
.sidebar .widget_search input[type='text'] { background:#F0F0F0; padding:15px 20px; width:240px; margin-bottom:2px; }
.sidebar .widget_search input[type='submit'] { background:#19B1DD; cursor:pointer; padding:10px 20px; color:#FFF; }

.metrolics_widget-video iframe { margin-bottom:0 !important; }
.side-video, .blog-iframe { position:relative; padding-bottom:56.25%; height:0; }
.side-video iframe, .blog-iframe iframe { position:absolute; top:0; left:0; width:100%; height:100%; }

/*-------------------------------------
Footer
-------------------------------------*/

footer .widget { color:#FFF; margin-bottom:30px; }
footer .widget h5 { font-size:18px; font-weight:500; color:#FFF; padding-bottom:15px; position:relative; }
footer .widget h5:after { 
	content: "\f0d7"; font-family: FontAwesome; font-style: normal; font-weight:normal; text-decoration: inherit; 
	position:absolute; top:31px; left:20px; font-size:22px;
}
footer .widget a { color:#FFF; }
footer .widget-green ul li a:hover, footer .widget-green .widget_tag_cloud a:hover { color:#25C289; }
footer .widget-yellow ul li a:hover, footer .widget-yellow .widget_tag_cloud a:hover { color:#FFBA00; }
footer .widget-pink ul li a:hover, footer .widget-pink .widget_tag_cloud a:hover { color:#DE6262; }
footer .widget-blue ul li a:hover, footer .widget-blue .widget_tag_cloud a:hover { color:#19B1DD; }
.widget-green h5 { border-bottom:1px solid #25C289; } /*Green*/
.widget-green h5:after { color:#25C289; }
.widget-yellow h5 { border-bottom:1px solid #FFBA00; } /*Yellow*/
.widget-yellow h5:after { color:#FFBA00; }
.widget-pink h5 { border-bottom:1px solid #DE6262; } /*Pink*/
.widget-pink h5:after { color:#DE6262; }
.widget-blue h5 { border-bottom:1px solid #19B1DD; } /*Blue*/
.widget-blue h5:after { color:#19B1DD; }
.widget_tag_cloud .tagcloud a { color:#FFF; }
.widget_nav_menu ul li.menu-item-has-children ul, .widget_pages ul li.page_item_has_children ul { margin-left:15px; }
.metrolics_widget-flickr ul, .metrolics_widget-dribbble ul { width:105%; }
.metrolics_widget-flickr ul li, .metrolics_widget-dribbble ul li { float:left; margin-right:10px; margin-bottom:10px; }
.metrolics_widget-flickr ul li img, .metrolics_widget-dribbble ul li img { width:80px; height:80px; }
.metrolics_widget-flickr ul li a:hover, .metrolics_widget-dribble ul li a:hover, .pp-image a:hover { opacity:0.6; }
.metrolics_widget-get-in-touch ul li { margin-right:1px; margin-bottom:1px; float:left; }
.metrolics_widget-get-in-touch ul li a { padding:8px 0; width:40px; display:block; text-align:center; }
.metrolics_widget-get-in-touch ul li a:hover { color:#FFF !important; }
.metrolics_widget-contact-info ul li i { display:inline-block; width:20px; text-align:right; margin-right:10px; }
#wp-calendar { width:100%; }
#wp-calendar tbody td { text-align:center; }
#wp-calendar caption { font-weight:700; font-size:15px; }
#wp-calendar a { color:#25C289; font-weight:700; }
#today { color:#DE6262; font-weight:700; }
a.rsswidget img { padding-top:4px; margin-right:6px; }
.pp-image { float:left; width:60px; margin-right:15px; margin-top:9px; }
.pp-desc a { font-size:14px; font-weight:700; }
.property-desc-slide h3 a { color:#FFF; font-size:16px; font-weight:700; }
.pimage { position:relative; overflow:hidden; margin-bottom:15px; }
.feat-desc-work .blur, .feat-desc-work .caption, footer .metrolics_widget-featured-portfolio .password-protect-thumb { width:260px; height:186px; }

/*Revolution Slider*/
.widget_revslider { margin-bottom:70px; }
.tp-leftarrow.default, .tp-rightarrow.default { background:none !important; border:4px solid #FFF; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; }
.tp-leftarrow.default:hover, .tp-rightarrow.default:hover { background:#FFF !important; }
.tp-leftarrow.default:before { 
	content:"\f053"; font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; 
	color:#FFF; font-size:18px; position:relative; top:9px; left:13px;
}
.tp-rightarrow.default:before { 
	content:"\f054"; font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; 
	color:#FFF; font-size:18px; position:relative; top:9px; left:15px;
}
.tp-leftarrow.default:hover:before, .tp-rightarrow.default:hover:before { color:#19B1DD !important; }
.tp-bullets { bottom:-35px !important; }
.tp-bullets .bullet { 
	background:none !important; border:1px solid #19B1DD; width:15px !important; height:15px !important; margin-right:4px !important;
	border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; 
}
.tp-bullets .selected { background:#19B1DD !important; }
.tp-caption, .tp-button { font-family:'Ubuntu', sans-serif !important; color:#FFF !important; }
.tp-caption.color-blue { border-left:10px solid #166BA2; } /*Blue*/
.tp-caption.color-pink { border-left:10px solid #DE6262; } /*Pink*/
.tp-caption.color-yellow { border-left:10px solid #FFBA00; } /*Yellow*/
.tp-caption.color-green { border-left:10px solid #25C289; } /*Green*/
.tp-caption.color-dblue { border-left:10px solid #166BA2; } /*Dark Blue*/
.tp-caption.color-violet { border-left:10px solid #852B99; } /*Violet*/
.very_big_black { color:#444 !important; }
.tp-button.color-green { background:#25C289; padding:15px 30px; font-size:20px; text-shadow:none !important; font-weight:normal; }
.tp-button.color-green:hover { background:#1da473; }

/*Contact Form 7*/
.nsu-form { position:relative; overflow:hidden; }
.nsu-form p label, .sidebar .nsu-form label { display:none; }
.nsu-form input[type='email'], footer .widget_search input[type='text'] { background:#DE6262; padding:10px 12px 11px; color:#FFF; font-size:13px; width:165px; display:block; }
.nsu-form input[type='email']::-webkit-input-placeholder { color:#FFF; }
.nsu-form p, footer .widget_search p { float:left; margin-bottom:0; }
.nsu-text-before-form { margin-bottom:20px; }
.nsu-submit, footer .widget_search input[type='submit'] { background:#FFBA00; color:#FFF; cursor:pointer; padding:10px 12px; font-size:12px; display:block; }


/*************************************************************************
6. PAGINATION
*************************************************************************/

.pagination { overflow:hidden; text-align:center; }
.pagination ul { display:inline-table; }
.page-numbers li { float:left; margin-right:1px; }
.page-numbers li a, .alignleft a:link, .alignleft a:visited, .alignright a:link, .alignright a:visited, .post-link-blog .prev a, .post-link-blog .next a {
    color:#FFF; font-size:14px; font-weight:700; padding:6px 14px; display:block; background:#92CBDB;
}
.page-numbers li a:hover, .alignleft a:hover, .alignright a:hover, .post-link-blog .prev a:hover, .post-link-blog .next a:hover { color:#FFF; background:#19B1DD; }
span.current { color:#FFF; font-size:14px; font-weight:700; padding:6px 14px; display:block; background:#19B1DD; }
span.dots { margin-top:20px; }
.nav-previous { text-align:center; }
.nav-previous a { background:#FFAE00; color:#FFF; font-size:15px; font-weight:bold; padding:18px 30px; display:inline-block; }
.nav-previous a:hover { background:#e29f0f; }
.nav-previous a i { margin-left:10px; }


/*************************************************************************
7. WORDPRESS DEFAULT STYLES
*************************************************************************/

.aligncenter { display:block; margin:0 auto; }
.alignright, .post-link-blog .next { float:right; margin-left:20px; }
.alignleft, .post-link-blog .prev { float:left; margin-right:20px; }
.floatleft { float:left; }
.floatright { float:right; }
.textcenter { text-align:center; }
.textright { text-align:right; }
.textleft { text-align:left; }
.wp-caption { border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding-top:4px; margin:10px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px;  border-radius:3px; }
.wp-caption img { margin:0; padding:0; border:0 none}
.wp-caption p.wp-caption-text { font-size:11px; line-height:17px; padding:0 4px 5px; margin:0; }
.wp-smiley { margin:0 !important; max-height:1em; }

blockquote.left { margin-right:20px; text-align:right; margin-left:0; width:30%; float:left; }
blockquote.right { margin-left:20px; text-align:left; margin-right:0; width:30%; float:right; }
.gallery-caption, .bypostauthor { }
.sticky .sticky-ribbon { color:#DE6262; position:relative; top:-3px; margin-bottom:20px; display:block; } /*Sticky Post*/
.resize, .alignright, .alignleft, .aligncenter, .alignnone { margin-bottom:30px !important; max-width:100%; height:auto; }