/*
	Theme Name: Hub Technologies
	Theme URI: goldenworks.eu/demos/ht_wordpress/
	Description: A business wordpress theme
	Author: Starshade
	Author URI: http://goldenworks.eu
	License: GNU General Public License version 2.0
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Tags: threaded-comments, left-sidebar, right-sidebar, fluid-layout, custom-colors, custom-menu, featured-images, full-width-template, post-formats, theme-options, translation-ready
	Version: 1.0.3
*/



/* =============== Table Of Contents =============== */
/*
	
	1.0 Browser Resets
	
	--------------------------------------------------
	
	2.0 Predefined Styling
		2.1 Links
		2.2 Headers Properties
		2.3 Basic html tags
		2.4 list styles
		2.5 responsive images
		2.6 pre and code
		2.7 loader
		2.8 input, textarea forms
		2.9 blockquotes & pullquotes
		2.10 wordpress specific styles

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

	3.0 General Structure

		3.1 Top Header Area
			3.1.1 Top Bar
			3.1.2 Secondary Menu	
			3.1.3 Social Media Icons
		3.2 Logo
		3.3 WPML Language Switcher
		3.4 Main Menu
		3.5 Footer
		3.6 Blog
			3.6.1 Standard Blog
			3.6.2 Comments Section
		3.7 Pagination
		3.8 Widgets
		3.9 Search Page
		3.10 Page Not Found
		3.11 Password Protected Page
		3.12 Archive Page


	--------------------------------------------------
	
	4.0 Theme elements / shortcodes

	--------------------------------------------------
	
	5.0 Portfolio
	
		5.1 Portfolio Grid System
		5.2 Portfolio Filtering
		5.3 Portfolio General Styling
		5.4 Portfolio Image Hover Effects
		5.5 Portfolio Related Works
		5.6 Portfolio Latest Works Shortcode


	--------------------------------------------------
	
	6.0 Revolution Slider

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

	
	7.0 Media Queries			
*/



/* =============== 1.0 Browser Resets =============== */
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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
}


/* ========= 2.0 Predefined Styling ========= */
body {
	font-size:13px;
	line-height:21px;
	font-family:Arial, Helvetica, sans-serif;
	background:transparent;
}


/* ========= 2.1 links ========= */
a, .entry-block .more-link {
	outline:0;
	text-decoration:none;	
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s; 
	transition:0.3s;	
}
a:hover {
	text-decoration:underline;	
}
a:active {
	outline:0;	
}
a:focus {
	outline:0;	
	text-decoration:none;
}
h1 a, h1 a:hover, h2 a, h2 a:hover, h3 a, h3 a:hover, h4 a, h4 a:hover, h5 a, h5 a:hover, h6 a, h6 a:hover {
	text-decoration:none;
}
*:focus {
    outline:none;
}



/* ========= 2.2 Headers Properties ========= */
h1, h2, h3, h4, h5, h6 {
	text-transform:uppercase;	
}
h1 {
	font-size:24px;
	line-height:30px;
	font-weight:bold;	
}
h2 {
	font-size:20px;
	line-height:28px;
	font-weight:bold;
}
h3 {
	font-size:18px;
	line-height:26px; 
	font-weight:bold;
}
h4 {
	font-size:16px; 
	font-weight:bold;
	line-height:24px;
}
h5 {
	font-size:14px;
	font-weight:bold;
	line-height:21px;
}
h6 {
	font-weight:bold;
	text-transform:uppercase;
	font-size:13px;
	line-height:21px;
}

.h-center {
	text-align:center;
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.h-left {
	text-align:left;	
	float:left;	
}
.h-right {
	text-align:right;
	float:right;
}



/* ========= 2.3 Basic html tags ========= */
strong {
	font-weight:bold;
}
del {
	text-decoration:line-through;
}
em {
	font-style:italic;	
}
p {
	padding:6px 0 6px 0;
}



/* =============== 2.4 list styles ===============*/
ul, ol {
	margin:4px 0 16px 0;
}
ul { 
	list-style:disc outside;
}
ol { 
	list-style:decimal outside;
}
li { 
	margin:4px 0 0 30px;
}
ul ul, ol ul, ul ol, ol ol {
	margin-bottom:0;
}

.custom-list ul {
	margin:4px 0 0 0;
	padding:0;
	display:inline-block;
}

.custom-list ul, .custom-list ul li, .fbox .custom-list ul, .fbox .custom-list ul li, .widget .custom-list ul, .widget .custom-list ul li  {
	list-style:none;
}
.custom-list li, .fbox .custom-list li, .widget .custom-list li {
	margin:0;
	padding:4px 0 2px 0;
}
.custom-list i {
	padding:0 8px 0 0;	
}
.fa-demo li {
	padding:8px 0 2px 0;
}



/* custom arrow & check list */
.arrow-list, .arrow-list li, .check-list, .check-list li {
	list-style:none;
	margin:0;
	padding:0;
}
.arrow-list li, .check-list li {
	position:relative;
	padding:5px 0 5px 34px;	
}
.arrow-list li a, .check-list li a {
	display:block;
}
.arrow-list li:before, .check-list li:before {
	font-family:FontAwesome;
	font-weight:normal;
	font-style:normal;
	text-decoration:inherit;
	-webkit-font-smoothing:antialiased;
	position:absolute;
	top:4px;
	left:0;
	font-size:14px;
	line-height:18px;
	text-align:center;
	width:23px;
	height:23px;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	border-radius:30px;
}
.arrow-list li:before {
	content: "\f105";
	padding-left:2px;		
}
.check-list li:before {
	content: "\f00c";
	padding-left:1px;
	font-size:12px;	
	line-height:21px;	
}



/* =============== 2.5 responsive images =============== */
.content-wrapper img, .widget img, .footer-parent img, .gwtop-wrapper img, .contentbar img, .zoom-anim-dialog img, .entry-body img {
	max-width:100%;
}
img.size-full, img.size-large, img.header-image, img.wp-post-image {
	max-width:100%;
	height:auto;
}
img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] {
	height:auto;
}
img {
  -ms-interpolation-mode: bicubic;
}

/* Fluid images for posts, comments, and widgets */
.comment-content img, .entry-content img, .entry-summary img, .widget img, .wp-caption {
	max-width: 100%;
}

/* Make sure images with WordPress-added height and width attributes are scaled correctly. */
.comment-content img[height],
.entry-content img,
.entry-summary img,
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"],
#site-header img {
	height: auto;
}
img.size-full,
img.size-large,
.wp-post-image,
.post-thumbnail img {
	height: auto;
	max-width: 100%;
}

/* An image reset class */
.img-reset {
	display:block;
	padding:0;
	margin:0;	
}



/* =============== 2.6 pre and code ===============*/
code, pre {
	padding:22px 28px 22px 28px;
	margin:10px 0 10px 0;
	line-height:20px;
	font-family: "Bitstream Vera Sans Mono", "Courier New", monospace;
	font-size:11px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;		
}
pre, code {
	display:block;
	white-space:pre;
	white-space:pre-wrap;
	word-wrap:break-word;
}
pre code {
	padding:0;
	color:inherit;
	background-color:transparent;
	border:0;
}
pre ol, code ol, pre ol li, code ol li {
	padding:0;
	margin:0;
}
pre br, code br {
	display:none;	
}




/* =============== 2.7 loader =============== */
#spinner {
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:10001;
}
@keyframes spin {
    from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}
@-webkit-keyframes spin {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}
.spinner-disc {
	position:relative;
	display: inline-block;
	left:50%;
	top:50%;
	margin-top:-20px;
	margin-left:-20px;
	width:40px;
	height:40px;
	border-radius:50%;
	-webkit-animation: spin 0.75s infinite linear;
	animation: spin 0.75s infinite linear;
}
.spinner-disc::before,
.spinner-disc::after {
	left: -2px;
	top:-2px;
	display:none;
	position:absolute;
	content:'';
	width:inherit;
	height:inherit;
	border:inherit;
	border-radius:inherit;
}
.spinner-animation,
.spinner-animation::before,
.spinner-animation::after {
	display:inline-block;
	border-color:transparent;
	animation-duration:1.2s;
	-webkit-animation-duration:1.2s;
	-moz-animation-duration:1.2s;
}
.spinner-animation::before {
	transform:rotate(120deg);
	-webkit-transform:rotate(120deg);
	-moz-transform:rotate(120deg);
}
.spinner-animation::after {
	transform:rotate(240deg);
	-webkit-transform:rotate(240deg);
	-moz-transform:rotate(240deg);
}




/* ========= 2.8 input, textarea forms ========= */
input, textarea, select {
	padding:7px 10px 7px 10px;
	-webkit-transition:border ease-in-out 0.3s;
	-moz-transition:border ease-in-out 0.3s;
	transition:border ease-in-out 0.3s; 
	font-size:13px;
}

input:focus, textarea:focus, input:hover, textarea:hover {
	outline:none;
	box-shadow:
		0px 0px 1px rgba(30,30,30,0.3),
		inset 0px 0px 1px rgba(255,255,255,0);
}
input, select {
	height:37px;
}
input[type="search"] {
	height:21px;
}
button, input, textarea, select {
	margin:0;
	vertical-align:middle;
	font-size:100%
}
button, input {
	line-height:normal;
	*overflow:visible;
}
button::-moz-focus-inner,input::-moz-focus-inner {
	padding:0;
	border:0;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
	cursor:pointer;
	border:0 none;
	font-size:10px;
	line-height:14px;
	font-weight:normal;
	text-transform:uppercase;
	height:34px;
	margin:0;
	padding:9px 20px 8px 20px;
	display:inline-block;	
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s; 
	transition:0.3s;	
}
input[type="search"] {
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
	-webkit-appearance:textfield;	
}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance:none;
}
textarea {
	overflow:auto;
	vertical-align:top;
}




