/*
	Theme Name: Renovatio
	Theme URI: http://goldenworks.eu/demos/re1_wordpress/
	Description: A Multipurpose Fully Responsive Bbpress Wordpress Theme.
	Author: Starshade
	Author URI: http://goldenworks.eu
	Version: 1.0
	License: GNU General Public License v2 or later
	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, flexible-header, full-width-template, post-formats, theme-options, translation-ready
*/


/* =============== 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 uppercase & strong / bold font
		2.10 small text
		2.11 blockquotes & pullquotes
		2.12 wordpress specific styles

	--------------------------------------------------
		
	3.0 general structure

		3.1 Top Header Bar
		3.2 Logo & Menu Bar
		3.3 WPML Language Switcher
		3.4 Main Menu
		3.5 Body Header
		3.6 Footer
		3.7 Blog
			3.7.1 Standard Blog
			3.7.2 Masonry Blog
			3.7.3 Related Blog Posts
			3.7.4 Comments Section

	3.8 Pagination
	3.9 Widgets
	3.10 Search Page
	3.11 Page Not Found
	3.12 Password Protected Page

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

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

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

	--------------------------------------------------
	
	7.0 Bbpress
	
	--------------------------------------------------
	
	8.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:14px;
	line-height:22px;
	font-family:Arial, Helvetica, sans-serif;
	background:transparent;
}


/* ========= 2.1 links ========= */
a {
	outline:0;
	text-decoration:none;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s; 
	transition:0.5s;		
}
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 {
	font-size:52px;
	line-height:58px;
	font-weight:normal;
	text-transform:uppercase;
}
h2 {
	font-size:34px;
	line-height:38px;	
	font-weight:normal;
}
h3 {
	font-size:29px;
	line-height:35px;
	font-weight:normal;	
}
h4 {
	font-size:22px;
	line-height:28px;
	font-weight:normal;	
}
h5 {
	font-size:19px;
	line-height:27px;
	font-weight:normal;	
}
h6 {
	font-size:17px;
	line-height:25px;	
	font-weight:normal;	
}


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


/* =============== 2.4 list styles ===============*/
ul, ol {
	margin:4px 0 18px 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;
}


/* =============== 2.5 responsive images =============== */
.content-wrapper img, .comments-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:22px;
	font-family:Monaco,Menlo,Consolas,"Courier New",monospace;
	font-size:13px;
	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:2px 8px 2px 8px;
}
input, select {
	height:36px;
}
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;
	-webkit-appearance:button;
	height:42px;
	border:0 none;
	padding:14px 22px 13px 22px;
	line-height:16px;
	text-transform:uppercase;
	font-size:11px;
	margin:0;
	display:inline-block;
	letter-spacing:2px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;		

	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s; 
	transition:0.5s;	
}
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;
}


.body-wrapper {
	margin:0 auto;
	width:1290px;
	overflow:hidden;
}


/* =============== 2.9 uppercase & strong / bold font ===============*/
.uppercase-strong {
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	letter-spacing:1px;
	display:inline-block;	
}
.uppercase-normal {
	text-transform:uppercase;
	font-size:14px;
	letter-spacing:1px;
	display:inline-block;
}


/* =============== 2.10 small text ===============*/
.small-text {
	font-size:11px;
	line-height:18px;
}


/* =============== 2.11 blockquotes & pullquotes ===============*/
blockquote p, .pullquote-left, .pullquote-right, .quote-text {
	font-size:17px;
	line-height:25px;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
}
blockquote {
	padding:10px 0 10px 60px;
	
	padding:27px 0 27px 60px;	
	position:relative;
}
blockquote p {
	margin:0;	
	padding:0;
}
blockquote:before {
	content: "\e62b";
	display: inline-block;
	font-family: 'Pe-icon-line';
	speak:none;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding:6px 20px 0 0;
	float:left;
	font-size:32px;
	position:absolute;
	left:0px;	
}


/* pullquotes */
.pullquote-left, .pullquote-right {
	width:40%;
	padding:27px 0 27px 0;
}
.pullquote-left {
	float:left;
	margin:0 52px 20px 0;
}
.pullquote-right {
	float:right;	
	margin:0 0 20px 52px;
}


/*=============== 2.12 wordpress specific styles ===============*/
.wp-caption {
	font-size:12px;
	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:0;
	text-align:center;
}
.alignright, a img.alignright {
	float:right;
	margin:5px 0 5px 28px;
}
.alignleft, a img.alignleft {
	float:left;
	margin:5px 28px 5px 0;
}




/* ========= 3.0 general structure ========= */
.container {
	width:1170px;
	padding:0;
	margin:0 auto;
	transition:all .2s linear;
	-o-transition:all .2s linear;
	-moz-transition:all .2s linear;
	-webkit-transition:all .2s linear;
/*	border:1px solid black; */
}
.header-wrapper, .footer-wrapper, .content-wrapper, .fbottom-wrapper, .cfooter-wrapper {
	float:left;
	width:100%;
}
/* content wrapper with sidebar */
.inner-content {
	float:left;	
	width:808px;
	margin:30px 59px 90px 0;
}


.ic-alt {/* alternative inner content */
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;		
	padding:44px 40px 44px 40px;
}
#sidebar {
	float:left;
	width:301px;
	margin:90px 0 20px 0;	
}

#sidebar1 {
	float: left;
	width: 301px;
	margin: 50px 0 20px 0;
    border: 1px solid lightgrey;
    padding: 10px;
}
#sidebar2 {
	float: left;
	width: 301px;
	margin: 30px 0 20px 0;
    border: 1px solid lightgrey;
    padding: 10px;
}

#sidebar:after {
    content: '.';
    visibility: hidden;
}


/* ========= clickable block ========= */
.block-click {
	cursor:pointer;	
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s; 
	transition:0.5s;
}


/* ========= 3.1 top header bar ========= */
.theader-wrapper {
    position:fixed;
    top:0;
    left:0;
    width:100%;
	background:transparent;
    z-index:110;
    height:106px;
    -webkit-transition:height 0.3s;
    -moz-transition:height 0.3s;
    transition:height 0.3s;
	-webkit-transition:background-color 0.2s linear;
	-moz-transition:background-color 0.2s linear;
	transition:background-color 0.2s linear;
}
.thw-boxed {
	width:1290px;
	margin:0 auto;
	left:auto;
}

/* ========= if admin bar is active ========= */
.adminbar-fix {
    top:32px;	
}


/* ========= 3.2 logo & menu bar ========= */
#logo {
	margin:0;
}
.theader-wrapper #logo,
.theader-wrapper nav {
    display:inline-block;
    position:relative;
}
.theader-wrapper #logo {
	margin:30px 0 30px 0;
}

 
/* Transitions and class for reduced height */
.theader-wrapper #logo,
.theader-wrapper nav a {
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    transition:all 0.3s;
}
 
.theader-wrapper.theader-wrapper-shrink {
    height:80px;
	border-bottom:0 none;
}
.theader-wrapper.theader-wrapper-shrink #logo {
	margin:17px 0 17px 0;
}
.theader-wrapper.theader-wrapper-shrink nav {
	margin:27px 0 0 0;
}



/* =============== 3.3 WPML language switcher =============== */
.lang-wrapper {
	position:fixed; 
	top:130px; 
	right:0;
	z-index:100;
	padding:18px 16px 18px 6px;
	
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;			
}
#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 ========= */
.theader-wrapper nav {
    float:right;
	margin:42px 0 0 0;
	text-transform:uppercase;
	letter-spacing:1px;
	font-size:12px;
}
.theader-wrapper nav a:hover {
	text-decoration:none;	
}
.sf-menu ul, .sf-menu ul li {
	list-style:none;
}
.sf-menu {
	float:left;
	width:100%;
}
.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;
	cursor:pointer;
	float:left;
	margin:0;
	display:inline;
	padding:0;	
	margin:0;
}
.sf-menu li a {
	margin:2px 0 0 40px;
	display:block;
}
.sf-menu li a:hover {
	text-decoration:none;
}
.sf-menu .sub-menu {
	width:240px; /* left offset of submenus need to match (see below) */
	position:absolute;
	top:-999em;
	z-index:880;
	padding:12px 0 12px 0;
	font-size:12px;
	line-height:18px;
/*	text-transform:none; */
	letter-spacing:1px;
}
.sf-menu li:hover {
	visibility:inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu .sub-menu a { /* styles that apply to dropdown menu only */
	padding:10px 20px 10px 20px;
	margin:0;
	display:block;
	width:240px;
}
.sf-menu .sub-menu .sub-menu, .sf-menu .sub-menu .sub-menu .sub-menu {
	width:240px;
	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:			23px;
	top:			53px; /* match top ul list item height */
	z-index:		99;
}
.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:			240px; /* match ul width */
	top:			-12px;
}
.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:			240px; /* match ul width */
	top:			-12px;
}


/* responsive menu */
.dl-trigger {
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s; 
	transition:0.5s;	
}
.dl-menuwrapper {
	display:none;	
}


/*=============== 3.5 body header section ===============*/
.header-wrapper {
	/* padding-top:106px; */
	padding-top:70px;
	position:relative;
	overflow:hidden;
}
.header-wrapper h1 {
	text-align:center;
	margin-top:4px;
}
.header-wrapper .container {
	z-index:2;
	position:relative;	
}
.gwbg-img {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}


/*=============== spacing ===============*/
.gw-spacing, .gw-single-spacing { 
	display:block; 
	height:auto; 
	margin:0; 
	padding:0; 
	background:none; 
	border:none; 
	outline:none; 
}
.gw-header-spacing {
	height:73px;
}
.gw-header-spacing-2 {
	height:80px;
}
.clearboth {
	clear:both;	
}
.gw-single-spacing {
	height:32px;	
}
.gw-post-spacing {
	margin-top:50px;
	margin-bottom:90px;

}


/*=============== 3.6 footer ===============*/
.footer-wrapper {
	padding:90px 0 50px 0;
}
.fbox {
	margin-bottom:40px;
}
.fbox h5 {
	margin:0 0 28px 0;
	font-size:18px;	
}
.fbottom-wrapper {
	font-size:12px;
	line-height:20px;
	text-transform:uppercase;
	letter-spacing:1px;
	padding:46px 0 46px 0;
}
.fbottom-wrapper a:hover {
	text-decoration:none;
}
.fcenter-aligned {
	text-align:center;	
}

/* footer menu */
.f-menu {
	float:right;	
}
.f-menu ul {
	list-style:none;
	margin:-2px 0 0 0;	
}
.f-menu ul li {
	float:left;
	margin:0 0 0 28px;
}

/* footer social media icons */
#sidebar .widget_text .fsocial-media, #sidebar .widget_text .fsocial-media li, .fbox .widget_text .fsocial-media, .fbox .widget_text .fsocial-media li {
	list-style:none;
}
.fsocial-media li {
	float:left;
	margin:3px 16px 3px 0;
}
.fsocial-media li a {
	display:block;
	padding:2px;	
}


/*=============== back to top button ===============*/
#scrollUp:before {
	content: "\f106";	
	font-family:FontAwesome;
	font-weight:normal;
	font-style:normal;
	text-decoration:inherit;
	-webkit-font-smoothing:antialiased;		
}
#scrollUp {
	padding:8px 14px 8px 14px;
	display:block;
	position:absolute;
	bottom:30px;
	right:40px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    -webkit-opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
	opacity:1;
}
#scrollUp:hover {
	text-decoration:none;
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    -webkit-opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
	opacity:1;		
}



/*=============== 3.7 blog ===============*/
/*=============== 3.7.1 standard blog ===============*/
.entry-block, .blog-info, .blog-content, .entry-block-masonry {
	float:left;	
}
.entry-block {
	width:100%;
	margin:0 0 96px 0;
}
.blog-content {
	width:707px;
	overflow:hidden;
	transition:all .4s linear;
	-o-transition:all .4s linear;
	-moz-transition:all .4s linear;
	-webkit-transition:all .4s linear;		
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;		
}
.blog-content .attachment-post-thumb {
	display:block;	
}
.entry-body {
	padding:36px;
}
.sblog-title {
	margin:0 0 18px 0;
}
.entry-block .more-link, .entry-block-masonry .more-link {
	padding:13px 22px 13px 22px;
	line-height:16px;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
	margin:12px 0 0 0;
	display:inline-block;
	letter-spacing:1px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;	
}
.entry-block .more-link:hover, .entry-block-masonry .more-link:hover {
	text-decoration:none;	
}

/* blog post left section: date and post type */
.blog-info {
	width:90px;
	margin:0 10px 0 0;
}
.blog-info .blog-date, .blog-info .post-format {
	margin:0 0 10px 0;
	text-align:center;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.blog-info .blog-date span {
	font-size:34px;
	line-height:36px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	display:block;
	margin-bottom:2px;
}
.blog-info .blog-date {
	font-size:12px;
	padding:30px 0 28px 0;	
}
.blog-info .post-format {
	padding:32px 0 26px 0;	
}
.blog-info .post-format span {
	font-size:28px;
}

/* blog post misc: category, comments, author */
.entry-misc {
	padding:26px 36px 24px 36px;
	font-size:14px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.entry-misc a:hover {
	text-decoration:none;	
}
.entry-misc span {
	margin:0 22px 0 0;
	padding:4px 22px 4px 0;
}
.entry-misc span i {
	margin:0 8px 0 0;	
}

/* password protectd blog post */
.entry-block .pass-protected-form {
	margin-bottom:50px;
}


/* single blog post */
.single-body {
	width:766px;
	margin:0 auto;
}
.author-wrapper, .share-wrapper {
	float:left;
	width:100%;		
}

.sw-half-one, .sw-half-two {
	float:left;
	width:49.99%;		
}
.sw-half-one {
	text-align:right;
	text-transform:uppercase;
	letter-spacing:1px;
	font-size:12px;
	padding:40px 0 38px 0;
}
.sw-half-two {
	padding:30px 0 20px 0;		
}
.swh-padding {
	padding:0 45px 0 45px;	
}
.smedia-list {
	list-style:none;
	margin:0;
	float:left;
	font-size:16px;
}
.smedia-list li {
	float:left;	
	margin:0 5px 0 0;	
}
.smedia-list li a {	
	display:block;
	width:45px;
	text-align:center;
	padding:12px 14px 10px 14px;
	
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	border-radius:50px;		
}


/* blog image hover styling */
.imgb-wrapper {
	position:relative;
	overflow:hidden;
}
.imgb-wrapper img { 
	display:block;

	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);			
}
.imgb-wrapper:hover img {
	-webkit-transform: scale(1);
	transform: scale(1);	
}
.imgb-overlay {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	display:block;
	opacity:0;
    transition: opacity .4s ease-in-out;
    -moz-transition: opacity .4s ease-in-out;
    -webkit-transition: opacity .4s ease-in-out;
}

.imgb-wrapper:hover .imgb-overlay {
	opacity:0.4;
}
.imgb-zoom, .imgb-permalink {
	opacity:0;
	position:absolute;
	left:50%;
	top:50%;
	font-size:22px;
	
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s; 
	transition:0.3s;		
	
	padding:22px 23px 20px 23px;
	display:block;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	
	-webkit-transform: scale(1.5);
	transform: scale(1.5);	
}
.imgb-zoom {
	margin:-37px 0 0 -75px;
}
.imgb-permalink {
	margin:-37px 0 0 1px;
}
.imgb-wrapper:hover .imgb-zoom, .imgb-wrapper:hover .imgb-permalink {
	opacity:1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.imgb-zoom:hover, .imgb-permalink:hover {
	text-decoration:none;
}

.xd-3 .imgb-zoom, .xd-3 .imgb-permalink {
	padding:16px 18px 14px 18px;
	font-size:18px;
}
.xd-3 .imgb-zoom {
	margin:-28px 0 0 -60px;	
}
.xd-3 .imgb-permalink {
	margin:-28px 0 0 2px;	
}


/* video post */
.video-wrapper {
	margin:0;
}
.video-content {
	position:relative;
	overflow:hidden;	
	padding-bottom:56.25%;
	height:0;
}
.video-content iframe, .video-content object, .video-content embed {
	width:100%;
	height:100%;	
	position:absolute;
	top:0;
	left:0;
}


/* quote post */
.quote-content, .quote-name {
	display:inline-block;
}
.quote-content {
	font-size:16px;
	line-height:24px;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;	
}
.quote-name {
	text-transform:uppercase;
	letter-spacing:1px;
	font-size:12px;
	margin:10px 0 0 0;
}


/* link post */
.sblog-quotetitle {
	padding:45px 36px 45px 36px;
	text-align:center;	
}
.post-url {
	padding:34px 36px 34px 36px;
	text-align:center;
	text-transform:uppercase;	
	letter-spacing:1px;
	font-size:12px;
}


/* audio post */
.wp-audio-shortcode {
	margin:20px 0 20px 0;
	padding:0;
	max-width:100%;
}
/* Fix for last item dropping below the controls. */
.mejs-container .mejs-controls > div:last-of-type {
	position:relative;
	clear:both;
	float:right;
	top:-26px;
}
.mejs-controls .mejs-button button:focus {
	outline: none !important; /* force disable the outline from wp audio player */
}




/* ========= tags on posts detail ========= */
.tags-wrapper {
	margin:24px 0 16px 0;
	font-size:12px;
	float:left;
	width:100%;
}
.tags-wrapper a {
	display:inline-block;
	margin:0 1px 0 0;
}
.tags-wrapper a:hover {
	text-decoration:none;	
}


/* about the author */
.author-wrapper {
	padding:36px 0 36px 0;
}
.author-avatar {
	float:left;	
}

.author-avatar img {
	margin:10px 28px 0 0;
}
.author-info {
	margin:18px 0 0 0; 
	display:inline-block;
}
.author-info h6 {
	margin-bottom:4px;	
}

/* single post misc information */
.single-post-misc {
	float:left;
	width:100%;
	margin:0 0 40px 0;
}
.spm-fourth {
	float:left;
	width:24.98%;
	padding:20px 0 20px 0;
	font-size:12px;
	text-transform:uppercase;
	letter-spacing:1px;
	text-align:center;
}


.single-post-misc a:hover {
	text-decoration:none;	
}
.spm-icon {
	display:inline-block;
	margin:7px 10px 0 0;
	font-size:32px;
}
.spm-fourth span {
	position:relative;
	top:-8px;	
}



/*=============== 3.7.2 masonry blog ===============*/
.xd-2 {
	float:left;
	width:48%;
}
.xd-3 {
	float:left;
	width:31.06%;
}
.inner-content .xd-3 {
	width:47.5%;
}
.gutter-sizer { 
	width:3.4%; 
}
.xd2-parent .gutter-sizer {
	width:4%;	
}
.inner-content .gutter-sizer {
	width:5%;	
}
.xd-2 h4 {
	font-size:28px;
	line-height:36px;	
}
.blog-masonry {
	margin:90px 0 20px 0;	
}

.inner-content .blog-masonry {
	margin:0;
}

.entry-block-masonry { /* default values for xd-2 */
	width:100%;
	margin:0 0 60px 0;	
}
.xd-3 .entry-block-masonry {
	margin:0 0 40px 0;		
}
.entry-misc-masonry {
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:22px 36px 22px 36px;
	font-size:14px;
}
.entry-misc-masonry span {
	margin:0;
}
.entry-masonry-more {
	height:14px;	
}
.smblog-title {
	margin:-4px 0 16px 0;
}

/* quote post */
.quote-name-masonry {
	margin-top:16px;	
}

/* link post */
.blog-masonry .sblog-quotetitle {
	margin:0;
	padding:0 0 36px 0;
}
.blog-masonry .post-url {
	padding-top:30px;
	padding-bottom:30px;	
}

/* aside post */
.masonry-aside {
	padding-top:20px;
	padding-bottom:20px;
}



/*=============== 3.7.3 related blog posts ===============*/
.lp-date {
	font-size:12px;
	text-transform:uppercase;
	letter-spacing:1px;
	margin:0 0 12px 0;
}

.owl-latestblog .item {
	padding:46px 38px 46px 38px;
	min-height:278px;
	position:relative;
}
.owl-latestblog h5 {
	margin:6px 0 16px 0;
}
.owl-latestblog .item p {
	display:inline;
}

.lpentry-misc {
	float:left;
	width:100%;
	font-size:12px;
	/*position:absolute;
	bottom:46px;
	left:38px;*/
	margin:18px 0 0 0;
}
.lpentry-misc span {
	margin:0 20px 0 0;
}
.lpquote-content, .lpquote-name {
	display:block;
}
.lpentry-quote {
	margin:8px 0 0 0;
	display:block;
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:16px;	
}
.lpentry-quote:hover {
	text-decoration:none;	
}
.lpquote-name {
	font-size:12px;
	line-height:18px;
	margin:14px 0 0 0;
}
.lpcanvas-wrapper {
	background:rgba(0, 0, 0, 0.03);
}
.pcontent-shortcode p {
	display:inline;
	padding:10p 0 0 0;
}
.lp-url {}
.owl-latestblog .owl-controls {
	margin:60px 0 0 0;
}




/*=============== sticky posts ===============*/
.entry-block .sticky {
	padding-left:6px;
}
.entry-block .sticky:before {
	content:"";
	background:url('images/arrow_up.png') no-repeat 0 0; 
	width:32px; 
	height:32px;
	float:left;
	position:relative;
	left:-6px;
	top:4px;
}


/*=============== 3.7.4 comments section ===============*/
.comments-wrapper {
	float:left;
	width:100%;
	padding:10px 0 90px 0;
}

/* a) comments form */
.comments-wrapper #commentform {
	padding:35px 39px 35px 39px;
	margin:58px 0 0 0;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;		
}
#commentform label {
	font-size:12px;
	margin:0 0 9px 0;
	letter-spacing:1px;
	text-transform:uppercase;
	display:block;
}
#commentform p {
	position:relative;
	margin-bottom:21px;
}
#commentform #author, #commentform #email, #commentform #url {
	width:50%;
	margin:0;
	padding:6px 7px 6px 7px;
	height:38px;
}
#commentform textarea {
	width:98%;	
	overflow:auto;
	height:210px;
	padding:6px 7px 6px 7px;
}
.form-allowed-tags { 
	display:none;
}
.comment-notes {
	display:none;	
}
.logged-in-as {
	margin-top:6px;
}
#reply-title, #reply-title small #cancel-comment-reply-link, #comments {
	font-size:24px;
	clear:both;
}

