/*===========================================================================

--- MAIN STYLES INDEX ---

1. Browser resets

2. Global styles
    2.1 Body
    2.2 - 2.3 Headers	
    2.3 Links
    2.4 Font formatting
    2.5 Default lists & custom lists
	2.6 Input styles, code & pre
	2.7 Blockquotes & pullquotes
	2.8 Buttons

3. Main Structure


4. Top wrapper styles
	4.1 Logo styles
	4.2 Menu styles	

5. Footer wrapper styles

6. Blog styles
	6.1 Blog template 1
	6.2 Blog template 2
	
	
7. Content-elements
	7.1 Title Line decoration
	

8. Comments
	8.1 Commentform
	8.2 Comments section
	
9. Widgets section
		
10. Contact page template
	10.1 contact form
	10.2 contact form 7
	

11. Search page

12. Page not found	

13. Index page

14. Homepage 1 / RevSlider

15. Homepage 2 / About us

16. Top toggle section

17. Works section

	

/* 1 =============== 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;
	vertical-align: baseline;
}


/* =============== 2.1 body styles ===============*/
body, input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:23px;	
	font-weight:normal;
}


/* =============== 2.2 default header styles ===============*/
h1, h2, h3, h4, h5, h6 {
	font-family:'Montserrat', Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:700;	
}
h1, h2, h3, h4, h6 {
	text-transform:uppercase;	
}
h1 {
	font-size:30px;
	line-height:36px;
	margin:4px 0 10px 0;	
}
h2 {
	font-size:24px;
	line-height:30px;
	margin:10px 0 0 0; 
}
h3 {
	font-size:21px;
	line-height:27px;
}
h4 {
	font-size:18px; 
	line-height:25px;
}
h5 {
	font-size:16px;
	line-height:23px;
}
h6 {
	font-size:13px;
	line-height:21px;		
}

/* =============== 2.3 custom header styles ===============*/





/* =============== 2.3 link styles ===============*/
a {
	outline:0 !important;
	text-decoration:none;	
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s; 
	transition:0.3s;	
}
a:hover {
	text-decoration:underline;
}


/* =============== 2.4 font formatting styles ===============*/
strong {
	font-weight:bold;	
}
em {
	font-style:italic;
}
p {
	padding:6px 0 6px 0;
}
i {
	padding-right:8px;	
}
u {
	text-decoration:underline;	
}
del {
	text-decoration:line-through;	
}
.emphasize {
	font-weight:bold;
	padding:2px 1px 2px 1px;
}
.intro {
	font-size:16px;
	font-weight:400;
	font-family:'Montserrat', Arial, Helvetica, sans-serif;
	margin:12px 0 18px 0;
}



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



/*  =============== 2.5.2 custom lists styles ===============*/
.custom-list ul {
	margin:4px 0 0 0;
	padding:0;
	display:inline-block;
}

.custom-list ul, .custom-list ul li, .fbox .custom-list ul, .fbox .custom-list ul li, .widget .custom-list ul, .widget .custom-list ul li  {
	list-style:none;
}
.custom-list li, .fbox .custom-list li, .widget .custom-list li {
	margin:0;
	padding:4px 0 2px 0 !important;
}
.custom-list i {
	padding:0 8px 0 0;	
}
.fa-demo {
	margin:0 !important; 
	position:relative; 
	top:-10px;
}
.fa-demo li {
	padding:8px 0 4px 0 !important;
	line-height:29px;
}
.fa-demo li i {
	font-size:20px;
	padding:0 16px 0 10px;
	position:relative;
	top:1px;
}



/*=============== images responsibility ===============*/
img{ max-width:100%; height:auto; display:block; }
img{ -ms-interpolation-mode:bicubic; }



/* =============== 2.6.1 input styles ===============*/
input, textarea, select {
	padding:9px 10px 8px 10px;
	outline:none;
	font-weight:normal !important;
	line-height:16px;
}
.footer-wrapper input, .footer-wrapper textarea, .footer-wrapper select {
	padding:6px 10px 5px 10px;
	
}
input, textarea {
	font-size:12px;
}
input:focus, textarea:focus {}



/*=============== clear floats ===============*/
.clearboth {
	clear:both;	
}



/* =============== 2.7 blockquotes & pullquotes styles ===============*/
blockquote, .pullquote-left, .pullquote-right {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:17px;
	line-height:26px;
	font-style:italic;
	font-weight:normal;
	position:relative;	
}
blockquote {
	margin:12px 0 12px 0;
	padding:28px 28px 28px 62px;

}
blockquote:before, .pullquote-left:before, .pullquote-right:before {
	font-family:'FontAwesome';
	content:"\f10d";
	font-style:normal;
	font-size:20px;	
	-webkit-font-smoothing: antialiased;	
	position:absolute;
	left:28px;
	top:30px;
}
blockquote p {
	margin:0;	
	padding:0;	
}

/* pullquotes */
.pullquote-left, .pullquote-right {
	width:23%;
}
.pullquote-left {
	float:left;
	margin:6px 20px 14px 0;
	padding:28px 28px 28px 62px;	
}
.pullquote-right {
	float:right;	
	margin:6px 0 14px 20px;
	padding:28px 28px 28px 62px;
}



/*=============== 2.8 button styles ===============*/
button.gwbtn, .gwbtn, .archive-mark .more-link, #commentform #submit, .contact-fieldset input[type="submit"], .wpcf7-submit, #newslettersubmit, .rightarrow-btn, .wlogin-block input[type="submit"] {
	font-size:11px !important;
	text-transform:uppercase;
	font-weight:bold !important;
	padding:9px 14px 8px 14px;
	display:inline-block;
}
button.gwbtn:hover, .gwbtn:hover, .archive-mark .more-link:hover, #commentform #submit:hover, .contact-fieldset input[type="submit"]:hover, #newslettersubmit:hover, .rightarrow-btn:hover, .wlogin-block input[type="submit"]:hover {
	text-decoration:none;
}
#commentform #submit, .contact-fieldset input[type="submit"], .wpcf7-submit, .wlogin-block input[type="submit"] {
	padding:13px 14px 12px 14px !important;
	line-height:14px;
	height:40px !important;
}
.gwbtn i {
	font-size:14px;
	padding:0 3px 0 0;
	position:relative;
	top:1px;
}
.gwbtn-large {
	font-size:12px !important;
	font-weight:700;
	padding:12px 18px 10px 18px;	
}
.rightarrow-btn:after {
	font-family:'FontAwesome';
	content:"\f0da";
	padding-left:7px;
	-webkit-font-smoothing: antialiased;
}
.gw-btn-lines {
	float:left;
	width:100%;
	height:11px;
	background:url('../images/tl_line.png') repeat-x 0 0;
	margin:44px 0 44px 0;
	text-align:center;	
}
.gw-btn-lines .rightarrow-btn {
	text-align:center;
	float:none;
	display:inline-block;
	position:relative;
	top:-15px;
}
.gw-large-button {
	font-size:13px;
	text-transform:uppercase;
	font-weight:700;
	padding:7px 20px 7px 20px;
	display:inline-block;
	font-family:'Montserrat', Arial, Helvetica, sans-serif;
	margin:9px 0 9px 0;
}
.gw-large-button:hover {
	text-decoration:none;
}

.gw-iconlist {
	list-style:none;
	margin:0;		
}
.gw-iconlist li {
	float:left;
	padding:22px 33px 20px 33px;
	margin:0;
	text-align:center !important;
	width:24px;
}
.gw-iconlist li i {
	padding:0;
	font-size:28px;
}



/* =============== 3. main structure styles ===============*/
.container { /* theme width */
	width:1200px;
}
.top-wrapper, .header-wrapper, .content-wrapper, .contentbar-wrapper, .footer-wrapper, .fbottom-wrapper, .quote-wrapper, .ftop-wrapper, .twitter-wrapper, .aboutme-wrapper, .aboutus-wrapper, .ttoggle-wrapper {
	float:left;
	width:100%;
}
.white-space {
	float:left;
	width:100%;
	height:24px;	
}



/* twitter bar styles */
.twitter-wrapper {
	padding:30px 0 30px 0;
}
.twitter-wrapper .container {
	text-align:center;
	font-family:'Montserrat', Arial, Helvetica, sans-serif;
	font-size:16px;
}
.twitter-wrapper ul.twitter-content {
	list-style:none;
}
.twitter-wrapper ul.twitter-content li {
	margin:5px 0 5px 0;
	display:inline-block;
}
.twitter-wrapper ul.twitter-content:before {
	content:"\f099";
	font-family:'FontAwesome';
	-webkit-font-smoothing: antialiased;	
	display:inline;
	font-size:20px;
	padding:0 2px 0 0;
	position:relative;
	top:1px;
}


/* 4. Top wrapper */
.top-wrapper {
	padding-top:8px;
	background:url('../images/top_decoration.png') repeat-x top left;
}
.header-wrapper, .aboutme-wrapper, .aboutus-wrapper {
	position:relative;
}
.header-content {
	position:absolute; 
	left:50%;
	margin-left:-600px;
	top:31%;
}
.header-content h2 {
	display:inline-block;
	padding:16px 20px 15px 20px;	
}
.content-wrapper {
	padding:72px 0 58px 0;
}
.contentbar-wrapper {
	padding:50px 0 50px 0;
}
.himage-bg {
	width:1920px;
	height:208px;
}
.aboutme-wrapper .intro {
	padding:12px 20px 11px 20px;
	display:inline-block;
	margin:1px 0 0 0;
	font-weight:700;	
}
.aboutme-wrapper .header-content {
	top:17%;		
}