/* =============== 2.9 blockquotes & pullquotes ===============*/
blockquote, .pullquote-left, .pullquote-right, .quote-text {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
	line-height:21px;
}
blockquote {
	margin:6px 0 6px 0;
	padding:22px 0 22px 46px;
	position:relative;
}
blockquote:before {
	content:'\201D';
	display:inline-block;
	speak:none;
	font-weight:bold;
	padding:16px 0 0 0;
	font-size:54px;
	position:absolute;
	top:4px;
	left:0px;
}
blockquote p {
	margin:0;	
	padding:0;	
}
.quote-wrapper {
	padding:22px 0 22px 0;
}
.quote-wrapper blockquote {
	margin:0;
	padding:10px 0 0 0;	
}
.quote-text {
	margin:4px 0 4px 0;	
}
.quote-wrapper .qw-btn {
	position:relative;
	top:2px;
	text-align:right;
}
.quote-wrapper blockquote {
	margin:3px 0 3px 0;
}
#left .quote-wrapper {
	display:none;
}



/* pullquotes */
.pullquote-left, .pullquote-right {
	width:32.4%;
}
.pullquote-left:before, .pullquote-right:before {
	content:'\201D';
	display:inline-block;
	speak:none;
	font-weight:bold;
	padding:12px 0 0 0;
	font-size:54px;
	position:absolute;
	left:0px;
}
.pullquote-left {
	float:left;
	margin:10px 20px 14px 0;
	padding:22px 12px 22px 46px;
}
.pullquote-right {
	float:right;	
	margin:14px 0 14px 20px;
	padding:22px 0 22px 46px;
}





/*=============== 2.10 wordpress specific styles ===============*/
.wp-caption {
	font-size:11px;
	margin:0;
	padding:0;
}
.wp-caption img {
	display:block;
	padding:0;
	margin:5px 0 4px 5px;
}
.wp-caption-text {
	display:inline;
	margin:0;
	padding:0 0 5px 7px;
	display:block;
} 
.sticky {}
.gallery-caption {}
.bypostauthor {}

.alignnone {
	padding:4px 0 4px 0;
	display:block;
	clear:both;	
}
.aligncenter, div.aligncenter {
	display:block;
	clear:both;
	margin:0 auto;
	padding:6px 0 6px 0;
	text-align:center;
}
.alignright, a img.alignright {
	float:right;
	margin:5px 0 7px 18px;
}
.alignleft, a img.alignleft {
	float:left;
	margin:5px 18px 7px 0;
}



/* ========= 3.0 general structure ========= */
.container-fluid {
	width:1170px;
	padding:0 59px 0 59px;
	margin:0 auto;
}
.header-wrapper, .footer-wrapper, .content-wrapper, .fbottom-wrapper, .fline-wrapper, .footerbar-wrapper, .topbar-wrapper {
	float:left;
	width:100%;
}
.header-wrapper {
	z-index:1000;
}
.header-wrapper {
	margin:50px 0 0 0;	
}
.fbottom-wrapper {
	margin:0 0 50px 0;	
}
.container-map {
	width:1170px;
	margin:0 auto;	
}

/* content wrapper with sidebar */
.inner-content {
	float:left;	
	width:690px;
	margin:0 59px 0 0;
	padding:20px 0 0 0;
}
#sidebar {
	float:left;
	width:302px;
	margin:0;
	padding:20px 0 20px 0;
}


/* theme body space on pages with sidebar */
.cw-space .container-fluid {
	padding-top:46px;
	padding-bottom:50px;		
}
.cw-space .container-contact {
	padding-top:40px;	
}


/* ========= 3.1 top header area ========= */
.header-top {
	padding-top:28px;
	padding-bottom:28px;
}
.gw-title-wrapper {
	padding-top:42px;
	padding-bottom:42px;	
}



/* ========= 3.1.1 Top Bar ========= */
.topbar-wrapper {
	font-size:11px;
	line-height:17px;
}
.topbar-wrapper .container-fluid {
	padding:14px 0 14px 0;
}
.topbar-wrapper a:hover {
	text-decoration:none;
}
.topbar-wrapper .topbar-text {
	text-align:left;
}



/* ========= 3.1.2 Secondary Menu ========= */
.smenu-wrapper {
	float:right;
	font-size:11px;
}
.smenu-wrapper ul, .smenu-wrapper ul li {
	margin:0;
	padding:0;
	list-style:none;
	float:left;	
}
.smenu-wrapper ul {
	padding:0 4px 0 4px;	
}
.smenu-wrapper ul li {
	padding:0 9px 0 9px;
}




/* ========= 3.1.3 social media icons ========= */
.tsocial-media, .tsocial-media li, .gw-socialmedia, .gw-socialmedia li {
	list-style:none;
	margin:0;
	padding:0; 
}
.tsocial-media {
	float:right;
	font-size:12px;
}
.tsocial-media {
	padding:0 3px 0 3px;	
}
.tsocial-media li {
	float:left;
	padding:1px 8px 0 8px;
}

.gw-socialmedia {
	font-size:14px;
}
.gw-socialmedia li {
	float:left;
	margin:0 4px 4px 0;
}
.gw-socialmedia li a {
	display:block;
	padding-top:8px;
	text-align:center;
	width:40px;
	height:38px;
}



/* ========= 3.1.4 top contact list ========= */
.top-contact, .top-contact li {
	list-style:none;
	margin:0;
	padding:0;	
}
.top-contact li {
	padding:0 20px 0 0;
	float:left;	
}
.top-contact li i {
	font-size:13px;
	padding:1px 9px 0 0;	
}



/* ========= 3.2 logo ========= */
#logo {
	float:left;
	margin:0;
}



/* ========= 3.3 WPML Language Switcher ========= */
.lang-wrapper {
	float:right;
	z-index:100;
	padding:0;
}
.lang-wrapper ul, .lang-wrapper ul li {
	margin:0;
	padding:0;
	list-style:none;
	text-transform:uppercase;
	font-size:10px;
	line-height:13px;	
	font-weight:bold;	
}
.lang-wrapper ul li {
	float:left;
	padding:3px 8px 0 8px;
	margin:0 0 0 1px;

}
.lang-wrapper ul li a {
	display:block;
}

#lang_sel a, #lang_sel a:visited {
	border:0 none; 
	background:none;
}
#lang_sel_list a, #lang_sel_list a:visited {
	background:none;
}
#lang_sel_list.lang_sel_list_vertical a, #lang_sel_list.lang_sel_list_vertical a:visited {
	border:0 none;
}
#lang_sel_list.lang_sel_list_vertical ul { 
	border-top:0 none;
}
#lang_sel_list ul a, #lang_sel_list_list ul a:visited {
	background:none; 
}
#lang_sel_list ul.lang_sel_list_vertical, #lang_sel_list.lang_sel_list_vertical li,
#lang_sel ul ul, #lang_sel li, #lang_sel_list.lang_sel_list_vertical, #lang_sel_list, #lang_sel {
	width:auto;
}
#lang_sel_list li { 
	display:block; 
	clear:both;
}