/* b) comments */

#comments {
	padding:0;	
}
.comments-wrapper #comments {
	margin-top:-54px;
}
.comment-block { 
	position:relative;
	line-height:23px;	
}
.comment-title {
	font-size:19px;
	font-style:normal;
	position:relative;
	top:44px;
	margin-bottom:8px;
	float:left;
	width:100%;
}

.awaiting_moderation {
	float:left;
	font-size:12px;
	margin:4px 0 7px 0;
}
.commentlist { 
	float:left;
	width:100%;
	margin:56px 0 52px 0;
}
.commentlist, .commentlist li {
	list-style:none;
}
.commentlist .children {
	padding:0;
}
.commentlist li {
	margin:20px 0 0 0;
	padding:0;
	display:block;
}
.commentlist li li {
	margin-left:59px;
}
.comment-author { /* the comment avatar */
	float:left;
	margin:40px 0 0 31px;
	width:68px;
	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:2px 0 8px 0;	
}
.comment-content {
	position:relative;
	margin:0;
	padding:22px 30px 27px 126px;	
	min-height:150px;
}
.comment-decoration {
	position:absolute;
	bottom:-6px;
	left:78px;
	width:24px;
	height:13px;	
}
.comment-misc { /* comment posted by *author* wrapper */
	margin:12px 24px 0 0;
	padding:0;
	display:block;
	float:left;
	z-index:10; 
	position:relative;
}
.comment-misc cite {
	font-size:17px;	
	font-style:normal;
	line-height:24px;
}
.comment-misc cite a:hover {
	text-decoration:none;
}
.comment-content .date {/* comment posted date */
	display:block;
	font-size:12px;
	margin:16px 0 6px 0; 
	float:left;
	text-transform:uppercase;
	letter-spacing:1px;
}
.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:10px 0 10px 0;
	float:left;
	width:100%;
}
.comment-reply-link, .comment-edit-link {
	margin:0 2px 0 0;
	font-size:10px;
	line-height:14px;

	text-transform:uppercase;
	letter-spacing:1px;
	padding:7px 12px 6px 12px;
	display:inline-block;
	float:left;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

}
.comment-respond {
	margin-top:52px;	
}


/* ========= 3.7.5 pagination ========= */
.wp-pagenavi a:hover {
	text-decoration:none;
}


/* ========= wp-pagenavi ========= */
.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:11px 18px 10px 18px;
	display:inline-block;		
	text-decoration:none;	
	font-size:12px;
	cursor:pointer;
	margin:0 -1px 0 0;
}
.pagination-masonry .wp-pagenavi span.current {
	font-weight:normal;	
}
.inner-content .pw-blog .wp-pagenavi span.pages, .wp-pagenavi span.pages {
	display:none;
}
.pagination-masonry {
	margin-bottom:90px;
}
/* exception for blog template 4 */
.pagm-blog4 {
	margin-bottom:0;	
}
.pw-blog .wp-pagenavi a, .pw-blog .wp-pagenavi a:link, .pw-blog .wp-pagenavi a:visited, .pw-blog .wp-pagenavi a:active,
.pw-blog .wp-pagenavi span.pages, .pw-blog .wp-pagenavi span.current, .pw-blog .wp-pagenavi span.extend {
	padding:10px 17px 9px 17px;
	font-weight:normal;
	margin:0 1px 1px 0;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;	
	border-radius:3px;
}
.pagination-center {
	text-align:center;	
}
.pagination-portfolio {
	margin:50px 0 50px 58px;
}
.pp-grid {
	margin:80px 0 0 0;	
}


/* ========= post pagination ========= */
.gwpost-pagination {
	margin:0 0 0 100px;
}
.gwpost-pagination a {
	padding:7px 15px 7px 15px;
	margin:1px 0 0 0;
	display:inline-block;
	width:auto;
	
	background:#fff;	
}
.gwpost-pagination a:hover {
	text-decoration:none;	
}


/*=============== 3.9 widgets ===============*/
#sidebar .widget ul {
	margin-bottom:0;	
}
.widget {
	margin:0 0 60px 0;
	float:left;
	width:100%;
}
.fbox .widget:last-child {
	margin:0;
}
.widget h5 {
	margin:0 0 24px 0;		
}
.widget ul, .widget ul li, .fbox ul, .fbox ul li, .border-list, .border-list li {
	list-style:none;	
}

.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 {
	line-height:24px;
	margin:0;
	padding:15px 0 15px 0;	
}
.widget_categories ul li a:hover, .widget_archive ul li a:hover, .widget_nav_menu ul li a:hover,.widget_meta ul li a:hover, .widget_pages ul li a:hover,  
.widget_gw_categories ul li a:hover, .widget_recent_entries ul li a:hover {
	padding-left:10px;
}
.widget ul li a:hover, .fbox ul li a:hover {
	text-decoration:none;
}
.widget ul li .post-date {
	display:block;
	font-size:12px;
}


/* reset list styles placed inside text widgets */
#sidebar .widget_text ul, #sidebar .widget_text ul li, .fbox .widget_text ul, .fbox .widget_text ul li {
	list-style:disc outside;
}
#sidebar .widget_text ul li, .fbox .widget_text ul li {
	padding:0;
}



/* archive widget */
.widget_archive ul {
	margin:0 0 0 -36px;	
}
.widget_archive ul li {
	width:39.32%;
	float:left;
	margin:0 0 0 36px;
}
.fbox .widget_archive ul {
	margin:0;
}
.fbox .widget_archive ul li {
	float:none;
	width:100%;
	margin:0;
}


/* calendar widget */
.widget_calendar caption {
	margin:0;
	padding:17px 0 15px 0;
	text-align:center;
	font-size:12px;
	line-height:16px;
	letter-spacing:1px;
	text-transform:uppercase;
	-moz-border-top-left-radius:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;	
	-moz-border-top-right-radius:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
.widget_calendar table {
	width:100%;
	font-size:13px;
}

.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 th {
	padding:4px 0 0 0;
	line-height:14px;
}
.widget_calendar table thead tr {
	height:24px;
}
.widget_calendar table th {
	text-align:center;	
	padding:9px 0 9px 0;
}
.widget_calendar table {
	border-collapse:separate;
	-moz-border-bottom-left-radius:3px;
	-webkit-border-bottom-left-radius:3px;		
	border-bottom-left-radius:3px;
	-moz-border-bottom-right-radius:3px;	
	-webkit-border-bottom-right-radius:3px;	
	border-bottom-right-radius:3px;				
}
.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 {
	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:39px;
	vertical-align:central;
}


/* recent comments widget */
.widget_recent_comments ul li {
	padding:20px 25px 20px 25px;
	margin:0 0 16px 0;
}


/* rss widget */
.widget .rss-date, .fbox .widget .rss-date {
	display:block;
	margin:2px 0 2px 0;
	font-size:12px;
}
.widget .rssSummary, .fbox .widget .rssSummary {
	font-size:13px;
	line-height:22px;	
}


/* tag cloud widget */
.widget_tag_cloud a {
	display:block;
	float:left;
	padding:5px 14px 5px 14px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	margin:0 2px 2px 0;
}
.widget_tag_cloud a:hover {
	text-decoration:none;
}


/* search widget */
.widget_search .screen-reader-text {
	display:none;
}
.widget_search label {
	width:100%;	
}
.widget_search .search-field {
	width:192px;
	margin:0;
	height:34px;	
	float:left;
}
.widget_search .search-submit {
	height:40px;	
	float:left;	
	margin-left:-1px;
	font-size:11px;
	padding:2px 16px 0 16px;
	text-align:center;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;		
	border-top-right-radius:2px;
	border-bottom-right-radius:2px;	
}
.search-form {
	float:left;
	width:100%;
	margin:-24px 0 20px 0;
}
.search-form label {
	margin:0;
	padding:0;

}


/* custom latest posts widget */
.ln-list {
	float:left;
	width:100%;
	margin-top:-36px; 
}
.widget .ln-list li {
	margin:36px 0 0 0;
	padding:0;
	width:100%; 
	float:left;
	position:relative;
	min-height:74px;	
}
.widget .wpost-content {
	padding:0 0 0 110px;	
}
.widget .ln-list h6, .fbox .ln-list h6 {
	margin:0;	
	font-size:14px;
	line-height:22px;	
}
.widget .ln-date, .fbox .ln-date {
	font-size:12px;
}
.widget .wpost-image {
	position:absolute;
	top:2px;
	left:0;
	float:left;
	width:90px;
	height:74px;
}
.fbox .widget .wpost-image {
	top:4px;
}


/* custom twitter widget */
.twitter-widget-wrapper {
	float:left;
	width:100%;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;	
	text-align:center;
	padding:44px 32px 44px 32px;
	background-image:url('images/twitter_map.png');
	background-repeat:no-repeat;
	background-position:center 50px;
}
.tw-img {
	display:inline-block;
	margin:0 0 12px 0;		
}
.all-tweets {
	text-align:center;
	font-size:20px;
	margin:20px 0 0 0;
}
.all-tweets a {
	display:inline-block;
	padding:16px 0 0 0;
	width:56px;
	height:56px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	border-radius:50px;
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	transition: all 0.6s ease;	
}
.all-tweets a:hover {
    -moz-transform: rotate(360deg); 
    -webkit-transform: rotate(360deg); 
    transform: rotate(360deg);		
}
.widget .twitter-content li {
	margin:0;
	padding:0;
}
.twitter-content li {
	float:left;
	width:100%;
	position:relative;
	display:block;
}
.gw-tweet {
	margin:0;
	padding:24px 0 24px 0;
}
.widget .twitter-content li .gw-tweet a {
	text-decoration:underline;	
}
.widget .twitter-content li .tw-timestamp a, .widget .twitter-content li .tw-timestamp a:hover {
	text-decoration:none;	
}
.tw-timestamp {
	font-size:12px;
	margin:26px 0 0 0;
	text-align:center;	
}
.tw-timestamp a {
	display:inline-block;
	padding:1px 0 1px 0;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	width:156px;
}
.twitter_intents {
	display:none;	
}
.twitter-widget .widgettitle, .fbox .twitter-widget h5 {
	display:none;	
}


/* Twitter Widget Control Nav */
.flexslider-twitter .flex-control-nav, .flexslider-twitter .flex-direction-nav { 
	margin:0; 
	padding:0; 
	list-style:none;  
}
.flexslider-twitter .flex-control-nav {
	float:left;
	width:100%;  
	text-align:center;
	position:static;
	margin:10px 0 0 0;
}
.flexslider-twitter .flex-control-nav li { 
	display:inline-block; 
	zoom:1; 
	*display: inline;
	margin:0 2px 0 2px;
}
.flexslider-twitter .flex-control-paging li a {
	width:18px; 
	height:18px; 
	display:block;
	cursor:pointer; 
	text-indent:-9999px;
	box-shadow:none;
	background:url('images/twitter_slide_btn.png') no-repeat 0 0;
	opacity:0.7;
}
.flexslider-twitter .flex-control-paging li a:hover { 
	background:url('images/twitter_slide_btn.png') no-repeat 0 0;
	opacity:0.94;
}
.flexslider-twitter .flex-control-paging li a.flex-active {
	background:url('images/twitter_slide_btn_active.png') no-repeat 0 0;
	cursor:default; 
	opacity:0.94;
}



/* custom flickr widget */
.flickr-wrapper {
	margin:0 0 0 -10px; 
	width:101%; 
	float:left;
}
.flickr-wrapper .flickr_badge_image {
	width:64px;
	float:left;
	margin:4px 0 6px 10px;
}
.flickr-wrapper .flickr_badge_image img {
	width:64px;
	height:64px;
	display:block;
}
.fbox .flickr-wrapper {
	margin:0 0 0 -14px; 		
}
.fbox .flickr-wrapper .flickr_badge_image {
	width:68px;	
	margin:0 0 14px 14px;	
}
.fbox .flickr-wrapper .flickr_badge_image img {
	width:68px;
	height:68px;
	padding:3px;
}


/* custom portfolio widget */
.wgport-list {
	float:left;
	margin:0 0 0 -9px;
}
.wgport-list li {
	float:left; 
	margin:0 0 9px 9px;
	width:146px;
	height:96px;
}
.wgport-list li a {
	display:block;
	width:146px;
	height:96px;	
}
.wgport-list li img {
	display:block;
	opacity:1;
	transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -webkit-transition: opacity .2s ease-in-out;		
}
.wgport-list li:hover img {
	opacity:0.3;
}



/*=============== 3.10 search page ===============*/
.search-block {
	float:left;
	width:100%;
	margin:0 0 18px 0;
}
.search-permalink {
	font-size:11px;
	line-height:15px;
	text-transform:uppercase;
	letter-spacing:1px;
	margin:20px 0 0 0;
}

.search-permalink a {
	display:inline-block;
	padding:6px 16px 6px 16px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;		
}
.search-permalink a:hover {
	text-decoration:none;
}
.search-block .gw-divider {
	margin-top:46px;	
}
.search-block h5 {
	margin:0 0 10px 0;
}

/* search form that appears on search page */
.sr-form {
	float:left;
	width:100%;
	margin:0;
}
.sr-form form {
	margin:0;	
}
.sr-form .screen-reader-text {
	display:none;
}

.sr-form .search-field {
	width:60%;
}
.sr-number {
	float:left;
	width:100%;	
	margin:70px 0 70px 0;	
}
.sresult-number {
	color:#fff;
	padding:0 2px 0 2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;			
}
.sr-space {
	height:16px;	
}


/*=============== 3.11 Page Not Found ===============*/
.pnf-msg {
	text-align:center;	
}
.search-form-pnf {
	text-align:center;
	margin:36px 0 0 0;
}
.search-form-pnf .screen-reader-text {
	display:none;
}
.search-form-pnf .search-field {
	text-align:left;
	width:250px;
}


/*=============== 3.12 Password Protected Page ===============*/
.pass-protected-form {
	float:left;
	margin:6px 0 0 0;
}
.nocomments {
	display:none;
}
.password-protected-title {
	float:left;
	width:100%;
	margin:0 0 14px 0;	
}
.pass-protected-form label {
	display:block;
	text-transform:uppercase;
	letter-spacing:1px;
	font-size:12px;
	margin:10px 0 6px 0;	
}
.pass-protected-form input {
	display:block;
	margin:7px 0 7px 0;	
}
.password-protected-input {
	width:270px;	
}
.entry-block .password-protected-title {
	margin:14px 0 24px 0;			
}
.pass-submit {
	height:40px;	
	float:left;	
	margin-left:-1px;
	font-size:11px;
	padding:2px 16px 0 16px;
	text-align:center;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;		
}




/* 4.0 THEME ELEMENTS */


/*=============== intro section ===============*/
.intro {
	font-size:16px;
	line-height:28px;
	margin:0 0 2px 0;
	display:inline-block;
	width:100%;
}


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


/*=============== buttons ===============*/
.gw-btn, .gw-wborder-btn {
	cursor:pointer;
	border:0 none;	
	font-size:14px;	
	font-weight:normal;
	text-transform:uppercase;
	margin:0 0 3px 0;
	display:inline-block;
	letter-spacing:1px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;		
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s; 
	transition:0.5s;
}
.gw-btn:hover {
	text-decoration:none;	
}
.gw-wborder-btn i, .gw-btn i {
	padding:0 0 0 6px;
}


/* left aligned icon */
.gwb-ipl i {
	left:-4px;
	padding:0 5px 0 0;	
}


/* white button */
.gw-wborder-btn {
	border:1px solid rgba(255, 255, 255, 0.5);
	color:rgba(255, 255, 255, 0.92);
	font-weight:300;
	
/*	padding:18px 28px 17px 28px; 	*/
}
.gw-wborder-btn:hover {
	border:1px solid rgba(255, 255, 255, 0.8);
	color:rgba(255, 255, 255, 1);
	text-decoration:none;
}
.gw-wborder-btn i {
	position:relative;
	top:0;
}

/* button sizes */
.gwb-normal {
	font-size:11px;
	line-height:16px;
	font-weight:bold;
	padding:14px 19px 13px 21px;	
}
.gwb-large {
	font-size:14px;
	line-height:24px;
	padding:15px 28px 14px 28px;
}
.gwb-extra {
	font-size:14px;
	font-weight:bold;
	line-height:24px;
	letter-spacing:0;
	padding:18px 44px 18px 44px;
}
.gwb-extra i {
	font-size:22px;
	position:relative;
	top:2px;	
}



/*=============== skillbars ===============*/
.skillbar-wrapper {
	position:relative;
	display:block;
	margin:12px 0 14px 0; 
	width:100%;

	-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;
	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;	
}
.skillbar-title {
	float:left;
	width:100%;
	margin:4px 0 6px 0;
}
.skillbar-bar {
	height:12px;
	width:0px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.skillbar-percent {
	position:absolute;
	left:10px;
	top:-20px;
	font-size:12px;
	text-align:right;
}



/*=============== dropcaps ===============*/
.dropcap {
	font-size:42px;
	float:left;
	padding:10px 8px 4px 0;	
}
.dropcap2 {
	font-size:42px;
	float:left;
	padding:12px 6px 14px 6px;
	margin:6px 12px 0 0;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;	
	border-radius:2px;
}



/*=============== demo only classes ===============*/
.headers-demo {
	margin-bottom:16px;	
}
.headers-demo h1, .headers-demo h2, .headers-demo h3, .headers-demo h4, .headers-demo h5, .headers-demo h6 {
	display:inline;
	padding:0 4px 0 0;
}
.elements-demo {
	line-height:30px;	
}


/*=============== process box ===============*/
.process-box {
	position:relative;
}
.pbox-icon {
	position:absolute;
	top:-4px;
	left:12px;
	font-size:54px;
}
.pbox-content-wrapper {
	margin:0 0 0 84px;
	position:relative;
}
.pbox-number {
	position:absolute;
	left:0;
	top:0;
	font-weight:bold;
	width:38px;
	text-align:center;
	padding:2px 0 2px 0;
	
	-moz-border-radius:2px;
	-webkit-border-radius:2px;		
	border-radius:2px;
}
.pbox-content {
	margin:0 0 0 39px;
	padding:16px 36px 16px 36px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;		
	border-radius:2px;	
}
.pbox-content p {
	margin:4px 0 4px 0;	
}
.pbox-content a, .pbox-content a:hover {
	color:inherit;
}


/*=============== center overlay shortcode ===============*/
.gw-center-overlay {
	position:relative;
	float:left; 
	width:100%;
	z-index:10;	
}
.gwco-element {
	position:absolute; 
	left:50%;
}



/*=============== services ===============*/

/*=============== 1. smart service box ===============*/
.smartservice-block {
	float:left;
	width:100%;
	text-align:center;
	margin:56px 0 30px 0;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	padding:0 0 6px 0;	
}
.smartservice-icon {
	display:inline-block;
	position:relative;
	top:-31px;
	font-size:22px;
	width:62px;
	height:62px;
	padding:21px 0 0 0;
	-moz-border-radius:44px;
	-webkit-border-radius:44px;		
	border-radius:44px;
	text-align:center;
}

.smartservice-content {
	padding:0 28px 0 28px;
	position:relative;
	top:-16px;	
}
.smartservice-content h5 {
	margin:6px 0 3px 0;
	display:inline-block;
	color:inherit;
}
.smartservice-content .intro {
	color:inherit;
}
.smartservice-content p { 
	margin-top:12px;
}



/*=============== 2. service with center aligned big icons ===============*/
.biservice-block {
	margin:20px 0 20px 0;
	text-align:center;
}
.col-md-4 .biservice-block {
	padding:0 10px 0 10px;	
}
.bis-icon-nolink, .bis-icon a {
	text-align:center;
	margin:14px 0 16px 0;
}
.bis-card, .bis-card a {
	display:inline-block;
	padding:28px 0 22px 0;
	width:56px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;		
	border-radius:3px;	
}


.bis-icon i, .bis-icon span, .bis-icon-nolink i, .bis-icon-nolink span {
	font-size:44px;
}
.bis-card i, .bis-card span {
	font-size:26px;
	color:#fff;	
}

.bis-icon a:hover {
	text-decoration:none;
}
.biservice-content {
	margin-top:6px;	
}
.biservice-content h4 {

}


/*=============== 3. premium service ===============*/
.piservice-block {
	width:100%;
	float:left;
	margin:0 1px 0 0;
}
.piservice-content {
	margin-top:-5px;
	position:relative;
	padding:42px 38px 42px 124px;
	color:#fff;	
	-moz-border-top-left-radius:3px;
	-webkit-top-bottom-left-radius:3px;
	border-top-left-radius:3px;
	-moz-border-top-right-radius:3px;
	-webkit-top-bottom-right-radius:3px;
	border-top-right-radius:3px;
	min-height:154px;		

}
.piservice-content h5 {
	margin-top:12px; 
	font-weight:normal;
}
.piservice-content h5, .piservice-content a {
	color:#fff;	
}
.piservice-icon {
	position:absolute;
	left:38px;
	top:50px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;		
	border:1px solid rgba(255, 255, 255, 0.4);
	color:#fff;	
	font-size:32px;
	padding:14px 16px 14px 16px;
}

.piservice-bottom {
	padding:24px 38px 24px 38px;
	width:100%;
	display:inline-block;
	-moz-border-bottom-left-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
	-moz-border-bottom-right-radius:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;	
}
.piservice-price {
	float:left;	
	font-size:28px;
	font-weight:bold;
	margin:12px 0 0 0;
}
.piservice-button {
	float:right;
	font-size:12px;
	line-height:20px;	
}
.piservice-button a {
	display:inline-block;
	padding:10px 22px 10px 22px;
	color:#fff;
	text-transform:uppercase;
	letter-spacing:1px;
	border:1px solid rgba(255, 255, 255, 0.3);
	opacity:0.7;	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;		
}
.piservice-button a:hover {
	border:1px solid rgba(255, 255, 255, 0.45);
	opacity:0.9;	
	text-decoration:none;
	color:#fff;		
}
.piservice-button a i {
	padding:0 0 0 6px;	
}



/*=============== 4. half service ===============*/
.hservice-block {
	width:50%;
	float:left;
	padding:48px 0 40px 0;
}
.hservice-container {
	float:right;
	width:584px;
}
.hsc-right {
	float:left;

}
.hservice-content, .hservice-icon {
	float:left;	
}
.hservice-content {
	width:74%;	
}
.hservice-content p {
	margin:10px 0 10px 0;	
}
.hservice-content a, .hservice-content a:hover {
	color:inherit;	
}
.hservice-icon {
	width:26%;
	margin:24px 0 0 0;
	text-align:center;
	font-size:54px;
}
.hservice-content h3 a:hover {
	text-decoration:none;
}



/*=============== 5. classic service ===============*/
.clservice-block {
	float:left;
	width:100%;
	text-align:center;
	margin:24px 0 24px 0;
}
.cls-icon, .cls-icon-link {
	display:inline-block;
	width:90px;
	padding:28px 0 28px 0;
	font-size:34px;
	transition: transform 0.3s;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);	
	
	-moz-border-radius:60px;
	-webkit-border-radius:60px;		
	border-radius:60px;
}
.clservice-block:hover .cls-icon, .clservice-block:hover .cls-icon-link {
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform: translate3d(0,4px,0);
	transform: translate3d(0,4px,0);		
}
.cls-icon-link:hover {
	text-decoration:none;	
}
.cls-image {
	display:inline-block;
	transition: transform 0.3s;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);		
}
.cls-url {
	text-align:center;
	display:inline-block;
}
.clservice-content {
	margin:22px 0 0 0;
}
.clservice-content h4 {
	margin-bottom:18px;	
}
.clservice-block:hover .cls-image {
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform: translate3d(0,4px,0);
	transform: translate3d(0,4px,0);		
}