/* =============== 4.1 logo styles ===============*/
#logo {
	position:relative;
	height:88px; /* a fixed maximum height of 97px is allowed for logo container */
}
#logo img {
	display:block;
}



/* =============== 4.2 menu styles ===============*/
#menu-wrapper {
	margin-right:0;		
	padding:0 46px 0 0;
	float:right;
	z-index:900; 
	position:relative;
}
.sf-menu {
	font-family:'Montserrat', Arial, Helvetica, sans-serif;	
	display:block; 
	text-transform:uppercase;
	font-size:13px;
	font-weight:700;
}
.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;
	right:-40px;
}
.sf-menu li a {
	padding:33px 20px 32px 20px;
	display:block;
	margin:0;
}
.sf-menu li a:hover {
	text-decoration:none;
}
.sf-menu ul {
	width:220px; /* left offset of submenus need to match (see below) */
	position:absolute;
	top:-999em;
	z-index:880;
	padding-top:0;
	text-transform:none;
	font-family:Arial, Helvetica, sans-serif;	
}
.sf-menu li li {
	right:0;
	line-height:19px;	
}
.sf-menu li:hover {
	visibility:inherit; /* fixes IE7 'sticky bug' */
}
#menu-wrapper .sf-menu ul {
	font-weight:normal;
}
#menu-wrapper .sf-menu ul a { /* styles that apply to dropdown menu only */
	padding:11px 20px 11px 20px;
	margin:0;
	display:block;
}
.sf-menu ul ul, .sf-menu ul ul ul {
	width:220px;
	margin-left:0;	
}
*:first-child+html .sf-menu a { /* this applies only to ie7 */
	height:auto;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0px;
	top:			82px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			220px; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			220px; /* match ul width */
	top:			0;
}
.sf-menu ul li {
	border:0 none;
	width:100%;
	float:left;	
}
.sf-menu li i {
	font-size:14px;
	padding:0 6px 0 0;		
}


/* default style for mobile menu */
.selectnav { display: none; }

#menu-wrapper select {
	width: 100%;
	padding: 5px;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:700;
	border-radius:0;
	height:34px;
	margin-bottom:20px;

}
.selectnav, .selectnav option {
	text-transform:lowercase !important;
}




/* =============== 5. Footer wrapper styles ===============*/
.footer-wrapper {
	padding:56px 0 0 0;	
}
.fbottom-wrapper {
	padding:30px 0 28px 0;
	font-size:12px;
	line-height:20px;
}
.copyright-info {
	text-align:right;
}
.fbox {
	margin:0 0 48px 0;
	float:left;
}
.fbox h6 {
	padding:0 0 26px 0;
}
.fbox p {
	padding:0 0 12px 0;
}
.footer-wrapper input[type=submit] {
	padding-left:14px;
	padding-right:14px;
	font-family:'Montserrat', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-weight:700 !important;
	font-size:13px;
	width:auto;
}


/* =============== 6. Blog styles ===============*/

/* 6.1 Blog template 1 styles */
.entry-block, .entry-block-single {
	float:left;
	width:100%;
	margin:10px 0 60px 0;
}
.entry-block-single {
	margin-bottom:26px;	
}
.entry-block .more-link, .more-link {
	font-size:11px;
	text-transform:uppercase;
	font-weight:bold;
	padding:8px 14px 7px 14px;
	display:inline-block;
}
.more-link:after {
	font-family:'FontAwesome';
	content:"\f0da";
	padding-left:2px;
	-webkit-font-smoothing: antialiased;	
}
.entry-dec {
	float:left;
	width:100%;
	height:11px;
	background:url('../images/tl_line.png') repeat-x 0 0;
}
.post-info {
	margin:4px 0 12px 0;
	text-transform:uppercase;
	font-size:11px;
	font-weight:700;
	font-family:'Montserrat', Arial, Helvetica, sans-serif;
}
.entry-misc {
	float:left;
	width:68px;
	margin-right:22px;
	font-family:'Montserrat', Arial, Helvetica, sans-serif;
	position:relative;
	z-index:50;
}

.entry-content {
	padding-left:90px;
	position:relative;
}
.entry-date {
	text-transform:uppercase;
	font-size:13px;
	font-weight:700;
	text-align:center;
	padding:12px 0 12px 0;
}
.entry-date span {
	display:block;
	width:100%;
	padding:4px 0 4px 0;
	font-size:24px;
}
.entry-comments {
	text-align:center;
	font-size:24px;
	line-height:24px;
	padding:16px 0 16px 0;
	margin-top:1px;
}
.entry-block .attachment-post-thumb, .entry-block-single .attachment-post-thumb {
	display:block;
	margin-bottom:24px;	
}
.entry-block .entry-dec, .entry-block-single .entry-dec {
	margin-bottom:26px;	
}
.arch-title {
	margin:-4px 0 0 0;	
}
.entry-overlay {
	position:absolute;
	left:90px;
	top:0;
	width:799px;
	height:282px;
	background:url('../images/hover_pattern.png') repeat top left;
	transition:opacity 0.15s linear;
	opacity:0;	
}
.entry-overlay i {
	padding:25px 24px 21px 24px;
	font-size:28px;
	line-height:28px;
	-webkit-border-radius:64px;
	-moz-border-radius:64px;		
	border-radius:64px;

	position:relative;
	top:129px;
	left:362px;
	width:22px;
	height:22px;
}
.entry-overlay:hover {
	opacity:1;	
}
.entry-overlay a {
	display:block;
	width:100%;
	height:100%;	
}
.entry-overlay a:hover {
	text-decoration:none;	
} 
.vpost-container {
	margin-bottom:24px;	
}
.ec-scblock .more-link {
	display:inline-block !important;
	width:auto !important;
	
	position:absolute;
	bottom:-54px;
	left:90px;
}


.entry-space {
	float:left;
	width:100%;
	height:40px;	
}


/* posts quote styles */
.entry-quote, .entry-link {
	position:relative;
	display:block;
	margin:0 0 24px 0;
	padding:30px 32px 30px 80px;
	font-size:24px;
	font-weight:700;
	line-height:32px;
	text-transform:uppercase;
	font-family:'Montserrat', Arial, Helvetica, sans-serif;	
}
.entry-quote:hover {
	text-decoration:none;	
}
.quote-name {
	display:block;
	font-size:13px;
	line-height:22px;
	margin:12px 0 0 0;
}
.entry-quote-icon {
	position:absolute;
	top:34px;
	left:32px;
	font-size:24px;
	font-family:FontAwesome;	
}

/* posts link styles */
.entry-link {
	padding:26px 32px 26px 32px;	
}
.entry-link:hover {
	text-decoration:none;	
}
.entry-link-title, .entry-actual-link {
	display:block;	
}
.entry-actual-link {
	font-size:13px;
	line-height:22px;
	margin:2px 0 0 0;		
}


/* posts detail tag styles */
.tags-wrapper {
	font-family:'Montserrat', Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:700;
	margin:20px 0 20px 0;
}
.tags-wrapper a, .tagcloud a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	display:inline-block;
	padding:5px 15px 4px 15px;
	position:relative;
	top:-2px;
	left:12px;
	margin:0 1px 1px 0;
}
.tagcloud a {
	top:0;
	left:0;
	float:left;

}
.tags-wrapper a:hover, .tagcloud a:hover {
	text-decoration:none;
}

/* author biography */
.authorbio-wrapper {
	float:left;
	width:100%;
	margin:20px 0 20px 0;
}
.author-avatar {
	float:left;
	display:block;
	margin-right:22px;	
}
.author-info {	
	display:block;
	padding-left:90px;	
}

/* social media icons sharing */
.social-wrapper {
	float:left;
	margin:20px 0 20px 0;
	width:100%;
}
.social-wrapper h4 {
	display:inline-block;
	float:left;
	margin:18px 26px 0 26px;
	padding:0;
}
.social-wrapper ul {
	list-style:none;
	margin:0;
	padding:14px 6px 13px 26px;
	float:left;	
}
.social-wrapper ul li {
	float:left;
	margin:5px 20px 0 0;
	padding:0;
	font-size:18px;
}
.social-wrapper ul li i {
	padding:4px 6px 4px 6px;
	cursor:pointer;
}
.social-wrapper ul li a {
	display:block;
	cursor:pointer;	
}
.social-separator {
	width:1px;
	height:58px;
	background:#fff; 
	float:left;
	opacity:0.2;
}



/* 6.2 Blog template 2 styles */
.blog2-wrapper, .blog2-wrapper-full {
	float:left;
	width:924px;
	margin:0 0 10px -33px;
	padding:0;
}
.blog2-wrapper-full {
	width:1233px;
}
.blog2-entry {
	float:left;
	position:relative;
	margin:10px 0 33px 33px;
	padding:0;
	width:275px;
}
.blog2-entry h5 {
	margin:16px 0 0 0;	
}
.blog2-entry .more-link {
	padding:0;

	position:relative;
	top:-5px;
}
.blog2-entry .more-link span {
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	font-size:12px;
}
.blog2-entry .more-link:after {
	display:none;
}
.blog2-overlay {
	position:absolute;
	top:0;
	left:0;
	width:275px;
	height:212px;
	transition:opacity 0.15s linear;
	opacity:0;	
}
.blog2-overlay:hover {
	opacity:1;	
}
.blog2-misc {
	float:left;
	width:100%;
}
.blog2-date, .blog2-comments {
	float:left;
	font-size:11px;
	font-weight:700;
	font-family:'Montserrat', Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	margin:4px 16px 10px 0;
}