/* ========= 3.4 Main Menu ========= */
.menu-wrapper nav {
	float:right;
	margin:9px 0 0 0;
}
.gw-menu {
	position:relative;
	z-index:1000;
}
.sf-menu, .sf-menu li, .sf-menu ul, .sf-menu ul li {
	list-style:none;
}
.sf-menu {
	float:left;
	width:100%;
	text-align:right;
}
.sf-menu, .sf-menu * { margin:0; padding:0; list-style:none; }
.sf-menu, .sf-menu li { list-style:none; }
.sf-menu li:hover {
	visibility:inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li { 
	position:relative;
	float:left;
	margin:0;
	padding:0;	
	display:inline;
	font-size:14px;		
	line-height:22px;
	font-weight:bold;
}
.sf-menu > li {
	min-height:20px;
	margin:10px 0 10px 0;
} 
.sf-menu .gw-menu-desc {
	font-size:11px;
	line-height:12px;
	display:block;
	margin:0;
	text-transform:none;
	letter-spacing:normal;
}
.sf-menu li a {
	display:block;
	padding:0 22px 0 36px;
	margin:-3px 0 0 0; 
}
.sf-menu > li > a {
	text-transform:uppercase;
}
.sf-menu li a:hover {
	text-decoration:none;
}


.sf-menu .sub-menu {
	width:256px; /* left offset of submenus need to match (see below) */
	position:absolute;
	top:-999em;
	z-index:1000;
	padding:17px 0 0 0;
	text-align:left;
}
.sf-menu .sub-menu li {
	font-size:13px;
	line-height:21px;
	font-weight:normal;	
}
.sf-menu .sub-menu li:first-child {
	padding-top:20px;	
}
.sf-menu .sub-menu li:last-child {
	padding-bottom:20px;	
}
.sf-menu li:hover {
	visibility:inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu .sub-menu a { /* styles that apply to dropdown menu only */
	padding:6px 36px 6px 36px;
	margin:0;
	display:block;
	width:256px;
	min-height:0;/* reset minimum height */
}
.sf-menu .sub-menu .sub-menu, .sf-menu .sub-menu .sub-menu .sub-menu {
	width:256px;
	margin-left:0;
}
*:first-child+html .sf-menu a { /* this applies only to ie7 */
	height:auto;
}
.sf-menu li:hover .sub-menu,
.sf-menu li.sfHover .sub-menu {
	left:			0;
	top:			30px; /* match top ul list item height */
	z-index:		1000;
}
.sf-menu li:hover li .sub-menu,
.sf-menu li.sfHover li .sub-menu {
	top:			-999em;
}
.sf-menu li li:hover .sub-menu,
.sf-menu li li.sfHover .sub-menu {
	left:			256px; /* match ul width */
	top:			-17px;
}
.sf-menu li li:hover li ul,
.sf-menu li li.sfHover li ul {
	top:			-999em;
}
.sf-menu li li li:hover .sub-menu,
.sf-menu li li li.sfHover .sub-menu {
	left:			256px; /* match ul width */
	top:			-17px;
}
.slicknav_menu {
	display:none;
}



/* ========= 3.5 Footer ========= */
.footer-wrapper  .container-fluid {
	padding-top:36px; 
	padding-bottom:30px;
}
.fbox .widget {
	float:left; 
	width:100%;
	margin-top:24px;
	margin-bottom:24px;
}
.fbox h6 {
	padding:0 0 22px 0;
	margin:0 0 26px 0;
}
.fbottom-wrapper .container-fluid {
	padding-top:34px; 
	padding-bottom:34px;
}
.fbottom-wrapper {
	font-size:11px;
	line-height:17px;	
}
.fbottom-wrapper .fbottom-right {
	text-align:right;
	margin-top:14px;
}




/* ========= 3.6 Blog ========= */


/* ========= 3.6.1 Standard Blog ========= */
.entry-block {
	position:relative;
	margin:0 0 116px 0;
	float:left;
	width:100%;
}
.entry-block-single {
	margin-bottom:38px;
}
.attachment-post-thumb {
	display:block;
}
.imgb-wrapper, .imgb-wrapper-single {
	float:left;
	width:100%;
	position:relative;	
	overflow:hidden;
	margin:0 0 44px 0;
}
.imgb-wrapper .attachment-post-thumb {
	opacity:1;	
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s; 
	transition:0.3s;	
}
.imgb-wrapper:hover .attachment-post-thumb {
	opacity:0.8;
}
.bpost-type {
	position:absolute;
	bottom:-27px;
	left:-22px;
	width:80px;
	height:80px;
	text-align:center;
	padding:24px 12px 0 0;
	-moz-border-radius:40px;
	-webkit-border-radius:40px;		
	border-radius:40px;
}


.entry-misc {
	float:left;
	width:100%;
	padding:0;
	margin:0 0 39px 0;
	font-size:13px;
	line-height:21px;
	font-weight:bold;
	font-style:italic;
}
.sblog-title {
	margin-bottom:9px;
}
.entry-block .more-link {
	position:relative;
	top:35px;
	margin-bottom:32px; 
	float:left;
}
.more-link {
	font-size:10px;
	line-height:16px;
	text-transform:uppercase;
	padding:7px 19px 6px 19px;
}
.more-link:hover {
	text-decoration:none;
}



/* post detail tags */
.tags-wrapper {
	float:left;
	width:100%;
	margin:10px 0 10px 0;	
}

/* about the author */
.ab-content {
	margin:20px 0 44px 0;
	padding:18px 34px 18px 34px;	
}
.ab-title a:hover {
	text-decoration:underline;	
}


/* sticky posts */
.entry-block .sticky {
	padding-left:6px;
}
.entry-block .sticky:before {
	content: "\f062"; 
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	text-decoration: inherit;
	-webkit-font-smoothing: antialiased;
	width:26px; 
	height:26px;
	float:left;
}



/* POST FORMATS */

/* 1. LINK */
.post-url {
	padding:16px 34px 16px 34px;
	margin:0;
	font-size:11px;
	font-weight:bold;
	display:inline-block;
}


/* 2. QUOTE */
.quote-content {
	margin:0;
	padding:0 0 0 38px;
	position:relative;
	float:left;
	width:100%;
}
.quote-content:before {
	content:'\201D';
	display:inline-block;
	speak:none;
	font-weight:bold;
	font-size:54px;
	position:absolute;
	top:0;	
	left:0px;
}
.quote-name {
	float:left;
	width:100%;	
	font-size:10px;
	padding:0 0 0 38px;
	margin:34px 0 10px 0;
}


/* 3. ASIDE */
.aside-body {
	padding:16px 34px 16px 34px;
	margin:0;
	float:left;
	width:100%;		
}


/* 4. VIDEO */
.video-wrapper {
	margin:13px 0 40px 0;
}
.video-content {
	position:relative;
	overflow:hidden;	
	padding-bottom:56.25%;
	height:0; 
	border:1px solid transparent;
}
.video-content iframe, .video-content object, .video-content embed {
	width:100%;
	height:100%;	
	position:absolute;
	top:0;
	left:0;
}



/*=============== 3.7.2 Comments Section ===============*/

/* a) comments form */
#commentform label {
	margin:0 0 9px 0;
	display:block;
}
#commentform p {
	margin-bottom:13px;
}
#commentform #author, #commentform #email, #commentform #url {
	width:42%;
	margin:0;
}
#commentform textarea {
	width:76%;	
	overflow:auto;
	height:178px;
}
.form-allowed-tags { 
	display:none;
}
.comment-notes {
	font-size:11px;
	padding-bottom:22px;
	clear:both;
}
.logged-in-as {
	margin-top:6px;
}
#reply-title, #reply-title small #cancel-comment-reply-link, #comments {
	font-size:16px;
	line-height:24px;
	font-weight:bold;
	clear:both;
}
#reply-title {
	margin-bottom:16px;
}


/* b) comments */
#comments {
	padding:0;	
}
.comment-block { 
	position:relative;
}
.comment-title {
	float:left;
	width:100%;
	margin:20px 0 9px 0;
}
.awaiting_moderation {
	float:left;
	width:100%;
	font-size:11px;
	margin:4px 0 7px 0;
}
.commentlist { 
	float:left;
	width:100%;
	margin:0 0 70px 0;
}
.commentlist, .commentlist li {
	list-style:none;
}
.commentlist .children {
	padding:0;
}
.commentlist li {
	margin:18px 0 0 0;
	padding:0;
	display:block;
}
.commentlist li li {
	margin-left:66px;
}
.comment-author { /* the comment avatar */
	float:left;
	margin:0;
	width:50px;
	z-index:100;
	position:relative;
}
.comment-author img {
	display:block;
}
.cc-wrapper {
	display:inline-block; 
	width:100%;
}
.comments-wrapper .commentlist .cc-wrapper ul li, .comments-wrapper .commentlist .cc-wrapper ol li {
	display:list-item;
	margin-left:22px;
}
.comments-wrapper .commentlist .cc-wrapper ul li { 
	list-style:outside disc;
}
.comments-wrapper .commentlist .cc-wrapper ol li {
	list-style:outside decimal;
}
.cc-wrapper p {
	margin:0 0 4px 0;	
}
.comment-content {
	position:relative;
	margin:0;
	padding:30px 25px 30px 25px; 
	margin:0 0 0 66px;
}
.comment-arrow {
	position:absolute;
	top:20px;
	left:-8px;
	background:url('/wp-content/themes/hubtechnologies/images/comment_arrow.png') no-repeat top left;
	width:8px;
	height:13px;
}
.comment-decoration {
	position:absolute;
	bottom:-6px;
	left:78px;
	width:24px;
	height:13px;	
}
.comment-misc { /* comment posted by *author* wrapper */
	margin:0 0 5px 0;
	padding:0;
	display:block;
	float:left;
	z-index:10; 
	position:relative;
}
.comment-content .comment-misc cite {
	font-weight:bold;
	font-size:13px;
	line-height:17px;
	text-transform:uppercase;
	letter-spacing:0.2px;
	padding:0 11px 0 0;
	margin:0 11px 0 0;
}
.comment-misc cite a:hover {
	text-decoration:none;
}
.comment-content .date {/* comment posted date */
	display:block;
	font-size:13px;
	margin:0;
	float:left;
}
.comment-reply-link:hover, .comment-edit-link:hover {
	text-decoration:none;	
}
#cancel-comment-reply-link {
	font-size:24px;
	font-weight:300;
	padding-left:8px;
}
.cn-left { float:left; }
.cn-right { float:right; }

.cc-buttons {
	margin:0 0 1px 0;
	float:left;
	width:100%;
}
.comment-reply-link, .comment-edit-link {
	margin:0 12px 0 0;
	font-size:13px;
	line-height:19px;
	display:inline-block;
	float:left;
}
.comment-reply-link:hover, .comment-edit-link:hover {
	text-decoration:underline;
}
.comment-respond {
	margin-top:52px;	
}



/*=============== 3.7 Pagination ===============*/
.pw-blog {
	margin:0 0 24px 0;
}
.pw-port .wp-pagenavi {
	margin:50px 0 30px 43px;
}
.pw-port2 .wp-pagenavi {
	margin:50px 0 30px 43px;
}
.pw-port, .pw-port2 {
	margin-top:10px;	
}
.pw-search {
	margin:42px 0 16px 0;
	float:left;
	width:100%;
}
.wp-pagenavi .pages {
	display:none;	
}
.wp-pagenavi {
	font-size:11px;
	line-height:17px;	
}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi a:active,
.wp-pagenavi span.pages, .wp-pagenavi span.current, .wp-pagenavi span.extend {
	padding:8px 13px 7px 13px;
	font-weight:normal;
	margin:0 2px 2px 0;
}
.wp-pagenavi a:hover {
	text-decoration:none;	
}