/*=============== 6. tagline service ===============*/
.tagservice-block {
	float:left;
	width:100%;
	margin:24px 0 24px 0;
	position:relative;
}
.tagservice-content {
	padding:0 0 0 100px;	
}
.tagservice-icon {
	position:absolute;
	top:6px;
	left:0;
	font-size:64px;	
}
.tagservice-title {
	text-transform:uppercase;
	font-weight:bold;	
}
.service-tag {
	text-transform:uppercase;
	font-weight:bold;
	font-size:14px;
	line-height:25px;
	margin:0 0 4px 0;		
}
.tagservice-alt .tagservice-title {
	font-weight:300;
	text-transform:none;
}
.tagservice-alt .service-tag {
	font-weight:400;
	font-size:12px;
	margin:0 0 2px 0;
}
.tagservice-alt .tagservice-icon {
	font-size:48px;	
}
.tagservice-alt .tagservice-content {
	padding:0 0 0 78px;	
}



/*=============== 7. magnific service ===============*/
.mservice-block {
	text-align:center;
	position:relative;
	margin-bottom:80px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;	
}
.mservice-icon-wrapper {
	position:absolute;
	left:50%;
	top:-30px;
	margin-left:-50px;
	width:100px;
	height:60px;
}
.miw-burst {
	top:-39px;	
	margin-left:-40px;	
}
.miw-badge {
	top:-66px;	

}
/* 1. hexagon */
.mservice-hexa {
	width: 100px;
	height: 60px;
	position: relative;		
}
.mservice-hexa-before {
	position: absolute;
	top: -30px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
}
.mservice-hexa-after {
	position: absolute;
	bottom: -30px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
}

/* 2. burst */
.mservice-burst {
    width:80px;
    height:80px;
    position:relative;
    text-align:center;
}
.mservice-burst-before, .mservice-burst-after {
    position: absolute;
    top: 0;
    left: 0;
    height:80px;
    width:80px;
}
.mservice-burst-before {
    -webkit-transform: rotate(30deg);
       -moz-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
         -o-transform: rotate(30deg);
}
.mservice-burst-after {
    -webkit-transform: rotate(60deg);
       -moz-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
         -o-transform: rotate(60deg);
}

/* badge */
.mservice-badge {
	position: relative;
/*	background: red; */
	height: 100px;
	width: 100px;
	-moz-border-radius:    50px;
	-webkit-border-radius: 50px;
	border-radius:         50px;
}

.mservice-badge-before,
.mservice-badge-after {
	content: '';
	position: absolute;
/*	border-bottom: 70px solid red; */
	border-left: 40px solid transparent;
	border-right: 40px solid transparent;
	top: 70px;
	left: -10px;
	-webkit-transform: rotate(-140deg);
	-moz-transform:    rotate(-140deg);
	-ms-transform:     rotate(-140deg);
	-o-transform:      rotate(-140deg);
}

.mservice-badge-after {
	left: auto;
	right: -10px;
	-webkit-transform: rotate(140deg);
	-moz-transform:    rotate(140deg);
	-ms-transform:     rotate(140deg);
	-o-transform:      rotate(140deg);
}


.mservice-icon-wrapper i {
	font-size:40px;
	position:relative;
	top:13px;
	z-index:10;
}
.mservice-icon-wrapper .mservice-burst i {
	top:21px;
}
.mservice-icon-wrapper .mservice-badge i {
	top:30px;
}
.mservice-content {
	padding:84px 30px 42px 30px;	
}
.msc-badge {
	padding-top:90px;	
}



/*=============== window shortcode ===============*/
.gw-window {
	float:left;
	text-align:center;
	position:relative;
	padding:47px 50px 47px 50px;
	margin:1px 1px 0 0;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s; 
	transition:0.5s;	
}
.gww-double {
	padding:47px 126px 47px 127px;	
}
.gw-window-title {
	text-align:left;
	position:absolute;
	bottom:6px;
	left:12px;
	font-size:12px;
	text-transform:uppercase;
	letter-spacing:1px;
	
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s; 
	transition:0.5s;	
}
.gw-window-icon {
	font-size:52px;
	width:62px;
	height:62px;
}
.gw-window a:hover {
	text-decoration:none;	
}




/*=============== testimonial slider ===============*/
.testimonial-slider, .testimonial-section {	
	position:relative;
	margin:24px 0 24px 0;
	text-align:center;
}
.testimonial-slider ul, .testimonial-slider ul li, .widget .testimonial-slider ul, .widget .testimonial-slider ul li {
	margin:0;
	padding:0;
}
.testimonial-slider .slides > li, .widget .testimonial-slider .slides > li {
	overflow:hidden;
}
.testimonial-content {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	line-height:24px;	
}

.testimonial-block {
	margin:20px 0 20px 0;
	padding:0 100px 0 100px;
}
.testimonial-misc {
	text-transform:uppercase;
	letter-spacing:2px;
	font-size:12px;
	margin:2px 0 18px 0;
	display:block;
}
.testimonial-slider .flexslider .testimonial-img {
	width:86px;
	height:86px;
	display:block;
	margin:24px auto 24px auto;
	border:4px solid rgba(0, 0, 0, 0.17);
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	border-radius:50px;		
}
.ts-dark .flexslider .testimonial-img {
	border:4px solid rgba(255, 255, 255, 0.3);		
}


/* Control Nav */
.testimonial-slider .flex-control-nav, .testimonial-slider .flex-direction-nav { 
	margin:0; 
	padding:0; 
	list-style:none;  
}
.testimonial-slider .flex-control-nav {
	float:left;
	width:100%;  
	text-align:center;
	position:static;
	margin:20px 0 0 0;
}
.testimonial-slider .flex-control-nav li { 
	display:inline-block; 
	zoom:1; 
	*display: inline;
	margin:0 3px 0 3px;
}
.testimonial-slider .flex-control-paging li a {
	width:18px; 
	height:18px; 
	display:block;
	cursor:pointer; 
	text-indent:-9999px;
	box-shadow:none;
	background:url('images/tslide_btn.png') no-repeat 0 0;
	opacity:0.6;
}
.testimonial-slider .flex-control-paging li a:hover { 
	background:url('images/tslide_btn.png') no-repeat 0 0;
	opacity:1;
}
.testimonial-slider .flex-control-paging li a.flex-active {
	background:url('images/tslide_btn_active.png') no-repeat 0 0;
	cursor:default; 
	opacity:1;
}

.ts-dark .flex-control-paging li a {
	background:url('images/tslide_btn_dark.png') no-repeat 0 0;
}
.ts-dark .flex-control-paging li a:hover { 
	background:url('images/tslide_btn_dark.png') no-repeat 0 0;
}
.ts-dark .flex-control-paging li a.flex-active {
	background:url('images/tslide_btn_active_dark.png') no-repeat 0 0;
}


/*=============== testimonial section ===============*/
.testimonial-section {
	margin:32px 0 32px 0;
	text-align:left;
}
.tsection-img {
	position:absolute;
	top:0;
	left:0;
	width:86px;
	height:86px;
	display:block;
	border:4px solid rgba(0, 0, 0, 0.17);
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	border-radius:50px;		
}
.tsection-misc {
	padding:8px 0 8px 100px;	
	text-transform:uppercase;
	letter-spacing:1px;
	font-size:12px;	
}
.tsection-content {
	padding:6px 0 0 58px;
}

.tsection-body {
	padding:16px 42px 16px 42px;
}
.tsection-body {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	line-height:25px;	
}


/*=============== underlined list ===============*/
.u-list, .u-list li {
	list-style:none;
}
.u-list {
	margin:0;
	padding:0;
}
ul.u-list li {
	display:block;
	padding:14px 0 15px 0;
	margin:0;	
}

ul.u-list li a:hover {
	text-decoration:none;
}
.u-list li i {
	padding:0 10px 0 0; 
	font-size:20px;	
	position:relative;
	top:3px;
}
.u-list li i.fa {
	top:2px;
}

.ul-large {
	font-size:16px;	
}
ul.ul-large li {
	padding:15px 0 20px 0;
}
.ul-large li i {
	font-size:24px;	
	top:5px;	
}



/*=============== Tabs ===============*/
.nav-tabs > li {
	float: left;
	margin-bottom: -1px;
	margin:0 -3px -1px 0;
}
.nav-tabs > li > a {
	line-height:23px;
	padding:11px 28px 15px 28px;
	border-radius:0;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	letter-spacing:0.5px;
}
.nav-tabs > li > a > i {
	font-size:22px;
	padding:0 8px 0 0;
	position:relative;
	top:5px;
}
.nav-tabs.nav-justified > li > a {
	border-radius: 0;
}
.tab-content {
	margin-top:30px;	
}



/*=============== FAQ ===============*/
.round-title {
	padding:12px 22px 11px 22px;
	margin:0 0 26px 0;
	display:inline-block;
	-moz-border-top-right-radius:2px;
	-webkit-border-top-right-radius:2px;
	border-top-right-radius:2px;
	-moz-border-bottom-right-radius:2px;
	-webkit-border-bottom-right-radius:2px;
	border-bottom-right-radius:2px;
}
.faq-block {
	position:relative;
	float:left;
	width:100%;
}
.faq-number {
	float:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	padding:13px 20px 14px 20px;	
	margin:0 0 26px 0;
	-moz-border-top-left-radius:2px;
	-webkit-border-top-left-radius:2px;
	border-top-left-radius:2px;
	-moz-border-bottom-left-radius:2px;
	-webkit-border-bottom-left-radius:2px;
	border-bottom-left-radius:2px;
}
.faq-content {
	padding:10px 0 0 70px;
	position:relative;
}
.faq-icon {
	position:absolute;
	left:0;
	top:14px;
	font-size:44px;
	text-align:center;
	width:50px;
}