/* =============== 7. Content-elements ===============*/

/*=============== 7.1 lines decoration styles ===============*/
.gw-line {
	margin:16px 0 16px 0;	
	float:left;
	width:100%;	
	overflow:hidden;
	font-size:0;
	line-height:0;	
	height:1px;	
}


/*=============== 7.2 alert boxes styles ===============*/
.box-information, .box-confirmation, .box-warning, .box-error, .box-neutral, .box-dark {
	margin:10px 0 0 0;
	width:100%;
	display:inline-block;
}
.box-information p, .box-confirmation p, .box-warning p, .box-error p .box-neutral p, .box-dark p {
	padding:4px 0 0px 0;
}
.box-information a, .box-confirmation a, .box-warning a, .box-error a, .box-neutral a, .box-dark a {
	text-decoration:underline;	
}
.box-icon {
	float:left;
	width:46px;
	text-align:center;
	padding:37px 28px 24px 28px;
}
.box-content {
	border-left:1px solid rgba(255, 255, 255, 0.3);
	padding:28px 30px 23px 30px;
	display:inline-block; 
	float:left;
	width:81.5%;
}
.span6 .box-content {
	width:71.7%;
}
.box-content h4 {
	margin-bottom:-4px;	
}
.box-confirmation .box-icon:before {
	content: "\f00c"; 
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	font-size:40px;
}
.box-information .box-icon:before {
	content: "\f05a"; 
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	font-size:40px;
}
.box-warning .box-icon:before {
	content: "\f071"; 
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	font-size:40px;
}
.box-error .box-icon:before {
	content: "\f00d"; 
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	font-size:40px;
}
.box-neutral .box-icon:before {
	content: "\f0f6"; 
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	font-size:40px;
}



/* =============== 7.3 Title line decoration =============== */
h4.tl-title {
	display:inline-block;
	padding:0 9px 0 0;
}
.tl-lines {
	float:left;
	width:100%;	
	background:url('../images/tl_line.png') repeat-x 0 6px;
	margin:6px 0 24px 0;
}



/*=============== 7.4 highlights styles ===============*/
.highlight1, .highlight2, .highlight3, .highlight4 {
	padding:2px 4px 2px 4px;
}


/*=============== 7.5 pricing table styles ===============*/
.gw-pricing-table {
	text-align:center;
	margin:10px 0 24px 0;
}
.gw-pricing-header h6 {
	padding:19px 0 15px 0;		
}
.gw-pricing-line {
	font-size:0;
	overflow:hidden;
	height:0px;
	line-height:0 !important;
	opacity:0.2;
}
.gw-pricing-cost {
	font-size:30px;
	font-weight:700;
	padding:35px 0 2px 0;
	font-family:'Montserrat', Arial, Helvetica, sans-serif;
}
.gw-pricing-per {
	padding:0 0 29px 0;
	font-size:12px;	
}
.gw-pricing-table ul {
	list-style:none;
	margin:0;
}
.gw-pricing-table ul li {
	margin:0;
	line-height:20px;
	padding:15px 0 13px 0;	
}
.table-btn {
	padding-top:19px;
	padding-bottom:19px;
	font-family:'Montserrat', Arial, Helvetica, sans-serif;
	font-size:13px !important;
	font-weight:700;
	display:block;
	position:relative;
	top:-1px;
}
.table-btn i {
	display:none;
	padding:0 0 0 6px;
}
.table-btn:hover i {
	display:inline-block;
}




/*=============== 7.6 skillbar styles ===============*/
.skillbar-wrapper, .skillbar-title, .skillbar-bar {
		
}
.skillbar-wrapper {
	position:relative;
	display:block;
	margin:7px 0 7px 0; 
	width:100%;
	height:33px;
	-webkit-transition:0.4s linear;
	-moz-transition:0.4s linear;
	-ms-transition:0.4s linear;
	-o-transition:0.4s linear;
	transition:0.4s linear;
	-webkit-transition-property:width, background-color;
	-moz-transition-property:width, background-color;
	-ms-transition-property:width, background-color;
	-o-transition-property:width, background-color;
	transition-property:width, background-color;
}
.skillbar-title {
	position:absolute;
	top:0;
	left:0;
	font-family:'Montserrat', Arial, Helvetica, sans-serif;
	font-weight:700;
	text-transform:uppercase;
	font-size:11px;
	letter-spacing:1px;
}
.skillbar-title span {
	display:block;
	padding:5px 14px 0 14px;
	height:28px;
	line-height:25px;
}
.skillbar-bar {
	height:33px;
	width:0px;
}
.skillbar-percent {
	position:absolute;
	right:12px;
	top:0;
	font-size:11px;
	font-weight:bold;
	font-family:'Montserrat', Arial, Helvetica, sans-serif;
	padding-top:5px;
	height:28px;
	line-height:25px;
}


/*=============== 7.8 toggle styles ===============*/
h6.toggle {
	margin:0;
	outline:0;	
	padding-top:1px;
	line-height:20px;
	font-weight:700;
}
h6.toggle a {
	display:block;
	padding:12px 20px 11px 20px;
	text-decoration:none;
	outline:none;
}
.toggle-content {
	clear:both;
	overflow:hidden;
	display:none;
}
.toggle-content .block {
	padding:18px 20px 18px 20px;
	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;	
}



/*=============== 7.9 Accordion styles ===============*/
.gw-accordion {
	position:relative;
	top:-4px;
	margin-bottom:12px;
}
.gw-accordion h6.gw-accordion-title {
	display:block;
	outline:0;
	margin:1px 0 0 0;
	padding:0;
	font-weight:700;	
}
.gw-accordion h6.gw-accordion-title:first-child {
	margin-top:5px;
}
.gw-accordion h6.gw-accordion-title a {
	text-decoration:none !important;
	padding:12px 20px 12px 20px;
	display:block;
	outline:none;
}
.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:16px 20px 16px 20px;
	margin-top:1px;
}
.gw-accordion .ui-accordion-content p:last-child {
	margin:0px;
}
.gw-accordion .ui-icon {
	margin-right:7px;
}


/*=============== Toggle + Accordion commun styles ===============*/
h6.toggle a:before, .gw-accordion h6.gw-accordion-title a:before {
	content: "\f067"; 
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	text-decoration: inherit;
	-webkit-font-smoothing: antialiased;
	font-size:16px;	
	margin:2px 0 0 0; 
	display:block; 
	float:right;
}
h6.toggle-active a:before, .gw-accordion .gw-accordion-title.ui-state-active a:before {
	content: "\f068"; 	
}


/*=============== 7.10 Tabs styles ===============*/
.gw-tabs {
	margin:0 0 12px 0;
}
.gw-tabs p {
	padding:4px 0 4px 0;
}
.gw-tabs ul.ui-tabs-nav {
	display: block;
	margin: 0;
	padding: 0;
	text-transform:uppercase;
	font-size:13px;
	font-weight:700;
	font-family:'Montserrat', Arial, Helvetica, sans-serif;
}
.gw-tabs ul.ui-tabs-nav li {
	display: block;
	width: auto;
	padding: 0 !important;
	float: left !important;
	margin: 0 !important;
	outline: none;
}
.gw-tabs ul {
	width:100%; 
	float:left;	
}
.gw-tabs ul.ui-tabs-nav li a {
	display:block;
	text-decoration:none;
	width:auto;
	padding:10px 20px 10px 20px;
	font-weight:700;
	margin:0;
	outline: none;
	position:relative;
	top:1px;

}
.gw-tabs ul.ui-tabs-nav .ui-state-active a {
	margin:0;
}
.gw-tabs ul.ui-tabs-nav li:first-child .ui-state-active a {}

.gw-tabs ul.ui-tabs-nav li:first-child a {
	border-width: 1px 1px 1px 1px;
}
.gw-tabs .tab-content {
	padding:20px;
}
.gw-tabs ul.tabs:before, ul.tabs:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.gw-tabs ul.tabs:after {
	clear:both;
}
.gw-tabs ul.tabs {
	zoom:1;
}
.gw-tabs .ui-tabs-hide {
	display: none;
}
.gw-tabs:before, ul.symple-tabs:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.gw-tabs:after {
	clear: both;
}
.gw-tabs {
	zoom: 1;
}
.gw-tabs .ui-tabs-hide {
	display: none;
}



/*=============== 7.12 Business service blocks ===============*/
.service-block {
	margin:12px 0 14px 0;
}
.service-block h6 {
	margin:0;
	font-size:13px;
	position:relative;
	top:2px;
}
.service-icon {
	float:left;
	margin:0 6px 0 0;
	font-size:26px;
}
.service-block .service-content {
	margin:4px 0 0 0;
}
.bs-link {
	position:relative;
	top:6px;
}