/*=============== 3.8 widgets ===============*/
#sidebar .widget {
	margin:0 0 70px 0;
	float:left;
	width:100%;	
}
#sidebar .widget:last-child {
	margin-bottom:0;	
}
#sidebar .widget h6 {
	padding:0 0 21px 0;
	margin:0 0 24px 0;
}
.widget_categories ul, .widget_archive ul, .widget_nav_menu ul, .widget_recent_comments ul, .widget_meta ul, .widget_pages ul, .widget_rss ul, 
.widget_gw_categories ul, .widget_recent_entries ul {
	list-style:none;
	padding-top:3px;
}
.widget_categories ul li, .widget_archive ul li, .widget_nav_menu ul li, .widget_recent_comments ul li, .widget_meta ul li, .widget_pages ul li, .widget_rss ul li, 
.widget_gw_categories ul li, .widget_recent_entries ul li {
	margin:0;
	padding:0;
	position:relative;
}
.widget_categories ul li li, .widget_archive ul li li, .widget_nav_menu ul li li, .widget_recent_comments ul li li, .widget_meta ul li li, .widget_pages ul li li, .widget_rss ul li li, 
.widget_gw_categories ul li li, .widget_recent_entries ul li li {
	border-bottom:0 none;
	margin:0;
	padding:0;
}
.widget ul.children, .widget ul.children li {
	margin:0;
	padding:0;
}
.widget_categories ul li a, .widget_archive ul li a, .widget_nav_menu ul li a, .widget_recent_comments ul li a, .widget_meta ul li a, 
.widget_pages ul li a, .widget_rss ul li a, .widget_gw_categories ul li a, .widget_recent_entries ul li a {	
	padding:5px 0 6px 34px;
	display:block;
}

.fbox .widget_categories ul li a, .fbox .widget_archive ul li a, .fbox .widget_nav_menu ul li a, .fbox .widget_recent_comments ul li a, .fbox .widget_meta ul li a, 
.fbox .widget_pages ul li a, .fbox .widget_rss ul li a, .fbox .widget_gw_categories ul li a, .fbox .widget_recent_entries ul li a {	
	padding:5px 0 6px 34px;
}

.widget_categories ul li a:hover, .widget_archive ul li a:hover, .widget_nav_menu ul li a:hover, .widget_recent_comments ul li a:hover, .widget_meta ul li a:hover, 
.widget_pages ul li a:hover, .widget_rss ul li a:hover, .widget_gw_categories ul li a:hover, .widget_recent_entries ul li a:hover {
	text-decoration:none;
}
.widget_categories ul li:before, .widget_archive ul li:before, .widget_nav_menu ul li:before, /*.widget_recent_comments ul li:before,*/ .widget_meta ul li:before, 
.widget_pages ul li:before, .widget_rss ul li:before, .widget_gw_categories ul li:before, .widget_recent_entries ul li:before {
	content: "\f105";
	font-family:FontAwesome;
	font-weight:normal;
	font-style:normal;
	text-decoration:inherit;
	-webkit-font-smoothing:antialiased;
	position:absolute;
	top:4px;
	left:0;
	font-size:14px;
	line-height:18px;
	text-align:center;
	padding-left:2px;
	width:23px;
	height:23px;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	border-radius:30px;		
}
.fbox .widget_categories ul li:before, .fbox .widget_archive ul li:before, .fbox .widget_nav_menu ul li:before, /*.fbox .widget_recent_comments ul li:before,*/ .fbox .widget_meta ul li:before, 
.fbox .widget_pages ul li:before, .fbox .widget_rss ul li:before, .fbox .widget_gw_categories ul li:before, .fbox .widget_recent_entries ul li:before {
	top:4px;
	left:0;
}

/* widget children */
.widget_categories ul li li:before, .widget_archive ul li li:before, .widget_nav_menu ul li li:before, .widget_meta ul li li:before, 
.widget_pages ul li li:before, .widget_rss ul li li:before, .widget_gw_categories ul li li:before, .widget_recent_entries ul li li:before {
	left:34px;		
}
.widget_categories ul li li a, .widget_archive ul li li a, .widget_nav_menu ul li li a, .widget_meta ul li li a, .widget_pages ul li li a, .widget_rss ul li li a, 
.widget_gw_categories ul li li a, .widget_recent_entries ul li li a {
	padding-left:68px;
}


/* tag cloud widget */
.tagcloud, .tags-wrapper {
	margin-top:10px;
	float:left;
	width:100%;
}
.widget_tag_cloud a, .tags-wrapper a {
	display:block;
	float:left;
	font-size:11px;
	line-height:13px;
	padding:7px 17px 6px 17px;
	margin:0 3px 3px 0;
}
.widget_tag_cloud a:hover, .tags-wrapper a:hover {
	text-decoration:none;
}
.tags-wrapper {
	margin-top:24px;	
}

/* search widget */
.search-form {
	margin-top:10px;
	float:left;
	width:100%;
}
.widget_search .screen-reader-text, .screen-reader-text {
	display:none;
}
.widget_search .search-submit, .pnf-search .search-submit, .sr-form .search-submit {
	width:80px;
	height:39px;
	text-align:center;	 
	margin:0 0 0 -2px;
	text-indent:-9999px;
	background-image:url('/wp-content/themes/hubtechnologies/images/search_icon.png');
	background-repeat:no-repeat;
	background-position:30px 12px;
}
.widget_search .search-submit:hover, .pnf-search .search-submit:hover, .sr-form .search-submit:hover {
	background-image:url('/wp-content/themes/hubtechnologies/images/search_icon.png');
	background-repeat:no-repeat;
	background-position:30px 12px;
}
.widget_search .search-field {
	width:66%;
}
.footer-wrapper .col-md-3 .widget_search .search-field {
	width:56%;		
}


/* recent comments widget */
.widget_recent_comments ul {
	margin-top:8px;
	float:left;
	width:100%;	
}
.widget_recent_comments ul li {
	padding:17px 21px 17px 21px;
	margin:0 0 10px 0;
}
.widget_recent_comments .comment-author-link {
	font-weight:bold;
}


/* recent posts widget */
.widget_recent_entries .post-date {
	font-size:10px;
	line-height:16px;
	position:relative;
	top:-6px;
	padding-left:35px;
}


/* calendar widget */
.widget_calendar caption {
	margin:0;
	padding:15px 0 12px 0;
	font-size:13px;
	line-height:18px;
}
.widget_calendar table {
	width:100%;
	font-size:13px;
	margin:0;
	float:left;
}
.widget_calendar table > thead > tr > th,
.widget_calendar table > tbody > tr > th,
.widget_calendar table > tfoot > tr > th,
.widget_calendar table > thead > tr > td,
.widget_calendar table > tbody > tr > td,
.widget_calendar table > tfoot > tr > td {
	padding:0;
}
.widget_calendar thead tr th {
	padding:4px 0 0 0;
	height:39px;
	line-height:11px;
	position:relative;	
	z-index:20;
}
.widget_calendar tbody td {
	position:relative;
	top:-1px;	
	z-index:10;
}

.widget_calendar table th {
	text-align:center;	

}
.widget_calendar table {
	border-collapse:separate;		
}
.widget_calendar table td {
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:0.5s;
	vertical-align:middle;
	text-align:center;
}
.widget_calendar table tfoot tr #prev, .widget_calendar table tfoot tr #next {
	padding:4px 6px 4px 6px;
}
.widget_calendar table tfoot tr #prev {
	text-align:left;
}
.widget_calendar table tfoot tr #next {
	text-align:right;
}
.widget_calendar table td a {
	display:block;	
	height:38px;
	padding-top:8px;
}
.widget_calendar table td a:hover {
	text-decoration:none;	
}
.widget_calendar table tr {
	height:38px;
	vertical-align:central;
}
.widget_calendar table tfoot td a:hover {
	text-decoration:underline;	
}



/* custom latest posts widget */
.ln-list {
	float:left;
	width:100%;
	list-style:none;
	margin:-6px 0 0 0;
	padding:0;
}
.widget .ln-list li {
	margin:18px 0 4px 0;
	padding:0;
	width:100%; 
	float:left;
	min-height:60px;
	position:relative;
}
.widget .ln-list li a {
	text-decoration:none;	
}
.widget .ln-list li:last-child {
	margin-bottom:0;	
}
.wpost-content {
	padding:0 0 0 77px;
}
.wpost-image {
	position:absolute;
	top:0;
	left:0;
	float:left;
	width:60px;
	height:60px;
}
.ln-list .wpost-title {
	padding:0;
	margin:-5px 0 0 0;
}
.ln-date {
	font-size:10px;
	line-height:14px;
	margin:5px 0 0 0;
}
.wpost-noimg {
	padding:0;
}





/* ------------------- latest portfolio widget styles ------------------- */
.wgport-list {
	float:left;
	margin:10px 0 0 -20px;
	list-style:none;
}
.wgport-list li {
	float:left;
	margin:0 0 20px 20px;
	width:60px;
	height:60px;	
}
.wgport-list li a {
	display:block;
	width:60px;
	height:60px;	
}
.wgport-list li img {
	display:block;	
}






/* twitter widget */
.twitter-content, .twitter-content li {
	list-style:none;	
	margin:0;
	padding:0;
}
.twitter-content li {
	float:left;
	width:100%;
	position:relative;
	display:block;
	margin:6px 0 10px 0;
}
.tw-timestamp {
	font-size:11px;
	margin:-3px 0 0 0;
}
.fbox .tw-timestamp {
	margin:0;	
}
.twitter_intents {
	display:none;
}
.gw-tweet a:hover {
	text-decoration:underline;
}
.tw-timestamp a:hover {
	text-decoration:none;
}



/*=============== 3.9 Search Page ===============*/

/* search form that appears on search page */
.sr-form {
	float:left;
	width:100%;
	margin:0;
}
.sr-form form {
	margin:10px 0 20px 0;	
}
.sr-form .search-field {
	width:40%;
}

/* search results number */
.sr-number {
	float:left;
	width:100%;	
	margin:0 0 30px 0;	
}
.sresult-number {
	padding:0 2px 1px 2px;		
}