/*=============== Toggle + Accordion ===============*/
h6.toggle, h6.gw-accordion-title {
	position:relative;	
}
h6.toggle a:before, .gw-accordion h6.gw-accordion-title a:before {
	content: "\f105"; 
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	text-decoration: inherit;
	-webkit-font-smoothing: antialiased;
	font-size:17px;	
	display:block; 
	float:left;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;		
	border-radius:3px;
	position:absolute;
	top:23px;
	left:25px;
	width:32px;
	height:32px;
	padding:3px 0 0 0;
	text-align:center;
	
}
h6.toggle-active a:before, .gw-accordion .gw-accordion-title.ui-state-active a:before {
	content: "\f107";
	padding:3px 0 0 0;	
}



/*=============== Toggle ===============*/
h6.toggle {
	margin:-1px 0 0 0;
	outline:0;	
/*	line-height:22px;*/
}
h6.toggle a {
	display:block;
	padding:25px 0 25px 84px;
	text-decoration:none;
	outline:none;
}
.toggle-content {
	clear:both;
	overflow:hidden;
	display:none;
}
.toggle-content .block {
	padding:42px 0 42px 84px;
	margin:-1px 0 0 0;
}
.toggle-content .block p {
	padding:5px 0 5px 0;
	margin:0;
}
/*
*:first-child+html h6.toggle {
	margin:0;
	position:relative;
	top:-1px;	
}*/



/*=============== Accordion ===============*/
.gw-accordion {
	position:relative;
	top:0;
	margin:10px 0 12px 0;
}
.gw-accordion h6.gw-accordion-title {
	display:block;
	outline:0;
	margin:1px 0 0 0;
	padding:0;	
}
.gw-accordion h6.gw-accordion-title a {
	padding:25px 0 25px 84px;	
	display:block;
	outline:none;
	position:relative;
	margin:-2px 0 0 0; 
}
.ui-accordion-header-icon {
	display:none;	
}
.gw-accordion .ui-state-focus {
	outline:none;
}
.gw-accordion .gw-accordion-title:hover, .gw-accordion .gw-accordion-title.ui-state-active {
	text-decoration:none;
}
.gw-accordion .ui-accordion-content {
	padding:42px 0 42px 84px;
	word-wrap:break-word;
}
.gw-accordion .ui-accordion-content p:last-child {
	margin:0px;
}
.gw-accordion h6.gw-accordion-title a:before {
	top:21px;		
}




/*=============== Lightbox Gallery ===============*/
.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-block img, .lightbox-wrapper img { 
	transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -webkit-transition: opacity .2s ease-in-out;	
}
.lightbox-block:hover img, .lightbox-wrapper:hover img {
	opacity:0.14;
}
.lightbox-overlay {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	display:block;
	opacity:0;
}
.lightbox-block:hover .lightbox-overlay, .lightbox-wrapper:hover .lightbox-overlay {
	opacity:0.78;	
}
.lightbox-overlay::before,
.lightbox-overlay::after {
	position: absolute;
	top:22px;
	right:22px;
	bottom:22px;
	left:22px;
	content:'';
	opacity:0;
	-webkit-transition: opacity 0.7s, -webkit-transform 0.7s;
	transition: opacity 0.7s, transform 0.7s;	
}
.lightbox-overlay::before {
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}
.lightbox-overlay::after {
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}
.lightbox-block:hover .lightbox-overlay::before,
.lightbox-wrapper:hover .lightbox-overlay::before,
.lightbox-block:hover .lightbox-overlay::after,
.lightbox-wrapper:hover .lightbox-overlay::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.lightbox-icon {
	opacity:0;
	position:absolute;
	left:50%;
	top:50%;
	margin:-16px 0 0 -16px;
	font-size:32px;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s; 
	transition:0.3s;
	-webkit-transform: scale(1.5);
	transform: scale(1.5);		
}
.lightbox-block:hover .lightbox-icon, .lightbox-wrapper:hover .lightbox-icon {
	opacity:1;
	-webkit-transform: scale(1);
	transform: scale(1);	
}


/*=============== Small / Normal / Large / Icon Boxes ===============*/
.smallbox, .normalbox, .largebox, .iconbox {
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	display:inline-block;
}
.smallbox .intro, .normalbox .intro, .largebox .intro, .iconbox .intro {
	color:inherit;
	margin:0;
}
.smallbox {
	margin:0;
	padding:5px 28px 5px 28px;
}
.normalbox {
	margin:0;
	padding:28px 32px 28px 32px;
	display:block;
}
.largebox {
	margin:0;
	padding:32px 50px 32px 50px;
	display:block;
}
.smallbox p, .normalbox p, .largebox p, .iconbox p {
	margin:8px 0 8px 0;	
}
.smallbox h2, .smallbox h3, .smallbox h4, .smallbox h5, .smallbox h6, 
.normalbox h2, .normalbox h3, .normalbox h4, .normalbox h5, .normalbox h6, 
.largebox h2, .largebox h3, .largebox h4, .largebox h5, .largebox h6, 
.iconbox h2, .iconbox h3, .iconbox h4, .iconbox h5, .iconbox h6 {
	margin:8px 0 0 0;
}

.smallbox a, .normalbox a, .largebox a, .iconbox a {
	text-decoration:underline;
	color:inherit;
}
.smallbox a:hover, .normalbox a:hover, .largebox a:hover, .iconbox a:hover {
	text-decoration:none;
	color:inherit;	
}



/*=============== Icon Box ===============*/
.iconbox {
	position:relative;
	margin:6px 0 20px 0;	
	padding:28px 32px 28px 82px;
	min-height:90px;	
}
.ibox {
	position:absolute;
	left:30px;
	top:32px;
	font-size:32px;
}



/*=============== 1. services with left aligned normal sized icons ===============*/
.liservice-block {
/*	margin:34px 0 34px 0; */
	position:relative;
}
.liservice-content {
	padding:0 0 0 54px;
}
.liservice-content p {
	margin:10px 0 10px 0;
}
.lis-icon {
	position:absolute;
	left:0;
	top:-3px;	
}
.lis-icon i {
	font-size:32px;
}

/* card look */
.liservice-card .liservice-content {
	padding:0 0 0 86px;		
}
.liservice-card .lis-icon {
	padding:26px 0 20px 0;
	width:60px;
	text-align:center;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;		
}
.liservice-card .lis-icon i {
	font-size:28px;
}


/*=============== 2. services with center aligned normal sized icons ===============*/
.ciservice-block {
	text-align:center;
	margin:24px 0 24px 0;	
}
.cis-icon i {
	font-size:32px;
	display:inline-block;
	margin:0 0 6px 0;
	
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s; 
	transition:0.5s;		
}
.cis-large .cis-icon i {
	font-size:58px;	
	margin:0 0 2px 0;
}
.ciservice-content {
	margin:8px 0 0 0;
}
.cis-large .ciservice-content {
	margin:22px 0 0 0;
}
.ciservice-content .uppercase-strong {
	margin:0 0 22px 0;	
}
.ciservice-content h3 a:hover, .ciservice-content h4 a:hover, .ciservice-content h5 a:hover, .ciservice-content h6 a:hover, .ciservice-content .uppercase-strong a:hover {
	text-decoration:none;

}



/*=============== Team Section ===============*/
.team-section {
	float:left;
	width:100%;
	margin:0 0 40px 0;
}
.ts-imagewrapper {
	position:relative;
	margin:0 0 22px 0;
	overflow:hidden;
}
.ts-imagewrapper img {
	display:block;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;	
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);		
}
.ts-imagewrapper:hover img {
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
	opacity:0.8;
}
.ts-overlay {
	position:absolute;
	bottom:0;
	left:0;
	display:block;
	padding:16px 0 16px 0;
	width:100%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);	
}
.ts-imagewrapper:hover .ts-overlay {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.follow-text {
	float:left;
	width:90px;
	text-transform:uppercase;
	letter-spacing:1px;
	padding:0 0 0 22px;
	font-size:12px;
}
.ts-listparent {
	float:right;
	margin:0 12px 0 0;
	padding:0;
	width:128px;
}
.ts-list {
	font-size:14px;
	margin:0;
	list-style:none;
	float:right;
	padding:0 6px 0 0;
}
.ts-list li {
	float:left;
	margin:0 2px 0 2px;
}
.ts-list li a {
	display:block;
	width:23px;	
	text-align:center;
}
.ts-content-left {
	text-align:left;
}
.ts-content-center {
	text-align:center;	
}
.ts-content-right {
	text-align:right;	
}
.ts-name {
	margin:0 0 4px 0;
}
.ts-position {
	display:block;
	margin:0 0 14px 0;
	padding-bottom:4px;
	opacity:0.5;
}



/*=============== Team Popup Section ===============*/
.teampopup-section {
	float:left;
	width:100%;
}
.tpopup-wrapper {
	position:relative;
	overflow:hidden;
}
.teampopup-img {
	display:block;	
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.09);
	transform: scale(1.09);		

}
.teampopup-img-ins { /* image inside popup */
	display:block;	
}
.tpopup-wrapper:hover .teampopup-img {
	-webkit-transform: scale(1);
	transform: scale(1);	
}
.tpopup-overlay {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	opacity:0;
    transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;	
}
.tpopup-wrapper:hover .tpopup-overlay {
	opacity:0.5;
}
.tpopup-icon {
	opacity:0;
	position:absolute;
	left:50%;
	top:50%;
	margin:-67px 0 0 -41px;
	font-size:30px;	
	width:74px;
	text-align:center;
	padding:24px 0 20px 0;
	-moz-border-radius:40px;
	-webkit-border-radius:40px;
	border-radius:40px;	
	
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s; 
	transition:0.3s;		
	-webkit-transform: scale(1.5);
	transform: scale(1.5);		
}

.tpopup-wrapper:hover .tpopup-icon {
	opacity:1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.tpopup-name, .tpopup-position {
	position:absolute;	
	left:0;	
	width:100%;
	text-align:center;
	opacity:0;
}
.tpopup-name {
	bottom:34%;
	-webkit-transition: -webkit-transform 0.4s;
	transition: transform 0.4s;
	-webkit-transform: translate3d(0,200%,0);
	transform: translate3d(0,200%,0);	
}
.tpopup-position {
	bottom:24%;
	left:0;
	display:block;
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform: translate3d(0,250%,0);
	transform: translate3d(0,250%,0);	
}
.tpopup-wrapper:hover .tpopup-name, .tpopup-wrapper:hover .tpopup-position {
	opacity:1;	
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);		
}


/* inside the dialog window classes */
.tpopup-ins {
	padding:32px 34px 32px 34px;	
}
.tpopup-name-ins {
	margin:0 0 6px 0;
}


/* Styles for dialog window */
#small-dialog-1, #small-dialog-2, #small-dialog-3, #small-dialog-4, #small-dialog-5, #small-dialog-6,
#small-dialog-7, #small-dialog-8, #small-dialog-9, #small-dialog-10, #small-dialog-11, #small-dialog-12 {
	padding:0;
	text-align: left;
	max-width: 600px;
	margin: 40px auto;
	position: relative;
}

/**
 * Fade-zoom animation for popup dialog
 */

/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
	opacity: 0;

	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out; 
	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
	opacity: 1;

	-webkit-transform: scale(1); 
	-moz-transform: scale(1); 
	-ms-transform: scale(1); 
	-o-transform: scale(1); 
	transform: scale(1); 
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 

	opacity: 0;
}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
	opacity: 0.001; /* Chrome opacity transition bug */
	-webkit-transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
	opacity: 0.8;
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
	opacity: 0;
}


/*=============== content bar ===============*/
.contentbar {
	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;
}
.contentbar .contentbar-img {
	max-width:none;	
}
.contentbar-section {
	float:left;
	width:100%;
	position:relative;
	overflow:hidden;
}
.inner-content .contentbar {
	display:none;	
}
.contentbar h1, .contentbar h2, .contentbar h3, .contentbar h4, .contentbar h5, .contentbar h6 {
	color:inherit;
}


/*=============== pie chart ===============*/
.piechart-wrapper {
	text-align:center;
	position:relative;
	margin:14px 0 14px 0;
	padding:0 8px 0 8px;
}
.piechart-content {
	margin:30px 0 0 0;
}
.chart {
	position:relative;
	display:inline-block;
	width:104px;
	height:104px;
	text-align:center;
	margin:10px 0 0 0;
}
.epc-large .chart {
	width:166px;
	height:166px;	
}
.chart canvas {
	position:absolute;
	top:0;
	left:0;
}
.percent {
	display:inline-block;
	line-height:104px;
	font-size:24px;
	font-weight:300;
	z-index:2;	
}
.piechart-icon {
	line-height:104px;
	font-size:24px;		
}
.epc-large .percent {
	line-height:166px;
	font-size:34px;
	font-weight:bold;	
}
.epc-large .piechart-icon {
	line-height:172px;
	font-size:48px;		
}
.percent:after {
	content: '%';
	font-size:24px;
	font-weight:300;
}
.epc-large .percent:after {
	font-size:34px;
	font-weight:bold;		
}
.angular {
	margin-top:80px;
}
.angular .chart {
	margin-top:0;
}



/*=============== huge title ===============*/
.huge-title {
	font-size:130px;
	line-height:101px;
	font-weight:900;
}


/*=============== highlight ===============*/
.gw-highlight {
	padding:1px 5px 1px 5px;
	border-radius:2px;
}



/*=============== Countdown Timer ===============*/
.gw-countdown ul {
	list-style:none;
	margin:0;
	padding:0;
	text-align:center;
}
.gw-countdown ul li {
	display:inline-block;
	padding:13px 10px 15px 10px;
	margin:0 2px 0 2px;
	min-width:72px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	

}
.gw-countdown ul li span {
	font-size:18px;
	line-height:23px;
	font-weight:300;
}
.gw-countdown ul li p {
	font-size:12px;
	line-height:14px;
	margin:-2px 0 0 0;
	padding:0;
}


.gw-countdown ul .countdown-icon {
	padding:0;
	position:relative;
	top:-5px;
	padding:20px 10px 18px 10px;
	height:64px;
}
.countdown-icon i {
	font-size:24px;
	margin:0;
	padding:0;
}


/* countdown timer alignment */
.gwc-left {
	float:left;	
}
.gwc-right {
	float:right;	
}


/* countdown timer sizes */
.gwc-medium ul li {
	padding:18px 12px 16px 12px;
	margin:0 2px 0 2px;
	min-width:78px;	
}
.gwc-medium ul li span {
	font-size:24px;	
}
.gwc-medium ul li p {
	font-size:12px;
	line-height:18px;		
}
.gwc-medium ul .countdown-icon {
	padding:0;
	position:relative;
	top:-4px;
	padding:24px 10px 22px 10px;
	height:76px;
}
.gwc-medium .countdown-icon i {
	font-size:30px;
}





.gwc-large ul li {
	padding:26px 20px 22px 20px;
	margin:0 2px 0 2px;
	min-width:98px;	
}
.gwc-large ul li span {
	font-size:34px;
}
.gwc-large ul li p {
	font-size:12px;
	line-height:20px;
}
.gwc-large ul .countdown-icon {
	padding:0;
	position:relative;
	top:-6px;
	padding:30px 10px 22px 10px;
	height:97px;
}
.gwc-large .countdown-icon i {
	font-size:36px;
}

.gwc-xlarge ul li {
	padding:42px 20px 35px 20px;
	margin:0 2px 0 2px;
	min-width:120px;		
}
.gwc-xlarge ul li span {
	font-size:44px;
}
.gwc-xlarge ul li p {
	font-size:16px;
	line-height:20px;
	margin:4px 0 0 0;
}
.gwc-xlarge ul .countdown-icon {
	padding:0;
	position:relative;
	top:-9px;
	padding:44px 10px 22px 10px;
	height:135px;
}
.gwc-xlarge .countdown-icon i {
	font-size:46px;
}




/*=============== Social media icons ===============*/
.sm-icons {
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:100%;
}
.sm-icons li {
	margin:0 4px 4px 0;
	float:left;
	padding:0; 
	display:block;
	height:40px;
}
.sm-icons li a {
	width:40px;
	height:40px;	
	display:block;	
}


/*=============== Tooltips ===============*/
.tooltip .tooltip-inner, .carousel-tooltip {
	text-transform:uppercase;
	font-size:11px;
	letter-spacing:1px;
	padding:5px 12px 5px 12px;
	

}


/*=============== full link ===============*/
.full-link {
	float:left;
	display:block;
	width:100%;
	padding:36px 40px 36px 40px;
	text-align:center;	
}
.full-link:hover {
	text-decoration:none;	
}


/*=============== 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:15px 18px 15px 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;
}



/*=============== pricing table ===============*/
.pricing-table, .pt-header, .pt-plan, .pt-per, .pt-content {
	float:left;
	width:100%;	
}
.pt-header, .pt-plan, .pt-coin, .pt-cost, .pt-per, .pt-content, .pt-button {
	text-align:center;	
}
.pt-header {
	padding:34px 20px 34px 20px;	
}
.pt-plan {
	text-transform:uppercase;
	font-weight:700;
	font-size:14px;
	margin:4px 0 6px 0;
}
.pt-coin {
	font-size:18px;
	position:relative;
	top:-16px;
	padding-right:2px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.pt-cost {
	font-size:42px;
}
.pt-per {
	font-size:13px;
	margin:6px 0 0 0;
}
.pt-content {
	padding:38px 20px 38px 20px;
}
.pt-content ul, .pt-content ul li {
	list-style:none;
	margin:0;
	padding:0;
}
.pt-content ul li {
	padding:8px 0 8px 0;	
}
.pt-button .gw-btn {
	margin:22px 0 0 0;
}

.col-md-4 .pt-content {
	padding:38px 34px 38px 34px;		
}

.pt-content ul.u-list li {
	padding:16px 0 17px 0;
}



/*=============== content slider ===============*/
.content-slider {
	float:left;
	width:100%;
	position:relative;
	margin:4px 0 34px 0;
	margin:0 0 22px 0;
}
.content-slider .flexslider {
	z-index:10;	
}
.content-slider ul, .content-slider ul li {
	margin:0;
	padding:0;
}
.content-slider .slides > li {
	overflow:hidden;
}
.contentslider-block {
	height:auto;
	
	float:left;
	width:100%;
}

/* 1. content slider navigation(image) */
.content-slider .flex-direction-nav a {
	opacity:1;
	width:32px;
	height:40px;

	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	
}
.content-slider .flex-direction-nav {
	overflow:hidden;
	width:100%;
	height:48px;
	position:absolute;
	top:50%;
	margin-top:-24px;
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	text-decoration: inherit;
	-webkit-font-smoothing: antialiased;
	font-size:16px;
}

.content-slider .flex-direction-nav .flex-prev {  
	left:-60px;
	padding:9px 0 0 13px;
}
.content-slider .flex-direction-nav .flex-next { 
	right:-60px;
	padding:9px 13px 0 0;
}
.content-slider .flexslider:hover .flex-prev { 
	opacity:1;
	left:20px;
}
.content-slider .flexslider:hover .flex-next { 
	opacity:1; 
	right:20px;
}


/* 2. content slider navigation(content) */
.nav-content .content-slider {
	margin-bottom:50px;	
}

.nav-content .content-slider .flex-direction-nav a {
	width:36px;
	height:35px;

}
.nav-content .content-slider .flex-direction-nav a:hover {
	opacity:1;	
}
.nav-content .content-slider .flex-direction-nav {
	margin-top:0;	
	position:absolute;
	top:auto;
	bottom:-60px;
	left:0;
}
.nav-content .content-slider .flex-direction-nav .flex-prev {
	left:0;
	padding:7px 0 0 15px;
	background:rgba(0, 0, 0, 0.3);
}
.nav-content .content-slider .flex-direction-nav .flex-next { 
	left:37px;
	padding:7px 15px 0 0;
	background:rgba(0, 0, 0, 0.3);
}



/*=============== Border box ===============*/
.border-box-wrapper {
	float:left;
	width:100%;
	text-align:center;	
}
.border-box {
	display:inline-block;
	padding:18px 32px 18px 32px;
	position:relative;
	text-align:left;
}
.border-box:hover {
	opacity:1;	
}
.col-md-4 .border-box {
	padding-left:66px;
	padding-right:66px;			
}
.col-md-3 .border-box {
	width:100%;	
}
.bbox-icon {
	position:absolute;
	top:24px;
	left:24px;
	font-size:38px;
}
.col-md-4 .bbox-icon {
	left:66px;
}
.col-md-3 .bbox-icon {
	left:30px;	
}
.bbox-content {
	padding:0 0 0 54px;
	z-index:2;
	position:relative;
}
.bbox-noicon {
	padding-left:0;	
}
.bbox-tagline {
	font-size:10px;
	line-height:18px;
	text-transform:uppercase;
	letter-spacing:1px;
}
.bbox-title {
	margin-top:-3px;
	font-size:19px;
	margin-bottom:4px;
}
.bbox-canvas::before, .bbox-canvas::after {
	z-index:1;	
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.8s, -webkit-transform 0.8s;
	transition: opacity 0.8s, transform 0.8s;			
}
.bbox-canvas::before {
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}
.bbox-canvas::after {
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}
.border-box:hover .bbox-canvas::before,
.border-box:hover .bbox-canvas::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}