/*=============== 7.13 flexslider reset styles ===============*/
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 
.flexslider .slides > li, .testimonial-wrapper .slides > li, .fslider-wrapper .slides > li, .flexslider-wrapper .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img, .testimonial-wrapper .slides img, .fslider-wrapper .slides img, .flexslider-wrapper .slides img {width: 100%; display: block;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* list resets */
.fslider-wrapper ul, .fslider-wrapper ul li, .flexslider-wrapper ul, .flexslider-wrapper ul li, .testimonial-wrapper ul, .testimonial-block {
	list-style:none;
	margin:0;
	padding:0;
}



/*=============== 7.14 Testimonials styles ===============*/
.testimonial-wrapper {
	position:relative;
	margin:0 !important;
}
.testimonial-wrapper .icon-quote-left {
	position:absolute;
	top:6px;
	left:1px;
	font-size:18px;
}
.testimonial-wrapper blockquote:before {
	display:none;
}
.testimonial-wrapper blockquote {
	padding:0 0 12px 30px;
	margin:0;
	font-size:15px;
	line-height:23px;
}
.testimonial-block {
	margin:0;
	padding:0;
	position:relative;
}
.testimonial-name {
	font-size:11px;
	line-height:18px;
	font-weight:700;
	text-transform:uppercase;
	font-family:'Montserrat', Arial, Helvetica, sans-serif;
	padding:0 0 0 30px;	
}



/* Direction Nav */
.testimonial-wrapper .flex-direction-nav {
	position:absolute;
	bottom:-40px;
	left:27px;
	display:block;
}
.testimonial-wrapper .flex-direction-nav li {
	float:left;
	margin:0;
}
.flex-direction-nav a {
	float:left;
	display:block;
	margin:0 1px 0 0;
	padding:3px 12px 2px 12px;
	cursor: pointer; 
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
}
.flex-direction-nav a:hover {
	text-decoration:none;	
}

.flex-direction-nav .flex-disabled { cursor: default; }




/*=============== 7.16 Clients carousel logo styles ===============*/
.clients-carousel-wrapper {
	position:relative;
	float:left;
	width:100%;
}

.clients-carousel-wrapper .cc-nav {
	position:absolute;
	top:4px;
	right:0;
	
}
.clients-wrapper {
	margin:10px 0 20px 0;
	width:100%;
	padding:0;
	overflow:hidden;
}
.clients-wrapper ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}
.clients-wrapper li {
	text-align:center;
	padding:16px 14px 16px 14px;
	margin:0 11px 0 11px;
	display: block;
	float: left;
}
.cw-responsive {
	width: auto;
	margin-left:0;	
}




/*=============== 7.17 Interior Slider styles ===============*/
.fslider-wrapper {
	position:relative;
	margin:12px 0 12px 0;
}
.fslider-wrapper, .fslider-block {
	float:left;
	width:100%;
	overflow:hidden;
}
.fslider-block {
	margin:0;
	padding:0;
	position:relative;
}
.fslider-block img {
	overflow:hidden;
	display:block;
}
/* Direction Nav */
.fslider-wrapper .flex-direction-nav {
	position:absolute;
	bottom:1px;
	left:1px;
	display:block;
}
.fslider-wrapper .flex-direction-nav li {
	float:left;
	margin:0;
}
.fslider-wrapper .flex-direction-nav a {
	font-size:18px;
	line-height:18px;
	padding:13px 22px 11px 22px;	
}





/* =============== 7.1 Square social media icons =============== */
.square-socialmedia {
	list-style:none;
	margin:16px 0 0 0;
	float:left;
}
.square-socialmedia li {
	float:left;
	padding:0;
	height:39px;
	margin:0 2px 2px 0 !important;
	font-size:16px;
	
}
.square-socialmedia li a {
	padding:9px 12px 9px 12px;
}
.square-socialmedia li a i {
	padding:0;	
}
.textwidget {
	position:relative;	
}
.hi-bubble {
	background:url('../images/hi_bubble.png') no-repeat top right;
	position:absolute;
	top:0;
	right:0;
	width:70px;
	height:60px;
	

}



/*=============== 7.1 sport service styles ===============*/
.wservice-block {
	float:left;
	width:100%;
	position:relative;
	margin:22px 0 22px 0;
}
.wservice-content {
	padding:0 0 0 100px;
	position:relative;
	float:left;
}

.wservice-lines {
	background:url('../images/tl_line.png') repeat-x 0 0 !important;
	width:100%;
	height:11px;
	position:absolute;
	top:4px;
	left:0;
	width:80px;
}
.wservice-block h4 {
	margin:-2px 0 4px 0;
}	
.wservice-icon {
	font-size:34px;
	padding:23px 24px 23px 24px;
	display:inline-block;
	text-align:center;
	position:absolute;
	left:0;
	top:4px;
	display:block;	
}
.wservice-icon i {
	padding:0;	
}



/*=============== 7.1 classic center aligned service styles ===============*/
.cservice-block {
	float:left;
	width:100%;
	position:relative;
	margin:16px 0 6px 0;
	text-align:center;
}
.cservice-content {
	float:left;
	width:100%;
}
.cservice-content h5 {
	margin-bottom:6px;
}
.cservice-icon {
	font-size:34px;
	padding:27px 29px 27px 29px;
	display:inline-block;
	text-align:center;
	-webkit-border-radius:64px;
	-moz-border-radius:64px;	
	border-radius:64px;
	margin:0 0 16px 0;
	width:32px;
}
.cservice-icon i {
	padding:0;
	width:36px; 
	float:left;
	position:relative;
	left:-2px;
}





/*=============== 7.15 Call to action styles ===============*/
.cta-wrapper {
	padding:22px 30px 22px 25px;
	margin:34px 0 34px 0;
	overflow:hidden;
	background:url('../images/tl_line.png') repeat 0 0;
}
.cta-wrapper .gwbtn {
	margin:12px 0 0 0;
	float:right;
}
.cta-content {
	float:left;
	width:82%;
	margin:0 30px 0 0;
}
.cta-wrapper h1, .cta-wrapper h2, .cta-wrapper h3, .cta-wrapper h4, .cta-wrapper h5 {
	margin:8px 0 0 0;	
	
}




/*=============== 7.19 wp pagenavi styles ===============*/
.wp-pagenavi {
	margin:0 0 8px 0;	
}
.pag-blog {
	margin-left:88px;	
}
.port-pag, .works-pag {
	margin-top:0;
	padding:30px 0 8px 0;
	float:left;
	width:100%;
	position:relative;
	z-index:40; 
	height:38px;
}


.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:7px 14px 6px 14px;
	display:inline-block;		
	text-decoration:none;	
	cursor:pointer;

	margin:0 1px 0 0;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	border-radius:1px;

}
.wp-pagenavi a, .wp-pagenavi span.current {
	margin:0 1px 0 0;
	font-weight:normal !important;
}
.wp-pagenavi span.pages {
	display:none;
}



/*=============== 8 COMMENTS ===============*/

/*=============== 8.1 commentform styles ===============*/
.comments-wrapper {
	float:left;
	width:100%;
}
#commentform label {
	position:absolute;
	left:37%;
	top:8px;
	margin-left:11px;
	font-size:12px;
}
#commentform p {
	position:relative;
	margin:10px 0 16px -10px;
	padding:0;

}
#commentform .logged-in-as {
	margin-left:0;	
}
#commentform #author, #commentform #email, #commentform #url {
	width:29.7%; 
	float:left; 
	position:relative; 
	z-index:100;
	margin:0 0 10px 10px;
}
#commentform textarea {
	width:96.2%;	
	overflow:auto;
	height:194px;
	margin:0 0 0 10px;	
}
#commentform .comment-form-comment label, .form-allowed-tags /*, #commentform .required*/ {
	display:none;
}
.comment-notes {
	display:none;
}
#reply-title {
	margin:0;
	padding:4px 10px 4px 0;
	display:inline-block;
	position:relative;
	top:-5px;
	font-size:18px;
}
#cancel-comment-reply-link {
	font-size:18px !important;		
}
#commentform #submit {
	padding:11px 26px 9px 26px;
	height:36px;
	margin:0;
	display:block; 
	line-height:16px !important;
	margin:0 0 0 10px;	
}
#commentform #submit:hover {
	cursor:pointer;
}
#respond {
	background:url('../images/tl_line.png') repeat-x 0 6px !important;
	margin-top:40px;
}



/*=============== 8.2 comments section styles ===============*/
.gw-comments-top {
	margin:32px 0 0 0;
}
.comment-block { 
	position:relative;
}