/* search results block */
.search-block {
	float:left;
	width:100%;
	margin:40px 0 0 0;
	padding:0 0 44px 0;
}
.search-block h3 {
	margin-bottom:2px;	
}
.sr-space {
	height:16px;	
}
.search-block h5 {
	margin:0 0 2px 0;
}
.search-permalink {
	font-size:11px;
	line-height:17px;

}
.search-permalink a {
	padding:4px 0 3px 0;
}




/*=============== 3.10 Page Not Found ===============*/
.pnf-title {
	font-size:100px;
	line-height:110px;
	margin:20px 0 0 0;
	text-align:center;	
}
.pnf-msg {
	float:left;
	width:100%;
	font-weight:bold;
	font-size:14px;
	margin:28px 0 34px 0;	
	text-align:center;	
}
.pnf-search {
	float:left;
	width:100%;
	margin:0 0 42px 0;
	text-align:center;
	
}
.pnf-search .screen-reader-text {
	display:none;
}
.pnf-search input {
	text-align:left;	
}

.pnf-search .search-field {
	width:18%;

}



/*=============== 3.11 Password Protected Page ===============*/
.password-protected-title {
	margin:10px 0 40px 0;	
}
.pass-protected-form {
	margin:0 0 40px 0;
}
.pass-protected-form label {
	margin:0 6px 0 0;	
}
.pass-protected-form .pass-submit {
	height:33px;
	margin:0 0 0 2px;
}




/*=============== 3.12 Archive Page ===============*/
.gw-archive-title {
	margin-bottom:20px;	
}



.archive-list, .archive-list li {
	list-style:none;
	margin:0;
	padding:0;
}
.archive-list {
	margin-top:26px;	
}
.archive-list li {
	position:relative;
	padding:5px 0 5px 34px;
}
.archive-list li a {
	display:block;
}
.archive-list li a:hover {
	text-decoration:none;
}
.archive-list li:before {
	font-family:FontAwesome;
	font-weight:normal;
	font-style:normal;
	text-decoration:inherit;
	-webkit-font-smoothing:antialiased;
	position:absolute;
	top:4px;
	left:0;
	font-size:14px;
	line-height:18px;
	text-align:center;
	width:23px;
	height:23px;
	content: "\f105";
	padding-left:2px;	
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	border-radius:30px;
}
.archive-date {
	font-size:11px;
	line-height:14px;
	margin:4px 0 10px 0;
	display:inline-block;
}
.al-posts li {
	margin:10px 0 10px 0;
}


	
/*=============== 4.0 Theme elements / shortcodes ===============*/	


/*=============== spacing ===============*/
.gw-spacing, .port-spacing, .port-related-spacing, .homepage-spacing, .pnf-spacing, .fline-separator { 
	display:block; 
	height:auto; 
	margin:0; 
	padding:0; 
	background:none; 
	border:none; 
	outline:none;
	clear:both;
}
.port-spacing {
	height:16px;	
}
.port-related-spacing {
	height:26px;	
}
.homepage-spacing {
	height:40px;
}
.pnf-spacing {
	height:40px;	
}
.fline-separator {
	height:2px;	
}
.clearboth {
	clear:both;
	visibility:hidden;
	overflow:hidden;
	width:0;
	height:0;	
}	


/*=============== special texts ===============*/
.contactbox-name, .port-category, .portfolio-filter, .tw-timestamp, .fbottom-right, .ln-date, .quote-name, .post-url, .teb-position, .comment-misc cite, label {
	text-transform:uppercase;
}



/*=============== dividers ===============*/
.gw-divider, .gw-divider-double {
	line-height:0;
	font-size:0;
	overflow:hidden;
	float:left;
	width:100%; 
	clear:both;
}
.gw-divider {
	height:1px;	
}
.gw-divider-double {
	height:2px;	
}



/*=============== text align simple classes ===============*/
.gw-alignleft {
	text-align:left;
}
.gw-alignright {
	text-align:right;	
}
.gw-aligncenter {
	text-align:center;	
}



/*=============== block click ===============*/
.block-click {
	cursor:pointer;	
}



/*=============== dropcap ===============*/
.dropcap {
	font-size:32px;
	line-height:36px;
	font-weight:bold;
	float:left;
	padding:4px 7px 4px 7px;
	margin:12px 12px 0 0;
}



/*=============== buttons ===============*/
.gw-btn {
	cursor:pointer;
	border:0 none;
	font-size:10px;
	line-height:14px;
	font-weight:normal;
	text-transform:uppercase;
	min-height:36px;
	margin:0 0 3px 0;
	padding:11px 22px 9px 22px;
	display:inline-block;	
}
.gw-btn:hover {
	text-decoration:none;	
}
.content-wrapper .gw-btn, .footer-wrapper .gw-btn, #commentform .form-submit .submit {
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s; 
	transition:0.3s;	
}

a.gwb-black-border, a.gwb-skin-border {
	padding:8px 20px 7px 20px;
	min-height:33px;	
}



/*=============== Tabs ===============*/
.nav-tabs {
	border-bottom:0 none;
	clear:both;	
}
.nav-tabs > li {
	float: left;
	margin:0 1px 1px 0;
}
.nav-tabs > li > h6 > a {
	padding:14px 22px 13px 22px;	
	font-size:11px; 
	line-height:17px;
	text-transform:uppercase;
	display:block;
}
.nav-tabs > li > h6 > a > i {
	font-size:14px;
	padding:0 8px 0 0;
	position:relative;
	top:1px;
}
.nav-tabs.nav-justified > li > h6 > a {
	border-radius:0;
}
.tab-content {
	padding:22px 0 22px 0;	
}



/*=============== Toggle ===============*/
h6.toggle {
	margin:-1px 0 0 0;
	outline:0;
	position:relative;
}
h6.toggle a {
	display:block;
/*	padding:14px 0 13px 37px; */
	padding:16px 0 14px 37px;	
	text-decoration:none;
	outline:none;
}
.toggle-content {
	clear:both;
	overflow:hidden;
	display:none;	
	margin:0;
}
.toggle-content .block {
	padding:24px 0 24px 0;
}
.toggle-content .block p {
	padding:5px 0 5px 0;
	margin:0;
}

h6.toggle:before {
	font-family:Arial, Helvetica, sans-serif;	
	width:24px;
	height:24px;
	text-align:center;
	font-size:19px; 
	line-height:19px;
	font-weight:normal;
	content:"+";
	position:absolute;
	left:0;
	left:0;
	top:14px;
	padding:0;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	border-radius:30px;		
}
h6.toggle-active:before {
	font-family:Arial, Helvetica, sans-serif;	
	content:"-";	
	line-height:17px;
}




/*=============== message box ===============*/
.messagebox {
	margin:7px 0 7px 0;
	padding:18px 32px 18px 32px;
	display:inline-block;		
}
.messagebox h2, .messagebox h3, .messagebox h4, .messagebox h5, .messagebox h6 {
	margin-top:10px;
}
.messagebox p {
	padding:4px 0 8px 0;	
}




/*=============== elements demo wrapper ===============*/
.elements-demo {
	line-height:30px;	
}



/*=============== intro section ===============*/
.intro {
	width:100%;
}
.intro.gw-alignleft {
	text-align:left;
}
.intro.gw-alignright {
	text-align:right;	
}
.intro.gw-aligncenter {
	text-align:center;	
}
.intro strong {
	font-style:inherit;
	font-size:inherit;
	line-height:inherit;
}


/*=============== pdf section ===============*/
.pdf-section {
	float:left;
	width:100%;
	margin:0 0 10px 0;
	position:relative;
	padding:19px 21px 19px 21px;
}
.pdf-section:hover {
	cursor:pointer;	
}
.pdf-section i {
	position:absolute;
	top:24px;
	left:22px;
	font-size:22px;
	line-height:24px;	
}
.pdf-content {
	padding:0 0 0 39px;	
}



/*===============  image box ===============*/
.imagebox-wrapper {
	float:left;
	width:100%;
}
.imagebox-img {
	display:block;
}
.imagebox-content {
	padding:20px;
}



/*===============  title box ===============*/
.titlebox-wrapper {
	float:left;
	width:100%;
	margin:6px 0 6px 0;	
}
.titlebox-content {
	padding:27px 24px 27px 24px;
}
#sidebar .widget .titlebox-wrapper h6 {
	border-bottom:0 none;
	margin:0;
	padding:12px 22px 13px 22px;	
}



/*=============== contact box ===============*/
.contactbox-wrapper {
	float:left;
	width:100%;
	padding:15px 28px 16px 28px;
	position:relative;
	overflow:hidden;		
}
.contactbox-body {
	float:left;
	width:100%;
	position:relative;
	margin:7px 0 0 0;
	font-size:15px;
	line-height:23px;
	font-style:italic;
}
.contactbox-content {
	padding:0 0 0 28px;
}
.contactbox-icon {
	position:absolute;
	top:0;
	left:0;
	font-size:20px;
	line-height:24px;
}
.contactbox-wrapper .contactbox-name {
	line-height:11px;
	display:inline-block;
}
.contactbox-content a:hover {
	text-decoration:none;
}