/*=============== Google Map ===============*/
.gw-google-map {
	float:left;
	width:100%;
	height:350px; /* 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; 	
}


/*=============== Contact Form 7 ===============*/
.wpcf7-form p {
	margin:4px 0 4px 0;
	float:left;
	width:100%;
}
.wpcf7-form label {
	margin:0 0 8px 0;
	text-transform:uppercase;
	font-size:12px;
	letter-spacing:1px;
}
.wpcf7-text {
	width:100%;	
}
.col-md-6 .wpcf7-text, .col-md-4 .wpcf7-text, .col-md-3 .wpcf7-text, .col-md-2 .wpcf7-text {
	width:100%;	
}
.wpcf7-textarea {
	width:100%;	
}
.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%;	
	border-radius:2px;
	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:18px;
}



/*=============== Easy Mailchimp Forms ===============*/
.yks-mailchimpFormDivRow label {
	margin-top:10px;
	text-transform:uppercase;
	font-size:12px;
	letter-spacing:1px;
}
.yks-mailchimpFormDivRowField {
	margin:3px 0 3px 0;
}
.yks-mailchimpFormDivRow {
	margin:0;
	padding:0;
}
.yks-mailchimpFormDivSubmit p {
	margin:0;	
}
.yks-status .yks-success {
	border-left:0 none;
	padding:20px 0 20px 0;
	background-color:none;
	-webkit-box-shadow:0 0 0 0 rgba(0,0,0,0);
	box-shadow:0 0 0 0 rgba(0,0,0,0);
}


/*=============== Counter ===============*/
.counter-wrapper {
	float:left;
	width:100%;
	text-align:center;
}
.counter-number, .counter-symbol {
	font-size:52px;
	line-height:56px;
}
.counter-title {
	margin:4px 0 0 0;
	font-weight:300;
}
.counter-icon {
	font-size:34px;
	margin:0 0 12px 0;
	display:inline-block;
}



/*=============== Panels ===============*/
.panel {
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	-webkit-box-shadow:0 0 0 rgba(0, 0, 0, 0);
	box-shadow:0 0 0 rgba(0, 0, 0, 0);
}
.panel-heading {
	padding:19px 22px 19px 22px;
	border-top-left-radius:0;
	border-top-right-radius:0;
}
.panel-heading h6 {
	font-size:12px;
	line-height:18px;

	text-transform:uppercase;
	letter-spacing:1px;	
}
.panel-body {
	padding:26px 22px 26px 22px;			
}


/*=============== My Icon ===============*/
.myicon-left {
	text-align:left;
	float:left;
}
.myicon-center {
	text-align:center;
	margin:auto;
	display:block;
}
.myicon-right {
	text-align:right;
	float:right;	
}


/*=============== Grid Image Wrapper ===============*/
.grid-image {
	float:left;
	width:100%;	
}
.grid-image img {
	display:block;
	margin:0;
	padding:0;
	float:left;	
}



/*=============== 5.0 PORTFOLIO ===============*/


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


/* 2 column classic */
.pxd2-parent {
	float:left; 
	width:1212px;
	margin:0 0 0 -42px;
}
.pxd-2 {
	float:left;
	/*width:46.5%;*/
	width:563px;
	margin:0 0 0 42px;	
}

/* 3 column classic */
.pxd3-parent {
	float:left; 
	width:1228px;
	margin:0 0 0 -58px;
}
.pxd-3 {
	float:left;
	/*width:28.58%;*/
	width:350px;
	overflow:hidden;
	margin:0 0 0 58px;
	height:auto;
}

/* 4 column classic */
.pxd4-parent {
	float:left;
	width:1212px;
	margin:0 0 0 -42px;
}
.pxd-4 {
	float:left;
	width:21.57%;
	margin:0 0 0 42px;
	height:auto;
	padding:0;
}
.pxd4-cat {
	width:21.53%;	
}



/* grid columns */
.pxd2-grid, .pxd3-grid, .pxd4-grid {
	float:left;
	width:100%;
	margin:32px 0 32px 0;
}
.pgxd-2 {
	float:left;
	width:585px;
	margin:0;
	height:auto;
	padding:0;
}
.pgxd-3 {
	float:left;
	width:390px;
	margin:0;
	height:auto;
	padding:0;
}
.pgxd-4 {
	float:left;
	width:292px;
	margin:0;
	height:auto;
	padding:0;
}


/* full grid on 4 columns */
.pxd4-fullgrid {
	width:100%;
}
.body-wrapper .pxd4-fullgrid {
	width:100.2%;
}
.pfg-4 {
	float:left;	
	margin:0;
	height:auto;
	padding:0;	
	width:24.9%;
}
.body-wrapper .pfg-4 {
	width:25%;		
}





/*=============== 5.2 Isotope Filtering ===============*/
.isotope-item {
	z-index:2;
}
.isotope-hidden.isotope-item {
	z-index:1;
}

/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}



/*=============== 5.3 Portfolio Filtering ===============*/
.portfolio-filter-wrapper {
	text-align:center;
	text-transform:uppercase;
	font-size:12px;
	line-height:20px;
	letter-spacing:1px;
	margin:20px 0 50px 0;
}
.pfw-sidebar {
	margin:2px 0 0 0;
}
.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;
}
.portfolio-filter li a {
	display:block;
	padding:16px 24px 16px 24px;
}	
.portfolio-filter li a:hover, .portfolio-filter li .pselected {
	text-decoration:none;	
}
.pf-fullgrid .portfolio-filter-wrapper {
	margin:0;	
}



/*=============== 5.4 Portfolio General Styling ===============*/
.cport-classic {
	padding:70px 0 40px 0;	
}
#portfolio-container {
	margin:0;
	padding:0;	
}
#portfolio-container, #portfolio-container li {
	list-style:none;
}
.cport-item {
	margin-top:32px;
	margin-bottom:32px;	
}
.entry-port-title {
	text-align:center;
	margin:15px 0 0 0;
}
.ep-cat {
	margin:2px 0 0 0;
	font-size:12px;	
}
.pxd-2 .port-title {
	margin-top:26px;
}
.pf-fullgrid {
	padding:70px 0 70px 0;
	float:left;
	width:100%;
}
.noport-post {
	margin:10px 0 42px 0;
	text-align:center;	
}


/*=============== 5.5 Portfolio Image Hover Effects ===============*/

/* effect 1 - img + separate text */
.port-viewer-1 {
	position:relative;
	overflow:hidden;
}
.port-viewer-1 img { 
	display:block;

	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translateZ(0) scale(1.2);
	transform: scale(1.2);
	-webkit-backface-visibility: hidden;	
}
.port-viewer-1:hover img {
	-webkit-transform: scale(1);
	transform: scale(1);
}
.imgp-overlay-1 {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	display:block;
	opacity:0;
    transition: opacity .4s ease-in-out;
    -moz-transition: opacity .4s ease-in-out;
    -webkit-transition: opacity .4s ease-in-out;
}

.port-viewer-1:hover .imgp-overlay-1 {
	opacity:0.8;
}
.imgp-zoom-1, .imgp-permalink-1 {
	opacity:0;
	position:absolute;
	left:50%;
	top:50%;
	font-size:16px;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s; 
	transition:0.3s;		
	padding:14px 14px 10px 14px;
	display:block;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-webkit-transform: scale(1.5);
	transform: scale(1.5);	
}
.imgp-zoom-1 {
	margin:-23px 0 0 -48px;
}
.imgp-permalink-1 {
	margin:-23px 0 0 3px;
}
.port-viewer-1:hover .imgp-zoom-1, .port-viewer-1:hover .imgp-permalink-1 {
	opacity:1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.imgp-zoom-1:hover, .imgp-permalink-1:hover {
	text-decoration:none;
}




/* effect 2 - img + separate text */
.port-viewer-2 {
	position:relative;
	overflow:hidden;
}
.port-viewer-2 img { 
	display:block;
	-webkit-transition: opacity 0.45s, -webkit-transform 0.45s;
	transition: opacity 0.45s, transform 0.45s;	
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);		
}
.port-viewer-2:hover img {
	-webkit-transform: translate3d(0,-14px,0);
	transform: translate3d(0,-14px,0);
	opacity:0.8;
	
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;	
}
.imgp-overlay-2 {
	position:absolute;
	bottom:0;
	left:0;
	display:block;
	padding:14px 0 14px 0;
	width:100%;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform: translate3d(0,110%,0);
	transform: translate3d(0,110%,0);
}
.port-viewer-2:hover .imgp-overlay-2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.imgp-zoom-2, .imgp-permalink-2 {
	text-transform:uppercase;
	font-size:11px;
	display:block;
	letter-spacing:1px;
}
.imgp-zoom-2:hover, .imgp-permalink-2:hover {
	text-decoration:none;
}
.imgp-zoom-2 {
	float:left;
	margin:0 0 0 24px;
}
.imgp-permalink-2 {
	float:right;
	margin:0 24px 0 0	
}



/* effect 3 - img + separate text */
.port-viewer-3 {
	position:relative;
	overflow:hidden;
}
.port-viewer-3 img { 
	display:block;    
	transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -webkit-transition: opacity .2s ease-in-out;	
}
.port-viewer-3:hover img {
	opacity:0.14;

}
.imgp-overlay-3 {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	display:block;
}
.imgp-zoom-3 {
	left:50%;
	top:50%;
	position:absolute;
	z-index:3;
	text-transform:uppercase;
	font-size:12px;
	letter-spacing:1px;
	width:140px;
	margin:-12px 0 0 -70px;
	text-align:center;
	opacity:0;
    transition: opacity .4s ease-in-out;
    -moz-transition: opacity .4s ease-in-out;
    -webkit-transition: opacity .4s ease-in-out;
}
.imgp-zoom-3:hover {
	text-decoration:none;
}

.imgp-overlay-3:hover .imgp-zoom-3 {
	opacity:1;
}
.port-viewer-3 .imgp-overlay-3::before,
.port-viewer-3 .imgp-overlay-3::after {
	position: absolute;
	top: 22px;
	right: 22px;
	bottom: 22px;
	left: 22px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
	transition: opacity 0.5s, transform 0.5s;	
}
.port-viewer-3 .imgp-overlay-3::before {
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}
.port-viewer-3 .imgp-overlay-3::after {
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}
.port-viewer-3:hover .imgp-overlay-3::before,
.port-viewer-3:hover .imgp-overlay-3::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}



/* portfolio grid effect 1 */
.port-viewer-g1 {
	position:relative;
	overflow:hidden;
}
.port-viewer-g1 img { 
	display:block;

	-webkit-transition: opacity 0.45s, -webkit-transform 0.45s;
	transition: opacity 0.45s, transform 0.45s;	
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);	
	

	-webkit-backface-visibility: hidden;	
}
.port-viewer-g1:hover img {
	-webkit-transform: translate3d(0,-14px,0);
	transform: translate3d(0,-14px,0);
	opacity:0.8;
}
.imgp-overlay-g1 {
	position:absolute;
	bottom:0;
	left:0;
	display:block;
	padding:18px 0 18px 0;
	width:100%;
	-webkit-transition: -webkit-transform 0.4s;
	transition: transform 0.4s;
	-webkit-transform: translate3d(0,110%,0);
	transform: translate3d(0,110%,0);
	text-align:center;
}
.port-viewer-g1:hover .imgp-overlay-g1 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.imgp-overlay-g1 .port-title a {
	font-size:17px;

	padding:0 22px 0 22px;
}
.pxd2-grid .imgp-overlay-g1 {
	padding:22px 0 22px 0;	
}
.pxd2-grid .imgp-overlay-g1 .port-title a {
	font-size:19px;
}



/* portfolio grid effect 2 */
.imgp-e2 .port-title {
	margin-top:22%;		
}
.pgrid-btn {
	font-size:11px;
	padding:1px 14px 0 14px;
	margin-top:4px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;			
	border-radius:3px;
	display:inline-block;
	margin-top:14px;
	line-height:28px;
	overflow:hidden;
	opacity:0;
	
	-webkit-transition: opacity 0.45s, -webkit-transform 0.45s;
	transition: opacity 0.45s, transform 0.45s;		
	-webkit-transform: translate3d(0,14px,0);
	transform: translate3d(0,14px,0);	
}
.imgp-grid:hover .pgrid-btn {
	opacity:1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);		
}
.pgxd-3 .imgp-e2 .port-title {
	margin-top:25%;
	font-size:19px;			
}
.pgxd-2 .imgp-e2 .port-title {
	margin-top:27%;
	font-size:24px;			
}



/* portfolio grid effect 3 */
.imgp-zoom-g3, .imgp-permalink-g3 {
	opacity:0;
	position:absolute;
	left:50%;
	top:50%;
	font-size:14px;
	line-height:0;
	z-index:4;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s; 
	transition:0.3s;		
	padding:12px 13px 11px 13px;
	display:block;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}
.imgp-zoom-g3 {
	margin:-2px 0 0 -40px;
}
.imgp-permalink-g3 {
	margin:-2px 0 0 2px;
}
.port-viewer-3:hover .imgp-zoom-g3, .port-viewer-3:hover .imgp-permalink-g3 {
	opacity:1;
	-webkit-backface-visibility: hidden;		
	-webkit-transform: translateZ(0) scale(1);
	transform: translateZ(0) scale(1);
}
.imgp-zoom-g3:hover, .imgp-permalink-g3:hover {
	text-decoration:none;
}
.imgp-grid .port-title {
	text-align:center;
	font-size:17px;
	font-weight:300;
	margin-top:20%;
	opacity:0;
	-webkit-transition: opacity 0.45s, -webkit-transform 0.45s;
	transition: opacity 0.45s, transform 0.45s;		
	-webkit-transform: translate3d(0,-14px,0);
	transform: translate3d(0,-14px,0);
	z-index:4;
	position:relative;	
}
.imgp-grid:hover .port-title {
	opacity:1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);		
}

.pgxd-3 .imgp-grid .port-title {
	margin-top:24%;
	font-size:19px;			
}

.pgxd-2 .imgp-grid .port-title {
	margin-top:27%;
	font-size:24px;			
}


/* portfolio full grid effect 1 */
.port-viewer-fg1 {
	position:relative;
	overflow:hidden;	
}
.imgp-overlay-fg1 {
	position:absolute;
	left:0;
	top:50%;
	width:100%;
	display:block;
	text-align:center;
	margin-top:-25px;
}
.port-viewer-fg1 img {
	display:block;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity:1;
}
.port-viewer-fg1:hover img {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity:0.14;	
}
.imgp-overlay-fg1 .port-title a {
	display:inline-block;
	padding:12px 30px 12px 30px;

	-moz-border-radius:2px;
	-webkit-border-radius:2px;		
	border-radius:2px;
	
	font-size:17px;
	font-weight:300;	
	opacity:0;
	-webkit-transition: 0.45, opacity 0.45s, -webkit-transform 0.45s;
	transition: 0.45, opacity 0.45s, transform 0.45s;
	-webkit-transform: translate3d(0,20px,0) scale(1.2);
	transform: translate3d(0,20px,0) scale(1.2);
}
.port-viewer-fg1:hover .imgp-overlay-fg1 .port-title a {
	opacity:1;
	-webkit-transform: translate3d(0,0,0) scale(1);
	transform: translate3d(0,0,0) scale(1);		
}



/* portfolio full grid effect 2 */
.port-viewer-fg2 {
	position:relative;
	overflow:hidden;	
}
.port-viewer-fg2 img {
	display:block;
	transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -webkit-transition: opacity .2s ease-in-out;		
	opacity:1;
}
.port-viewer-fg2:hover img {
	opacity:0.14;
}
.imgp-overlay-fg2 {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	display:block;
}

.port-viewer-fg2 .imgp-overlay-fg2::before,
.port-viewer-fg2 .imgp-overlay-fg2::after {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
	transition: opacity 0.5s, transform 0.5s;	
}
.port-viewer-fg2 .imgp-overlay-fg2::before {
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}
.port-viewer-fg2 .imgp-overlay-fg2::after {
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}
.port-viewer-fg2:hover .imgp-overlay-fg2::before,
.port-viewer-fg2:hover .imgp-overlay-fg2::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.imgp-overlay-fg2 .port-title {
	font-size:19px;
	font-weight:300;	
}
.imgp-overlay-fg2 .port-title a {
	display:inline-block;
	opacity:0;
	position:absolute;
	left:0;
	top:50%;
	width:100%;
	text-align:center;
	margin-top:-34px;	
	z-index:4;	
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,10px,0);
	transform: translate3d(0,10px,0);
}
.port-viewer-fg2:hover .imgp-overlay-fg2 .port-title a {
	opacity:1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);	
}
.imgp-overlay-fg2:hover .imgp-zoom-3 {
	opacity:1;
}
.imgp-overlay-fg2:hover .pgrid-btn {
	opacity:1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);		
}