.awaiting_moderation {
	font-style:normal;
	float:left;
	margin:2px 0 2px 0;
	padding:4px 10px 5px 10px;
}
.commentlist { 
	float:left;
	width:100%;
	margin:0 0 34px 0;
}
.commentlist, .commentlist li {
	list-style:none;
}
.commentlist .children {
	padding:0;	
}
.commentlist li {
	margin:36px 0 0 0;
	padding:0;
	display:block;
}
.commentlist li li {
	margin-left:68px;
}
.comment-author { /* the comment avatar */
	float:left;
	margin:4px 0 0 0;
}
.comment-author img {
	display:block;
}
.comment-content {
	position:relative;
	margin:0 0 0 0;
	padding:0 0 10px 89px;
}
.comment-line {
	float:left;
	width:100%;
	height:1px;
	overflow:hidden;
	line-height:0;
	margin:16px 0 0 0;
}
.comment-misc { /* comment posted by *author* wrapper */
	margin:0;
	padding:0;
	font-size:16px;	
	font-style:normal;
	font-weight:700;
	font-family:'Montserrat', Arial, Helvetica, sans-serif;
}
.comment-content .date {/* comment posted date */
	font-family:'Montserrat', Arial, Helvetica, sans-serif;
	font-size:11px;
	text-transform:uppercase;
	font-weight:700;
	display:block;
	width:100%;
	margin:0 0 2px 0;
}
#cancel-comment-reply-link {
	font-weight:900;
	font-size:20px;
	padding-left:8px;
}
.cn-left {
	float:left;	
}
.cn-right {
	float:right;	
}




/*=============== 9. WIDGETS section ===============*/
.fbox {
	width:100%;
}
.fbox select {
	width:80%;	
}
.fbox input {
	border:0 none;
	width:70%;
	height:23px;
	font-size:12px;
}
.fbox input:focus, .fbox input:active {
	outline:none;
}
#sidebar .widget_text ul, .footer-wrapper .widget_text ul {
	list-style:disc outside;
}
#sidebar .widget ul {
	margin-bottom:0;	
}
.widget {
	padding-bottom:50px;
	float:left;
	width:100%;
}
.widget h4 {
	margin:0 0 14px 0;
	display:inline-block;
	padding-right:8px;
}

.widget .tl-lines {
	margin:6px 0 0 0;
	padding:0;
}
.widget ul, .widget ul li, .fbox ul, .fbox ul li {
	list-style:none;	
}
.widget ul li, .fbox ul li {
	line-height:22px;
	margin:0 0 5px 0;
}
.fbox ul li li {
	margin-left:12px;
}
.widget ul li li {
	margin-left:20px;	
}
#sidebar .gwl-wrapper { /* widget bottom decoration */
	float:left;		
	width:100%;
	margin-top:32px;
	margin-bottom:26px;
}
.widget .fluid-width-video-wrapper {
	margin:14px 0 14px 0; 
	clear:both; 
	float:left; 
	width:100%;
}

.widget_archive ul li:before, .widget_categories ul li:before, .widget_gw_categories ul li:before, .widget_recent_entries ul li:before, 
.widget_pages ul li:before, .widget_meta ul li:before, .widget_nav_menu ul li:before, .widget_gw_news_categories ul li:before {
	content: "\f0da"; 
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	text-decoration: inherit;
	-webkit-font-smoothing: antialiased;
	padding-right:9px;
	float:left;
	position:relative;
	top:8px;
	left:1px;
}

.widget_archive ul li, .widget_categories ul li, .widget_gw_categories ul li, .widget_recent_entries ul li, 
.widget_pages ul li, .widget_meta ul li, .widget_nav_menu ul li, .widget_gw_news_categories ul li {
	margin:0;
}
.widget_archive ul li a, .widget_categories ul li a, .widget_gw_categories ul li a, .widget_recent_entries ul li a, 
.widget_pages ul li a, .widget_meta ul li a, .widget_nav_menu ul li a, .widget_gw_news_categories ul li a {
	padding:8px 0 7px 0;
	display:block;
	margin:0;
}


/* ----------------- search widget styles ----------------- */
.screen-reader-text {
	display:none;
}
#searchform {
	position:relative;
	float:left;
	width:100%;
}
#sidebar #searchform, .pnf-content #searchform {
	margin-top:10px;
}
#sidebar .search-icon, .pnf-content .search-icon {
	width:30px;
	height:30px;
	position:absolute;
	left:10px;
	top:6px;
	float:left;
	opacity:0.4;
}
#sidebar .search-icon:before, .pnf-content .search-icon:before {
	content: "\f002"; 
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	text-decoration: inherit;
	-webkit-font-smoothing: antialiased;
	font-size:12px;
}

#sidebar .widget #s, .pnf-content #s {
	width:84%;
	margin-bottom:14px;
	padding-left:30px;
}

.widget #searchsubmit, .pnf-content #searchsubmit {
	display:none;	
}
.fbox #searchform #s {
	float:left;	
	width:64%;	
}

.fbox #searchsubmit {
	height:36px;
	margin-left:1px;
	float:left;

}



/* ----------------- newsletter widget styles ----------------- */
#newsletterform {
	float:left;
	width:100%;
	margin:10px 0 18px 0;	
}
.fbox #email-address {
	float:left;	
	width:69.4%;
}
#newslettersubmit {
	height:36px;
	float:left;	
}

#sidebar #newslettersubmit {
	border:0 none;	
}
#email-address {
	float:left;	
	width:69.4%;
}
#sidebar #newslettersubmit {
	font-family:'Montserrat', Arial, Helvetica, sans-serif;
	font-weight:700;
	height:35px;
	line-height:30px;
	padding:4px 14px 4px 14px;
}
.newsletter-note {
	padding:10px 40px 10px 20px;
	display:inline-block;
	position:relative;
	top:6px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;	
	border-radius:2px;
}
.newsletter-note .close {
	right:20px;
	position:absolute;
}




/* ----------------- tags widget styles ----------------- */
.tagcloud {
	float:left;
	width:100%;
	margin:10px 0 0 0;
}
.fbox .tagcloud {
	margin:0;	
}



/* ----------------- recent comments widget styles ----------------- */
.widget .recentcomments {
	float:left;
	width:100%;
	padding:6px 0 6px 0;
	font-size:12px;
	line-height:19px;
}
.recentcomments:before {
	content: "\f0e6"; 
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	text-decoration: inherit;
	-webkit-font-smoothing: antialiased;
	font-size:14px;
	padding-right:8px;
}
.fbox .recentcomments {
	padding:10px 14px 10px 14px;
}



/* -----------------twitter widget styles ----------------- */
.widget .twitter-content li {
	margin:2px 0 16px 0;
	float:left;
	padding:0 0 0 27px;
	position:relative;
	
}
.widget .twitter-content li:before {
	content: "\f099"; 
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	text-decoration: inherit;
	-webkit-font-smoothing: antialiased;
	font-size:17px;	
	position:absolute;
	left:0;
	top:1px;
}


.widget .twitter-content li:last-child {
	margin-bottom:0 !important;
}
.widget .twitter-content li a:hover {
	text-decoration:underline;	
}
.tw-timestamp { 
	padding:2px 0 6px 0;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
}
.twitter_intents {
	float:left;
	width:100%;
	display:none;
}
.twitter_intents p {
	float:left;
	padding:0 6px 2px 0;
	font-size:16px;	
}
.widget .twitter_intents p a:hover {
	text-decoration:none !important;			
}



/* ----------------- custom latest posts widget styles ----------------- */
.widget .ln-list {
	margin-top:2px;
	float:left;
}

.ln-list li {
	margin:4px 0 12px 0 !important;
	padding:0;
	width:100%; 
	float:left;
}

.ln-list h6 {
	text-transform:none;
	font-weight:700;
	margin:0;
	font-size:14px;
	margin:0 0 2px 0;
	padding:0;
}
.widget .ln-excerpt, .fbox .ln-excerpt {
	display:none;	
}
.widget .ln-date, .fbox .ln-date {
	text-transform:uppercase;
	font-size:11px;
	font-weight:700;
	font-family:'Montserrat', Arial, Helvetica, sans-serif;
}
.widget .ln-date {
	margin-bottom:1px;	
}

.widget .wpost-image {
	float:left;
	width:68px;
	height:68px;
	margin:4px 13px 0 0;
}
.no-img {
	display:block;
	width:28px !important;
	height:28px !important;
	font-size:18px;	
	padding:22px 15px 17px 25px;
}
.no-img:hover {
	text-decoration:none;	
}
.no-img i {
	padding:0 0 0 2px;
}

.fbox .ln-list {
	margin:0;
}
.fbox .ln-list li {
	margin-bottom:16px !important;
}
.fbox .ln-list li h6 {
	font-family:Arial, Helvetica, sans-serif;
}
.fbox .ln-date {
	margin-top:0px;
}
.fbox .wpost-image {
	float:left;
	margin:0 17px 0 0;	
}
.fbox .ln-date {
	font-family:Arial, Helvetica, sans-serif;
}



/* ----------------- flickr widget styles ----------------- */
.flickr-wrapper {
	position:relative;
	top:10px;
	margin-top:20px;
	margin:0 0 0 -9px;	
}
.flickr-wrapper img {
	width:52px;
	height:52px;
	float:left;
	margin:0 0 9px 9px;
	display:block;
	padding:4px;	
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s; 
	transition:0.3s;	
}


/* ----------------- 125 x 125 ads widget styles ----------------- */
.wp125clearfix {
	margin:12px 0 -24px -27px !important;
	float:left;
	padding:0;
	width:310px !important;
}
.wp125ad {
	float:left;
	width:125px;
	overflow:hidden;
	margin:0 0 24px 20px;
	padding:0;
}