/*=============== team block ===============*/
.teamblock {
	float:left;
	width:100%;
	margin:0 0 40px 0;
}
.tb-img {
	display:block;
	opacity:1;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s; 
	transition:0.3s;	
	-webkit-transform:rotate(0);
	-moz-transform:rotate(0);
	transform:rotate(0);
	-webkit-backface-visibility:hidden;
}
.tb-img:hover {
	opacity:0.74;
}
.tb-imgwrapper {
	position:relative;
	overflow:hidden;
	margin:0 0 26px 0;
	display:block;
}
.tb-more {
	position:absolute;
	bottom:0;
	right:0;
}
.tb-more a {
	display:block;
	margin:0;
}
.tb-contentwrapper {
	margin:0 20px 11px 0;
	float:left;
	width:100%;
}
.tb-contentwrapper p {
	padding:4px 0 4px 0;	
}
.teb-position {
	margin:4px 0 16px 0;
}
.tb-sociallist {
	font-size:14px;
	margin:4px 0 0 0;
}
.tb-sociallist span {
	float:left;
	display:block;
	margin:0 3px 3px 0;
}
.tb-sociallist a {
	display:block;
	padding:3px 10px 3px 0;
}
.tb-sociallist a:hover {
	text-decoration:none;	
}



/*=============== Content Bar ===============*/
.contentbar, .contentbar-section {
	position:relative;
	overflow:hidden;
	float:left;
	width:100%;
}
.contentbar .container {
	z-index:2;
	position:relative;
}
.contentbar-img {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
.inner-content .contentbar {
	display:none;	
}
.contentbar h1, .contentbar h2, .contentbar h3, .contentbar h4, .contentbar h5, .contentbar h6 {
	color:inherit;
}



/*=============== Testimonial Block ===============*/
.testimonial-block {
	margin:18px 0 18px 0;
	float:left;
	width:100%;
	z-index:1;
}
.tb-arrow {
	position:absolute;
	bottom:-9px;
	left:62px;
	background:url('/wp-content/themes/hubtechnologies/images/tb_arrow.png') no-repeat top left;
	width:13px;
	height:9px;
	z-index:2;		
}
.testimonial-block blockquote {
	font-size:13px;
	line-height:21px;
	font-weight:normal;
	font-style:normal;
	padding:28px 34px 28px 70px;
	position:relative;	
}
.testimonial-block blockquote:before {
	padding-left:31px;
	top:10px;
}
.tb-misc {
	position:relative;
	float:left;
	width:100%;
	margin-top:11px;
	
}
.tb-avatar {
	position:absolute;
	top:10px;
	left:44px;	
}
.tb-name, .tb-position {
	padding:0 0 0 114px;	
}
.tb-name {
	margin:8px 0 0 0;
	text-transform:uppercase;
	font-weight:bold;
	line-height:20px;
}
.tb-position {
	font-size:11px;
}



/*=============== Lightbox ===============*/
.lightbox-block {
	float:left;
	margin:0 2px 2px 0;
	position:relative;	
	overflow:hidden;	
}
.lightbox-wrapper {
	position:relative;	
	overflow:hidden;	
}
.lightbox-block a, .lightbox-block a img, .lightbox-wrapper a, .lightbox-wrapper a img {
	display:block;
}
.lightbox-overlay {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	display:block;
	opacity:0;
	transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -webkit-transition: opacity .2s ease-in-out;		
}
.lightbox-block:hover .lightbox-overlay, .lightbox-wrapper:hover .lightbox-overlay {
	opacity:0.3;
}
.lightbox-icon {
	opacity:0;
	position:absolute;
	left:50%;
	top:50%;
	margin:-36px 0 0 -28px;
	font-size:18px;
	font-family:FontAwesome;
	font-weight:normal;
	font-style:normal;
	text-decoration:inherit;
	-webkit-font-smoothing:antialiased;
	-o-transition:.4s;
	-ms-transition:.4s;
	-moz-transition:.4s;
	-webkit-transition:.4s; 
	transition:0.4s;		
	margin:-39px 0 0 -39px;
	padding:27px 29px 27px 29px;
	text-align:center;
	display:block;
	-moz-border-radius:40px;
	-webkit-border-radius:40px;
	border-radius:40px;
	-webkit-transform:scale(1.2);
	transform:scale(1.2);	
}
.lightbox-icon:before {
	content: "\f002";
}
.lightbox-block:hover .lightbox-icon, .lightbox-wrapper:hover .lightbox-icon {
	opacity:1;
	text-decoration:none;
	-webkit-transform:scale(1);
	transform:scale(1);	
}



/*=============== Tagline ===============*/
.gw-tagline {
	font-size:11px;
	line-height:17px;
	font-weight:bold;
	padding:4px 8px 3px 8px;
	display:inline-block;	
}


/*=============== Tagline ===============*/
.gw-tagline2 {
	font-size:11px;
	line-height:17px;
	font-weight:bold;
	font-style:italic;
}



/*=============== Skillbars ===============*/
.skillbar-waypoint {
	float:left; 
	width:100%;	
}
.skillbar-wrapper {
	position:relative;
	display:block;
	margin:2px 0 14px 0; 
	width:100%;
	height:10px; 
	float:left;

	-webkit-transition:0.4s linear;
	-moz-transition:0.4s linear;
	-ms-transition:0.4s linear;
	-o-transition:0.4s linear;
	transition:0.4s linear;
	-webkit-transition-property:width, background-color;
	-moz-transition-property:width, background-color;
	-ms-transition-property:width, background-color;
	-o-transition-property:width, background-color;
	transition-property:width, background-color;
}
.skillbar-title {
	float:left;
	width:100%;
	margin:4px 0 4px 0;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
}
.skillbar-bar {
	height:10px;
	width:0px;
}
.skillbar-percent {
	position:absolute;
	left:10px;
	top:-20px;
	font-size:10px;
	font-weight:bold;
	text-align:right;
}



/*=============== Address Tag ===============*/
address strong {
	margin-bottom:6px;
	display:block;
}
.gw-address-tagline {
	text-transform:uppercase;	
}



/*=============== Owl Carousel - Auto Height Plugin ===============*/
.owl-height {
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}


/* Core Owl Carousel CSS File */
.owl-carousel {	/* position relative and z-index fix webkit rendering fonts issue */
	display:none;
	width:100%;
	-webkit-tap-highlight-color:transparent;
	position:relative;
	z-index:1;
}
.owl-carousel .owl-stage {
	position:relative;
	-ms-touch-action:pan-Y;
}
.owl-carousel .owl-stage:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;
}
.owl-carousel .owl-stage-outer {
	position:relative;
	overflow:hidden;
	-webkit-transform: translate3d(0px, 0px, 0px);/* fix for flashing background */
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
	cursor: pointer;
	cursor: hand;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.owl-carousel.owl-loaded {
	display: block;
}
.owl-carousel.owl-loading {
	opacity: 0;
	display: block;
}
.owl-carousel.owl-hidden {
    opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
	display: none;
}
.owl-carousel .owl-item {
	position: relative;
	min-height: 1px;
	float: left;
	-webkit-backface-visibility: hidden;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.owl-carousel .owl-item img {
	display: block;
	width: 100%;
	-webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
	-webkit-user-select: auto;
	-moz-user-select: auto;
	-ms-user-select: auto;
	user-select: auto;
}
.owl-carousel .owl-grab {
	cursor: move;
	cursor: -webkit-grab;
	cursor: -o-grab;
	cursor: -ms-grab;
	cursor: grab;
}
.owl-carousel.owl-rtl {
	direction:rtl;
}
.owl-carousel.owl-rtl .owl-item {
    float:right;
}

/* No Js */
.no-js .owl-carousel {
    display: block;
}

/* Owl Carousel - Lazy Load Plugin */
.owl-carousel .owl-item .owl-lazy {
	opacity: 0;
	-webkit-transition: opacity 400ms ease;
	-moz-transition: opacity 400ms ease;
	-ms-transition: opacity 400ms ease;
	-o-transition: opacity 400ms ease;
	transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
    transform-style: preserve-3d;
}

/* Owl Carousel - Video Plugin */
.owl-carousel .owl-video-wrapper {
	position: relative;
	height: 100%;
	background: #000;
}
.owl-carousel .owl-video-play-icon {
	position: absolute;
	height: 80px;
	width: 80px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	cursor: pointer;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-webkit-transition: scale 100ms ease;
	-moz-transition: scale 100ms ease;
	-ms-transition: scale 100ms ease;
	-o-transition: scale 100ms ease;
	transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
	-webkit-transition: scale(1.3, 1.3);
	-moz-transition: scale(1.3, 1.3);
	-ms-transition: scale(1.3, 1.3);
	-o-transition: scale(1.3, 1.3);
	transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
	display:none;
}
.owl-carousel .owl-video-tn {
	opacity:0;
	height:100%;
	background-position:center center;
	background-repeat:no-repeat;
	-webkit-background-size:contain;
	-moz-background-size:contain;
	-o-background-size:contain;
	background-size:contain;
	-webkit-transition:opacity 400ms ease;
	-moz-transition:opacity 400ms ease;
	-ms-transition:opacity 400ms ease;
	-o-transition:opacity 400ms ease;
	transition:opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
	position:relative;
	z-index:1;
}



/* ========= Owl Standard Carousel  ========= */

/* dots navigation */
.owl-dots {
	display:none;
}

/* prev & next buttons */
.owl-standard .owl-nav, .owl-related-works .owl-nav {}


.owl-standard .owl-prev, .owl-standard .owl-next,
.owl-latestport .owl-prev, .owl-latestport .owl-next {
	margin:32px 2px 0 0;
	padding:4px 13px 3px 13px;
	display:inline-block;
	font-family:FontAwesome;
	font-weight:normal;
	font-style:normal;
	text-decoration:inherit;
	-webkit-font-smoothing:antialiased;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s; 
	transition:0.5s;
}
.owl-latestport .owl-nav {
	margin-top:28px;
}
.owl-latestport .owl-prev, .owl-latestport .owl-next {
	margin-top:14px;
}



/*=============== Contact Form 7 ===============*/
.wpcf7-form p {
	margin:0;
	padding:1px 0 1px 0;
	float:left;
	width:100%;
}
.wpcf7-form label {
	margin:11px 0 0 0; 
	display:inline-block;
	width:100px;
	float:left;
}
.wpcf7-text, .wpcf7-select {
	width:42%;
}
.col-md-6 .wpcf7-text, .col-md-4 .wpcf7-text {
	width:100%;
}
.wpcf7-textarea {
	width:74%;
	height:208px;
}
.col-md-6 .wpcf7-textarea, .col-md-4 .wpcf7-textarea {
	width:100%;	
}
.wpcf7-form .wpcf7-button-margin {
	padding-left:100px;
}
.wpcf7-notes {
	font-size:11px;	
}

.wpcf7-not-valid-tip {
	padding:6px 0 6px 0;	
}
.wpcf7-response-output {
	border:0 none;
	margin:0;
	padding:6px 0 6px 0;	
}
div.wpcf7-response-output {
	float:left;
	width:100%;	
	padding:7px 20px 7px 20px;
	margin:20px 0 20px 0;
}
div.wpcf7-mail-sent-ok, div.wpcf7-mail-sent-ng, div.wpcf7-spam-blocked, div.wpcf7-validation-errors {
	border:0 none;
}
.wpcf7-form-control {
	margin-bottom:12px;
}



/*=============== Google Map ===============*/
.gw-google-map {
	float:left;
	width:100%;
	height:320px; /* default google map height */
}
.gw-google-map #map-canvas {
	height:inherit;
	margin:0px;
	padding:0px;		
}
.gw-google-map #map-canvas img, .gmnoprint img {
    max-width:none; 	
}
.gm-style-mtc div {
	min-height:8px;	
}