/* portfolio full grid effect 3 */
.pfg-4 .imgp-grid .port-title {
	font-size:19px;
	margin-top:25.5%;
}
.pfg-4 .port-viewer-3 .imgp-overlay-3::before,
.pfg-4 .port-viewer-3 .imgp-overlay-3::after {
	top:30px;
	right:30px;
	bottom:30px;
	left:30px;
}
.body-wrapper .pfg-4 .imgp-grid .port-title {
	margin-top:23%;	
}


/*=============== 5.6 Portfolio Related Works ===============*/
.related-wrapper {
	float:left;
	width:100%;
	background-image:url('images/skew_pattern.png');
	background-repeat:repeat;
	background-position:top left;
}
.related-title {
	padding:50px 0 50px 0;
	text-align:center;
}
.owl-related-works .port-viewer-g1:hover img {
	opacity:1;
}



/*=============== 5.7 Latest Works Shortcode ===============*/



/* ========= Owl Carousel ========= */
/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/* 
 * 	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 {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  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;
	/* fix for flashing background */
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.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;
	background: url("owl.video.play.png") no-repeat;
	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 Clients Carousel  ========= */
.owl-carousel .owl-item img {
	width:100%;	
}
.owl-clients {
	margin:40px 0 10px 0;
	position:relative;
}
.owl-clients .item {
	text-align:center;
	position:relative;
	padding-bottom:30px;
}
.owl-clients .carousel-img {
	display:block;

	margin-left:auto; 
	margin-right:auto;
	transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -webkit-transition: opacity .2s ease-in-out;	
}
.carousel-url {
	display:block;	
}


/* carousel tooltip */
.carousel-tooltip-wrapper { 
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:1px;
	font-size:10px;
	z-index:10;
	transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -webkit-transition: opacity .2s ease-in-out;		
	opacity:0;
}
.owl-clients .item:hover .carousel-tooltip-wrapper {
	opacity:1;	
}
.carousel-tooltip {
	width:auto;
	padding:2px 12px 2px 12px;
	display:inline-block;	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;		
}
.carousel-tooltip-arrow {
	position:absolute;
	left:50%;
	margin-left:-5px;
	top:-5px;
	width:0; 
	height:0; 
}



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

/* dots navigation */
.owl-dots {
	text-align:center;
	height:14px;
	margin:14px 0 14px 0;	
}
.owl-dots .owl-dot {
	width:14px;
	height:14px;
	margin:0 3px 0 3px;
	display:inline-block;
	border-radius:40px;
	background:rgba(0, 0, 0, 0.07);
}
.owl-dots .active {
	background:rgba(0, 0, 0, 0.14);	
}

/*
.owl-dots-overlay {
	position:relative;	
}*/
.owl-dots-overlay .owl-dots {
	position:relative;
	margin-top:-80px;
}
.owl-dots-overlay .owl-dots .owl-dot {
	background:rgba(0, 0, 0, 0.2);	
}
.owl-dots-overlay .owl-dots .active {
	background:rgba(0, 0, 0, 0.4);			
}	
	
	
	


/* prev & next buttons */
.owl-standard .owl-nav, .owl-related-works .owl-nav {
	text-align:center;
}
.owl-latestblog .owl-nav, .owl-latestport .owl-nav {}
.owl-latestblog .owl-nav {
	margin:30px 0 0 0;	
}
.owl-standard .owl-prev, .owl-standard .owl-next, .owl-related-works .owl-prev, .owl-related-works .owl-next,
.owl-latestblog .owl-prev, .owl-latestblog .owl-next, .owl-latestport .owl-prev, .owl-latestport .owl-next {
	margin:0 1px 0 0;
	padding:7px 15px 7px 15px;
	background:rgba(0, 0, 0, 0.06);
	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-standard .owl-prev:hover, .owl-standard .owl-next:hover,
.owl-latestblog .owl-prev:hover, .owl-latestblog .owl-next:hover,
.owl-latestport .owl-prev:hover, .owl-latestport .owl-next:hover {
	background:rgba(0, 0, 0, 0.14);	
}
.owl-related-works .owl-nav {
	text-align:left;
	margin:0;
}



/* =============== 6.0 Revolution Slider =============== */
.revslider-wrapper, .revslider-fullscreen-wrapper {
	float:left;
	width:100%;
	/*margin-top:-106px;*/ /* push the slider up behind the menu */
}

.tp-leftarrow.square-old, .tp-rightarrow.square-old {
	width:46px;
	height:72px;
	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 { 
	-moz-border-top-right-radius:2px;
	-webkit-border-top-right-radius:2px;
	border-top-right-radius:2px;
	-moz-border-bottom-right-radius:2px;
	-webkit-border-bottom-right-radius:2px;	
	border-bottom-right-radius:2px;	
}
.tp-rightarrow.square-old {
	-moz-border-top-left-radius:2px;
	-webkit-border-top-left-radius:2px;
	border-top-left-radius:2px;
	-moz-border-bottom-left-radius:2px;
	-webkit-border-bottom-left-radius:2px;	
	border-bottom-left-radius:2px;		
}


.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:28px;	
}
.tp-leftarrow.square-old:before {
	content: "\f104";
	position:relative;
	left:16px;
	top:26px;
}
.tp-rightarrow.square-old:before {
	content: "\f105";
	position:relative;	
	left:18px;
	top:26px;	
}

.tp-bullets.simplebullets.square-old .bullet {	
	cursor:pointer; 
	position:relative;	
	background:url('images/re_bullets.png') no-repeat bottom left;	
	width:18px;	
	height:18px;  
	margin-right:0px; 
	float:left; 
	margin-top:0px;
	margin:0 3px 14px 3px;
}
.tp-bullets.simplebullets .bullet:hover,
.tp-bullets.simplebullets .bullet.selected {	
	background-position:top left; 
}
.tp-bannertimer {
	background: rgba(255, 255, 255, 0.15);
	z-index:20;
}




/* =============== Revolution Slider - Custom Elements =============== */
.ht-dream-slider, .ht-dream-slider2 {
	text-align:center;
	color:#fff;
	min-width:430px;
}
.slide-white, .slide-white a {
	color:#fff;	
}
.slide-white a:hover {
	color:#fff;	
}
/*
By default revolution slider decreases the font size for all elements on smaller screen resolutions.
To a point this is fine but for spans inside headers it happens that the span font becomes smaller than the
rest of the header font( that is not wrapped within span), so we need to force the spans inside headers to 
have the same font size as the header itself.
*/
.slide-white h1 span, .slide-white h2 span, .slide-white h3 span, .slide-white h4 span, .slide-white h5 span, .slide-white h6 span {
	font-size:inherit !important;
}
.trans-line {
	width:100%;
	height:1px;
	overflow:hidden;
	background-color:rgba(255, 255, 255, 0.4);
}

.slide-intro {
	font-size:16px;
	text-align:center;
}
.slide-intro-left {
	font-size:16px;	
}
.slide-smalltext {
	font-size:12px;
	color:#fff;	
}

.sright-block1 {
	float:right;
	text-align:center;
	width:440px;
}
.build-desc {
	width:548px;
	float:left;	
}
.window-twrapper {
	width:548px;
}
.stext-center {
	text-align:center;	
}



/* =============== 7.0 bbPress =============== */
#bbpress-forums {
	background: transparent;
	margin-bottom: 0;
	font-size: 14px;
}

#bbpress-forums div.bbp-forum-header,
#bbpress-forums div.bbp-topic-header,
#bbpress-forums div.bbp-reply-header {
	padding:42px 0 11px 0; 
	font-size:12px;
}
#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-topics,
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-replies,
#bbpress-forums ul.bbp-search-results {
	font-size: 14px;
	margin-bottom: 20px;
}

#bbpress-forums ul.bbp-replies {
	border:0 none;
}

#bbpress-forums li.bbp-header,
#bbpress-forums li.bbp-footer {
	font-weight: bold;
	padding:20px 28px 20px 28px;
	text-align: center;
}
#bbpress-forums .bbp-replies li.bbp-header, 
#bbpress-forums .bbp-replies li.bbp-footer {
	padding:20px 8px 20px 8px;
}
.bbp-replies .bbp-header, #bbp-search-results .bbp-header {
	display:none;	
}
#bbpress-forums li.bbp-body ul.forum,
#bbpress-forums li.bbp-body ul.topic {
	border-top: 1px solid #e4e4e4;
	padding:22px 28px 22px 28px;
}
#bbpress-forums div.bbp-forum-author,
#bbpress-forums div.bbp-topic-author,
#bbpress-forums div.bbp-reply-author {
	margin:24px 0 10px 18px;
}

#bbpress-forums div.bbp-forum-author img.avatar,
#bbpress-forums div.bbp-topic-author img.avatar,
#bbpress-forums div.bbp-reply-author img.avatar {
	margin:17px auto 0 auto;	
}
#bbpress-forums div.bbp-forum-author a.bbp-author-name,
#bbpress-forums div.bbp-topic-author a.bbp-author-name,
#bbpress-forums div.bbp-reply-author a.bbp-author-name {	
	font-size:12px;	
	padding-top:4px;
}
.bbp-topics ul { 
	position:relative;
}
.bbp-topics ul:before {
	content: "\e018";	
	font-family: 'linecons';
	font-size:32px; 
	float:left;
	position:absolute;
	left:28px;
	top:30px;
}
.bbp-topics ul li {
	padding-left:50px;	
}
.bbp-topics .bbp-header ul:before {
	display:none;
}



/* =Topic and reply content
-------------------------------------------------------------- */
#bbpress-forums div.bbp-forum-content,
#bbpress-forums div.bbp-topic-content,
#bbpress-forums div.bbp-reply-content {
	margin-left: 160px;
	padding: 22px 28px 22px 0;
	text-align: left;
}
#bbpress-forums div.bbp-topic-content code,
#bbpress-forums div.bbp-reply-content code,
#bbpress-forums div.bbp-topic-content pre,
#bbpress-forums div.bbp-reply-content pre {
	padding:12px 20px 12px 20px;
	line-height:20px;
	max-width:100%;	
}
#bbpress-forums div.bbp-topic-content ul,
#bbpress-forums div.bbp-reply-content ul,
#bbpress-forums div.bbp-topic-content ol,
#bbpress-forums div.bbp-reply-content ol {
	margin: 0 30px 15px;
}


/* =Breadcrumb and Tags
-------------------------------------------------------------- */
div.bbp-breadcrumb,
div.bbp-topic-tags {
	font-size:14px;
}
#bbpress-forums div.bbp-breadcrumb p,
#bbpress-forums div.bbp-topic-tags p {
	margin:0 0 30px 0;
}


/* =Search
-------------------------------------------------------------- */
#bbpress-forums div.bbp-search-form {
	float:left;
	clear:both;
	width:100%;
	margin:0 0 30px 0;
}
#bbpress-forums #bbp-search-form #bbp_search {
	width: 30%;
}


/* =Toggles
-------------------------------------------------------------- */
#bbpress-forums .bbp-forum-info .bbp-forum-content,
#bbpress-forums p.bbp-topic-meta {
	margin:0;
}



/* =Pagination
-------------------------------------------------------------- */
.bbp-pagination {
	margin:0 0 20px 0;
}
.bbp-pagination-count {
	font-size:12px;
}
.bbp-pagination-links a,
.bbp-pagination-links span.current {
	border:0 none;
	padding:8px 15px 8px 15px;
	margin:0 0 0 1px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}
.bbp-pagination-links a:hover,
.bbp-pagination-links span.current {
	opacity:1;
}


/* =Forms
-------------------------------------------------------------- */
#bbpress-forums fieldset.bbp-form {
	clear: left;
}
#bbpress-forums fieldset.bbp-form {
	padding: 30px 28px 30px 28px;
	margin:120px 0 20px 0;
}
#bbpress-forums fieldset.bbp-form legend {
	padding:5px 10px 5px 10px;
	font-size:17px;
	width:auto;
}
#bbpress-forums fieldset.bbp-form label {
	margin:0;
	display:inline-block;
}
#bbpress-forums fieldset.bbp-form p,
#bbpress-forums fieldset.bbp-form textarea,
#bbpress-forums fieldset.bbp-form select,
#bbpress-forums fieldset.bbp-form input {
	margin: 0 0 8px;
	text-transform:none;
	letter-spacing:0;
}


/* =TinyMCE in themes
-------------------------------------------------------------- */
#bbpress-forums div.bbp-the-content-wrapper {
	margin-bottom: 30px;
}


/* =Edit User
-------------------------------------------------------------- */
#bbpress-forums #bbp-your-profile fieldset input,
#bbpress-forums #bbp-your-profile fieldset textarea {
	margin-bottom: 0;
	width: 60%;
}


/* =Notices
-------------------------------------------------------------- */

div.bbp-template-notice {
	display:none;	
}
div.bbp-template-notice,
div.indicator-hint {
	border-width:0;
	padding:8px 28px 8px 28px;
	margin:0px 0 20px 0;
	border-radius:0;
}
div.bbp-template-notice a {
	text-decoration: none;
}


/* =Stickies
-------------------------------------------------------------- */

.bbp-topics-front ul.super-sticky,
.bbp-topics ul.super-sticky,
.bbp-topics ul.sticky,
.bbp-forum-content ul.sticky {
	font-size: 14px;
}
.bbp-topics ul.super-sticky:before,
.bbp-topics ul.sticky:before,
.bbp-forum-content ul.sticky:before {
	content: "\e012";	
	font-family: 'linecons';
	font-size:32px; 
	float:left;
	position:absolute;
	left:28px;
	top:30px;
}


/* =Revisions
-------------------------------------------------------------- */

#bbpress-forums .bbp-topic-content ul.bbp-topic-revision-log,
#bbpress-forums .bbp-reply-content ul.bbp-topic-revision-log,
#bbpress-forums .bbp-reply-content ul.bbp-reply-revision-log {
	padding: 12px 0 0 0;
}


/* =Widgets
-------------------------------------------------------------- */
#sidebar .bbp-login-form .bbp-remember-me label {
	width:220px;
	position:relative;
	top:2px;	
}
.bbp-login-links {
	font-size:12px;
	margin:14px 0 0 0;
	float:left;
	width:100%;	
}


/* Login Widget */
.bbp-login-form fieldset legend {
	display: none;
}
.bbp-login-form label {
	position:relative;
	top:2px;
	margin-right:4px;	
}
.bbp-logged-in img.avatar {
	margin:0 15px 15px 0;
}
.bbp-logged-in h4 {
	position:relative;
	top:-4px;
	font-weight:normal;
	font-size:17px;
	margin-bottom:0;
}
.bbp-logged-in {
	font-size:12px;	
}



/* Recent Topics Widget */
.widget_display_topics ul {
	margin-top:-24px;	
}
.widget_display_topics ul li {
	padding:24px 0 24px 0;
	margin:0;
}
.widget_display_topics ul li div {
	font-size:12px;	
}


/* Display Views Widget */
.widget_display_views ul {
	margin-top:-14px;	
}
.widget_display_views ul li {
	padding:14px 0 14px 0;
	margin:0;	
}

/* Display Forums Widget */
.widget_display_forums ul {
	margin-top:-14px;	
}
.widget_display_forums ul li {
	padding:14px 0 14px 0;
	margin:0;	
}


/* Recent Replies Widget */
.widget_display_replies ul {
	margin-top:-24px;	
}
.widget_display_replies ul li {
	padding:24px 0 24px 0;
	margin:0;
}
.widget_display_replies ul li div {
	font-size:12px;	
}


/* Display Stats Widget */
.widget_display_stats dd {
	margin-bottom:14px;
}


/* =User Pages
-------------------------------------------------------------- */
#bbpress-forums #bbp-user-wrapper h2.entry-title {
	font-size:29px;
}
#bbpress-forums #bbp-single-user-details #bbp-user-navigation li.current a {
	opacity: 1;
}



/* =Custom Overwrites For bbPress
-------------------------------------------------------------- */
.bbp-forum-description .bbp-author-avatar, .bbp-topic-started-by .bbp-author-avatar, .bbp-topic-description .bbp-author-avatar,
.bbp-reply-revision-log-item .avatar, .bbp-topic-revision-log .avatar { 
	display:none;	
}
.widget_display_topics .bbp-author-avatar { 
	display:none; 
}
.bbp-topic-freshness-author  .bbp-author-avatar { 
	display:none; 
}
.bbp-reply-author br, .bbp-topic-author br {
	display:none;
}
.bbp-reply-post-date:before, .bbp-topic-post-date:before {
	content: "\f073";	
	font-family:FontAwesome;
	font-weight:normal;
	font-style:normal;
	text-decoration:inherit;
	-webkit-font-smoothing:antialiased;
	font-size:14px;
	padding:0 10px 0 0;		
}
.bbp-footer {
	display:none;
}
#subscription-toggle {
	margin:0 0 20px 0;
	font-size:12px;
	float:left;
	clear:both;
}
#subscription-toggle a {
	display:block;	
	padding:3px 12px 3px 12px;
	border-radius:3px;
}
#subscription-toggle a:hover {
	text-decoration:none;	
}
#bbp_search {
	height:42px;	
}
#bbpress-forums ul.bbp-search-results {
	border:0 none;
}
#bbpress-forums ul.bbp-search-results .bbp-topic-title h3 {
	margin:20px 0 20px 0;
	font-size:19px;
}
div.bbp-submit-wrapper {
	float:left;	
}
.bbp-topics-front ul,
.bbp-topics ul,
.bbp-topics ul,
.bbp-forum-content ul {
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s; 
	transition:0.5s;			
}



/* =============== 8.0 Media Queries =============== */