/* -----------------portfolio widget styles ----------------- */
.wgport-list {
	margin-left:-13px;
	float:left;
}
.wgport-list li {
	float:left;
	margin:4px 0 9px 13px !important;
	width:83px;
	height:83px;
	position:relative;
	overflow:hidden;
}
.wgport-list li img {
	display:block;
}
.wport-frame {
	position:absolute;	
	left:0;
	top:0;
	width:83px;
	height:83px;
	background-color:rgba(0, 0, 0, 0.4);
	text-align:center;
	opacity:0;
	overflow:hidden;
}
.wport-icon {
	position:absolute;
	left:0px;
	top:0px;
	display:block;
	width:22px; 
	overflow:hidden;
	outline:0;
	font-size:16px;
	width:91px;
	height:91px;	
}
.wport-icon:hover {
	text-decoration:none;
}
.wport-icon i {
	padding:0;
	position:relative; 
	top:36px;
	opacity:0.9;
}
.wgport-list .port-noposts {
	width:120%;
	height:auto !important;
}





/* -----------------login widget styles ----------------- */
.logged-as {
	float:left;
	width:100%;
	margin-top:8px;
	padding-bottom:4px;
}
.loginwidget-list {
	margin-top:8px;
}
.loginwidget-list li {
	float:left;
	width:100%;
}
.wlogin-block {
	float:left;
	width:100%;
	margin:0 0 12px 0 !important;
}
.wlogin-input {
	width:auto;
	padding:4px 10px 4px 10px !important;
	width:260px !important;
}
.recover-password {
	font-size:12px;	
}
.wlogin-block input[type="submit"] {
	width:auto;
	font-size:13px !important;
	text-transform:uppercase;
	font-weight:700;
	padding:0 20px 0 20px !important;
	height:34px !important;
	overflow:hidden;
	display:inline-block;
	font-family:'Montserrat', Arial, Helvetica, sans-serif;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s; 
	transition:0.3s;
}


#sidebar .wlogin-block {
	width:96%;	
}
#sidebar .wlogin-input {
	padding:10px 10px 10px 10px !important;
	width:252px !important;
}
#sidebar .wlogin-block input[type="submit"] {
	border:0 none !important;
}
#sidebar .wlogin-block input[type="submit"]:hover {
	background:#222;	
}




/*=============== 10. Contact page template ===============*/
.cheader-fix {
	margin-top:0 !important;
	top:80px;
}
.cmap-wrapper {
	float:left;
	width:100%;
	overflow:hidden;
}
.cmap-wrapper iframe {
	display:block;
	margin:0;
}
.contact-list ul {
	list-style:none;
}
.contact-list ul li {
	margin:0;
	padding:5px 0 5px 24px;
}
.contact-list ul li i {
	padding:0;
	float:left;
	margin:4px 0 0 -24px;
}




/* ------------------- 10.1 contact form styles ------------------- */
.contact-fieldset {
	margin:0 0 18px 0;
	width:100%; 
}
.contact-fieldset ul {
	list-style:none;
	margin:0;
}
.contact-fieldset ul li {
	float:left;
	margin:5px 0 5px 0;
	width:100%;
	list-style:none;
}
.contact-input {
	float:left;
	width:96%;
}
.contact-textarea {
	height:198px;
	float:left;
	overflow:auto;
	width:96%;
}
.contact-fieldset input[type="submit"] {
	padding:9px 17px 8px 17px;
	height:36px;
}
.contact-fieldset input[type="submit"]:hover {
	cursor:pointer;
}
.inputError {
	border:1px solid #ffc5c5;	
}



/* ------------------- 10.2 contact form 7 styles ------------------- */
.wpcf7-form p {
	margin:12px 0 12px 0;
	padding:0;
	float:left;
	width:100%;
}
.wpcf7-form input {
	margin:3px 0 0 0;	
}
.wpcf7-form input[type="text"], .wpcf7-form input[type="email"] {
	margin:3px 0 0 0;	
	width:44%;
}
.wpcf7-textarea {
	width:97%;
	margin-top:3px;
	height:190px;
}
.wpcf7-form input[type="checkbox"] {
	margin:3px 0 0 0;
	padding:0;
}
.wpcf7-list-item-label { /* radiobox label styles */
	position:relative;
	top:4px;	
	left:4px;
}
.wpcf7-select {
	margin:4px 0 8px 0;
	width:47.4%;
}
div.wpcf7 {
	margin:0;
	padding:0;
}
div.wpcf7-response-output {
	border:0 none !important;
}
div.wpcf7-spam-blocked {
	border:1px solid #da4d40;
}
span.wpcf7-form-control-wrap {
	position:relative;
	width:100%;
}
span.wpcf7-not-valid-tip {
	position:absolute;
	top:24px !important;
	left:0 !important;
	z-index: 100;
	width:70% !important;
	padding:2px 8px 2px 8px !important;
}
span.wpcf7-not-valid-tip-no-ajax {
	display:block;
}
.wpcf7-display-none {
	display:none;
}
div.wpcf7 img.ajax-loader {
	border:none;
	vertical-align:middle;
	margin-left:4px;
}
.wpcf7-list-item { /* radiobox and checkbox wrappers */
	padding:2px 0 2px 0;
	margin:0 !important;	
}
.wpcf7-radio .wpcf7-list-item {/* radiobox wrapper selection only */
	display:block;
	width:50%;
}
.wpcf7-response-output {
	float:left;
	width:97%;
	margin:0 !important;
	padding:10px 14px 10px 14px !important;
}
.wpcf7-submit {
	padding:10px 18px 9px 18px !important;
	margin:10px 0 10px 0 !important;
}

.span6 .wpcf7-form input[type="text"], .span6 .wpcf7-form input[type="email"] {
	width:97%;	
}





/*=============== 13. portfolio 1 styles ===============*/

/* ------------------- 13.1 portfolio filtering options ------------------- */
.portfolio-filter-wrapper {
	float:left;
	width:100%;
	background:url('../images/tl_line.png') repeat-x 0 18px;

}
.portfolio-filter {
	margin:0;
	padding:12px 2px 12px 0;
	display:inline-block;
	text-transform:uppercase;
	font-weight:bold;
}
.portfolio-filter, .portfolio-filter li {
	list-style:none;
}
.portfolio-filter li {
	display:inline-block;
	padding:0 0 0 1px;
	margin:0;
}
.portfolio-filter li a {
	margin:0 4px 0 0;
	padding:11px 16px 10px 16px;	
	font-size:11px;
}




/* ------------------- 13.2 portfolio body ------------------- */
.portfolio-list {
	list-style:none;
	float:left;
	width:1233px !important;
	margin:0 0 10px -33px !important;
	padding:0;
	overflow:visible !important;
}
.portfolio-item {
	position:relative;
	margin:33px 0 0 33px;
	padding:0;
	width:275px;
	height:268px;
	float:left;
}
.pl-shortcode .portfolio-item {
	margin:6px 0 27px 33px;
}
.port-title { margin-top:1px; }
.port-title h6 { margin:0; }
.port-title h6 a {
	display:block;
	padding:17px 20px 17px 20px;
	text-align:center;		
}


.portfolio-overlay {
	width:275px;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
}
.port-zoom, .blog-zoom {
	width:275px;
	height:212px;
	cursor:pointer;
	background:url('../images/hover_pattern.png') repeat top left;
	display:block;
}


.blog2-entry .icon-search, .blog2-entry .icon-film, .portfolio-item .icon-search, .portfolio-item .icon-film, .blog2-entry .icon-quote-left, .blog2-entry .icon-link,
.works-item .icon-search, .works-item .icon-film {
	font-size:28px;	
	position:absolute;
	top:68px;
	left:100px;
	width:28px;
	height:28px;
	opacity:1;
	text-align:center;
	-webkit-border-radius:38px;
	-moz-border-radius:38px;
	border-radius:38px;		
	padding:24px;
}
.icon-search:hover {
	text-decoration:none;
}
.port-zoom:hover, .blog-zoom:hover, .work-zoom:hover {
	text-decoration:none;	
}

.port-desc, .work-desc {
	padding:22px;
	margin:1px 0 0 0;
	text-align:center;
}
.port-desc:hover, .work-desc:hover {
	text-decoration:none;	
}
.pag-blog2 {
	margin-left:33px;
}

.bquote-placeholder {
	position:relative;
	width:275px;
	height:212px;
}
.blog2-entry .more-link {
	text-transform:none;
	font-size:14px;
	font-weight:normal;	
}



#portfolio-container {
	width:100%;
	float:left;
}
.pbody-full #commentform #author, .pbody-full #commentform #email, .pbody-full #commentform #url {
	width:30.64%; 
	float:left; 
	position:relative; 
	z-index:100;
	margin:0 0 10px 10px;
}
.pbody-full #commentform textarea {
	width:97.2%;	
	overflow:auto;
	height:194px;
	margin:0 0 0 10px;	
}


/* related posts section */
.portfolio-related, .port-related-parent .caroufredsel_wrapper {
	height:268px !important;
}

.relatedposts-wrapper {
	float:left;
	width:100%;
	margin:16px 0 16px 0;
}
.portfolio-related {
	margin-bottom:14px !important;

}
.portfolio-related .portfolio-item {
	margin-top:0;
}
.port-related-title {
	margin-top:34px;	
}
.portfolio-related li {
	float:left;
	display:block;
}
.portfolio-related {
	float:left;
	margin-left:-16px !important;
}
.related-indent {
	margin-left:10px;	
}