/*=============== Service Block ===============*/
.service-block {
	float:left;
	width:100%;
	position:relative;
	margin:12px 0 12px 0;	
}
.service-iconbg {
	position:absolute;
	top:0;
	left:0;	
	width:68px;
	height:68px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;		
	border-radius:50px;
	text-align:center;
}
.service-icon {
	position:absolute;	
	top:0;
	left:0;
	font-size:28px;		
}
.sb-content {
	padding:2px 0 0 90px;
}
.sb-content h5 {
	margin-bottom:8px;
}
.sb-content p {
	padding:3px 0 3px 0;
}

.service-iconbg img {
	display:inline-block;
	margin:18px 0 0 0;
}



/*=============== Service Box ===============*/
.service-box {
	float:left;
	width:100%;
	position:relative;
	margin:12px 0 12px 0;
	padding:27px 22px 27px 22px;		
}
.sbox-iconbg {
	position:absolute;
	top:28px;
	left:22px;
	text-align:center;
}
.sbox-icon {
	position:absolute;	
	top:6px;
	left:4px;	
	font-size:42px;
}
.sbox-content {
	padding:2px 0 0 82px;
}
.sbox-iconbg img {
	display:inline-block;
}



/*=============== Clients List ===============*/
.client-list, .client-list li {
	list-style:none;
}
.client-list {
	margin:10px 0 0 0;
	padding:0;	
	text-align:center;	
	display:inline-block;	
}
.client-list li {
	float:left;
	margin:0;
	padding:16px 12px 16px 12px;	
	display:inline-block;	
}
.client-opacity img {
	opacity:0.8;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s; 
	transition:0.3s;	
}
.client-opacity img:hover {
	opacity:1;
}



/*=============== tables ===============*/
table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td,
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
	padding:11px 18px 11px 18px;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 1px;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
	padding:6px 18px 6px 18px;
}





/*=============== 5.0 Portfolio ===============*/


/*=============== 5.1 Portfolio Grid System ===============*/

/* 3 column classic */
.pxd3-parent {
	float:left; 
	width:1095px;
	margin:0 0 0 -43px;
}
.pxd-3 {
	float:left;
	width:322px;
	overflow:hidden;
	margin:0 0 0 43px;
}

/* 4 column classic */
.pxd4-parent {
	float:left; 
	width:1093px;
	margin:0 0 0 -41px;
}
.pxd-4 {
	float:left;
	width:231px;
	overflow:hidden;	
	margin:0 0 0 41px;
}



/*=============== 5.2 Portfolio Filtering ===============*/
.portfolio-filter-wrapper {
	font-size:11px;
	line-height:17px;
	margin:28px 0 50px 0;
	float:left;
}
.portfolio-filter {
	margin:0 auto;
	display:inline-block;
}
.portfolio-filter, .portfolio-filter li {
	list-style:none;	
}
.portfolio-filter li {
	display:inline-block;
	padding:0;
	margin:0 2px 2px 0;
	font-weight:normal;
	letter-spacing:0px;
}
.portfolio-filter li a {
	display:block;
	padding:10px 18px 9px 18px;
}	
.portfolio-filter li a:hover, .portfolio-filter li .pselected {
	text-decoration:none;	
}



/*=============== 5.3 Portfolio General Styling ===============*/
#portfolio-container {
	margin:0;
	padding:0;
	transition:all .5s linear;
	-o-transition:all .5s linear;
	-moz-transition:all .5s linear;
	-webkit-transition:all .5s linear;
}
.entry-portfolio {
	position:relative;
	overflow:hidden;
}
.port-content {
	padding:22px 0 22px 0;
}
.portfolio-wrapper .cport-item {
	margin-top:22px;
	margin-bottom:22px;
}
.gwport-title {
	position:absolute;
	bottom:51px;
	left:30px;
	opacity:0;
	-webkit-transform:translate3d(0,40px,0);
	transform:translate3d(0,40px,0);
	-webkit-transition:opacity 0.2s, -webkit-transform 0.35s;
	transition:opacity 0.2s, transform 0.35s;	
}
.entry-portfolio .port-category {
	font-size:10px;
	line-height:16px;
	letter-spacing:0;
	font-weight:normal;
	position:absolute;
	bottom:30px;
	left:30px;
	opacity:0;	
	-webkit-transform:translate3d(0,40px,0);
	transform:translate3d(0,40px,0);
	-webkit-transition:opacity 0.2s, -webkit-transform 0.35s;
	transition:opacity 0.2s, transform 0.35s;	
}
.pxd4-parent .gwport-title {
	bottom:20px;
	left:20px;
	margin-right:20px;
	line-height:18px;	
}
.pxd4-parent .port-category {
	display:none;
}
.pxd4-parent .portfolio-wrapper .cport-item {
	margin-top:20px;
	margin-bottom:21px;
}




/*=============== 5.4 Portfolio Image Hover Effects ===============*/
.imgp-wrapper {
	position:relative;
	overflow:hidden;
}
.imgp-wrapper .attachment-port-thumb {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.12);
	transform: scale(1.12);	

}
.imgp-wrapper:hover .attachment-port-thumb {
	-webkit-transform: scale(1);
	transform: scale(1);	
}
.imgp-overlay {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%; 
	z-index:1;
	overflow:hidden;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s; 
	transition:0.3s;	
	opacity:0;
}
.imgp-wrapper:hover .imgp-overlay {
	opacity:1;
}
.imgp-wrapper:hover .gwport-title {
	opacity:1;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
}
.imgp-wrapper:hover .port-category {
	opacity:1;	
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	-webkit-transition-delay:0.07s;
	transition-delay:0.07s;
	-webkit-transition-duration:0.4s;
	transition-duration:0.4s;	
}



/*=============== 5.5 Portfolio Related Works ===============*/
.rt-title {
	margin:0 0 26px 0;	
}
.owl-relatedport {
	width:100%;
	margin-bottom:30px;
}
.owl-relatedport .item {
	position:relative;
}
.owl-relatedport .item img { 
	border:1px solid transparent;
}
.owl-relatedport .imgp-wrapper .attachment-port-thumb {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}
.owl-relatedport .gwport-title {
	bottom:20px;
	left:20px;
	margin-right:20px;
	line-height:18px;	
}
.owl-relatedport .port-category {
	display:none;	
}



/*=============== 5.6 Portfolio Latest Works Shortcode ===============*/
.owl-latestport .gwport-title {
	bottom:20px;
	left:20px;
	margin-right:20px;
	line-height:18px;
}
.owl-latestport .ncat-adjust {
	margin-top:30%;	
}
.owl-latestport .imgp-wrapper .attachment-port-thumb {
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
}



/* =============== 6.0 Revolution Slider =============== */
.gw-noslider .container-fluid {
	padding-top:30px;
	padding-bottom:30px;
}
.revslider-wrapper {
	float:left;
	width:100%;
}

.tp-leftarrow.square-old, .tp-rightarrow.square-old {
	width:60px;
	height:70px;
	z-index:100;
	cursor:pointer; 
	position:relative;	
	background-image:none;
	float:left;	
	margin-left:0px; 
	margin-top:0px;	
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s; 
	transition:0.3s;		
}
.tp-leftarrow.square-old:before, .tp-rightarrow.square-old:before {
	font-family:FontAwesome;
	font-weight:normal;
	font-style:normal;
	text-decoration:inherit;
	-webkit-font-smoothing:antialiased;
	font-size:36px;
	opacity:0.8;
}
.tp-leftarrow.square-old:before {
	content: "\f104";
	position:relative;
	left:24px;
	top:24px;
}
.tp-rightarrow.square-old:before {
	content: "\f105";
	position:relative;	
	left:16px;
	top:24px;
}
.tp-leftarrow.square-old:hover:before, .tp-rightarrow.square-old:hover:before {
	opacity:1;	
}
.tp-bullets.simplebullets.square-old .bullet {	
	cursor:pointer; 
	position:relative;	
	background:url('/wp-content/themes/hubtechnologies/images/re_bullets.png') no-repeat bottom left;	
	width:10px;	
	height:10px;  
	margin-right:0px; 
	float:left; 
	margin-top:0px;
	margin:0 2px 14px 2px;
}
.tp-bullets.simplebullets .bullet:hover,
.tp-bullets.simplebullets .bullet.selected {	
	background-position:top left; 
}
.tp-bannertimer {
	background: rgba(255, 255, 255, 0.3);
	z-index:20;
}
.re-box-dark {
	padding:46px 40px 46px 40px;
	height:284px;
}