/* Semi-large desktops and laptops */
@media (min-width: 1200px) and (max-width: 1366px) {
	.container {
		width:1100px;
		/*border:1px solid orange;*/
	}
	
	.thw-boxed, .body-wrapper { 
		width:1190px;
	}
	/*.body-wrapper { border:1px solid red; }*/


	.inner-content {
		width:758px;
		margin-right:41px;		
	}
	.blog-content {
		width:657px;
	}
	
	/* masonry blog */
	.bm-2col .gutter-sizer { 
		width:5%; 
	}
	.bm-2col .xd-3 {
		width:47.5%;
	}
	
	
	/* team popup */
	.tpopup-icon {
		margin:-67px 0 0 -36px;
		font-size:26px;	
		width:64px;
		padding:22px 0 18px 0;
	}	
	
	
	/* PORTFOLIO */
	.pagination-portfolio {
		margin-left:36px;
	}
	
	/* force the portfolio items to preserve the same margin between items on smaller screen sizes
	(isotope is overwriting this setting and to counter this we need to use !important) */	
	.cport-item {
		margin-top:32px !important; 
		margin-bottom:32px !important;	
	}
	
	/* 2 column classic */
	.pxd2-parent {
		width:1142px;
		margin:0 0 0 -42px;
	}
	.pxd-2 {
		width:528px;
		margin:0 0 0 42px;	
	}
	
	/* 3 column classic */
	.pxd3-parent {
		width:1158px;
		margin:0 0 0 -58px;
	}
	.pxd-3 {
		width:328px;
		margin:0 0 0 58px;
	}
	
	/* 4 column classic */
	.pxd4-parent {
		width:1142px;
		margin:0 0 0 -39px;
	}
	.pxd-4 {
		width:21.57%;
		margin:0 0 0 39px;
	}	
	
	/* 2 columns grid */
	.pgxd-2 {
		width:550px;
	}
	
	/* 3 columns grid */
	.pgxd-3 {
		width:366px;
	}
	
	/* 4 columns grid */
	.pgxd-4 {
		width:274px;
	}	
	
	
	/* 4 columns full grid */
	.pfg-4 {
		width:24.9%;
	}
	.body-wrapper .pfg-4 {
		width:25%;		
	}
		
	/* portfolio full grid effect 3 */
	.pfg-4 .imgp-grid .port-title {
		font-size:19px;
		margin-top:23%;
	}	
	
	
	
	/* revolution slider */

	
	
}

/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
	.container {
		width:900px;
		/*border:1px solid pink;*/
	}
	
	.thw-boxed, .body-wrapper { 
		width:980px;
	}
	/*.body-wrapper { border:1px solid red; }*/
	
	
	/* force header 1 to be smaller on lower screen resolutions. 
	Since these settings are defined in the theme options panel, 
	they can be overwritten only with !important */
	h1 {
		font-size:44px !important;
		line-height:50px !important;	
	}
	
	/* lower the header spacing on lower resolutions */
	.gw-header-spacing {
		height:63px;
	}
	.gw-header-spacing-2 {
		height:70px;
	}	
	
	
	.inner-content {
		width:557px;
		margin-right:38px;		
	}
	.blog-content {
		width:457px;
	}
	.spm-fourth {
		width:49.99%;
	}
	
	/* masonry blog */
	.bm-2col .gutter-sizer { 
		width:6%; 
	}
	.bm-2col .xd-3 {
		width:47%;
	}
	.post-url, .blog-masonry .post-url {
		padding:20px 16px 20px 16px;
	}
	.entry-block-masonry .entry-misc span {
		padding:4px 10px 4px 0;
		font-size:12px;		
	}
	.entry-block-masonry .entry-misc span:last-child {
		padding-right:0;
		margin-right:0;			
	}
	
	/* testimonial slider */	
	.testimonial-block {
		padding:0 70px 0 70px;
	}
	
	/* premium service */
	.piservice-button {
		float:left;
		margin-top:20px;
	}	
	
	/* team popup */
	.tpopup-icon {
		margin:-67px 0 0 -36px;
		font-size:26px;	
		width:64px;
		padding:22px 0 18px 0;
	}
	

	
	/* half service */	
	.hservice-block {
		width:100%;
	}
	.hservice-container, .hsc-right {
		float:none;	
	}
	.hservice-container {
		margin:0 auto;
	}
	.hservice-content {
		width:86%;	
	}	
	.hservice-icon {
		width:14%;
		text-align:right;		
	}
	.hsc-right .hservice-icon {
		text-align:left;	
	}
	
	
	

	/* PORTFOLIO */
	.pagination-portfolio {
		margin-left:36px;
	}
		
	/* force the portfolio items to preserve the same margin between items on smaller screen sizes
	(isotope is overwriting this setting and to counter this we need to use !important) */	
	.cport-item {
		margin-top:32px !important; 
		margin-bottom:32px !important;	
	}
	
	/* 2 column classic */
	.pxd2-parent {
		width:942px;
		margin:0 0 0 -42px;
	}
	.pxd-2 {
		width:428px;
		margin:0 0 0 42px;	
	}
		
	/* 3 column classic */
	.pxd3-parent {
		width:938px;
		margin:0 0 0 -38px;
	}
	.pxd-3 {
		width:274px;
		margin:0 0 0 38px;
	}
		
	/* 4 column classic */
	.pxd4-parent {
		width:942px;
		margin:0 0 0 -32px;
	}
	.pxd-4 {
		width:21.57%;
		margin:0 0 0 32px;
	}	
	
	
	/* 2 columns grid */
	.pgxd-2 {
		width:450px;
	}
	.pxd2-grid .imgp-e2 .port-title {
		margin-top:25%;
	}
	/* effect 3 */	
	.pxd2-grid .imgp-grid .port-title {
		margin-top:25%;
	}
	/* effect 1 */
	.pxd2-grid .imgp-overlay-g1 {
		padding:18px 0 18px 0;	
	}
	.pxd2-grid .imgp-overlay-g1 .port-title a {
		font-size:17px;
	}	
			
	/* 3 columns grid */
	.pgxd-3 {
		width:300px;
	}
	.pxd3-grid .imgp-e2 .port-title {
		margin-top:22%;
		font-size:17px;		
	}
	/* effect 3 */	
	.pxd3-grid .imgp-grid .port-title {
		margin-top:22%;
		font-size:17px;
	}	
	
		
	/* 4 columns grid */
	.pgxd-4 {
		width:450px;
	}				
	
	/* effect 2 */
	.imgp-e2 .port-title {
		margin-top:25%;	
		font-size:19px;			
	}	
	
	/* effect 3 */	
	.imgp-grid .port-title {
		margin-top:25%;
		font-size:19px;
	}
	
	/* 4 columns full grid */
	.pfg-4 {
		width:24.9%;
	}
	.body-wrapper .pfg-4 {
		width:25%;		
	}
	/* portfolio full grid effect 3 */
	.pfg-4 .imgp-grid .port-title, .pfg-4 .imgp-overlay-fg2 .port-title {
		font-size:17px;
		margin-top:21%;
	}
	.body-wrapper .pfg-4 .imgp-grid .port-title {
		margin-top:20%;
	}
	.pfg-4 .port-viewer-3 .imgp-overlay-3::before,
	.pfg-4 .port-viewer-3 .imgp-overlay-3::after,
	.port-viewer-fg2 .imgp-overlay-fg2::before,
	.port-viewer-fg2 .imgp-overlay-fg2::after  {
		top: 10px;
		right: 10px;
		bottom: 10px;
		left: 10px;
	}
	
	/* contact form 7 */
	.wpcf7-text {
		width:100%;
	}	
		
		
	/* latest posts widget */
	.widget .wpost-content {
		padding:0;
	}
	.widget .wpost-image {
		display:none;
	}
	.widget .ln-list {
		margin-top:-20px;	
	}
	.widget .ln-list li {
		margin-top:20px;
		min-height:30px;	
	}
			
	
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	.container, .single-body {
		width:660px;
		/*border:1px solid green;*/
	}
	/*
	.col-md-2, .col-md-3, .col-md-4, .col-md-6 {
		margin-bottom:20px;	
	}*/
	.thw-boxed, .body-wrapper { 
		width:740px;
	}
	
	
	/* force header 1 to be smaller on lower screen resolutions. 
	Since these settings are defined in the theme options panel, 
	they can be overwritten only with !important */
	h1 {
		font-size:44px !important;
		line-height:50px !important;	
	}
	
	/* lower the header spacing on lower resolutions */
	.gw-header-spacing {
		height:63px;
	}
	.gw-header-spacing-2 {
		height:70px;
	}
	
		
	.inner-content {
		width:660px;
	}
	.blog-content {
		width:559px;	
	}
	.spm-fourth {
		width:49.99%;
	}	
	
	/* main menu */
	.sf-menu { 
		display:none; 
	}
	.dl-menuwrapper { 
		display:block; 
	}			
	.menu-resize {
		width:320px;
		position:absolute;
		top:0;
		right:60px;
	}
	
	/* footer menu */	
	.f-menu {
		float:left;	
	}
	.f-menu ul li {
		margin:0 20px 0 0;
	}
	
	#sidebar {
		margin:0 0 20px 0;	
	}
	
	/* masonry blog */
	.xd-3 {
		width:100%;
	}	
	.xd-3 .entry-block-masonry {
		margin:0 0 60px 0;		
	}	
	.entry-block-masonry .entry-misc span {
		padding:4px 22px 4px 0;	
	}
	
	/* counter shortcode */
	.counter-wrapper {
		margin:16px 0 16px 0;
	}
	
	/* testimonial slider */
	.testimonial-block {
		padding:0;
	}	
	
	/* premium service */	
	.piservice-block {
		width:100% !important; /* force the premium service block to be 100% width on small screen resolutions, thus overwriting the shortcode parameter set by the user */
	}

	.fbox {
		margin-top:10px;
		float:left; 
		width:100%;	
	}
	
	
	/* team popup */
	.teampopup-section {
		width:50% !important; /* force the image popup shortcode to be 50% width on small screen resolutions, thus overwriting the shortcode width parameter set by the user */
	}
	
	
	/* half service */		
	.hservice-block {
		width:100%;
	}
	.hservice-container, .hsc-right {
		float:none;	
	}
	.hservice-container {
		margin:0 auto;
	}
	.hservice-content {
		width:84%;	
	}	
	.hservice-icon {
		width:16%;
		margin:10px 0 0 0;
		text-align:right;
	}
	.hsc-right .hservice-icon {
		text-align:left;	
	}	
	
	
	
	/* PORTFOLIO */
	.pagination-portfolio {
		margin-left:36px;
	}
		
	/* force the portfolio items to preserve the same margin between items on smaller screen sizes
	(isotope is overwriting this setting and to counter this we need to use !important) */	
	.cport-item {
		margin-top:32px !important; 
		margin-bottom:32px !important;	
	}
	.portfolio-filter li a {
		padding:16px 18px 16px 18px;		
	}
	
	
	/* 2 column classic */
	.pxd2-parent {
		width:702px;
		margin:0 0 0 -42px;
	}
	.pxd-2 {
		width:308px;
		margin:0 0 0 42px;	
	}
	.pxd-2 .port-title {
		font-size:19px;
		line-height:27px;
		font-weight:normal;	
	}
	
	
	/* 3 column classic */
	.pxd3-parent {
		width:702px;
		margin:0 0 0 -42px;
	}
	.pxd-3 {
		width:308px;
		margin:0 0 0 42px;
	}
	
		
	/* 4 column classic */
	.pxd4-parent {
		width:702px;
		margin:0 0 0 -42px;
	}
	.pxd-4 {
		width:43.89%;
		margin:0 0 0 42px;
	}	
	
	
	/* 2 columns grid */
	.pgxd-2 {
		width:330px;
	}
	.pxd2-grid .imgp-e2 .port-title {
		margin-top:23%;
		font-size:19px;
	}
	/* effect 3 */	
	.pxd2-grid .imgp-grid .port-title {
		margin-top:23%;
		font-size:19px;		
	}
	/* effect 1 */
	.pxd2-grid .imgp-overlay-g1 {
		padding:16px 0 16px 0;	
	}
	.pxd2-grid .imgp-overlay-g1 .port-title a {
		font-size:17px;
	}
		
		
	/* 3 columns grid */
	.pgxd-3 {
		width:330px;
	}

		
	/* 4 columns grid */
	.pgxd-4 {
		width:330px;
	}				
	
	/* effect 2 */
	.imgp-e2 .port-title {
		margin-top:23%;	
		font-size:19px;			
	}	
	
	/* effect 3 */	
	.imgp-grid .port-title {
		margin-top:23%;
		font-size:19px;
	}	
	
	
	/* 4 columns full grid */
	.pfg-4 {
		width:49.2%
	}
	.body-wrapper .pfg-4 {
		width:49.9%;		
	}
		
	/* portfolio full grid effect 3 */
	.pfg-4 .imgp-grid .port-title {
		font-size:19px;
		margin-top:25.5%;
	}
	
	.pfg-4 .port-viewer-3 .imgp-overlay-3::before,
	.pfg-4 .port-viewer-3 .imgp-overlay-3::after {
		top: 30px;
		right: 30px;
		bottom: 30px;
		left: 30px;
	}	
	
	/* contact form 7 */
	.wpcf7-text {
		width:100%;
	}	
	
	/* bbpress */
	#bbpress-forums #bbp-search-form #bbp_search {
		width:100%;
	}
	
	/* this is a div of a shortcode where the user can create a container with any width he likes. However, on smaller screen resolutions, 
	no matter what height the user chooses, it needs to be overwritten with !important to avoid layout issues. */
	.percent-block { width:100% !important; }	
	
	
	/* revolution slider */
	.window-twrapper {
		width:414px;
	}	
	
	
	/* for smaller resolutions force the call to action title text to always float / align to left; */
	.cta-title {
		float:left;
		text-align:left !important;
	}	
		
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	.container, .single-body {
		width:400px;
		/*border:1px solid yellow;*/
	}
	
	/* force header 1 to be smaller on lower screen resolutions. 
	Since these settings are defined in the theme options panel, 
	they can be overwritten only with !important */
	h1 {
		font-size:32px !important;
		line-height:38px !important;	
	}
	
	/* lower the header spacing on lower resolutions */
	.gw-header-spacing {
		height:63px;
	}
	.gw-header-spacing-2 {
		height:70px;
	}
	
		
	.thw-boxed, .body-wrapper { 
		width:460px;
	}	
	
	.inner-content {
		width:400px;
	}
	#sidebar {
		margin:0 0 20px 0;	
	}	
	.blog-content {
		width:300px;	
	}
	.spm-fourth {
		width:100%;
	}
	
	/* social media share article */	
	.swh-padding {
		padding:0 20px 0 20px;	
	}		
	.smedia-list {
		font-size:14px;
	}	
	.smedia-list li a {	
		padding:8px 10px 6px 10px;
		width:36px;
	}	
	.author-info {
		width:318px;
	}	
	
	/* main menu */
	.sf-menu { 
		display:none; 
	}
	.dl-menuwrapper { 
		display:block; 
	}			
	.menu-resize {
		width:60px;
		position:absolute;
		top:0;
		right:0;			
	}	
	
	/* footer menu */	
	.f-menu {
		float:left;	
	}
	.f-menu ul li {
		margin:0 20px 0 0;
	}
		
	/* masonry blog */
	.xd-2, .xd-3, .bm-2col .xd-3 {
		width:100%;
	}
	.xd-3 .entry-block-masonry {
		margin:0 0 60px 0;		
	}	
	
	/* ========= comments section ========= */
	.commentlist li li {
		margin-left:0;
	}
	.comment-content .date {
		width:100%;
		margin:6px 0 3px 0;
	}	
		
	/* counter shortcode */
	.counter-wrapper {
		margin:16px 0 16px 0;
	}
			
	/* testimonial slider */
	.testimonial-block {
		padding:0;
	}	
	
	/* premium service */	
	.piservice-block {
		width:100% !important; /* force the premium service block to be 100% width on small screen resolutions, thus overwriting the shortcode width parameter */
	}
	
	.fbox {
		margin-top:10px;
		float:left; 
		width:100%;	
	}	
	
	/* team popup */
	.teampopup-section {
		width:50% !important; /* force the image popup shortcode to be 50% width on small screen resolutions, thus overwriting the shortcode parameter */
	}
	.tpopup-icon {
		margin:-67px 0 0 -36px;
		font-size:26px;	
		width:64px;
		padding:22px 0 18px 0;
	}
	
	
	/* half service */	
	.hservice-block {
		width:100%;
	}
	.hservice-container, .hsc-right {
		float:none;	
	}
	.hservice-container {
		margin:0 auto;
		width:400px;
	}	
	.hservice-content {
		width:80%;	
	}	
	.hservice-icon {
		width:20%;
		margin:10px 0 0 0;
		font-size:54px;
		text-align:right;
	}
	.hsc-right .hservice-icon {
		text-align:left;	
	}	
	
	
	/* PORTFOLIO */
	.pagination-portfolio {
		margin-left:0;
	}
		
	/* force the portfolio items to preserve the same margin between items on smaller screen sizes
	(isotope is overwriting this setting and to counter this we need to use !important) */	
	.cport-item {
		margin-top:32px !important; 
		margin-bottom:32px !important;	
	}
	.portfolio-filter li a {
		padding:16px 18px 16px 18px;		
	}
		
	/* 2 column classic */
	.pxd2-parent {
		width:400px;
		margin:0;
	}
	.pxd-2 {
		width:100%;
		margin:0;
	}
	.pxd-2 .port-title {
		font-size:19px;
		line-height:27px;
		font-weight:normal;	
	}
			
	/* 3 column classic */
	.pxd3-parent {
		width:400px;		
		margin:0;
	}
	.pxd-3 {
		width:100%;
		margin:0;
	}
			
	/* 4 column classic */
	.pxd4-parent {
		width:400px;		
		margin:0;
	}
	.pxd-4 {
		width:100%;
		margin:0;
	}	
	
	
	/* 2 columns grid */
	.pgxd-2 {
		width:100%;
	}
	.pxd2-grid .imgp-e2 .port-title {
		margin-top:24%;
		font-size:19px;
	}	
	/* effect 3 */	
	.pxd2-grid .imgp-grid .port-title {
		margin-top:24%;
		font-size:19px;		
	}
	/* effect 1 */
	.pxd2-grid .imgp-overlay-g1 {
		padding:14px 0 14px 0;
	}
	.pxd2-grid .imgp-overlay-g1 .port-title a {
		font-size:17px;
	}	
		
	/* 3 columns grid */
	.pgxd-3 {
		width:100%;
	}

	/* 4 columns grid */
	.pgxd-4 {
		width:100%;
	}				
	
	/* effect 2 */
	.imgp-e2 .port-title {
		margin-top:24%;	
		font-size:19px;			
	}	
	
	/* effect 3 */	
	.imgp-grid .port-title {
		margin-top:24%;
		font-size:19px;
	}		
	
	
	/* 4 columns full grid */
	.pfg-4 {
		width:98%;
	}
	.body-wrapper .pfg-4 {
		width:100%;		
	}
		
	/* portfolio full grid effect 3 */
	.pfg-4 .imgp-grid .port-title {
		font-size:19px;
		margin-top:27%;
	}
	
	/* contact form 7 */
	.wpcf7-text {
		width:100%;
	}	
	
	/* bbpress */	
	#bbpress-forums #bbp-search-form #bbp_search {
		width:100%;
	}
	
	
	
	/* tabs */
	.nav-tabs.nav-justified > li {
		display: table-cell;
		width: 1%;
	}
	.nav-tabs.nav-justified > li > a {
		margin-bottom: 0;
	}
	.nav-tabs.nav-justified > li > a {
		border-radius: 0;
	}
	
	/* this is a div of a shortcode where the user can create a container with any width he likes. However, on smaller screen resolutions, 
	no matter what height the user chooses, it needs to be overwritten with !important to avoid layout issues. */
	.percent-block { width:100% !important; }

	
	/* revolution slider */
	.tp-caption .gw-btn {
		display:none;	
	}
	.slide-intro, .slide-intro-left, .uppercase-normal, .uppercase-bold, .slide-location-icon {
		display:none;	
	}	
	.sright-block1 {
		width:320px;
		text-align:right;
	}
	
	
	/* for smaller resolutions force the call to action title text to always float / align to left; */
	.cta-title {
		float:left;
		text-align:left !important;
	}	
	
}