/* carousel slider navigation button */
.int-nav {
	float:left;
	width:100%;
	margin:12px 0 12px 0;
}
#related_prev, #related_next {
	float:left;
	display:block;
	margin:0 1px 0 0;
	outline:none;
	font-family:'FontAwesome';
	padding:3px 19px 12px 13px;
}
#related_prev:hover, #related_next:hover {
	text-decoration:none;
}

#related_prev span, #related_next span {
	display:block; 
	width:8px; 
	height:11px;
}


/**** 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;
}

/* End: Recommended Isotope styles */



/*=============== news styles ===============*/
.news-block {
	float:left;
	width:100%;
	position:relative;
	margin-bottom:32px;
}
.news-img {
	position:absolute;
	left:0;
	top:0;	
}
.news-content {
	padding:4px 20px 12px 140px;
	overflow:hidden;
	min-height:101px;
}
.news-content p {
	margin-top:0px;
}
.news-content:hover {
	background:#f8f8f8;	
}
.news-content h4 {
	margin:0;
}
.news-misc {
	font-family:'Montserrat', Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:700;
	text-transform:uppercase;
	margin:-2px 0 0 0;
}
.news-overlay {
	position:absolute;
	left:0;
	top:0;
	width:120px;
	height:120px;
	background:url('../images/hover_pattern.png') repeat top left;
	transition:opacity 0.15s linear;
	opacity:0;	
}
.news-overlay i {
	padding:19px 17px 16px 18px;
	font-size:18px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;		
	border-radius:30px;
	position:relative;
	top:52px;
	left:34px;
	width:20px;
	height:20px;
}
.news-overlay:hover {
	opacity:1;	
}
.news-overlay a {
	display:block;
	width:100%;
	height:100%;	
}
.news-overlay a:hover {
	text-decoration:none;	
} 




/*=============== 14. Search page ===============*/
.search-block {
	margin:8px 0 20px 0;
	padding:18px 24px 18px 24px;
	
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s; 
	transition:0.3s;	
}
.search-block h5 a i {
	font-size:14px;
	padding:0;
}
.search-block h5 a:hover {
	text-decoration:none;	
}
.spost-type {
	text-transform:uppercase;
	font-size:11px;
	font-weight:700;
	padding:0 0 0 22px;
	font-family:'Montserrat', Arial, Helvetica, sans-serif;
}
.psearch {
	margin-top:34px;	
}


/*=============== 14. Page not found ===============*/
.pnf-content #searchform {
	width:240px;	
}



/*=============== 13. Index page ===============*/
.gw-header-placeholder {
	float:left;
	width:100%;	
	height:202px;
	background:url('../images/texture1.png') repeat top left;		
}
.index-block {
	margin:14px 0 20px 0;
}


/*=============== 14. Homepage 1 / RevSlider ===============*/
.revslider-wrapper {
	float:left;
	width:100%;
	overflow:hidden;	
}
.tp-bannertimer {
	opacity:0.5;	
}
.tp-bullets.simplebullets.round .bullet	{ display:none; }

.tp-leftarrow {	
	background:url('../images/large_left.png') no-Repeat top left !important; 
	width:66px !important;	
	height:67px !important; 
}
.tp-rightarrow { 
	background:url('../images/large_right.png') no-Repeat top left !important;	
	width:66px !important;	
	height:67px !important;
}
.tp-leftarrow.default {	
	background:url('../images/large_left.png') no-Repeat 0 0 !important;
}
.tp-rightarrow.default { 
	background:url('../images/large_right.png') no-Repeat 0 0 !important;	
}
.tp-leftarrow:hover,
.tp-rightarrow:hover {	
	background-position:bottom left !important; 
}

/* slider loader */
.tp-loader 	{	
	background:url('../images/loading.gif') no-repeat 10px 10px !important; 
	background-color:#222 !important;  
	margin:-15px -15px !important;
}


.sl_titletrans, .sl_titledef {
	padding:16px 19px 13px 19px;	
}
.sl_titletrans h2, .sl_titledef h2 {
	margin:0; 
	padding:0;	
}
.sl_more a, .sl_more2 a {
	display:block;
	font-family:'Montserrat', Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:700;
	text-transform:uppercase;
	padding:9px 17px 8px 17px;
}

.sl_skin-desc-left, .sl_skin-desc-right {
	font-family:'Montserrat', Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:400;
	padding:20px 20px 20px 20px;
}
.sl_skin-desc-right {
	text-align:right;	
}
.sl_titledef_center {
	text-align:center;
}
.sl_intro {
	font-size:17px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:normal;	
}

.sl_more2 {
	text-transform:uppercase;
	font-size:11px;
	font-family:'Montserrat', Arial, Helvetica, sans-serif;
}
.sl_more2 a {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	padding:6px 17px 5px 17px;	
}
.sl_more2 a:hover {
	text-decoration:none;
}

.sl_subtitle {
		
}
.sl_subtitle i {
	padding:15px 15px 14px 15px;
	float:right;
	height:14px;
	width:14px;
	text-align:center;
}

.sl_subtitle-text {
	float:right;
	padding:10px 18px 10px 18px;
	font-family:'Montserrat', Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:400;	
}




/*=============== 15. Homepage 2 / About us ===============*/
.aboutus-wrapper {
	height:596px;
	background:url('../images/texture1.png') repeat top left;	
}
.aboutus-title {
	float:left;
	width:100% !important;
	text-align:center;
	margin:60px 0 0 0;
}
.aboutus-title .aboutus-desc {
	font-size:17px;
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:16px 0 16px 0;
}

.carfred-preload {
	background:url('../images/texture1.png') repeat top left;
	position:absolute;
	width:100%;
	height:400px;
	z-index:100 !important;
}
.caroufredsel-wrapper {
	width:100%;
	height:390px;
	overflow:hidden;
	position:relative;
}
.cfs-list {
	padding:0;
	list-style:none;
	display:block;
	margin:32px 0 20px 0;
	overflow:hidden;
	height:338px;
}
.cfs-list li {
	float:left;
	margin:0 22px 0 22px;
	padding:0;
	width:274px;
	height:338px; /* actual image height is 287px but we need some more for bottom title */
	position:relative; 
}
.carousel-title {
	padding:16px 20px 17px 20px;
	width:234px;
	text-align:center;
}
.carousel-title h6 {
	margin:0;
}


/* carousel slider navigation button */
#cslider_prev, #cslider_next {
	position:absolute;
	display:block;
	top:42%;
	font-size:18px;
	line-height:15px;
	outline:none;
	font-family:'FontAwesome';
	padding:27px 24px 25px 24px;
}
#cslider_prev {
	left:0;
}
#cslider_next {
	right:0;
}
#cslider_prev span, #cslider_next span {
	display:block;
}



/* carousel slider overlay styles */
.gw-slidecarousel-overlay {
	position:absolute;
	top:0;
	left:0;
	text-align:left;
	width:216px;
	height:338px;
	padding:0 29px 0 29px;
	transition:opacity 0.25s linear;
	opacity:0;
}
.gw-slidecarousel-overlay:hover {
	opacity:1;
}
.gw-slidecarousel-overlay h6 {
	margin:34px 0 18px 0;
}
.gw-slidecarousel-overlay h6 a:hover {
	text-decoration:none;	
}
.gw-slidercarousel-line {
	width:54px;
	height:1px;
	overflow:hidden;
	font-size:0;
	line-height:0;
	border-bottom:1px solid #fff;
	opacity:0.16;
	margin-bottom:20px;	
}
.gw-slidercarousel-dec {
	width:274px;
	margin-left:-29px;
	height:1px !important;
	overflow:hidden;
	font-size:0;
	line-height:0;
	margin-bottom:1px;	
}
.gw-slidercarousel-socialmedia {
	position:absolute;
	bottom:0;
	left:29px;
	margin:0;
}
.gw-slidercarousel-socialmedia div {
	float:left;
	margin:0 1px 0 0;
	display:inline-block;	
}
.gw-slidercarousel-socialmedia div a {
	display:block;
	padding:14px 14px 14px 14px;
}
.gw-slidercarousel-socialmedia div a i {
	font-family:FontAwesome;
	padding:0;
}



/* =============== 16. top toggle section ===============*/
.ttoggle-wrapper {
	float:left;
	width:100%;
}
.ttoggle-wrapper .container {
	position:relative;	
}
.top-trigger .collapsed:before {
	content:"\f067" !important;
	font-family:'FontAwesome';
	font-size:16px;
}
.top-trigger .accordion-toggle {
	line-height:16px;
	text-decoration:none;
	
	padding:5px 7px 1px 7px;
	position:relative;
	left:20px;
	top:2px;
}
.top-trigger .accordion-toggle:before {
	content:"\f068";
	font-family:'FontAwesome';
	font-size:16px;
}
.top-trigger {
	z-index:1000;
	position:absolute;
	bottom:-33px;
	left:150px;
	background:url('../images/ttoggle_decoration.png') no-repeat bottom center;
	width:68px;
	height:33px;
}
.accordion-inner {
	border:0 none;
	padding:30px 0 30px 0;	
}
.ttoggle-wrapper .fbox {
	margin-top:30px;
	margin-bottom:14px;		
}
.ttoggle-wrapper .fbox h6 {
	padding-bottom:16px;
}
.accordion-body .fbox h4 {
	margin-bottom:12px;
	position:relative;
}
.title4-tagline {
	position:absolute;
	top:-24px;
	left:0;
	font-size:12px;
	font-style:italic;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:none;
	font-weight:normal;
}