/* =============== 7.0 Media Queries =============== */

/* Semi-large desktops and laptops */
@media (min-width: 1200px) and (max-width: 1366px) {
	.container-fluid, .container-map {
		width:1100px;
		/*border:1px solid orange;*/
	}
	
	.inner-content {
		width:620px;
	}	
	

	/* portfolio */
	.pxd3-parent {
		width:1025px;
		margin:0 0 0 -43px;
	}
	.pxd-3 {
		width:298px;
		margin:0 0 0 43px;
	}
	.pxd4-parent {
		width:1005px;
		margin:0 0 0 -23px;
	}
	.pxd-4 {
		width:228px;
		margin:0 0 0 23px;
	}
	.pxd4-parent .portfolio-wrapper .cport-item {
		margin-top:12px;
		margin-bottom:12px;
	}
	.pw-port2 {
		margin:24px 0 24px 23px;
	}

}



/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
	.container-fluid, .container-map {
		width:900px;
		/*border:1px solid pink;*/
	}

	.inner-content {
		width:420px;
	}


	/* comments */
	#commentform #author, #commentform #email, #commentform #url {
		width:100%;
	}
	#commentform textarea {
		width:100%;
	}	


	/* portfolio */
	.pxd3-parent {
		width:815px;
		margin:0 0 0 -33px;
	}
	.pxd-3 {
		width:238px;
		margin:0 0 0 33px;
	}
	.portfolio-wrapper .cport-item {
		margin-top:17px;
		margin-bottom:17px;
	}

	.pxd4-parent {
		width:825px;
		margin:0 0 0 -43px;
	}
	.pxd-4 {
		width:369px;
		margin:0 0 0 43px;
	}
	.pxd4-parent .portfolio-wrapper .cport-item {
		margin-top:20px;
		margin-bottom:21px;
	}
	.pw-port2 {
		margin:24px 0 24px 43px;
	}	



	/* revolution slider */
	.re-box-dark {
		padding:44px 42px 44px 42px;
		height:210px;
	}	
	.re-text-bd {
		font-size:28px;
		line-height:40px;	
	}
	.re-text {
		font-size:18px;
		line-height:26px;		
	}
	.re-btn .gw-btn {
		padding:10px 22px 10px 22px;
		min-height:28px;	
	}
	
	
	.sf-menu li a {
		padding:0 22px 0 22px; 
	}	

}



/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	.container-fluid, .container-map {
		width:660px;
		/*border:1px solid green;*/
	}

	.inner-content {
		width:100%;
	}
	#sidebar {
		margin-top:60px;	
	}

	/* main menu */
	.sf-menu { 
		display:none;
	}
	
	/* responsive menu */
	.slicknav_menu {
		display:block;
	}
	.menu-wrapper nav {
		float:left;
		width:100%;
	}
	.slicknav_menu .gw-menu-desc {
		display:none;
	}

	
	/* sidebar */
	#sidebar {
		padding-left:0;
		padding-right:0;
		width:100%;					
	}

	
	/* footer */
	.fbottom-wrapper .fbottom-right {
		float:left;
		text-align:left;	
		margin:22px 0 0 0;
	}


	/* comments */
	#commentform #author, #commentform #email, #commentform #url {
		width:55%;
	}
	#commentform textarea {
		width:100%;
	}	


	/* portfolio */
	.pxd3-parent {
		width:575px;
		margin:0 0 0 -33px;
	}
	.pxd-3 {
		width:254px;
		margin:0 0 0 33px;
	}
	.portfolio-wrapper .cport-item {
		margin-top:17px;
		margin-bottom:17px;
	}
	.pxd4-parent {
		width:575px;
		margin:0 0 0 -33px;
	}
	.pxd-4 {
		width:254px;
		margin:0 0 0 33px;
	}
	.pxd4-parent .portfolio-wrapper .cport-item {
		margin-top:15px;
		margin-bottom:16px;
	}	
	.pw-port2 {
		margin:24px 0 24px 33px;
	}	
	
	
	/* revolution slider */
	.re-box-dark {
		display:none;
	}		
	.tp-caption .container-fluid {
		display:none;	
	}	
		

}



/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	.container-fluid, .container-map {
		width:400px;
		width:420px;
		padding-left:32px;
		padding-right:32px;		
		/*border:1px solid yellow;*/
		
	}
	
	.inner-content {
		width:100%;
	}


	/* main menu */
	.sf-menu { 
		display:none;
	}
	
	/* responsive menu */
	.slicknav_menu {
		display:block;
	}
	.menu-wrapper nav {
		float:left;
		width:100%;
	}
	.slicknav_menu .gw-menu-desc {
		display:none;
	}


	/* top bar */
	.topbar-ms {
		text-align:left; 
		float:left;
		margin-left:-14px;
	}
	.topbar-twrapper { 
		display:none;
	}

	/* sidebar */
	#sidebar {
		padding-left:0;
		padding-right:0;
		margin-top:60px;
		width:100%;	
	}

	/* footer */
	.fbottom-wrapper .fbottom-right {
		float:left;
		text-align:left;	
		margin:22px 0 0 0;
	}


	/* comments */
	.commentlist li li {
		margin-left:0;
	}
	#commentform #author, #commentform #email, #commentform #url {
		width:100%;
	}
	#commentform textarea {
		width:100%;
	}	
	
	
	/* portfolio */
	.pxd3-parent, .pxd4-parent {
		width:100%;
		margin:0;
	}
	.pxd-3, .pxd-4 {
		width:100%;
		margin:0;
	}	
	.portfolio-wrapper .cport-item {
		margin-top:22px;
		margin-bottom:22px;
	}
	.pw-port2 {
		margin:24px 0 24px 0;
	}


	/* revolution slider */
	.re-box-dark {
		display:none;
	}		
	.tp-caption .container-fluid {
		display:none;	
	}
	
	
	/* google map */
	.container-map {
		padding-left:0;
		padding-right:0;			
	}
	
	
	/* contact form 7 */
	.wpcf7-text, .wpcf7-select {
		width:100%;
	}
	.wpcf7-textarea {
		width:100%;
	}
	.wpcf7-form label {
		margin:8px 0 3px 0; 
		width:100%;
		float:left;
	}
	.wpcf7-form .wpcf7-button-margin {
		padding-left:0;	
	}		
	
	
}



/* Landscape phones and smaller */
@media (max-width: 480px) {
	.container-fluid, .container-map {
		width:100%;
		padding-left:22px;
		padding-right:22px;	
		overflow:hidden;
		/*border:1px solid blue;*/
	}
	
	
	/* top bar */	
	.tsocial-media, .smenu-wrapper, .lang-wrapper {
		float:left;	
	}
	.tsocial-media {
		margin-bottom:2px;
		margin-left:25px;
	}
	.smenu-wrapper ul {
		margin-top:10px;
		margin-left:22px;
	}


	/* theme content */
	.header-wrapper {
		margin:0;
	}
	.fbottom-wrapper {
		margin:0;
	}	
	.inner-content {
		margin:0;
		padding:0;		
	}
	
	
	/* sidebar */
	#sidebar {
		width:100%;
	}


	/* comments */
	.comment-author {
		display:none;
	}
	.comment-content {
		margin:0;
	}


	/* portfolio */
	.portfolio-wrapper .cport-item {
		margin-top:14px;
		margin-bottom:14px;
	}
	
	
	
	/* contact box */
	.contactbox-wrapper {
		padding:15px 18px 16px 18px;
	}
	.contactbox-body {
		font-size:11px;
		line-height:22px;
		font-weight:bold;
	}
	.contactbox-content {
		padding:0 0 0 24px;
	}
	.contactbox-icon {
		font-size:16px;
	}
	
	
	
	/* Service Block */
	.sb-content {
		padding:92px 0 0 0;
	}	
	
	.sbox-content {
		padding:74px 0 0 0;
	}
	
	/* Testimonial Block */
	.tb-arrow {
		left:43px;	
	}	
	.testimonial-block blockquote {
		font-size:13px;
		line-height:21px;
		padding:20px 18px 20px 54px;
	}
	.testimonial-block blockquote:before {
		padding-left:18px;
		top:2px;
	}	
	.tb-avatar {
		left:0;	
	}
	.tb-name, .tb-position {
		padding:0 0 0 70px;	
	}
	
	
	/* search widget */
	.widget_search .search-field {
		width:88%;
	}
	.footer-wrapper .col-md-3 .widget_search .search-field {
		width:100%;		
	}
	.widget_search .search-submit, .pnf-search .search-submit, .sr-form .search-submit { 
		margin:0;
	}
	
	
	/* portfolio widget */
	.wgport-list {
		margin:10px 0 0 -14px;
	}
	.wgport-list li {
		margin:0 0 14px 14px;
	}
	
	
	/* google map */
	.container-map {
		padding-left:0;
		padding-right:0;			
	}
	
	
	/* revolution slider */
	.rev_slider_wrapper {
		margin:0;
		padding:0;
		width:100% !important; /* force the revolution slider to become fullwidth on lower than 480px width screen resolutions */
	}
	.revslider-wrapper .tp-simpleresponsive {
		width:100% !important; /* force the revolution slider to become fullwidth on lower than 480px width screen resolutions */
	}				

}