/* Landscape phones and smaller */
@media (max-width: 480px) {
	.container, .single-body {
		width:320px;
		padding-left:20px;
		padding-right:20px;
/*		border:1px solid blue;*/
	}
	
	.thw-boxed, .body-wrapper { 
		width:400px;
	}
	.inner-content {
		width:320px;
	}
	
	
	/* ========= blog section ========= */
	.blog-content {
		width:320px;	
	}
	.blog-info {
		width:100%;
	}
	.blog-info .blog-date, .blog-info .post-format {
		padding-left:30px;
		padding-right:30px;		
		display:inline-block;	
		margin:0 0 4px 0;
	}
	.blog-info .blog-date {
		padding:15px 24px 15px 24px;	
		position:relative;
		top:10px;
	}
	
	/* social media share article */
	.smedia-list li a {
		margin-bottom:6px;	
	}
	.sw-half-one {
		padding:46px 0 44px 0;
	}	
	
	.author-info {
		margin:14px 0 0 0; 
	}
	
	/* blog masonry */
	.entry-misc-masonry span {
		margin:0;
		padding:0 14px 0 0;
	}
	
	/* ========= comments section ========= */	
	.comment-author {
		display:none;	
	}
	.comment-content {
		padding:36px 30px 36px 30px;
	}

	.carousel-slider {
		width:230px;
		margin-left:40px;
	}
	
	/* half service */
	.teampopup-section {
		width:100% !important; /* force the image popup shortcode to be 100% width on small screen resolutions, thus overwriting the shortcode parameter */
	}
	.tpopup-icon {
		margin:-67px 0 0 -41px;
		font-size:30px;	
		width:74px;
		padding:24px 0 20px 0;
	}	
	
	.hservice-container {
		width:320px;
	}
	
	.hservice-content {
		width:70%;	
	}	
	.hservice-icon {
		width:30%;
	}
	
	
	/* PORTFOLIO */
		
	/* 2 column classic */
	.pxd2-parent {
		width:100%;
	}
	.pxd-2 {
		width:100%;
	}
			
	/* 3 column classic */
	.pxd3-parent {
		width:100%;	
	}
	.pxd-3 {
		width:100%;
	}
		
	/* 4 column classic */
	.pxd4-parent {
		width:100%;
	}	
	.pxd-4 {
		width:100%;
	}
	

	/* 3 / 4 columns grid */			
	
	/* effect 2 */
	.imgp-e2 .port-title, .pxd3-grid .imgp-e2 .port-title {
		margin-top:22%;	
		font-size:19px;			
	}	
	
	/* effect 3 */	
	.imgp-grid .port-title, .pxd3-grid .imgp-grid .port-title {
		margin-top:22%;
		font-size:19px;
	}			
	

	/* 4 columns full grid */
	.pfg-4 {
		width:96.64%;
	}
	.body-wrapper .pfg-4 {
		width:100%;		
	}	
	
	/* portfolio full grid effect 3 */
	.pfg-4 .imgp-grid .port-title {
		font-size:19px;
		margin-top:23%;
	}
	
	
	/* bbpress */
	#bbpress-forums div.bbp-forum-author a.bbp-author-name,
	#bbpress-forums div.bbp-topic-author a.bbp-author-name,
	#bbpress-forums div.bbp-reply-author a.bbp-author-name {
		text-align:left;
		margin:30px 0 0 0;
	}
	
	
	/* revolution slider */
	.ht-dream-slider2, .trans-line, .slide-intro, .slide-intro-left, .slide-smalltext, .tp-caption img, .tp-caption .gw-window {
		display:none;	
	}
	.slide-white {
		margin-top:80px;	
	}
	.window-twrapper {
		margin-left:-250px;	
	}	
		
}

/* custom edit css */
.read_more_link {
	padding: 8px;
	background: #2E921D;
	color: #fff;
	margin-top: 10px;
	border-radius: 3px;
	border: 1px solid #247f14
}
.read_more_link:hover {
	text-decoration: none;
	color: #ccc;
}

.ul_design {
	width: 100%;
	background:none;
	padding: 5px;
	border: 1px solid #2d3382;
	border-radius: 3px;
	box-shadow: 10px 0px 0px #2d3382 inset;
/* 	list-style:  */
}

.widgettitle {
	padding-left: 10px;
	box-shadow: 5px 0px 0px #2d3382 inset;
}
/* slider arrow */
.carousel-control i {
margin-top:140px
}
.carousel-controli i {
	margin-top:280px;
	
}
.carousel-indicators {
	bottom:0px;!importanat;
}


.carousel-control {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    width: 15%;
    font-size: 20px;
    color: #FFF;
    text-align: center;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6);
    opacity: 0.5;
}


.padding5 {
    padding: 5px !important;
}

.carousel-control.right {
    background: none !important;
}

.carousel-control.left {
    background: none !important;
}

.arrow_color {
    border-radius: 3px;
    background-color: grey;
    width: 20px;
    height: 20px;
}

.fa.fa-angle-right.arrow_color {
    margin-top: 50%;
}

.fa.fa-angle-left.arrow_color {
    margin-top: 50%;
}

.white {
    background-color: white;
}

/*==================== Light box style ================*/
.lightbox_1 .modal-content,
.lightbox_2 .modal-content,
.lightbox_3 .modal-content{
	border-radius: 0px;
	padding:10px;
}
.lightbox_1 .modal-content h3,
.lightbox_2 .modal-content h3,
.lightbox_3 .modal-content h3
{
	border-bottom: 1px solid #ccc;
	padding: 5px;
}
.lightbox_1 .modal-content  p,
.lightbox_2 .modal-content p,
.lightbox_1 .modal-content p{
	color: #8e8e8d
}
/*==================== End Light box style ================*/

.white {
    background-color: white;
}

.float_left {
    float:left
}

.clear {
    clear:both;
}

.padding_10 {
    padding: 5px;
}

.align-right {
    text-align: left;
}

#21_img {
    margin-top: 400px;
}

.border_right_1px {
    border-right: 1px solid #ebefee;
}

.img_75_50 {
    height: 50%;
    width: 25%;
}

.margin10 {
    margin-right: 25px;
}

.open_sans {
    font-family: "open sans";!important;
    padding: 10px;
    
}

.right {
    text-align: right;
}

.hidden {
    display: none;
}

.carousal-banner h2 {
    padding-bottom: 15px;
}

.little {
    font-size: 12px;
}

.center {
    text-align: center;
}

.business {
    height: 150px;
    padding: 10px;
}

.business h4 {
    padding-top: 20px;
}

.mfp-figure {
   /* background-color: white !important; */
}

.img_center {
    margin: 0 auto;
}

.hw50 {
    height: 50%;
    width: 50%;
}

.hw20 {
    height: 30%;
    width: 30%;
}

.ostt {
    font-family: 'Old Standard TT', serif;
}

.ostt a {
    text-decoration:none;
    font-size: 110% !important;
}

.border-about {
    border: 1px solid lightgrey;
    border-style: groove;
    padding-bottom: 10px;
}

.pro-p-padding {
    padding-left: 22px;
}

.content_who_we_are {
    font-size: 22px;
}

.vm-para {
    font-size: 16px;
}

.pro-heading {
    margin-left: 20px;
}

.pro-slider {
    margin-top: 30px;
}

.light-blue {
    color: #00a4ea;
}

.light-red {
    color: #ff7f7f;
}

.carousal-banner h2 {
    margin-bottom: 15px;
}

.jumbotron {
    background-color: #fff;
}


.main_slider_popup_img {
    margin-top: 10px;   
}

.float_left {
    float: left;
}

.pro_slider_left {
    /*margin-top: 10% !important;
    margin-left: -100px !important;*/
    width: 30px;
height: 30px;
margin-top: -15px;
font-size: 30px;
}

.pro_slider_right {
  /* margin-top: 10% !important;
    margin-right: -20px !important;*/
    width: 30px;
height: 30px;
margin-top: -15px;
font-size: 30px;
}

.pro_slider_ico {
    color: grey;
}

.margin-top30 {
    margin-top: 40px;
}

.padding5 {
    padding: 5px;
}   
.
.clear {
    clear: both;
}

.blue {
    color: #074CA2;
}

.article-image {
    width: 35%;
    height: 35%;
    margin-right: 15px
}

.investment-heading {
    margin-left: 0px !important;
}

.investment-subtitle {
    margin-top: 15px;
}

.slider-center {
    height: 5%;
    width: 100%;
    margin: 0 auto;
}

.font-size7p {
    font-size: 800% !important;
    line-height: 50px;
}

.font-size3p {
    font-size: 500% !important;
}

.21_img {
    height: 50px !important;
    width: 50px !important;
}

.font-size-read-me {
    font-size: 150% !important;
}

.line-height {
    line-height: 70px;
}

.margin-top-20 {
    margin-top: 20px !important;
}

.info-tech-readme {
    margin-top: 70px !important;
    margin-left: 75px !important;
}

.info-tech-margin-top {
    margin-top: 50px !important;
}

.info-tech-margin-top-st {
    margin-top: 75px !important;
}

.info-tech-margin-top-pic {
    margin-top: 100px !important;
}

.margin105{
    margin-top: 105px !important;
}

.pearl-isle-readme {
    margin-top: 20px !important;
    margin-left: 225px !important;
}

.display-transparent-block {
    display: inline-block !important;
    background-color: rgba(0,0,0,0.1);
    padding: 5px !important;
    line-height: 150%;
}

.companies p{
	text-align: center;
	margin-top: 10px;
}

.companies .web_links {
	font-style: italic;
	color:#8E8E8E;
}

.companies  .readmore {
	color:#8E8E8E;
	font-style: normal !important;
	margin: 1px !important;
}

/*-- contact --*/
/* Custom edit CPM */
.contact_form_for_design h4{ 
	margin-top: 15px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 7px;
	font-size:25px;
	margin-bottom: 20px
}
.contact_form_for_design  .underline, .sub_heading_inderline {
	border-bottom: 2px solid #23a4e6;
	width: 50px;
	margin-top: -21px;
	margin-bottom: 15px;
}

.sub_heading {
	font-size: 20px;
	text-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	
}


.contact_form_for_design .form-control {
	box-shadow: none;
	background: #f4f4f4
}
.contact_form_for_design textarea {
	max-width: 100%;
	min-width: 100%;
	height: 150px;
}
.contact_form_for_design .btn {
	background: #333;
	margin-bottom: 30px;
	color: #fff;
	box-shadow: 0px 2px 0px #ccc;
}
.contact_form_for_design .btn:hover {
	color: #ccc;
}
.bottom_contact .contact_info h4 {
	margin-top: 15px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 7px;
}



.bottom_contact .contact_info .underline{
	border-bottom: 2px solid #23a4e6;
	width: 50px;
	margin-top: -11px;
	margin-bottom: 15px;
}
.bottom_contact .left_cat {
	display: inline-block;
	width: 100px;
	float: left;
}

.bottom_contact .sm-icons {
	margin-top: 10px;
}
.bottom_contact .sm-icons li {
	margin-right: 15px;
	border-radius: 3px;
}
/*-- contact --*/


/* new after design */
.background span {
	background: #fff;
	padding-right: 10px
}


.background {
   /* position: relative;
    z-index: 1;
    
    &:before {
        border-top: 1px solid #dfdfdf;
        content:"";
        margin: 0 auto; /* this centers the line to the full width specified */
       /* position: absolute; /* positioning must be absolute here, and relative positioning must be applied to the parent */
       /* top: 50%; left: 0; right: 0; bottom: 0;
        width: 75%;
        z-index: -1;
    }

    span { 
        /* to hide the lines from behind the text, you have to set the background color the same as the container */ 
       /* background: #fff; 
        padding: 0 15px; 
    } */
}

.double:before { 
    /* this is just to undo the :before styling from above */
    /* border-top: none; */
}

.double:after {
/*    border-bottom: 1px solid #ccc;
/*     -webkit-box-shadow: 0 1px 0 0 #ccc;
    -moz-box-shadow: 0 1px 0 0 #ccc; */
/*  box-shadow: 0 1px 0 0 #23a4e6; */
/*		border-bottom: 3px double #ccc;
/* 	box-shadow: 0px 2px 10px #333 ; */
/*    content: "";
    /* this centers the line to the full width specified */
/*    position: absolute;
    top: 45%; right: 0;
    width: 100%;
    z-index: -1; */
}



.background {
	text-transform: uppercase; 
	color: #8E8E8E;
	position: relative;
	font-size: 27px;
	margin-bottom:20px;
}


.background .first-word {
	color: #333;
	font-weight: bold;
	font-style: normal
	
}

.project_slider p{
	padding:0px 30px;
}

.home-slider-title {
	margin-bottom: 30px;
}

.our-mission-ul p {
    padding-top: -20px;
}


/*=================== Popup box style ================*/
.mission_details {
    
}
.mission_details .wrapper_p p {
    margin-left: 20px;
    border-bottom: 1px solid #eee;
    padding-bottom: 6px;
}

.mission_details .wrapper_p i {
    margin-right: 10px;
}

.body-width {
    overflow-x: hidden !important;
}

.margin-minus-10 {
    margin-top: -10px !important;
}

.active {
    padding-bottom: 5px !important;
    box-shadow: 0px 2px 0px #333 !important;
}

.active:hover {
    padding-bottom: 5px !important;
    box-shadow: 0px 2px 0px #333 !important;
}

/*===================== popup new design ========================*/
.position_relative {
	position: relative;
}
.new_popup {
	background: linear-gradient(#FFF, #CCC) repeat scroll 0% 0% transparent;
	box-shadow: 0px 0px 10px #000;
	border-radius: 10px;
}
.new_popup h4 {
	margin-top: -10px;
	padding: 5px 0px 10px ;
/* 	background: #eee; */
/* 	margin: -10px	 */
	border-bottom: 1px solid #eee;
	margin-bottom: 10px;
/* 	box-shadow: 0px 2px 0px rgba(0,0,0,0.12)  */
}
.new_popup img {
	padding: 3px;
	border:1px solid #e5e5e5;
	border-radius: 3px;
}
.new_popup p {
	margin-top: 5px;
	margin-left: -20px
}
.new_popup .close_a {
	background: none transparent;
	color: #FFFFFF;
/* 	line-height: 25px; */
	position: absolute;
	right: -35px;
/* 	text-align: center; */
	top: -30px;
/* 	width: 18px; */
	text-decoration: none;
/* 	font-weight: bold; */
/* 	-webkit-border-radius: 12px; */
/* 	-moz-border-radius: 12px; */
/* 	border-radius: 18px; */
  font-size: 30px;
/* 	padding-top: -210px !important; */
	color: #eee;
	margin: 0;
	
}

.new_popup .close_a i {
/* 	background: #fff; */
	margin: 0;
	border-radius: 60px;
	padding: 0px;
	text-shadow: 0px 0px 10px #333
}

.new_popup .close_a:hover{
	color: #62BD48
}

.padding-10 {
    padding: 10px;
}

.padding-left-10 {
    padding-left: 10px;
}

.margin-bot-35 {
    margin-bottom: 35px !important;
}

.font-30 {
    font-size: 30px !important;
}

.mission-ul li {
    margin: 4px 0px 0px 15px !important;
}

.t-left {
    text-align: left !important;
}

.links {
    color: #178C34 !important;
    cursor: pointer;
}

.links:hover {
    color: #004B9B !important;
}

.slider-main-title {
    color: #004084 !important;
    font-size: 30px !important;
    font-weight: 700;
}

.main_logo {
    margin-top: -20px !important;
}

.display-transparent-block-projects {
    display: inline-block !important;
    background-color: rgba(0,0,0,0.3);
    padding: 5px !important;
    line-height: 150%;
}

.color84Blue {
    color: #004084;
}

.light-border {
    
}

.padding-project {
    padding: 0px 50px;
}

.text-shadow {
    text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.9);
}

.margin-left-90 {
    margin-left: 90px !important;
}

.fsocial-media li .fa-linkedin {
    border-radius: 5px !important;
    background-color: #007BB6 !important;
    color: #fff !important;
}

.fsocial-media li .fa-linkedin:hover {
    color: #fff !important;
}

.font-size-27 {
    font-size: 27px !important;
}

.media_text {
    margin-top: 5px !important;
}

.article {
    border: 1px solid transparent !important;
}

.article:hover {
    border: 1px solid lightgrey !important;
}

.article-title {
   /* height: 90px !important;*/ /* change this value according to article height in media center*/
}

.article-hellip {
    
}

.hidden-article {
    display: none;
}

.source {
    font-style: oblique;
}

.source-wrapper a {
    color: #0A4EA3 !important;
}

.source-wrapper a:hover {
    color: #62BD48 !important;
}

sup {
    font-size: 80% !important;
}

.f6 {
    background-color: #f6f6f6 !important;
}

.fff {
    background-color: #ffffff !important;
}

.overflow-hidden-second-image {
   /* overflow: hidden !important;
    height: 140px !important;*/
}

.overflow-hidden-second-image img {
    margin-top: -46px !important;
}

.article-body {
    padding: 10px !important;
}

.masonry-item {
    padding: 5px !important;
}

.status-danger-wrapper {
    padding: 10px;
    color: #F00;
    border: 1px solid #FC9494;
    background-color: #FFD6D6;
    border-radius: 3px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.12);
    margin-bottom: 15px;
}

.status-thanks-wrapper {
    padding: 10px;
    color: #5279A8;
    border: 1px solid;
    background-color: #E0EEFF;
    border-radius: 3px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);
    margin-bottom: 15px;
}

.proj-image {
	background-color: rgba(255, 255, 255, 0.8) !important;
	border-radius: 15px !important;
	padding: 5px !important;
}

.logos {
	width: 130px;
}