.ttoggle-social {
	float:left;
	width:100%;
}
.ttoggle-social li {
	float:left;
	font-size:20px;
	margin:14px 24px 6px 0 !important;
}
.ttoggle-social li a {
	display:block;
	padding:6px;	
}
.ttoggle-social li a i {
	padding:0;	
}
.ttoggle-social li a:hover {
	text-decoration:none;	
}



/* 17. =============== works section =============== */
.works-list {
	list-style:none;
	float:left;
	width:1232px !important;
	margin:0 0 10px -32px !important;
	padding:0;
	overflow:visible !important;
}
.works-item {
	position:relative;
	margin:32px 0 0 32px;
	padding:0;
	width:378px;
	height:347px;
	float:left;
}
.pl-shortcode .works-item {
	margin:6px 0 27px 32px;
}
.work-title, .work-title-hover { margin-top:1px; }
.work-title h6, .work-title-hover h6 { margin:0; }
.work-title h6 a, .work-title-hover h6 a {
	display:block;
	padding:17px 20px 17px 20px;
	text-align:center;		
}
.work-title-hover a:hover {
	text-decoration:none;	
}
.work-overlay {
	width:378px;
	position:absolute;
	top:0;
	left:0;
	transition:opacity 0.25s linear;
	opacity:0;
}
.work-overlay:hover {
	opacity:1;
}
.work-zoom {
	width:378px;
	height:291px;
	cursor:pointer;
	background:url('../images/hover_pattern.png') repeat top left;
	display:block;
}
.works-item .icon-search, .works-item .icon-film {
	left:150px;
	top:106px;
	

}








@media (min-width: 1440px) and (max-width: 1600px) {
	.header-content { top:28%; }
}
@media (min-width: 1200px) and (max-width: 1440px) {
	.header-content { top:25%; }	
}



/* Desktop 1024px resolution */
@media (min-width: 980px) and (max-width: 1200px) {
	.container { width:960px; }	
	
	/* main menu styles */
	.sf-menu li a {	padding:33px 16px 32px 16px; }
	
	/* interior header styles */
	.header-content { margin-left:-480px; top:18%; }
	.header-content h2 { padding:14px 20px 13px 20px; }	
	
	/* comment form styles */
	#commentform #author, #commentform #email, #commentform #url { width:28.9%; }
	#commentform textarea {	width:95.5%; }	
	
	.portfolio-list { width:993px !important; }
	.works-list { width:992px !important; }
	
	
	.portfolio-related, .port-related-parent .caroufredsel_wrapper { width:728px !important; }
	
	
	.bquote-placeholder { width:212px !important; height:163px !important; }
	
	.blog2-wrapper { width:760px; }
	
	.blog2-wrapper-full { width:980px; }

	.blog2-entry { width:212px; }
	.blog2-overlay { width:212px; height:163px; }
	.blog2-overlay .blog-zoom { width:212px; height:163px; }
	.blog2-entry .icon-search, .blog2-entry .icon-film, .blog2-entry .icon-quote-left, .blog2-entry .icon-link { top:44px !important; left:68px !important; }


	.box-content { width:550px; }
	
	.cta-content { width:77%; }
	
	.entry-overlay { width:625px; height:221px; }
	.entry-overlay i { padding:25px 24px 21px 24px; top:98px; left:275px; }
	
}



/*  #Tablet
================================================== */

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
	.container { width:740px; }
	
	.blog2-parent #sidebar { display:none; }
	.menu-parent { float:left; position:relative; left:-20px; width:100% !important; }
	#menu-wrapper {  float:left; }
	.sf-menu li a {	padding:23px 32px 22px 0px; float:left !important; }
	.sf-menu li { right:0; }

	.sf-menu li:hover ul, .sf-menu li.sfHover ul { top:62px; /* match top ul list item height */}
	
	/* interior header styles */
	.header-content { margin-left:-370px; top:8%; }
	.header-content h2 { padding:12px 20px 10px 20px; }
	
	
	/* comment form styles */
	#commentform #author, #commentform #email, #commentform #url { width:27.6%; }
	#commentform textarea {	width:94.3%; }
	
	.portfolio-list { width:773px !important; }
	.works-list { width:772px !important; }	
	
	.portfolio-filter-wrapper { background:none; }
	.portfolio-filter li { margin:0 0 17px 0; }
	.portfolio-filter { margin:0 0 -17px 0; }
	
	
	.portfolio-related, .port-related-parent .caroufredsel_wrapper { width:580px !important; }
	
	.blog2-wrapper { width:773px; }	
	
	.blog2-wrapper-full {
		width:773px;
	}
		
	.blog2-wrapper-full .blog2-entry { width:275px; }
	.blog2-wrapper-full .blog2-overlay { width:275px; height:212px; }
	.blog2-wrapper-full .blog2-overlay .blog-zoom { width:275px; height:212px; }	
	.blog2-wrapper-full .blog2-entry .icon-search, .blog2-wrapper-full .blog2-entry .icon-film { top:68px; left:100px; }
	
		
		
	.blog2-entry { width:212px; }
	.blog2-overlay { width:212px; height:163px; }
	.blog2-overlay .blog-zoom { width:212px; height:163px; }
	.blog2-entry .icon-search, .blog2-entry .icon-film { top:44px; left:68px; }
	
	.box-content { width:385px; }
	
	.cta-content { width:72%; }
	
	.entry-overlay { width:460px; height:162px; }
	.entry-overlay i { padding:25px 24px 21px 24px; top:69px; left:193px; }	
}



/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
	.container { width:320px; }	
	
	#sidebar {display:none;}
	/* main menu */
	#menu-wrapper {  float:left; }
	.sf-menu { display:none; }
	.selectnav { display:block; width:280px !important; float:left;  }	
	
	
	.header-content {
		margin-left:-160px;
		top:0;
	}
	.header-content h2 { font-size:18px; line-height:25px; }
	
	.header-wrapper .himage-bg, .header-wrapper .page-thumb { height:90px; }
	

	.header-content h2 { padding:10px 20px 10px 20px; }
	
	
	/* pullquotes */
	.pullquote-left, .pullquote-right { width:72%; }	
	
	.social-separator { display:none; }
	
	/* comment form styles */
	.commentlist li li { margin-left:0; }
	#commentform #author, #commentform #email, #commentform #url { width:90.4%; }
	#commentform textarea {	width:90.4%; }

	.copyright-info { text-align:left; }
	
	.portfolio-list { width:353px !important; margin:0 0 10px -14px !important; }
	.works-list { width:353px !important; }
	
	.portfolio-related, .port-related-parent .caroufredsel_wrapper { width:320px !important; /*height:268px !important;*/ }
	
	.fbox { width:280px; margin:0; }
	.blog2-wrapper, .blog2-wrapper-full { width:320px; }
	.blog2-entry { width:287px; }
	
	
	.box-content { width:156px; }	
	
	.cta-content { width:100%; }
	.cta-wrapper .gwbtn { float:left; margin-bottom:10px; }
	
	.entry-overlay { display:none; }
	
	
	/* posts quote styles */
	.entry-quote, .entry-link { margin:0 0 24px 0; padding:30px 22px 30px 48px; font-size:18px; line-height:25px; }
	.entry-quote-icon { top:34px; left:18px; font-size:20px; }
	
	.entry-link { padding:30px 22px 30px 22px; }
	
	.portfolio-filter li { margin:0 0 17px 0; }
	.portfolio-filter { margin:0 0 -17px 0; }	
}



/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.container { width:468px; }	
	
	#sidebar { display:none; }
	/* main menu */
	.sf-menu { display:none; }
	.selectnav { display:block; width:440px !important; }
	#menu-wrapper { width:400px; }
	
	.header-content {
		margin-left:-240px;
		top:10%;
	}
	
	
	.header-wrapper, .aboutme-wrapper { height:100%; }	

	.header-content h2 { font-size:24px; line-height:30px; }	
	
	
	/* pullquotes */
	.pullquote-left, .pullquote-right { width:40%; }	
	
	/* comment form styles */
	#commentform #author, #commentform #email, #commentform #url { width:93.4%; }
	#commentform textarea {	width:93.4%; }
	
	.portfolio-list { width:480px !important; margin:0 0 10px 0 !important; }	
	.works-list { width:480px !important; }	
	.portfolio-item { margin:17px 0 16px 102px; }		
		
	.portfolio-related, .port-related-parent .caroufredsel_wrapper { width:480px !important; /*height:268px !important; */ }	
	
	.twitter-wrapper .twitter-content, .twitter-wrapper .container {}
	
	
	.blog2-wrapper, .blog2-wrapper-full { width:430px; }
	.blog2-entry { width:397px; }
				
				
	.box-content { width:304px; }
	
	.entry-overlay { display:block; width:378px; height:133px; }
	.entry-overlay i { padding:25px 24px 21px 24px; top:54px; left:152px; }
	
	
	
	/* posts quote styles */
	.entry-quote { margin:0 0 24px 0; padding:30px 32px 30px 80px; }
	.entry-quote-icon { top:34px; left:32px; }
	
	/* posts link styles */
	.entry-link { padding:30px 22px 30px 22px; }
}