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

	Theme Name: Morphis
	Theme URI: http://themes.pastelfriday.com/wp/morphis_landing/
	Description: A premium responsive WordPress theme for creatives.
	Author: Jan Intia
	Author URI: http://themeforest.net/user/janintia
	Version: 1.6
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Tags: responsive, creative, portfolio, clean, minimalist, photography, fashion, black, white, minimal, translation-ready, custom-menu, unique-layouts, page-templates

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

Table of Contents
==================================================
(1) Responsive Layout
(2) Reset
(3) Site Styles
(4) Page Styles
(5) WordPress Specific styles
(6) Media Queries
(7) #Font-Face 
	

	
	
	
(1) Responsive Layout: =1
================================================== 	
(1.1) Base 960 Grid - 16 columns 	=BASE
(1.2) Tablet (Portrait)				=TABLET-PORTRAIT
(1.3) Mobile (Portrait)				=MOBILE-PORTRAIT
(1.4) Mobile (Landscape)			=MOBILE-LANDSCAPE
(1.5) Clearing 						=CLEARING

		
*/


/* (1.1) Base 960 Grid - 16 columns: =BASE
----------------------------------------------- */

.container { 		
	margin: 0 auto; 
	padding: 0; 
	position: relative; 
	width: 960px; 
}

.column, 
.columns { 
	display: inline; 
	float: left;  
	margin-left: 10px; 
	margin-right: 10px; 
}

.row { margin-bottom: 40px; }

/* Nested Column Classes */
.column.alpha, 
.columns.alpha { margin-left: 0; }

.column.omega, 
.columns.omega { margin-right: 0; }

/* Base Grid */
.container .one.column { width: 40px; }  
.container .two.columns { width: 100px; }
.container .three.columns { width: 160px; }
.container .four.columns { width: 220px; }
.container .five.columns { width: 280px; }
.container .six.columns { width: 340px; }
.container .seven.columns { width: 400px; }
.container .eight.columns { width: 460px; }
.container .nine.columns { width: 520px; }
.container .ten.columns { width: 580px; }
.container .eleven.columns { width: 640px; }
.container .twelve.columns { width: 700px; }
.container .thirteen.columns { width: 760px; }
.container .fourteen.columns { width: 820px; }
.container .fifteen.columns  { width: 880px; }
.container .sixteen.columns  { width: 940px; }
.container .one-third.column { width: 300px; }
.container .two-thirds.column { width: 620px; }

/* Offsets */
.container .offset-by-one { padding-left: 60px;  }
.container .offset-by-two { padding-left: 120px; }
.container .offset-by-three { padding-left: 180px; }
.container .offset-by-four { padding-left: 240px; }
.container .offset-by-five { padding-left: 300px; }
.container .offset-by-six { padding-left: 360px; }
.container .offset-by-seven { padding-left: 420px; }
.container .offset-by-eight { padding-left: 480px; }
.container .offset-by-nine { padding-left: 540px; }
.container .offset-by-ten { padding-left: 600px; }
.container .offset-by-eleven { padding-left: 660px; }
.container .offset-by-twelve { padding-left: 720px; }
.container .offset-by-thirteen { padding-left: 780px; }
.container .offset-by-fourteen { padding-left: 840px; }
.container .offset-by-fifteen { padding-left: 900px; }
	
	
/* (1.2) Tablet (Portrait): =TABLET-PORTRAIT
----------------------------------------------- */
	   
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.container { width: 768px; }
	.container .column,
	.container .columns { 
		margin-left: 10px; 
		margin-right: 10px;  
	}
	.column.alpha, 
	.columns.alpha { 
		margin-left: 0; 
		margin-right: 10px; 
	}
	.column.omega, 
	.columns.omega { 
		margin-left: 10px; 
		margin-right: 0;
	}
	.container .one.column { width: 28px; }
	.container .two.columns { width: 76px; }
	.container .three.columns { width: 124px; }
	.container .four.columns { width: 172px; }
	.container .five.columns { width: 220px; }
	.container .six.columns { width: 268px; }
	.container .seven.columns { width: 316px; }
	.container .eight.columns { width: 364px; }
	.container .nine.columns { width: 412px; }
	.container .ten.columns { width: 460px; }
	.container .eleven.columns { width: 508px; }
	.container .twelve.columns { width: 556px; }
	.container .thirteen.columns { width: 604px; }
	.container .fourteen.columns { width: 652px; }
	.container .fifteen.columns { width: 700px; }
	.container .sixteen.columns { width: 748px; }
	.container .one-third.column { width: 236px; }
	.container .two-thirds.column { width: 492px; }

	/* Offsets */
	.container .offset-by-one { padding-left: 48px; }
	.container .offset-by-two { padding-left: 96px; }
	.container .offset-by-three { padding-left: 144px; }
	.container .offset-by-four { padding-left: 192px; }
	.container .offset-by-five { padding-left: 240px; }
	.container .offset-by-six { padding-left: 288px; }
	.container .offset-by-seven { padding-left: 336px; }
	.container .offset-by-eight { padding-left: 348px; }
	.container .offset-by-nine { padding-left: 432px; }
	.container .offset-by-ten { padding-left: 480px; }
	.container .offset-by-eleven { padding-left: 528px; }
	.container .offset-by-twelve { padding-left: 576px; }
	.container .offset-by-thirteen { padding-left: 624px; }
	.container .offset-by-fourteen { padding-left: 672px; }
	.container .offset-by-fifteen { padding-left: 720px; }
}	


/* (1.3) Mobile (Portrait): =MOBILE-PORTRAIT
----------------------------------------------- */
   
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
	.container { width: 300px; }
	.columns, 
	.column { margin: 0; }
	
	.container .one.column,
	.container .two.columns,
	.container .three.columns,
	.container .four.columns,
	.container .five.columns,
	.container .six.columns,
	.container .seven.columns,
	.container .eight.columns,
	.container .nine.columns,
	.container .ten.columns,
	.container .eleven.columns,
	.container .twelve.columns,
	.container .thirteen.columns,
	.container .fourteen.columns,
	.container .fifteen.columns,
	.container .sixteen.columns,
	.container .one-third.column,
	.container .two-thirds.column  { width: 300px; }

	/* Offsets */
	.container .offset-by-one,
	.container .offset-by-two,
	.container .offset-by-three,
	.container .offset-by-four,
	.container .offset-by-five,
	.container .offset-by-six,
	.container .offset-by-seven,
	.container .offset-by-eight,
	.container .offset-by-nine,
	.container .offset-by-ten,
	.container .offset-by-eleven,
	.container .offset-by-twelve,
	.container .offset-by-thirteen,
	.container .offset-by-fourteen,
	.container .offset-by-fifteen { padding-left: 0; }
}


/* (1.4) Mobile (Landscape): =MOBILE-LANDSCAPE
----------------------------------------------- */
	   
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.container { width: 420px; }
	.columns, 
	.column { margin: 0; }

	.container .one.column,
	.container .two.columns,
	.container .three.columns,
	.container .four.columns,
	.container .five.columns,
	.container .six.columns,
	.container .seven.columns,
	.container .eight.columns,
	.container .nine.columns,
	.container .ten.columns,
	.container .eleven.columns,
	.container .twelve.columns,
	.container .thirteen.columns,
	.container .fourteen.columns,
	.container .fifteen.columns,
	.container .sixteen.columns,
	.container .one-third.column,
	.container .two-thirds.column { width: 420px; }
}


/* (1.5) Clearing: =CLEARING
----------------------------------------------- */
   
/* Self Clearing Goodness */
.container:after { 
	clear: both; 
	content: "\0020"; 
	display: block; 
	height: 0; 	
	visibility: hidden;
}

/* 
Use clearfix class on parent to clear nested columns,
or wrap each row of columns in a <div class="row"> 
*/

.clearfix:before,
.clearfix:after,
.row:before,
.row:after { 
	content: '\0020'; 
	display: block; 
	overflow: hidden; 
	visibility: hidden; 
	width: 0; 
	height: 0; 
}

.row:after,
.clearfix:after { 
	clear: both; 
}

.row,
.clearfix { 
	zoom: 1; 
}

.clear { 
	clear: both; 
	display: block; 
	overflow: hidden; 
	visibility: hidden; 
	width: 0; 
	height: 0; 
}


/* 
(2) Reset: =2
================================================== 
	(2.1) Reset & Basics				=RESET
	(2.2) Basic Styles					=BASIC
	(2.3) Typography					=TYPO
	(2.4) Links							=LINKS
	(2.5) Lists							=LISTS
	(2.6) Tables						=TABLES
	(2.7) Images						=IMAGES
	(2.8) Buttons						=BUTTONS
	(2.9) Tabs, Accordion, etc...		=TABS
	(2.10) Forms						=FORMS	
	(2.11) Misc 						=MISC
*/


/* (2.1) Reset & Basics: =RESET
----------------------------------------------- */	 
  
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	border: 0;
	font-size: 100%;
	font: inherit;
	margin: 0;
	padding: 0;	
	vertical-align: baseline; 
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, 
blockquote:after,
q:before, 
q:after {
	content: '';
	content: none; 
}

table {
	border-collapse: collapse;
	border-spacing: 0; 
}


/* (2.2) Basic Styles: =BASIC
----------------------------------------------- */	 
	   
body {		
	font: 12px/1.667em Georgia, serif;				
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;		
}
	
	
/* (2.3) Typography: =TYPO
----------------------------------------------- */	
	   
/* Headings */
h1, h2, h3, h4, h5, h6 { word-spacing: 2px; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }

h1 { 
	font-size:2em; 
	line-height: 0.834em; 
	margin-bottom: 20px; 
}

h2 {
	font-size:1.833em; 
	line-height: 0.909em; 	
	margin-bottom:20px;
}

h3 {
	font-size:1.667em; 
	line-height: 1em; 	
	margin-bottom:20px;
}

h4 {
	font-size:1.5em; 
	line-height: 1.111em; 
	margin-bottom:20px;
}

h5 {
	font-size:1.333em;
	line-height:1.25em; 
	margin-bottom: 20px; 
}

h6 {
	font-size:1.167em; 
	line-height: 1.428em; 
	margin-bottom: 20px;
}

/* Paragraph */
p { 
	font-size: 12px; 
	line-height: 1.667em; 
	margin: 0 0 20px;  
}

p img { margin: 0 0 20px; }

/* Other Texts Styling */
em { font-style: italic; }
strong { font-weight: bold; }
small { font-size: 80%; }
b { font-weight: 100; }
i { font-style: italic; }

/* Horizontal Lines */
hr, hr.double { 
	border-top: none; 
	border-right: none; 
	border-left: none; 	
	clear: both; 
	height: 0; 
	margin: 0 0 40px; 	
}

	
/* (2.4) Links: =LINKS
----------------------------------------------- */	

a { 
	-moz-transition: .2s all ease-in-out;
	-o-transition: .2s all ease-in-out;	
	-webkit-transition: .2s all ease-in-out;
	transition: .2s all ease-in-out;
	text-decoration: none; 
	outline: 0; 
}

p a { line-height: inherit; }


/* (2.5) Lists: =LISTS
----------------------------------------------- */	
	   
ul, 
ol, 
dl { margin-bottom: 2.857em; }

ul { list-style: none outside; }

ol { list-style: decimal; }

ol, 
ul.circle, 
ul.disc, 
ul.square { 
	margin-left: 0px; 
	padding-left: 13px; 
}

ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }
ul.square { list-style: square outside; }

ul ul li, 
ul ol li,
ol ol li, 
ol ul li { margin: 0; }

li { 
	line-height: 1.667em; 
	margin-bottom: 0px; 
}

dt { font-weight: bold; }	
dd { margin-bottom: 20px; }

ul.no-style li { background-image: none; } 

ul.list-arrows li { 
	background: transparent url('images/list/arrow-marks.png') no-repeat top left; 
	padding-left: 20px; 
}

ul.list-check li { 
	background: transparent url('images/list/check.png') no-repeat top left; 
	padding-left: 20px; 
} 

ul.list-bullets li { 
	background: transparent url('images/list/bullet.png') no-repeat top left; 
	padding-left: 20px; 
}

ul.list-comment li, 
ul#recentcomments li { 
	background: transparent url('images/list/comment-icon.png') no-repeat top left; 
	padding-left: 25px; 
}

ul.centered li { text-align: center; }
	

/* (2.6) Tables: =TABLES
----------------------------------------------- */	
   
table {
	margin: 0 0 20px 0;
	padding: 0 5px;
	text-align: left;		
	width: 100%;		
}

th,
td {
	padding: 5px;
	text-align: center;	
	vertical-align: middle;	
}

thead th{
	border: none;		
	font-size: 14px;
	font-weight: 700;	
	padding: 10px 5px;
}


/* (2.7) Images: =IMAGES
----------------------------------------------- */	
   
img.scale-with-grid {
	height: auto; 
	max-width: 100%;
}


/* (2.8) Buttons: =BUTTONS
----------------------------------------------- */

a.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	display: inline-block;	
	font-size: 12px;
	font-weight: normal;
	line-height: 21px;
	margin-bottom: 40px;	
	padding: 9px 12px!important;  
	text-decoration: none;
	font-family: Arial, sans-serif;
	
	background: #ededed; /*fallback for non-CSS3 browsers*/
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9) to(#ededed)); /*old webkit*/
	background: -webkit-linear-gradient(#f9f9f9, #ededed); /*new webkit*/
	background: -moz-linear-gradient(#f9f9f9, #ededed); /*gecko*/
	background: -ms-linear-gradient(#f9f9f9, #ededed); /*IE10*/
	background: -o-linear-gradient(#f9f9f9, #ededed); /*opera 11.10+*/
	background: linear-gradient(#f9f9f9, #ededed); /*future CSS3 browsers*/
	-pie-background: linear-gradient(#f9f9f9, #ededed); /*PIE*/	
	border: 1px solid #d3d3d3;		
	color: #717171;
	text-shadow: 1px 1px 0px #f8f8f8;
	
}

a.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {	
	
	background: #ededed; /*fallback for non-CSS3 browsers*/
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#ededed) to(#f9f9f9)); /*old webkit*/
	background: -webkit-linear-gradient(#ededed, #f9f9f9); /*new webkit*/
	background: -moz-linear-gradient(#ededed, #f9f9f9); /*gecko*/
	background: -ms-linear-gradient(#ededed, #f9f9f9); /*IE10*/
	background: -o-linear-gradient(#ededed, #f9f9f9); /*opera 11.10+*/
	background: linear-gradient(#ededed, #f9f9f9); /*future CSS3 browsers*/
	-pie-background: linear-gradient(#ededed, #f9f9f9); /*PIE*/	
	border: 1px solid #d3d3d3;	
	color: #717171;	
}


.button.full-width,
button.full-width,
input[type="submit"].full-width,
input[type="reset"].full-width,
input[type="button"].full-width {
	padding-left: 0 !important;
	padding-right: 0 !important;
	text-align: center; 
	width: 100%;
}
	
.button.small {		
	cursor: pointer;	
	display: inline-block;
	font-size: 10px;
	font-weight: normal;
	line-height: 16px;	
	padding: 7px 12px;
}

.button.medium {		
	cursor: pointer;	
	display: inline-block;	
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	margin: 0 10px 20px 0;
	padding: 11px 15px;
}

.button.big {		
	cursor: pointer;	
	display:inline-block;
	font-size: 16px;
	font-weight: normal;
	line-height: 20px;
	margin: 0 10px 20px 0;
	padding: 15px 20px;	
}

.button, 
input.button,
input.button[type="submit"],
input.button[type="reset"],
input.button[type="button"] {
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;			
	box-shadow: #e3e3e3 0 1px 1px;	
	-moz-box-shadow:
		0px 1px 1px rgba(000,000,000,0.1),
		inset 0px 1px 1px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 1px rgba(000,000,000,0.1),
		inset 0px 1px 1px rgba(255,255,255,0.7);							
}

.button.orange {
	background: #febd4b; /*fallback for non-CSS3 browsers*/
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#fed970) to(#febd4b)); /*old webkit*/
	background: -webkit-linear-gradient(#fed970, #febd4b); /*new webkit*/
	background: -moz-linear-gradient(#fed970, #febd4b); /*gecko*/
	background: -ms-linear-gradient(#fed970, #febd4b); /*IE10*/
	background: -o-linear-gradient(#fed970, #febd4b); /*opera 11.10+*/
	background: linear-gradient(#fed970, #febd4b); /*future CSS3 browsers*/
	-pie-background: linear-gradient(#fed970, #febd4b); /*PIE*/
	border: 1px solid #d6a437;	
	color: #7c5d1b;
	text-shadow: 1px 1px 0px #ffe8b2;
}

.button.orange:hover {	
	background: #febd4b; /*fallback for non-CSS3 browsers*/
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#febd4b) to(#fed970)); /*old webkit*/
	background: -webkit-linear-gradient(#febd4b, #fed970); /*new webkit*/
	background: -moz-linear-gradient(#febd4b, #fed970); /*gecko*/
	background: -ms-linear-gradient(#febd4b, #fed970); /*IE10*/
	background: -o-linear-gradient(#febd4b, #fed970); /*opera 11.10+*/
	background: linear-gradient(#febd4b, #fed970); /*future CSS3 browsers*/
	-pie-background: linear-gradient(#febd4b, #fed970); /*PIE*/		
	border: 1px solid #d6a437;	
	color: #7c5d1b;
}

.button.yellow {
	background: #feed7a; /*fallback for non-CSS3 browsers*/
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#feed7a) to(#fedb5e)); /*old webkit*/
	background: -webkit-linear-gradient(#feed7a, #fedb5e); /*new webkit*/
	background: -moz-linear-gradient(#feed7a, #fedb5e); /*gecko*/
	background: -ms-linear-gradient(#feed7a, #fedb5e); /*IE10*/
	background: -o-linear-gradient(#feed7a, #fedb5e); /*opera 11.10+*/
	background: linear-gradient(#feed7a, #fedb5e); /*future CSS3 browsers*/
	-pie-background: linear-gradient(#feed7a, #fedb5e); /*PIE*/
	border: 1px solid #dac34b;	
	color: #897931;
	text-shadow: 1px 1px 0px #ffefcb;
}

.button.yellow:hover {
	background: #fedb5e; /*fallback for non-CSS3 browsers*/
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#fedb5e) to(#feed7a)); /*old webkit*/
	background: -webkit-linear-gradient(#fedb5e, #feed7a); /*new webkit*/
	background: -moz-linear-gradient(#fedb5e, #feed7a); /*gecko*/
	background: -ms-linear-gradient(#fedb5e, #feed7a); /*IE10*/
	background: -o-linear-gradient(#fedb5e, #feed7a); /*opera 11.10+*/
	background: linear-gradient(#fedb5e, #feed7a); /*future CSS3 browsers*/
	-pie-background: linear-gradient(#fedb5e, #feed7a); /*PIE*/	
	border: 1px solid #dac34b;	
	color: #897931;
}

.button.red {
	background: #fe5d62; /*fallback for non-CSS3 browsers*/
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#fe8781) to(#fe5d62)); /*old webkit*/
	background: -webkit-linear-gradient(#fe8781, #fe5d62); /*new webkit*/
	background: -moz-linear-gradient(#fe8781, #fe5d62); /*gecko*/
	background: -ms-linear-gradient(#fe8781, #fe5d62); /*IE10*/
	background: -o-linear-gradient(#fe8781, #fe5d62); /*opera 11.10+*/
	background: linear-gradient(#fe8781, #fe5d62); /*future CSS3 browsers*/
	-pie-background: linear-gradient(#fe8781, #fe5d62); /*PIE*/
	border: 1px solid #dc5653;	
	color: #993333;
	text-shadow: 1px 1px 0px #ffb5b6;	
}

.button.red:hover {
	background: #fe5d62; /*fallback for non-CSS3 browsers*/
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#fe5d62) to(#fe8781)); /*old webkit*/
	background: -webkit-linear-gradient(#fe5d62, #fe8781); /*new webkit*/
	background: -moz-linear-gradient(#fe5d62, #fe8781); /*gecko*/
	background: -ms-linear-gradient(#fe5d62, #fe8781); /*IE10*/
	background: -o-linear-gradient(#fe5d62, #fe8781); /*opera 11.10+*/
	background: linear-gradient(#fe5d62, #fe8781); /*future CSS3 browsers*/
	-pie-background: linear-gradient(#fe5d62, #fe8781); /*PIE*/	
	border: 1px solid #dc5653;	
	color: #993333;
}

.button.purple {
	background: #f264eb; /*fallback for non-CSS3 browsers*/
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#fd81eb) to(#f264eb)); /*old webkit*/
	background: -webkit-linear-gradient(#fd81eb, #f264eb); /*new webkit*/
	background: -moz-linear-gradient(#fd81eb, #f264eb); /*gecko*/
	background: -ms-linear-gradient(#fd81eb, #f264eb); /*IE10*/
	background: -o-linear-gradient(#fd81eb, #f264eb); /*opera 11.10+*/
	background: linear-gradient(#fd81eb, #f264eb); /*future CSS3 browsers*/
	-pie-background: linear-gradient(#fd81eb, #f264eb); /*PIE*/	
	border: 1px solid #dc53ce;	
	color: #993333;
	text-shadow: 1px 1px 0px #fbb6f5;
}

.button.purple:hover {	
	background: #f264eb; /*fallback for non-CSS3 browsers*/
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#f264eb) to(#fd81eb)); /*old webkit*/
	background: -webkit-linear-gradient(#f264eb, #fd81eb); /*new webkit*/
	background: -moz-linear-gradient(#f264eb, #fd81eb); /*gecko*/
	background: -ms-linear-gradient(#f264eb, #fd81eb); /*IE10*/
	background: -o-linear-gradient(#f264eb, #fd81eb); /*opera 11.10+*/
	background: linear-gradient(#f264eb, #fd81eb); /*future CSS3 browsers*/
	-pie-background: linear-gradient(#f264eb, #fd81eb); /*PIE*/		
	border: 1px solid #dc53ce;	
	color: #993333;
}

.button.green {	
	background: #a7e059; /*fallback for non-CSS3 browsers*/
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#baf765) to(#a7e059)); /*old webkit*/
	background: -webkit-linear-gradient(#baf765, #a7e059); /*new webkit*/
	background: -moz-linear-gradient(#baf765, #a7e059); /*gecko*/
	background: -ms-linear-gradient(#baf765, #a7e059); /*IE10*/
	background: -o-linear-gradient(#baf765, #a7e059); /*opera 11.10+*/
	background: linear-gradient(#baf765, #a7e059); /*future CSS3 browsers*/
	-pie-background: linear-gradient(#baf765, #a7e059); /*PIE*/
	border: 1px solid #86be46;	
	color: #587930;
	text-shadow: 1px 1px 0px #d6f3ae;
}

.button.green:hover {		
	background: #a7e059; /*fallback for non-CSS3 browsers*/
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#a7e059) to(#baf765)); /*old webkit*/
	background: -webkit-linear-gradient(#a7e059, #baf765); /*new webkit*/
	background: -moz-linear-gradient(#a7e059, #baf765); /*gecko*/
	background: -ms-linear-gradient(#a7e059, #baf765); /*IE10*/
	background: -o-linear-gradient(#a7e059, #baf765); /*opera 11.10+*/
	background: linear-gradient(#a7e059, #baf765); /*future CSS3 browsers*/
	-pie-background: linear-gradient(#a7e059, #baf765); /*PIE*/		
	border: 1px solid #86be46;
	color: #587930;
}

.button.blue {	
	background: #5ccded; /*fallback for non-CSS3 browsers*/
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#7ad6fc) to(#5ccded)); /*old webkit*/
	background: -webkit-linear-gradient(#7ad6fc, #5ccded); /*new webkit*/
	background: -moz-linear-gradient(#7ad6fc, #5ccded); /*gecko*/
	background: -ms-linear-gradient(#7ad6fc, #5ccded); /*IE10*/
	background: -o-linear-gradient(#7ad6fc, #5ccded); /*opera 11.10+*/
	background: linear-gradient(#7ad6fc, #5ccded); /*future CSS3 browsers*/
	-pie-background: linear-gradient(#7ad6fc, #5ccded); /*PIE*/		
	border: 1px solid #4bb6da;		
	color: #3c7389;
	text-shadow: 1px 1px 0px #b3e8f9;
}

.button.blue:hover {	
	background: #5ccded; /*fallback for non-CSS3 browsers*/
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#5ccded) to(#7ad6fc)); /*old webkit*/
	background: -webkit-linear-gradient(#5ccded, #7ad6fc); /*new webkit*/
	background: -moz-linear-gradient(#5ccded, #7ad6fc); /*gecko*/
	background: -ms-linear-gradient(#5ccded, #7ad6fc); /*IE10*/
	background: -o-linear-gradient(#5ccded, #7ad6fc); /*opera 11.10+*/
	background: linear-gradient(#5ccded, #7ad6fc); /*future CSS3 browsers*/
	-pie-background: linear-gradient(#5ccded, #7ad6fc); /*PIE*/		
	border: 1px solid #4bb6da;	
	color: #3c7389;
}

.button.white {	
	background: #ededed; /*fallback for non-CSS3 browsers*/
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9) to(#ededed)); /*old webkit*/
	background: -webkit-linear-gradient(#f9f9f9, #ededed); /*new webkit*/
	background: -moz-linear-gradient(#f9f9f9, #ededed); /*gecko*/
	background: -ms-linear-gradient(#f9f9f9, #ededed); /*IE10*/
	background: -o-linear-gradient(#f9f9f9, #ededed); /*opera 11.10+*/
	background: linear-gradient(#f9f9f9, #ededed); /*future CSS3 browsers*/
	-pie-background: linear-gradient(#f9f9f9, #ededed); /*PIE*/	
	border: 1px solid #d3d3d3;		
	color: #717171;
	text-shadow: 1px 1px 0px #f8f8f8;
}

.button.white:hover {	
	background: #ededed; /*fallback for non-CSS3 browsers*/
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#ededed) to(#f9f9f9)); /*old webkit*/
	background: -webkit-linear-gradient(#ededed, #f9f9f9); /*new webkit*/
	background: -moz-linear-gradient(#ededed, #f9f9f9); /*gecko*/
	background: -ms-linear-gradient(#ededed, #f9f9f9); /*IE10*/
	background: -o-linear-gradient(#ededed, #f9f9f9); /*opera 11.10+*/
	background: linear-gradient(#ededed, #f9f9f9); /*future CSS3 browsers*/
	-pie-background: linear-gradient(#ededed, #f9f9f9); /*PIE*/	
	border: 1px solid #d3d3d3;	
	color: #717171;	
}

.button.black,
input.button,
input.button[type="submit"],
input.button[type="reset"],
input.button[type="button"] {	
	background: #616161; /*fallback for non-CSS3 browsers*/
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#848484) to(#616161)); /*old webkit*/
	background: -webkit-linear-gradient(#848484, #616161); /*new webkit*/
	background: -moz-linear-gradient(#848484, #616161); /*gecko*/
	background: -ms-linear-gradient(#848484, #616161); /*IE10*/
	background: -o-linear-gradient(#848484, #616161); /*opera 11.10+*/
	background: linear-gradient(#848484, #616161); /*future CSS3 browsers*/
	-pie-background: linear-gradient(#848484, #616161); /*PIE*/
	border: 1px solid #464646;				
	color: #fff;
	text-shadow: 1px 1px 0px #1f1f1f;
}

.button.black:hover,
input.button:hover,
input.button[type="submit"]:hover,
input.button[type="reset"]:hover,
input.button[type="button"]:hover {	
	background: #616161; /*fallback for non-CSS3 browsers*/
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#616161) to(#848484)); /*old webkit*/
	background: -webkit-linear-gradient(#616161, #848484); /*new webkit*/
	background: -moz-linear-gradient(#616161, #848484); /*gecko*/
	background: -ms-linear-gradient(#616161, #848484); /*IE10*/
	background: -o-linear-gradient(#616161, #848484); /*opera 11.10+*/
	background: linear-gradient(#616161, #848484); /*future CSS3 browsers*/
	-pie-background: linear-gradient(#616161, #848484); /*PIE*/	
	border: 1px solid #464646;	
	color: #fff;	
}


/* (2.9) Tabs, Accordions, Price Boxes, 
		 Call Out Boxes, Info Boxes, 
		 Number Columns: =BOXES
----------------------------------------------- */

ul.tabs { 
	display: block; 
	margin: 0; 
	padding: 0; 
}

ul.tabs li { 
	display: block; 		
	float: left; 
	margin-bottom: 0; 
	padding: 0; 
	width: auto; 
	height: 30px; 
}

ul.tabs li a { 
	border-width: 1px 1px 0 0; 
	display: block; 
	font-size: 13px; 
	line-height: 30px; 	
	margin: 0; 
	padding: 0px 20px; 
	text-decoration: none; 	
	width: auto; 
	height: 29px; 
}

ul.tabs li a.active { 
	-moz-border-radius-topleft: 1px;
	-webkit-border-top-left-radius: 1px; 
	border-top-left-radius: 1px; 
	-moz-border-radius-topright: 1px; 
	-webkit-border-top-right-radius: 1px; 
	border-top-right-radius: 1px; 
	border-left-width: 1px; 
	height: 30px;	
	margin: 0 0 0 -1px; 
	padding-top: 4px; 
	position: relative;	
		top: -4px; 	
}
	
ul.tabs li:first-child a.active { margin-left: 0; }

ul.tabs li:first-child a { 
	border-width: 1px 1px 0 1px;	
	-moz-border-radius-topleft: 1px; 
	-webkit-border-top-left-radius: 1px; 
	border-top-left-radius: 1px; 
}

ul.tabs li:last-child a { 
	-moz-border-radius-topright: 1px; 
	-webkit-border-top-right-radius: 1px; 
	border-top-right-radius: 1px; 
}

ul.tabs-content { 
	display: block; 
	margin: 0 0 20px; 
	padding: 20px; 	
}

ul.tabs-content > li { display: none; }

ul.tabs-content > li.active { display: block; }

/* Clearfixing tabs for beautiful stacking */
ul.tabs:before,
ul.tabs:after { 
	content: '\0020'; 
	display: block; 
	overflow: hidden; 
	visibility: hidden; 
	width: 0; 
	height: 0; 
}

ul.tabs:after { clear: both; }

ul.tabs { zoom: 1; }
  
/* Accordion */
#accordion { 
	display: block; 
	margin: 0 0 20px 0; 
	position: relative; 
}

#accordion .accordion-button { 
	display: block; 
	margin: 0 0 2px 0; 
	padding: 0; 
}		

#accordion .accordion-button a { 
	border-width: 1px 1px 0 0; 
	display: block; 
	font-size: 13px; 	
	line-height: 30px; 	
	margin: 0; 	
	padding: 5px 20px; 
	text-decoration: none; 	
	width: auto; 
	height: 29px; 
}	

#accordion .accordion-content { 
	display: block;
	margin-bottom: 10px; 
	padding: 20px; 
}	

.remove-margin-button { margin: 0; }

/* Price Boxes */
#price-boxes { 
	display: block; 
	margin: 0 0 40px 0;
	position:relative;  
}

#price-boxes .price-box { 
	display: block; 
	margin-bottom: 40px; 
	position:relative; 
}	

#price-boxes .plan { 
	-moz-border-radius-topleft: 2px; 
	-moz-border-radius-topright: 2px; 
	-moz-border-radius-bottomright: 0px; 
	-moz-border-radius-bottomleft: 0px; 
	-webkit-border-radius: 2px 2px 0px 0px; 
	border-radius: 2px 2px 0px 0px; 
	display: block; 
	padding: 20px; 	
}

#price-boxes .plan .title { 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px; 
	text-align: center; 
	margin-bottom:40px; 
}

#price-boxes .plan .title h5 { 
	margin: 0; 
	padding: 10px; 
	text-transform: capitalize; 	
}

#price-boxes .plan .price { 	
	margin: 20px; 
	position: relative; 
}	

#price-boxes .plan .price .number { 
	display: block; 
	font-size: 3em; 
	margin-bottom: 0; 
	padding-left: 10px; 
	text-align: center; 	
} 

#price-boxes .plan .price .number .currency, 
#price-boxes .plan .price .number .periodic { font-size: 16px; } 

#price-boxes .plan .periodic-detail p { 
	margin-bottom: 0; 
	text-align:center;
}

#price-boxes .plan-detail { 
	-moz-border-radius-topleft: 0px; 
	-moz-border-radius-topright: 0px; 
	-moz-border-radius-bottomright: 2px;
	-moz-border-radius-bottomleft: 2px; 
	-webkit-border-radius: 0px 0px 2px 2px; 
	border-radius: 0px 0px 2px 2px; 	
	margin-bottom: 20px; 
	padding: 20px; 	
	text-align:center; 
}	

#price-boxes .plan-detail p.info { 	
	margin-bottom: 20px; 
	padding-bottom: 10px; 
	text-align: center; 
}

#price-boxes .plan-detail ul li { margin: 10px 0; }

#price-boxes .plan-detail .button { margin: 0; }

/* Call Out Boxes */
#call-out { 
	display: block;	
	padding: 20px; 
	position: relative; 
}

#call-out.right { 
	float: right; 
	margin: 0 0 20px 20px; 
}

#call-out.left { 
	float: left; 
	margin: 0 20px 20px 0; 
}

#call-out p { margin: 0; }	

/* Info Boxes */
#info-box { 	
	display: block; 
	height: auto; 
	margin-bottom: 20px; 
	min-height: 50px;  
	position: relative; 		
}

#info-box .info-box { 
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px; 
	border-radius: 2px; 
	display: block; 
	height: auto; 
	min-height: 50px; 
	position: relative; 
}		

#info-box .info-box p { 
	display: block; 
	margin: 20px 50px; 
	min-height: 100%; 
	padding:0 15px; 
}	

.tip .info-icon, 
.error .info-icon, 
.note .info-icon, 
.inform .info-icon, 
.setting .info-icon { 
	display: block; 
	line-height: 1em; 
	position: absolute; 
}

.tip  .info-close-icon, 
.error  .info-close-icon, 
.note  .info-close-icon, 
.inform  .info-close-icon, 
.setting  .info-close-icon { 
	display: block; 
	font-size: 26px; 
	line-height: 1em; 
	position: absolute; 
		top: 0.8em; 
		right: 0.5em; 
	width: 26px; 
	height: 26px; 
}	

.tip .info-icon { 	
	font-size: 22px; 
		top: 1em; 
		left: 0.5em; 
	width: 23px; 
	height: 22px; 
}

.error .info-icon { 
	font-size: 18px; 		
		top: 1.3em; 
		left: 0.8em; 
	width: 18px; 
	height: 18px; 	
}

.note .info-icon { 	
	font-size: 21px; 
		top: 1em; 
		left: 0.7em; 
	width: 21px; 
	height: 21px; 
}		

.inform .info-icon { 	
	font-size: 21px; 
		top: 1em; 
		left: 0.6em; 
	width: 23px; 
	height: 21px; 
}	

.setting .info-icon { 	 
	font-size: 27px; 
		top: 0.7em; 
		left: 0.5em; 
	width: 27px; 
	height: 27px;
}	

/* Number Columns */
#number-column { 
	display:block; 
	position: relative; 
}

#number-column .number-column-item { 
	-webkit-border-radius: 20px; 
	-moz-border-radius: 20px; 
	border-radius: 20px; 
	display:block; 
	float: left;
	margin: 0 20px 20px 0; 
	position: relative; 
	width: 40px; 
	height: 40px; 
}	

#number-column .number-column-item span.number { 
	font-size: 38px; 
	height: 1em; 
	line-height: 1em; 	
	margin-left: 0.35em; 
} 
	

/* (2.10) Forms: =FORMS
----------------------------------------------- */

form { margin-bottom: 20px; }

fieldset {	margin-bottom: 20px; }

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
textarea,
select { 
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px; 
	border-radius: 2px; 
	box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	display: block;		
	font: 12px  Georgia, serif; 
	margin: 0; 
	margin-bottom: 20px; 		
	max-width: 100%; 
	outline: none; 
	padding: 10px 10px; 	
	width: 210px;			
}

select { padding: 5px; }

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus { 
	-webkit-transition: all 0.6s linear; 
	-moz-transition: all 0.6s linear; 
	-ms-transition: all 0.6s linear; 
	-o-transition: all 0.6s linear; 
	transition: all 0.6s linear; 
}

textarea { 
	min-width: 100%;
	min-height: 60px; 
}

label,
legend { 
	display: block; 
	font-size: 13px; 
}

select { width: 220px; }

input[type="checkbox"] { display: inline; }

label span,
legend span { 
	font-weight: normal; 
	font-size: 13px; 
}


/* (2.11) Miscellaneous: =MISC
----------------------------------------------- */
   
 pre { padding: 20px; } 
 
.remove-bottom { margin-bottom: 0; }

.half-bottom { margin-bottom: 20px; }

.add-bottom { margin-bottom: 40px; }

.add-bottom-full { margin-bottom: 60px; }

.half-top { margin-top: 20px; }

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

.bottom-list, 
.bottom { margin-bottom: 0px; }

.move-right { float: right; }
	
	
/* (3) Site Styles: =3
================================================== 
				
				
/* Main Container: =MAIN-CONT
----------------------------------------------- */

#main { margin-bottom: 0px; }

.container { margin-bottom: 0px; }	


/* Header Container: =HEADER-CONT
----------------------------------------------- */

header { 
	margin: 60px 0; 
	padding: 0; 
}

header#branding .logo { 
	display: block; 	
	height: 30px; 
	line-height: 30px; 
	margin: 0;
	position: relative; 	
}

header .logo {
	font-size: 2em;
}

/* Navigation: =NAV
----------------------------------------------- */

#nav-container nav { 	
	text-align: left; 
	width: auto; 
	zoom: 1; 
}

#nav-container nav:before, 
#nav-container nav:after { 
	content: "";
	display: table;  
	zoom: 1; 
}

#nav-container nav:after { clear: both; }

#nav-container nav ul { 
	float: left; 	
	width: auto; 
	z-index: 100; 
	zoom: 1; 
}

#nav-container nav ul:before, 
#nav-container ul.menu:after { 
	content: ""; 
	display: table; 
	zoom: 1; 
}
	
#nav-container nav ul:after { clear: both; }

#nav-container nav ul li { 
	float: left; 	
	line-height: 20px; 
	outline: none; 
	padding: 0; 
	position: relative; 
}

#nav-container nav ul a { 
	display: block; 
	float: left;
	outline: none; 
	padding: 5px 10px 10px 120px; 
	zoom: 1; 
}

#nav-container nav ul a:link { 
	outline: none; 
	text-decoration: none; 	
}

#nav-container nav ul a:hover { 		
	-webkit-transition: .2s all ease-in-out; 
	-moz-transition: .2s all ease-in-out;
	-o-transition: .2s all ease-in-out; 
	transition: .2s all ease-in-out; 
	text-decoration: none; 
}

#nav-container nav ul { 
	display: block; 
	float: right; 
	margin-bottom: 0; 
	zoom: 1; 	
}
	
#nav-container nav ul li { 
	float: left; 
	margin: 30px 0 0px 20px; 
}

#nav-container nav ul li {	
	list-style-type:none; 
	margin: 0 0 0 1em; 
	padding: 0 0 0 0.2em; 
}

#nav-container nav ul li:first-child { border-left:none; }

#nav-container nav ul li:last-child a { padding-right: 0; } 

#nav-container nav ul li a { 
	display: block;
	padding: 0px 0px; 
}	

#nav-container nav ul li a { 
	font-weight: normal; 
	padding: 5px 5px; 
} 

#nav-container nav ul > li a { 
	font-size: 12px; 
	text-transform: uppercase; 
}

#nav-container nav ul li ul > li a { text-transform: capitalize;  }

#nav-container nav ul li a:hover { 
	-webkit-transition: all 0.2s linear; 
	-moz-transition: all 0.2s linear; 
	-o-transition: all 0.2s linear; 
	transition: all 0.2s linear; 
}	

#nav-container nav select { 
	-webkit-appearance: button; 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px; 
	-webkit-padding-end: 20px; 
	-webkit-padding-start: 2px;
	-webkit-user-select: none; 
	background-position: center right; 
	background-repeat: no-repeat;	
	display: none; 
	font-size: 14px;
	overflow: hidden; 
	padding: 10px; 
	text-overflow: ellipsis; 
	white-space: nowrap;	
}	

#nav-container nav ul { line-height: 21px; }

#nav-container nav ul li ul {	
	display: none;	
	margin: 0; 
	margin-left: 8px; 
	position: absolute; 
		top: 41px; 
		left: 0px; 
	width: 200px; 
	z-index: 9999; 
	zoom: 1; 	
}

#nav-container nav ul li ul:before, 
#nav-container nav li ul:after { 
	display: table; 
	content: ""; zoom: 1; 
}

#nav-container nav ul li ul:after { clear: both; }

#nav-container nav ul li ul > li a { 
	display: block;
	font-style: normal; 
	font-size: 12px; 
	line-height: 12px; 	
	padding: 12px; 	
}

#nav-container nav ul li ul > li a:hover { 
	-webkit-box-shadow: none;	
	-moz-box-shadow: none; box-shadow: none; 
	padding-left: 15px; 
}	

#nav-container nav ul li ul a { float: none; }

#nav-container nav ul li ul li { 
	border-left: none !important; 
	display: block; 
	margin: 0; 
	padding: 0; 
	width: 200px; 
}

#nav-container nav ul li ul li ul { 
	display: none; 
	top: 0px; 
	left: 200px !important; 
	margin: 0; 
}


/* Text Transforms: =TRANSF
----------------------------------------------- */

.all-caps { text-transform: uppercase; }
.all-lower { text-transform: lowercase; }


/* Highlights: =HIGH
----------------------------------------------- */

/* Safari */
::selection { 
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px; 
	border-radius: 2px; 
	background: #FFBB96 ; 
	color: #fff; 
	padding: 0 4px; 	
} 

/* Firefox */
::-moz-selection { 
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px; 
	border-radius: 2px; 
	background: #FFBB96 ; 
	color: #fff; 
	padding: 0 4px; 	
} 

::-webkit-selection {  
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px;
	border-radius: 2px; 
	background: #FFBB96 ; 
	color: #fff; 
	padding: 0 4px; 	
}	

.highlight-text { text-shadow: none; }

.highlight-red { 
	background: #fe6c6c; 
	color: #fff; 
}

.highlight-black { 
	background: #000; 
	color: #fff; 
}

.highlight-white { 
	background: #e3e1e1; 
	color: #000; 
}

.highlight-blue { 
	background: #77d9f5; 
	color: #333; 
}

.highlight-green { 
	background: #77f595; 
	color: #111; 
}

.highlight-pink { 
	background: #f42560; 
	color: #fff; 
}

.highlight-yellow { 
	background: #eefa66; 
	color: #111; 
}	

.highlight-purple { 
	background: #b666fa; 
	color:#fff;   
}

.highlight-orange { 
	background: #fad566;
	color: #444; 
 }
 
 
 /* Image Float inside Paragraph: =IMG-FLOATS
----------------------------------------------- */

.left-align-image, 
.wp-caption.alignleft { 
	display: block; 
	float: left; 
	margin: 0 20px 20px 0; 
	padding: 10px; 	
}

.right-align-image, 
.alignright { 
	display: block; 
	float: right; 
	margin: 0 0 20px 20px; 
	
}

.right-align-image {
	padding: 10px;
}

.wp-caption.alignright { 
	padding: 10px 0 10px 10px; 	
}

img.aligncenter, 
.aligncenter {
	clear: both;	
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption.aligncenter {	
	background: #171717;
	background: rgba(0,0,0,0.2);
	margin-bottom: 20px;
	padding: 10px;
}

.wp-caption-text, .sticky, .bypostauthor {}
		
/* Blockquotes: =BLOCK
----------------------------------------------- */
	
blockquote { 
	display: block; 
	margin-bottom: 20px; 
	position: relative; 
}

blockquote .close-quote { 
	position: absolute; 
		right: 0px; 
		bottom: -20px; 
	width: 100px; 
	height: 100px; 
	z-index: -1;	
}

blockquote p {	
	display:block; 	
	margin-bottom: 0px; 
	padding:0; 
	position: relative; 
	z-index: 999; 
}

blockquote cite { 
	display: block; 
	font-size: 13px; 
	margin: 20px 0 0; 	
	text-align: left; 	
}

blockquote em { 	
	display: block; 
	font-size: 10px; 
	font-style: normal; 
	text-align: right; 
}


/* Dropcaps: =DROP
----------------------------------------------- */

span.dropcap { 
	display: block; 
	float: left;	
	font-size: 60px; 
	margin: 25px 15px 10px 0; 
	padding: 0; 
	text-transform: uppercase; 	
}

	
/* Image, Frame , Video, Audio: =FRAME
----------------------------------------------- */
   
img, 
embed, 
object, 
video, 
audio { 
	display: block; 
	max-width: 100%;
}

.vimeo-sidebar { 
	display: block; 
	width: 100%; 
} 

		
/* Links Type: =LINK-TYPE
----------------------------------------------- */

a.normal-link { text-decoration: none; }  		

a.read-more, 
a.read-this, 
a.more-link { display: block; } 	

a.read-this:after, 
a.read-more:after { content: "\0020 \00BB "; }

a.read-this { display: inline; }


/* Headings Style: =HEADINGS-STYLE
----------------------------------------------- */

.centered-heading { 
	font-size: 21px; 
	margin-top: 0; 
	margin-bottom: 60px; 	
	position: relative; 
	text-align: center; 
}  

.centered-heading:before { 
	content: ""; 
	display: block; 
	position: absolute; 
		top: 50%; 	
	width: 100%;	
	height: 1px; 
	z-index: 1; 
}	  

.centered-heading span { 
	display: block; 
	padding: 2px 30px; 
	position: relative; 	
	text-align: center; 
	z-index: 5; 
}	

.centered-heading a { 
	display: block; 
	font-size: 0.6em; 
	letter-spacing: 0px; 
	position: relative; 
		top: 0; 
		right: 0; 
}		

	
/* Container Frames: =CONTAINER-FRAMES
----------------------------------------------- */

.container-frame { 
	display: block; 
	margin: 0 0 60px; 
	padding: 0; 
	position: relative; 
}		

.frame { 
	-moz-border-radius-topleft: 27px; 
	-moz-border-radius-topright: 2px; 
	-moz-border-radius-bottomright: 27px;
	-moz-border-radius-bottomleft: 2px; 
	-webkit-border-radius: 27px 2px 27px 2px; 
	border-radius: 27px 2px 27px 2px; 
	display: block; 
	margin: 0 0 60px; 
	padding: 20px; 
	position: relative; 	
}

		
/* Object Tag: =OBJECT
----------------------------------------------- */

object { 
	margin-bottom: 20px; 
	width: 100%; 
	height: auto; 
}

.video-wrapper { 
	height: 0; 
	margin-bottom: 20px; 
	padding-bottom: 56.25%; /* 16:9 */ 
	padding-top: 25px; 
	position: relative;
}

.video-wrapper object, 
.video-wrapper embed  { 
	margin-bottom: 0; 
	position: absolute; 
		top: 0;
		left: 0;	
	width: 100%; 
	height: 100%; 	
}	   

		
/* Styled Vintage Horizontal Lines: =VINTAGE-LINES
----------------------------------------------- */

hr.vintage-1 { 
	box-shadow: none; 
	-webkit-box-shadow: none; 
	-moz-box-shadow: none;
	background: url( 'images/lines/vintage-horizontal-line1.png' ) no-repeat top center transparent; 
	border-bottom: none; 
	display: block; 	
	margin: 0 auto 40px; 
	width: 50px; 
	height: 25px; 
}

hr.vintage-2 { 
	box-shadow: none; 
	-webkit-box-shadow: none; 
	-moz-box-shadow: none; 
	background: url( 'images/lines/vintage-horizontal-line2.png' ) no-repeat top center transparent; 
	border-bottom: none;
	display: block; 
	margin: 0 auto 30px; 
	max-width: 100px; 
	width: 400px; 
	height: 50px; 
}

hr.vintage-3 { 
	box-shadow: none; 
	-webkit-box-shadow: none; 
	-moz-box-shadow: none; 
	background: url( 'images/lines/vintage-horizontal-line3.png' ) no-repeat top center transparent; 
	border-bottom: none; 
	display: block; 
	margin: 0 auto 40px; 
	max-width: 150px; 
	width: 400px; 
	height: 50px; 
}

hr.vintage-4 { 
	box-shadow: none; 
	-webkit-box-shadow: none; 
	-moz-box-shadow: none; 
	background: url( 'images/lines/vintage-horizontal-line4.png' ) no-repeat top center transparent; 
	border-bottom: none; 
	display: block; 
	margin: 0 auto 40px; 
	max-width: 150px; 
	width: 400px; 
	height: 50px; 		
}

hr.vintage-5 { 
	box-shadow: none; 
	-webkit-box-shadow: none; 
	-moz-box-shadow: none; 
	background: url( 'images/lines/vintage-horizontal-line5.png' ) no-repeat top center transparent; 
	border-bottom: none; 
	display: block; 
	margin: 0 auto 40px; 
	max-width: 150px; 
	width: 400px; 
	height: 50px; 
}

hr.vintage-6 { 
	box-shadow: none; 
	-webkit-box-shadow: none; 
	-moz-box-shadow: none; 
	background: url( 'images/lines/vintage-horizontal-line6.png' ) no-repeat top center transparent; 
	border-bottom: none; 
	display: block; 
	margin: 0 auto 40px; 
	max-width: 150px; 
	width: 400px; 
	height: 50px; 
}

hr.vintage-7 { 
	box-shadow: none; 
	-webkit-box-shadow: none; 
	-moz-box-shadow: none; 
	background: url( 'images/lines/vintage-horizontal-line7.png' ) no-repeat top center transparent; 
	border-bottom: none; 
	display: block; 
	margin: 0 auto 40px; 
	max-width: 150px; 
	width: 400px; 
	height: 50px; 
}

hr.vintage-8 { 
	box-shadow: none; 
	-webkit-box-shadow: none; 
	-moz-box-shadow: none; 
	background: url( 'images/lines/vintage-horizontal-line8.png' ) no-repeat top center transparent; 
	border-bottom: none; 
	display: block; 	
	margin: 0 auto 40px; 
	max-width: 150px; 
	width: 400px; 
	height: 50px; 
}
	
		
/* (4) Page Styles: =4
================================================== 

/* Home Page: =HOME
----------------------------------------------- */

#top-section { 
	padding: 0; 
	position: relative; 
	width: 100%; 
	height: auto; 	
}		

#top-section .social-icons { 
	float: right;
	margin-bottom: 0; 
	position: relative;
}	

#top-section .social-icons li { 
	float: left;
	margin: 14px 0 14px 9px;  
}

.social-icons .social-icon { 
	display: block; 
	width: 32px; 
	height: 33px; 	
}
	
/* Headlines */
#headline { 
	display: block; 
	margin: 0; 
	padding: 0; 
	position: relative; 
	overflow: hidden; 
}		

#headline h1 { 
	font-size: 34px; 
	line-height: 36px; 
	text-align: center; 
}

#headline h2 { 
	font-size: 17px; 
	font-style: normal; 
	line-height: 22px; 
	text-align: center; 
}
	
#headline p { 	
	margin: 0 60px 60px; 
	text-align: center; 
}	

#headline-page h1, 
#headline-page p { 
	text-align: center; 
}

#headline-page p { margin: 0 60px 40px; }

/* Main Slider Style */
.container-full-width { position: relative; width: 100%; }

.caroufredsel-preloader { 
	display: block; 
	width: 100%;
	height: auto;
	min-height: 200px;
	position: relative;
	background: transparent;
}

.caroufredsel-preloader .preloader-image {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 20px;
	height: 20px;
	margin-left: -10px;
	margin-top: -10px;
	background: url('images/loader.gif') no-repeat center center;
}

.main-slider-caroufredsel { display: none; }

#main-slider { margin-bottom: 60px; }	

.slides-carousel {
	overflow: hidden;
}

.slides-carousel .slide { 
	float: left; 
	height: auto;
	overflow: hidden; 	 
	position: relative;  
	
}

.slides-carousel .slide img, 
.slides-carousel .slide iframe { 
	background: transparent; 	
	height: auto; 
	min-width: 100%; 
	
} 	

.slides-carousel .slide h3, 
.slides-carousel .slide p, 
.slides-carousel .slide a { 
	opacity:0; 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; 
	filter:alpha(opacity=00); 
	position:absolute; 	
}

.slides-carousel .slide h3 { 
	font-size: 50px; 
	line-height: 1em; 	
	margin: -0.5em 0 0 0; 
	text-align: center; 
	top: 40%; 	
	width: 100%; 
}

.slides-carousel .slide p { 
	font-size: 30px; 
	line-height: 1em; 
	margin: -0.5em 0 0 0;  
	text-align: center; 
	top: 50%; 	
	width: 100%; 
}

.slides-carousel .slide a { 
	display: block;	
	font-size: 20px; 
	height: 2em; 
	line-height: 2em; 
	margin-left: -4.5em; 
	min-width: 175px; 
	outline: none;
	text-decoration: none; 
	text-align: center; 
	top: 58%; 
	left: 50%; 
}

#main-slider .divider { 
	display: block; 
	position: relative; 
	width: 100%; 
	height: 60px; 
}

#prev, 
#next {  
	display: block; 
	font-size: 60px;
	margin-top: -1em; 
	position: absolute; 
		top: 50%; 
	width: 1em; 
	height: 2em;
}

#prev { left: 5%; }
#next { right: 5%; }		

#direction-nav .flex-direction-nav li a { 
	font-size: 60px; 
	display: block; 
	top: 50%; 
	position: absolute; 
	margin-top: -1em; 
}

#direction-nav .flex-direction-nav li a.prev { 
	background: url('images/direction-left.png');
	left: 5%; 
	width: 1em; 
	height: 2em; 
}

#direction-nav .flex-direction-nav li a.next { 
	background: url('images/direction-right.png') ;
	right: 5%; 
	width: 1em; 
	height: 2em; 
}

/* Masonry Home Page */
#linky { 
	display: block; 
	padding-bottom: 30px; 
}

#linky .boxy figure img { min-width: 100%; height: auto; } 

#linky .boxy { 
	display: block;
	margin-bottom: 60px; 		
}

#linky .boxy .masonry-title { 
	font-size: 11px; 
	font-weight: normal; 
	margin: 15px 0 10px;
	padding-bottom: 5px;
	text-transform: uppercase; 
	font-family: arial;	
}

#linky .boxy p { 
	font-size: 12px; 
	line-height: 20px; 
}

#linky .quote-pf blockquote { background: transparent; padding: 0; }

#linky .quote-pf blockquote p { 
	font-family: Georgia, serif;
	font-size: 18px;
	font-style: italic; 
	line-height: 27px;
}

#linky .quote-pf blockquote cite { margin: 10px 0 0; }

#linky .quote-pf h6 { 	
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	background: transparent;
	border: none;	
	margin: 0; 
	padding: 0;	
}  

#linky .boxy .jp-current-time, 
#linky .boxy .time-sep, 
#linky .boxy .jp-duration,
#linky .boxy .jp-mute {
	display: none;
}

/* Services Icons */	
#services h6 { 
	display: block; 
	padding: 0; 
	text-align: center; 
}		

#services p { 
	clear: both; 
	margin: 0 0 1.429em; 
	text-align: left; 
}

#services ul li { 
	clear: both; 
	text-align: center; 
}

#services .service-link {
	display: block;
	margin-bottom: 20px;
}
	
/* Recent Works */
#recent-works { 	position: relative; }

#recent-works section {
	margin-bottom: 20px; 
	position: relative; 
}	

#recent-works img { display: block; }	

#carousel-pagination { 
	font-size: 10px; 
	line-height: 1em; 
	position: absolute; 
	top: 65px; 	
	text-align: center;
	display: block;
	width: 100%;
}

#carousel-pagination a { 
	display: inline-block; 	
	margin-right: 3px; 
	width: 10px; 
	height: 10px; 
}

#carousel-pagination a span { display: none; }

#carousel-pagination a.selected { 
	width: 10px; 
	height: 10px; 
}
			
/* Latest Blogs */	
#latest-blogs h6 { margin-bottom: 0px; }

#latest-blogs h6 a { display: block; }	
	
#latest-blogs article { 
	margin-bottom: 40px;  
	position:relative; 
}

#latest-blogs p { margin: 0 0 20px; }	
	
#latest-blogs time { 
	display: block; 
	font-size: 11px; 	
	margin-bottom: 5px; 	
	padding-bottom: 20px; 
}		

.img-border { 
	margin-bottom: 0; 	
	padding: 5px; 
}		
		

/* About Page: =ABOUT
----------------------------------------------- */
	   
#team-member { 
	display: block;
	position: relative; 	
}

#team-member img.pic { 
	display: block; 
	float: left; 
	margin: 0 10px 10px 0; 
}

#team-member .team-member-info { 
	display: block; 
	margin-left: 100px; 
	position: relative; 	
}

#team-member .team-member-info h5 { margin-bottom: 5px; }

#team-member .team-member-info h6 { font-size: 12px; }

#team-member p, #team-member ul { margin-bottom: 20px; }


/* Services Page: =SERVICES
----------------------------------------------- */

#service-item p { margin-bottom: 20px; }

#service-item p, #service-item ul { margin-left: 60px; }
	   
	   
/* Portfolio Page: =PORTFOLIO
----------------------------------------------- */

/* Portfolio Filter  */
.centered-list { 
	font-size: 12px;	
	margin: 20px 0; 
	text-align: center; 
	text-transform: uppercase; 
	position: relative; 
}  

.centered-list:before { 
	content: ""; 
	display: block; 	
	position: absolute; 
		top: 30%; 
	width: 100%; 
	height: 1px; 
	z-index: 1; 
}	  

.centered-list div { 
	padding: 0 40px; 
	position: relative; 
	text-align: center; 
	z-index: 5; 
}

.left-list { 
	font-size: 14px; 
	line-height: 14px; 
	position: relative; 
	text-align: left; 
	text-transform: uppercase; 	
}  

.left-list:before { 
	content: ""; 
	display: block; 	
	position: absolute; 
		top: 30%; 
	width: 100%; 
	height: 1px; 
	z-index: 1; 
}	  

.left-list div { 
	position: relative; 
	text-align: left; 
	z-index: 5; 	
}		

.left-list li:first-child a { padding-left: 0px; }

#portfolio-filter { 
	display: block; 
	float: left; 
	width: 100%; 
}

#portfolio-filter ul { 
	list-style:none; 
	margin-bottom: 0; 
}

#portfolio-filter ul li { display: inline; }

#portfolio-filter ul li a { 
	margin-right: 0; 
	padding: 4px 12px; 
	text-decoration: none; 
}

#portfolio-filter .portfolio-view { 
	display: none;
	float: right; 
	position: relative; 	
}	

.filter li:after { content: "\0020 "; }	

.filter a { 
	-moz-transition: all 0.3s ease-in-out; 	
	-o-transition: all 0.3s ease-in-out; 
	-webkit-transition: all 0.3s ease-in-out; 
	transition: all 0.3s ease-in-out; 
}	

.filter.filter-sidebar li { border-right: none; }

.filter.filter-sidebar li a { display: block; }

.group:after { 
	clear: both; 
	content: ""; 	
	display: block; 
	visibility: hidden; 	
}

* html .group { zoom: 1; } /* IE6 */

*:first-child+html .group { zoom: 1; } /* IE7 */

/* Portfolio filter - Sub categories */
.filter li {	
	display: inline;
	list-style: none;
}

.filter ul.children { 
	position: absolute;
	display: none;
    text-align: center; 
	width: 100%;
	padding: 10px 0;
	margin: 10px 0;
}

.filter ul.children li { 
	display: inline;
}


/* Portfolio Items */
.portfolio li.portfolio-data { 
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px;	
	border-radius: 2px; 
	float: left; 	
	margin-bottom: 20px; 
}		

.portfolio-data h6 { margin-top: 20px; }

.portfolio-data p, .portfolio-data h6 { text-align: center; }			

/* Normal Portfolio with 4 columns */
/* .portfolio.normal li.portfolio-data:nth-child(4n) { margin-right: 0; } */
.portfolio img { 	
	display: block; 
	width: 100%; 
	height: auto; 
}

/* Portfolio w/ Sidebar */
#portfolio-w-sidebar .portfolio.with-sidebar img { 
	width: 100%; 
	height: auto;
}

#portfolio-w-sidebar .portfolio.with-sidebar li.portfolio-data:nth-child(3n) { margin-right: 0; }

/* Portfolio - 2 Columns */
#portfolio-2-columns .portfolio.two-columns img { 
	width: 100%; 
	height: auto;
}

#portfolio-2-columns .portfolio.two-columns li.portfolio-data:nth-child(2n) { margin-right: 0; }

/* Portfolio - 3 Columns */
#portfolio-3-columns .portfolio.three-columns img { 
	width: 100%; 
	height: auto;
}

#portfolio-3-columns .portfolio.three-columns li.portfolio-data:nth-child(3n) { margin-right: 0; }

/* Portfolio - Single */	
.portfolio-nav { margin-bottom: 20px; }

.portfolio-nav li { 
	float: left; 
	padding-right: 15px;
}	

#shownPortfolioMeta { margin-bottom: 40px; }

.portfolio-meta dt { 
	font-weight: bold; 	 
	padding-bottom: 5px; 
	text-transform: capitalize; 
	padding: 10px 20px;
}

.portfolio-meta dd { 
	margin-bottom: 20px; 
	padding: 20px; 
}	

.portfolio-meta dd > ul { 
	margin-bottom: 0; 
}

.portfolio-info-desc { 
	margin-bottom: 40px;
}

.portfolio-meta .portfolio-launch { 
	display: block; 
	margin-top: 20px; 
	padding: 10px; 		
}

#portfolio-single ul li { margin:0; }

#portfolio-single #portfolio-single-slider { position: relative; }

.slider-up, .slider-down { 
	display: block; 
	position: absolute; 
	width: 30px; 
	height: 30px; 
}

.slider-up { 
	bottom: 5px; 
	right: 30px; 
}	

.slider-down { 
	bottom: 5px; 
	right: 5px; 
}

.slider-pagination { 
	position: absolute; 
		left: 20px; 
		bottom: 10px; 
	text-align: left; 
}

.slider-pagination a { 
	display: inline-block; 
	margin-right: 3px; 
	width: 10px; 
	height: 10px; 	
}

.slider-pagination a span { display: none; }

.slider-pagination a.selected { 
	width: 10px; 
	height: 10px; 
}

#portfolio-single #portfolio-slider img { 
	width: 100%; 
	height: auto; 
}

	
/* Blog Page: =BLOG
----------------------------------------------- */
	 	
/* Blog Post Content */
.blog-post .post { margin-bottom: 0px; }		

.blog-post p.content, .blog-post .post .post-body p  { margin-bottom: 20px; }

/* HTML5 Video image */
.jp-jplayer img { 
	-webkit-box-shadow: none; 
	-moz-box-shadow: none; 
	box-shadow: none; 
}

.jp-audio, .jp-video { margin-bottom: 20px; }

/* Post Format Gallery Slider */	
.post-format-slider, #post-format-slider { position:relative; }

.post-format-slider .slides, #post-format-slider .slides { 
	position: relative; 
	width: 100%; 
	height: auto; 
}
	
/* Post Formats */
.post-format-icon { margin: 20px auto; }

.chat-post-format { 
	padding: 20px; 
	margin-bottom: 20px; 
}

.chat-post-format p { 
	margin: 0; 
}

.quote-excerpt { 
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	border-radius: 4px; 
	display: block; 
	font-family: Georgia, serif; 
	overflow: hidden; 
	padding: 20px; 
}

.quote-excerpt .excerpt-head { 
	display: inline; 
	float: left; 
	font-size: 82px; 
	line-height: 70px;
	padding-right: 10px;
	text-transform: uppercase; 
}
	
.quote-excerpt .excerpt-head:before { content: '\201C'; }

.quote-excerpt .excerpt-detail { 
	display: block; 
	font-size: 16px; 
	font-style: italic; 
}	
				
/* Blog Post Meta */	
.blog-post .post-body { margin-bottom: 40px; }

.blog-post .post-body .read-more, 
.blog-post .post-body .more-link, 
.blog-post .post .post-body ul.meta1  { margin-bottom: 40px; }

.blog-post .post-body h3 { margin-bottom: 20px; }	

.blog-post .post-body h3 a { 
	-webkit-transition: all 0.3s linear; 
	-moz-transition: all 0.3s linear; 
	-o-transition: all 0.3s linear; 
	transition: all 0.3s linear; 
	display: block; 
}

.blog-post ul.meta1 li time { 
	-webkit-border-radius: 60px; 
	-moz-border-radius: 60px; 
	border-radius: 65px; 
	-webkit-transition: all 0.2s linear; 
	-moz-transition: all 0.2s linear; 
	-o-transition: all 0.2s linear; 
	transition: all 0.2s linear; 
	display: block; 
	margin: 0 auto 20px; 	
	width:120px; 
	height: 120px; 	
}	

.blog-post ul.meta1 li { 
	margin: 0 auto;
	text-align: center; 
}

.blog-post ul.meta1 li time { font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }	

.blog-post ul.meta1 li time .date-month { 
	display: block; 
	font-family: 'OpenSansLight', "Helvetica Neue", Helvetica, Arial, sans-serif; 
	font-size: 15px; 
	line-height: 20px; 
	padding-top: 12px; 	
	text-align: center; 
	text-transform: uppercase; 	
}
	
.blog-post ul.meta1 li time .date-day { 
	display: block; 
	font-family: Georgia, serif; 	
	font-size: 54px; 
	line-height: 54px; 
	margin-top: -8px; 
	margin-bottom: 8px; 
	text-align: center; 	
}	

.blog-post ul.meta1 li time .date-year { 
	display: block; 
	font-family: 'OpenSansLight', "Helvetica Neue", Helvetica, Arial, sans-serif; 	
	font-size: 15px; 
	line-height: 15px; 
	text-align: center; 
}

.blog-post ul.meta1 li span.date a { display: block; }

/* Blog Post - Layout 2 Meta */
.blog2 .post-meta { margin-top: 10px; }

.blog2 .post-meta li, 
.blog2 .post-meta li:first-child { 
	border-top: none; 
	border-left: none; 
	border-bottom: none; 
	margin: 0 10px 0 0; 
	padding: 0; 
}

.blog2 .post-meta li{ 
	float: left; 
	margin-right: 10px; 
	padding-left: 10px; 
}		

.blog2 .post-meta { margin-bottom: 0; }

/* Blog Post - Layout 3 Meta */
.blog3 .post-meta { margin-bottom: 20px; }

.blog3 .post-meta { 
	padding: 5px 0; 
	width: 100%; 
}

.blog3 .post-meta li, 
.blog3 .post-meta li:first-child { 
	border-top: none; 
	border-left: none; 
	margin: 0 5px 0 0; 
}

.blog3 .post-meta li{ 
	float: left; 
	margin-right: 5px; 
	padding-left: 20px; 
}

.blog3 .post-meta li { font-size: 12px; }
	

/* Blog - Single: =BLOG-SINGLE
----------------------------------------------- */
	   
/* Blog Single Post Meta */	
.blog-post div.single-post-meta { 
	text-align: right; 
	padding-right: 20px;
}

.blog-post .single-post-meta span { display: block; }

.blog-post .single-post-meta a { display: inline; }	

.blog-post.single-post ul.single-post-meta li { margin: 10px 0; }

.blog-post .post-widget .post-meta h3, .blog-post .post-widget .post-meta p { text-align: right; }

/* Blog Single - Layout 2 - Post Meta */
.single-post2 ul.single-post-meta { margin-bottom: 20px; }
	
.single-post2 .single-post-meta { text-align: left; }

.single-post2 .single-post-meta { 
	width: 100%; 
	padding: 5px 0; 
}

.single-post2 .single-post-meta li, 
.single-post2 .single-post-meta li:last-child { border-right: none; }

.single-post2 .single-post-meta li{ 
	float: left; 
	margin-right: 20px; 
	padding-right: 20px; 
}

.single-post2 .post-widget .post-meta h3, 
.single-post2 .post-widget .post-meta p { text-align: left; }			

.blog-post #post-tags ul { 
	background: url('images/icons/dortmund/tag.png') no-repeat top left; 
	background-size:20px 20px; 	
	margin-bottom: 10px; 
	padding-left: 30px; 
}

.blog-post #post-tags ul li { 
	float: left; 
	margin-right: 8px; 
}

.blog-post #post-tags ul li a:hover { text-decoration: underline; }

.blog-post #post-tags ul li:after { content: '\002c \0020'; }

.blog-post #post-tags ul li:last-child:after { content: ''; }
			 
			 
/* Sidebar: = SIDEBAR
----------------------------------------------- */
	
/* Floating Sidebars */
.blog-post .sidebar-right{ float: right; }

.blog-post .sidebar-left{ float: left; }

.sidebar-borders { 
	margin-bottom: 20px; 
	margin-left: 20px;
}		

.sidebar-borders-left { 
	margin-bottom: 20px; 
	margin-right: 20px;
}	

.light-skin .sidebar-borders-left { margin-bottom: 20px; }

/* Sidebar Styles */
.sidebar-right ul li, 
.sidebar-left ul li { margin: 0; }

.sidebar-right, 
.sidebar-left, 
.sidebar-right p, 
.sidebar-left p { font-size:12px; }

.sidebar-right h6, 
.sidebar-left h6 { text-transform: uppercase; }

/* Sidebar Search form */
#search-form fieldset input[type='text'], 
#searchform fieldset input[type='text'] { 
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box; 
	position:relative; 
	width: 100%; 
}
		
/* Flickr Stream */
#flickr-sidebar { margin-bottom: 20px; }

#flickr-sidebar li{ 
	border-bottom: none; 
	display: inline; 
	float: left;  
	margin: 0 10px 10px 0; 
	width: 60px; 
	height: auto;
}

#flickr-sidebar li:nth-child(3n){ margin-right: 0; }	

#flickr-sidebar img:hover{ 
	zoom: 1; 
	filter: alpha(opacity=70); 
	opacity: 0.7;	
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out; 
}
	
.ie8 #flickr-sidebar { overflow:hidden; }

.ie8 #flickr-sidebar li { margin: 0 5px 5px 0; }

/* Twitter on Sidebar */
#tweets-sidebar .jta-tweet-list-item { 
	border-top: none; 
	margin: 0 0 10px; 
	overflow: hidden; 
	padding: 0 0 10px;
}

/* lists with sliding on hover */
.slide > li a, 
.widget ul > li a { display: block; }

.slide li, 
.sidebar-borders .slide li:hover, 
.widget ul li, 
.widget ul li:hover { 
	-webkit-transition: all 0.1s linear; 
	-moz-transition: all 0.1s linear;	
	-o-transition: all 0.1s linear;	
	transition: all 0.1s linear; 
}		

.widget ul.children { margin-bottom: 0; }	

.widget ul.children li a:before { content:'\002B\0020\0020'; }

.widget ul.children li a:hover:before { content:'\002D\0020\0020'; }

/* Latest Posts list */
ul.latest-post-list li { 
	clear: both; 
	list-style-type: none; 
	padding: 5px 0 0; 
}

ul.latest-post-list li a.latest-post-title { display: inline; }

ul.latest-post-list li:hover a img {	
	-webkit-transition: all 0.3s ease-in-out; 
	-moz-transition: all 0.3s ease-in-out; 
	-o-transition: all 0.3s ease-in-out; 
	transition: all 0.3s ease-in-out; 
}

ul.latest-post-list li a img, 
ul.latest-post-list li img { 
	float: left; 
	margin: 0 15px 15px 0; 
} 

ul.latest-post-list li a { 
	-webkit-transition: all 0.3s linear; 
	-moz-transition: all 0.3s linear;	
	-o-transition: all 0.3s linear;	
	transition: all 0.3s linear; 
	margin-bottom: 0; 
	display: block; 
}		

ul.latest-post-list li .links { 
	clear: both; 
	display: inline; 
	margin-bottom: 0px; 
}

ul.latest-post-list li .links a { 
	display: inline;
	font-size: 11px; 
}

ul.latest-post-list li .links a:hover { 	
	-webkit-transition: all 0.1s linear;	
	-moz-transition: all 0.1s linear; 
	-o-transition: all 0.1s linear; 
	transition: all 0.1s linear; 
	text-decoration: none; 
} 
			 
			 
/* Footer: = FOOTER
----------------------------------------------- */

#footer-wrapper { padding: 60px 0; }			

#footer-wrapper ul.sixteen { margin-bottom: 0px; }		

/* Copyright - Site Info */	
#siteInfo { position: relative; }

#siteInfo p { 
	float: left; 
	font-size: 12px; 
	line-height: 21px; 
	margin: 20px 0; 
}
	
/* Back to top link */
.to-top { 
	float: right; 	
	margin: 20px 0; 
}

			 
/* Contact Form: = CONTACT-FORM
----------------------------------------------- */

/* Contact Form */
#contact-form fieldset ul { margin-bottom: 20px; }
	
.contact-form { margin-top: 40px; }

.statusMessage {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;  
  border-radius: 10px;
  -moz-box-shadow: 0 0 1em rgba(0, 0, 0, .5);
  -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, .5);
  box-shadow: 0 0 1em rgba(0, 0, 0, .5);
  opacity: .95;  
  background-color: #ebedf2;
  background: -webkit-gradient( linear, left bottom, left top, color-stop(0,#dfe1e5), color-stop(1, #ebedf2) );
  background: -moz-linear-gradient( center bottom, #dfe1e5 0%, #ebedf2 100% );  
  border: 1px solid #aaa;
  color: #666;
}
	
.statusMessage {
  display: none;
  margin: auto;  
  padding: 1.5em;
  position: fixed;
	top: 0;
	left: 0;
	bottom: 0;  
	right: 0;
  width: 30em;
  height: 2em;
}

.statusMessage p {  
  margin: 0;
  padding: 0;
  text-align: center;
}


/* Miscellaneous: =MISCELLANEOUS
----------------------------------------------- */   

/* Overlay - Hover Effect */		
.overlay { 
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.5s ease; 
	-o-transition: all 0.5s ease;	
	transition: all 0.5s ease; 
	cursor: pointer; 
	display: block; 
	position: relative; 
	width: 100%; 	
	height: auto; 
}	

.overlay figure { 
	display: block; 
	position: relative; 	
}

.overlay figure h5 { 
	opacity:0;	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; 
	filter:alpha(opacity=00); 
	font-size: 12px; 
	letter-spacing: 3px;
	line-height:1em; 
	padding: 8px 0; 
	position: relative; 	
	text-align: center; 
	text-transform: lowercase; 	 
}

.overlay figure .icon-view, 
.overlay figure .icon-link { 
	opacity:0; 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; 
	filter:alpha(opacity=00); 
	font-size: 20px; 
	line-height:1em; 	
	position: absolute; 
		top: 50%; 
		left: 50%;  
	width:1em; 
	height:1em; 
	z-index: 2; 
}

.overlay figure .icon-view { margin: -0.5em 0em 0 -1.05em; }

.overlay figure .icon-link { margin: -0.5em 0em 0 0.05em; }

.overlay .overlay-mask { 
	display: block; 	
	position: absolute; 
		top: 0; 
		left: 0; 
	width: 100%; 
	height: 100%; 
	z-index: 1; 
}	
	
.overlay figure img { display: block; }	   
	
/* Portfolio layout loader image */
#loader-img { 
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	filter: alpha(opacity=100); 
	opacity: 1; 
	background: url('images/255.gif') no-repeat 50% 50% transparent; 	 
	position: fixed; 
		top: 0; 
		left: 0; 
	visibility: hidden;
	width: 100%; 
	height:100%; 
	z-index: 9999; 
}
	
	
/*
 * jTweetsAnywhere V1.3.1
 * http://thomasbillenstein.com/jTweetsAnywhere/
 *
 * Copyright 2011, Thomas Billenstein
 * Licensed under the MIT license.
 * http://thomasbillenstein.com/jTweetsAnywhere/license.txt
 */
 
.jta-tweet-list {
	list-style: none;	
	padding: 0; 
}

.jta-tweet-list-item { 
	margin: 10px 0 0; 
	overflow: hidden; 
	padding: 10px 0 0; 
}

.jta-tweet-list-item:first-child { 
	border-top: none; 
	margin: 0; 
	padding: 0; 
}

.jta-tweet-profile-image { 	
	display: inline; 
	float: left;
	width: 48px; 
}

.jta-tweet-profile-image img { 
	width: 48px; 
	height: 48px; 
}

.jta-tweet-body-list-profile-image-present { margin-left: 58px; }

.jta-tweet-user-name { display: block; }	

.jta-tweet-user-screen-name-link, .jta-tweet-a,	.twitter-anywhere-user { text-decoration: none; }	
	
.jta-tweet-attributes { 
	display: block;
	font-size: 12px; 
}

.jta-tweet-timestamp-link, 
.jta-tweet-source-link a, 
.jta-tweet-inreplyto-link, 
.jta-tweet-location-link, 
.jta-tweet-retweeter-link { text-decoration: none; }	

.jta-tweet-actions { 
	display: block; 
	font-size: 11px; 
}

.jta-tweet-action-reply, 
.jta-tweet-action-retweet, 
.jta-tweet-action-favorite { padding-right: 1em; }

.jta-tweet-action-reply a, 
.jta-tweet-action-retweet a, 
.jta-tweet-action-favorite a { 
	background-repeat: no-repeat; 
	background-position: 0px 0px;	
	padding-top: 3px;  
	padding-left: 19px;
	text-decoration: none; 
}

.jta-tweet-list-controls { margin-top: 20px; }

.jta-tweet-list-controls-button { 
	padding: 5px; 
	padding-left: 20px; 
	padding-right: 20px; 
	text-align: center; 
}

.jta-tweet-list-controls-button:hover { cursor: pointer; }

.jta-tweet-list-controls-button-next { margin-left: 10px; }

.jta-tweet-list-autorefresh-trigger { 
	padding: 8px 0px 8px 0px; 
	margin-bottom: 10px; 
	text-align: center; 
}

.jta-tweet-list-autorefresh-trigger:hover { cursor: pointer; }	

.jta-login-info-profile-image { 
	display: inline; 
	float: left; 
	width: 48px; 
}

.jta-login-info-profile-image img { 
	width: 48px; 
	height: 48px; 
}

.jta-login-info-block { margin-left: 58px; }

.jta-login-info-sign-out { 
	margin-top: 2px; 
	padding: 1px; 
	text-align: center; 
	width: 97px;
}

.jta-login-info-sign-out:hover { cursor: pointer; }

.jta-loading { 
	margin: 0; 
	padding: 8px 0px 8px 0px; 
}

.jta-error { 
	margin: 0;	
	padding: 8px; 
}

.jta-nodata { 
	margin: 0; 
	padding-top: 8px; 
	padding-bottom: 8px; 
}

.jta-clear { 
	clear: both; 
	display: block; 
	overflow: hidden; 
	visibility: hidden; 
	width: 0; height: 0; 
}

/* Twitter Strip */
 #tweet-strip { width: 100%; }	 
 
 #tweet-strip .jta-tweet-user-name, 
 #tweet-strip .jta-tweet-attributes  { display: none; }
 
 #tweet-strip .jta-tweet-list { 
	margin: 0 auto 0; 
	padding: 20px 0 20px 80px; 
}

 #tweet-strip .tweet-icon { 
	display: block; 
	position: absolute; 
		top: 10px; 
		left: 0; 
	width: 72px; 
	height: 49px; 	
	z-index: 1; 
}
 
 /* Blog Single Post Comments */	
.blog-post #comments > hr { 
	margin-bottom: 30px;
}
 
.blog-post #comment-list li .comment-wrap { margin-bottom: 60px; }	

.blog-post #comment-list .avatar { 
	float: left; 
	margin-right: 15px; 
} 

.blog-post #comment-list .comment-meta span{ margin-right: 4px; }

.blog-post #comment-list .comment-meta .meta { margin-bottom: 30px; }	

.blog-post #comment-list .children { margin-left: 40px; }	

.comment-meta .edit-link { margin: 0; }

.form-allowed-tags { margin-bottom: 20px; }

/* Blog Single Post Comments Forms */
.blog-post .comment-form-wrapper input:hover , 
.blog-post .comment-form-wrapper textarea:hover { outline: none; }

.blog-post .comment-form-wrapper input { 
	display: inline-block; 
	font-size: 12px; 
	margin: 0 10px 30px 0; 
	padding: 10px 10px; 
}

.blog-post .comment-form-wrapper label { 
	display: inline; 
	font-size: 12px; 
	padding-left: 10px; 
}


/* (5) Wordpress Specific layouts: =5
================================================== * ./

/* Post Comments */
.comment-meta { position: relative; }

.comment-meta  .edit-link .comment-edit-link { display: inline; }

.comment-wrap .reply { 
	display: inline; 
	float: right; 
}

.comment-wrap .comment-reply-link { 
	margin-right: 10px; 
	float: right; 
}	

.comment-reply-link { text-align: right; }

.comment-content .comment { margin-top: 20px; } 

.comment-content .comment p { margin-bottom: 0; }

.blog-post #comment-list li .comment-wrap { margin-bottom: 20px; }	

#cancel-comment-reply-link { 
	float: right; 
	font-size: 13px; 
}

/* Blogs */
.post-format-icon { padding: 5px; }

.blog-post #comment-list li .comment-wrap .comment-meta { 	
	margin-top: 20px; 
	margin-bottom: 20px; 
	padding: 20px; 	
}

.blog-post #comment-list li .comment-wrap .comment-meta .fn { 
	display: block;
	font-size: 16px; 
}

.blog-post #comment-list li .comment-wrap .comment { margin-top: 20px; }

.blog-post #comment-list li .comment-wrap .comment-meta .edit-link { float: right; }

.nav-previous a, .nav-next a { 			
	text-transform: capitalize; 	
}

.nav-previous { float: left; }

.nav-next { float: right; }	

.entry-content.status p.status_pf, 
.entry-content p.status_pf { 
	font-family: Georgia, serif; 
	font-size: 22px; 	
	font-style: italic; 
	line-height: 1.633em;
	margin-bottom: 20px; 
	padding: 20px; 
}	 

.quote-pf h6, 
#latest-blogs .quote-pf-home h6 { padding-left: 25px; }

.cite-quote { 
	display: block; 
	margin-top: 20px;
}
		
.entry-content p { margin-bottom: 20px; } 
	
.entry-content blockquote p { margin-bottom: 0; } 	
	
.entry-content p a { 
	display: inline; 
	margin-top: 20px; 
}
 
img.alignnone { 
	display: block; 
	height: auto; 
	margin: 0 0 20px; 
}

.post-format-slider, #post-format-slider { margin-bottom: 20px; }

#nav-below { margin-bottom: 60px; }

.post-format-icon-home { float: left; }

.full-pic-width { 
	height: auto; 
	margin: 0; 
	min-width: 100%; 
}

/* Blog Posts Pagination */
.pagination { 
	list-style:none; 
	text-align: center; 	
}

.pagination li { 
	display: inline; 
	margin-left: 1px; 
	margin-right: 1px; 
}

.pagination li { 
	font-family: Arial, sans-serif; 
	font-size: 12px; 
}

.pagination span, 
.pagination a { padding: 8px 10px; }

/* Image Overlay Padding */
.squared figure, 
.video-figure, 
.post-format-slider, #post-format-slider { padding: 0; }
	
/* Blog Page */
.blog-post .post { padding-bottom: 60px; }	

/* Page Header */
.entry-header { 
	margin-top: 0; 
	margin-bottom: 20px; 
}

/* Reply Title */
#reply-title { font-size: 21px; }

#reply-title, 
.logged-in-as { margin-bottom: 20px; }

/* Post Format Content Paragraph Margins */
.standard-format p { margin-bottom: 20px; }

.blog-post .aside-format p { margin-top: 0; }

.blog-post .status p { margin-top: 0; }

/* Footer Widgets */
#footer-wrapper .widget ul li a { border-bottom: none; }

#footer-wrapper .widget { margin-bottom: 40px; }

#footer-wrapper .widget_archive p { margin-bottom: 20px; }

#footer-wrapper .widget_archive select , 
#footer-wrapper .widget_categories select { 
	background: transparent; 
	border-top: none; 
	color: #666; 
	padding: 10px; 	
}

#footer-wrapper .widget_nav_menu ul.menu { 
	clear: both; 
	display: block; 
	list-style:none; 	
}

#footer-wrapper .widget_nav_menu ul.menu li a:hover { display: block; }	

#footer-wrapper .widget_nav_menu ul li, 
#footer-wrapper .widget_nav_menu ul li a { 
	margin: 0; 
	padding: 0 5px 0 0; 
}

#footer-wrapper .video-figure {
	padding: 10px;
}

/* Widget Links/Blogroll */
.widget_links ul.blogroll li a { display: inline; }

/* Widget Custom Menu */
.widget_nav_menu ul { float: none; }

.widget_nav_menu ul li ul li { margin-bottom: 0; padding-left: 25px; }	

.widget_nav_menu ul li ul li a:before, 
.widget > ul > li a:before { 
	content:'\002B\0020'; 
}

.flickr-feed > ul > li a:before, 
#recentcomments li a:before,
.contact-detail ul li a:before { 
	content:''; 
}

.widget_nav_menu ul.sub-menu { margin-bottom: 0; }

/* Sidebar Widget Calendar */
#secondary .widget_calendar table { margin-bottom: 60px; }

/* Widget Archive */
.widget_archive ul li a { display: inline; }

/* Link Post Format */
.link-format { 
	font-style: italic; 
	padding: 30px; 	
	display: block;
}

/* Meta Styling */
.entry-meta.meta1 { 
	-webkit-border-radius: 4px; 
	border-radius: 4px; 
	-moz-border-radius: 4px; 
	font-size: 12px; 
	margin-top: 0px; 
	margin-bottom: 25px; 
	padding: 0; 
}

.single-post footer.entry-meta { margin-top: 0; }
.single-post2 footer.entry-meta { margin-top: 60px; }
.blog-post.single-post2  #comments > hr { 
	margin-bottom: 50px;
}

/* Text Widget Margin */
.textwidget { margin-bottom: 2.857em; }

/* Twitter Feed */
.twitter-feed ul li a { display: inline; }

.twitter-feed ul li a:hover { padding-left: 0; }

/* Flickr Stream */
.gallery{ display: none; }

/* Dot Patterns */
.dots { 
	background: url('images/overlay-dots.png') repeat top left transparent; 
	display: block; 
	overflow: hidden; 
	position: absolute; 
	width: 100%; 
	height: 100%; 
	z-index: 1; 
}

/* HTML5 Self-hosted Video and Audio */
.format-video .video-figure, 
.format-audio .jp-audio, 
.format-image .overlay, 
.video-figure { margin-bottom: 20px; }

.format-audio .jp-audio .jp-progress, 
.format-video .jp-video .jp-progress { width: 62%; }

.with-caption { margin-bottom: 0; }

/* 404 Title */
.error404 .entry-title { text-align:center; }

/* Portfolio Single Title */
.portfolio-single .entry-title { 
	font-size: 26px; 
	margin-bottom: 3px; 
}

.portfolio-single .portfolio-client {
	font-style: italic;
	font-family: Georgia, serif;
	margin-bottom: 40px;
}

/* Page Heading Styling */
.page-header { 
	-webkit-box-shadow: none; 
	-moz-box-shadow: none; 
	box-shadow: none; 
	margin: 0 0 0; 
	text-align: center; 
}

.page-title { text-align: center; }

.page-header h3, .page-header h1 { padding-bottom: 30px; margin-bottom: 10px;}

.entry-header { 
	-webkit-box-shadow: none; 
	-moz-box-shadow: none; 
	box-shadow: none; 
	margin: 0 0 40px; 
	text-align: left; 
}

.type-page header { border: none; }

/* Site slogan */
#site-description { 	
	display: inline-block; 
	line-height: 35px; 
	margin-left: 5px; 
	vertical-align: baseline; 
}

.menu { float: right; }

nav#access { 	         
	display: inline;	
 }


/* Post Layout */
.post.layout2 { padding-bottom: 0; }

.post.layout2 .post-body  p, 
.post.layout3 .post-body  p.content { margin-top: 0; }

.post.layout2 .post-meta, 
.post.layout3 .post-meta { margin-bottom: 20px; }

/*.layout2 .inner-content { margin-bottom: 40px; }*/
.layout2 .post-body, .layout2 .four { margin-bottom: 20px; }


/* Sidebar Margin Bottom */
#secondary { margin-bottom: 40px; } 

/* Author Styling */
#author-info { 
	display: block; 
	margin-bottom: 40px; 
	padding: 20px 20px 40px; 
}

#author-avatar { 
	display: block; 
	float: left; 
}

#author-description { 
	display: block; 
	margin-left: 80px; 
}

#author-description p { margin-bottom: 0; }

/* Widget Contact Detail */	
.widget.contact-detail ul li a { display: inline; }		

.widget.contact-detail ul li a:hover { padding: 0; }
	
/* 404 Page Sub description */
.sub-desc { text-align: center; }

/* admin style edit link for posts/pages */
.edit-link { 
	display: block; 
	margin: 20px 0; 
}

.edit-link a { padding: 5px 10px; }

/* Slides Main Caption */
.slide-title { padding: 2px 10px; }	

/* Headquarter Widget */
.widget.headquarter-widget ul li a { 
	border-bottom: none; 
	display: inline;
}

/* Post Format Slider image height */
.post-format-slider img, #post-format-slider img { height: auto; } 

/* Ajax portfolio placeholder margin */
#shownPortfolio { margin-bottom: 20px; }

#secondary .widget ul { margin-bottom: 0; }

/* Flickr Widget layout */
.flickr-widget img{ 
	display: inline; 
	margin: 0 8px 0px 0; 
	overflow:hidden; 
	padding: 0; 
	width: 41px; 
	height: auto; 
}	

.flickr-widget img:hover{ 
	zoom: 1; 
	filter: alpha(opacity=70); 
	opacity: 0.7; 
	-webkit-transition: all 0.3s ease-in-out; 
	-moz-transition: all 0.3s ease-in-out; 
	-o-transition: all 0.3s ease-in-out; 
	transition: all 0.3s ease-in-out; 
}	

#secondary .flickr-widget img{ 
	display: inline; 
	margin: 0 10px 0px 0; 
	overflow:hidden; 
	padding: 0; 
	width: 55px; 
	height: auto; 
}	

.widget .flickr-widget li { float: left; }

#secondary .widget .flickr-widget li { 
	margin: 0; 
	margin-right: 10px; 
	padding: 0; 
}

#secondary .widget .flickr-widget li:nth-child(3n) { margin-right: 0; }

#secondary .widget .flickr-widget li a { 
	border-bottom: none; 
	display: inline; 
	margin: 0; 
	padding: 0; 
}	

#secondary .widget .flickr-widget li a img { 
	margin: 0 0 3px; 
	padding: 0; 
	width: 42px; 
	height: auto; 
}

#secondary .widget .flickr-widget { 
	display: block; 
	list-style-type: none;  
	margin-bottom: 0; 
}

.widget .flickr-widget ul li a:hover { padding-left: 0px; }	

/* Frame Captioning and image floats */
.wp-caption { 
	display: block; 	
	position: relative; 
	width: auto; 
}

.video-caption, .image-caption { padding: 10px; }	

.video-caption { margin-bottom: 20px; }

.blog-post .post-body .video-caption p, 
.video-caption p, 
.image-caption p { 
	margin: 0; 
	text-align: center;
}

.image-height-auto, .size-full { height: auto; }

.hq-detail { margin-bottom: 20px; }	

.center-align-image { 
	padding: 10px; 
	width: auto; 
}

.center-align-image a img, 
.center-align-image .image-caption { margin: 0; }

.center-align-container { 
	display: block; 
	margin: 0 auto 20px; 	
}	

.no-align-container { 
	display: block; 
	margin-bottom: 20px; 
}

.no-align-image { padding: 10px; }		

/* Blog 3 ovewrlay image */
.blog3 .overlay figure img { min-width: 100%; }

/* Pinterest social button */
.pin-it-button img { display: inline; }

.pp_social .pinterest-posts { display: inline; }

/* Overlay Image minimum width */
.overlay figure img { min-width: 100%; }	

/* jQuery class for removing p tags without content */
.entry-content p.first-p { margin-bottom: 0; }

/* Accordion */
.active-accordion { display: block; }

/* Pingback layout */
.post.pingback { padding: 0; }

.pingback p { margin: 0; } 

/* Yoast SEO plugin breadcrumbs */
#breadcrumbs { margin-bottom: 10px; display: block; }
	
/* Portfolio Multiple Image Attachment */
.multi_image img {
	width: 100%;
	height: auto;
	display: block;
	margin-bottom: 20px;
}

	
/* (6) Media Queries
================================================== */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
		
	#services h6, 
	#services p, 
	#services ul li { text-align: left; }
	
	/* Main Home Page Slider */
	#main-slider  .slides-carousel .slide h3{ font-size: 30px; }
	
	#main-slider  .slides-carousel .slide p { font-size: 20px; }
	
	#main-slider  .slides-carousel .slide a { 
		font-size: 15px; 
		margin-left: -6em;
	}
			
	/* Recent Works */
	/*#carousel-portfolio img { height: 230px; }
	
	/* Normal Portfolio with 4 columns */
	.portfolio.normal li.portfolio-data:nth-child(4n) { margin-right: 0; }
	
	.portfolio.normal img { 
		width: 100%; 
		height: auto;
	}
	
	/* Portfolio layouts */
	#portfolio-2-columns .portfolio.two-columns img, 
	#portfolio-3-columns .portfolio.three-columns img, 
	#portfolio-w-sidebar .portfolio.with-sidebar img { 
		width: 100%; 
		height: auto;
	}
	
	.overlay img { height: auto; }
	
	.blog-post ul.meta1 li time { 
		width: 94px;
		height: 94px;
	}
	
	.blog-post ul.meta1 li time .date-month {
		font-size: 14px;
	}
	
	.blog-post ul.meta1 li time .date-day {
		font-size: 35px;	
		margin-bottom: -10px;
		margin-top: -10px;
	}
	
	.blog-post ul.meta1 li time .date-year {
		font-size: 14px;		
	}
	
	
}
	
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) { }

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {	}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	.logo { float: none; margin: 0 auto; text-align: center; }
	
	#logo img { display: inline; float: none; text-align: center; }

	#branding .container-frame { margin-bottom: 40px; }
	
	#branding nav ul { display: none; }
	
	#branding nav select { display: block; }

	/* Social Icons */		
	#top-section .social-container { text-align: center; }
	#top-section .social-icons { margin: 15px 0; display: block; list-style-type: none; list-style: none; line-height: 33px; width: 100%; }
	#top-section .social-icons li { 
		margin-top: 3px; 
		margin-bottom: 3px; 
		display: inline-block;
		float: none;
	}
	
	#nav-container .container-frame { margin-bottom: 50px; }
	
	/* Drop-down Navigation */
	nav#access select { margin-top: 0; }

	/* Header Main */
	header#branding { margin-top: 40px; }

	/* Services Section */
	#services .columns, #services .column { margin-bottom: 20px; }
	
	#services h6, #services p, #services ul li { text-align: left; }
	
	.headquarter-widget p, .textwidget { margin-bottom: 40px; }
	
	/* Navigation */
	nav ul { display: none; }
	
	nav select { 
		display: block; 
		margin: 80px 0 0;
		width: 100%; 
	}
	
	nav { margin-top: 60px; }
	
	/* Main Home Page Slider */
	#main-slider  .slides-carousel .slide h3{ font-size: 20px; }
	
	#main-slider  .slides-carousel .slide p { font-size: 14px; }
	
	#main-slider  .slides-carousel .slide a { 
		font-size: 12px; 
		margin-left: -4.5em; 
		min-width: 100px; 
	}
	
	/* blog */
	.entry-meta.meta1 { margin-bottom: 20px; }
	
	.entry-title { text-align: center; }
	
	.single-post-meta { 
		margin-bottom: 20px; 
		text-align: center; 		
	}
	
	.single-post-meta span.postformat-icon { display: none; }
	
	.blog-post .post { padding-bottom: 0; }
	
	#nav-single { margin: 0 0 40px; }
	
	/* flickr secondary sidebar */
	#secondary .widget .flickr-widget li:nth-child(3n) { margin-right: 10px; }
	
	#secondary .widget .flickr-widget li:nth-child(7n) { margin-right: 0; }		
	
	/* back to top link */
	a.to-top { display: none; }
	
	/* Sidebar */
	.sidebar-borders { padding-left: 0; }
	
	.sidebar-borders-left { padding-right: 0; }
	
	/* Recent Works */
	/*#carousel-portfolio img { height: 140px; }*/
	#carousel-portfolio section { padding: 0 10px; } 
	
	#carousel-portfolio .icon-view { display: none; }
	
	#carousel-portfolio .icon-link { display: none; }
	
	#carousel-portfolio h5 { letter-spacing:0; }
	
	#headline h1, #headline-page h1 { font-size: 26px; }
	
	#headline h2, #headline-page h2 { font-size: 17px; }
	
	#headline p, 
	#headline-page p { 
		font-size: 14px; 
		margin-left: 0; 
		margin-right: 0; 
		
	}
	
	/* Latest Blogs */
	
	#latest-blogs figure { margin-bottom: 20px; padding: 0 70px; }
	
	#latest-blogs { text-align: center; }
	
	.blog-post ul.meta1 li time { 
		width: 120px;
		height: 120px;
	}
	
	.blog-post ul.meta1 li time .date-month {
		font-size: 14px;
	}
	
	.blog-post ul.meta1 li time .date-day {
		font-size: 54px;	
		margin-bottom: 8px;
		margin-top: none;
	}
	
	.blog-post ul.meta1 li time .date-year {
		font-size: 14px;		
	}
	
	
	
	/* Normal Portfolio with 4 columns */
	.portfolio.normal li.portfolio-data:nth-child(2n) { margin-right: 0; }	
	
	.portfolio.normal img { 
		width: 100%; 
		height: auto;
	}
	
	/* Portfolio layouts */
	#portfolio-2-columns .portfolio.two-columns img, 
	#portfolio-3-columns .portfolio.three-columns img, 
	#portfolio-w-sidebar .portfolio.with-sidebar img { 
		width: 100%; 
		height: auto;
	}
	
	.portfolio-client { text-align: center; }
		
	 .sidebar-borders {
		margin-left: 0;
	}
	.sidebar-borders-left {
		margin-right: 0;
	}
	
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	
	.logo { float: none; margin: 0 auto; text-align: center; }
	
	#logo img { display: inline; float: none; text-align: center; }

	#branding .container-frame { margin-bottom: 20px; }

	#branding nav ul { display: none; }
	
	#branding nav select { display: block; }
	
	/* Social Icons */
	#top-section .social-icons { margin: 15px 0; }
	#top-section .social-icons li { 
		margin-top: 3px; 
		margin-bottom: 3px; 
	}
	
	#nav-container .container-frame { margin-bottom: 30px; }
	
	/* Drop-down Navigation */
	nav#access select { margin-top: 0; }
	
	/* Header Main */
	header#branding { margin-top: 40px; }
	
	/* Services Section */
	#services .columns, 
	#services .column { margin-bottom: 20px; } 
	
	#services h5, 
	#services p, 
	#services ul li { text-align: left; }
	
	/* blog */
	.entry-meta.meta1 { margin-bottom: 20px; }
	
	.entry-title { text-align: center; }	
	
	.single-post-meta { 
		text-align: center; 
		margin-bottom: 20px; 
	}
	
	.single-post-meta span.postformat-icon { display: none; }
	
	.blog-post .post { padding-bottom: 0; }
	
	#nav-single { margin: 0 0 40px; }
	
	/* flickr secondary sidebar */
	#secondary .widget .flickr-widget li:nth-child(3n) { margin-right: 10px; }
	
	#secondary .widget .flickr-widget li:nth-child(5n) { margin-right: 0; }
	
	.dark-skin #secondary .container-frame { margin-bottom: 20px; }
	
	#secondary .widget_search input { margin-bottom: 0; }
	
	.headquarter-widget p, .textwidget { margin-bottom: 40px; }
	
	#carousel-portfolio section { padding: 0 10px; } 
	
	/* Navigation */
	.menu { display: none; }
	
	nav select { 
		display: block; 
		width: 100%;
	}
	
	nav select { 
		display: block; 
		margin: 80px 0 0;
		width: 100%; 	
	}
	
	nav { margin-top: 60px; }
	
	/* Header */
	header { 
		border-bottom: none; 
		margin-bottom: 30px; 		
	}
	
	/* Main Home Page Slider */
	#main-slider  .slides-carousel .slide h3{ display: none; }
	
	#main-slider  .slides-carousel .slide p { display: none; }
	
	#main-slider  .slides-carousel .slide a { display: none; }
		
	#services h6, 
	#services p, 
	#services ul li { text-align: left; }
	
	/* back to top link */
	a.to-top { display: none; }
	
	/* Headline */
	#headline { padding-bottom: 0px; }
	
	#headline h1, #headline-page h1 { font-size: 26px; }
	
	#headline h2, #headline-page h2 { font-size: 17px; }
	
	#headline p, #headline-page p { 		
		margin-left: 0; 
		margin-right: 0; 
		margin-bottom: 40px;
		
	}
	
	/* Recent Works */
	/* #carousel-portfolio img { height: 100px; } */
	
	#carousel-portfolio .icon-view { display: none; }
	
	#carousel-portfolio .icon-link { display: none; }
	
	#carousel-portfolio h5 { letter-spacing:0; }
	
	/* Latest Blogs */
	
	#latest-blogs { text-align: center; }
	
	#latest-blogs figure { margin-bottom: 20px;  padding: 0 10px; }
	
	.blog-post ul.meta1 li time { 
		width: 120px;
		height: 120px;
	}
	
	.blog-post ul.meta1 li time .date-month {
		font-size: 14px;
	}
	
	.blog-post ul.meta1 li time .date-day {
		font-size: 54px;	
		margin-bottom: 8px;
		margin-top: none;
	}
	
	.blog-post ul.meta1 li time .date-year {
		font-size: 14px;		
	}
	
	/* Sidebar */
	.sidebar-borders { padding-left: 0; }
	
	.sidebar-borders-left { padding-right: 0; }
			
	/* Normal Portfolio with 4 columns */
	.portfolio.normal li.portfolio-data { margin-right: 0; }
	
	.portfolio.normal img { 
		width: 100%; 
		height: auto;
	}
	
	/* Portfolio layouts */
	#portfolio-2-columns .portfolio.two-columns img, 
	#portfolio-3-columns .portfolio.three-columns img, 
	#portfolio-w-sidebar .portfolio.with-sidebar img { 
		width: 100%; 
		height: auto;
	}
	
	#portfolio-w-sidebar .portfolio.with-sidebar li.portfolio-data:nth-child(3n) { margin-right: 0; }
	
	.portfolio-client { text-align: center; }
	
	 .sidebar-borders {
		margin-left: 0;
	}
	.sidebar-borders-left {
		margin-right: 0;
	}
	
}

	
@font-face {
    font-family: 'OpenSansLight';
    src: url('fonts/OpenSansLight/OpenSansLight-webfont.eot');
    src: url('fonts/OpenSansLight/OpenSansLight-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSansLight/OpenSansLight-webfont.woff') format('woff'),
         url('fonts/OpenSansLight/OpenSansLight-webfont.ttf') format('truetype'),
         url('fonts/OpenSansLight/OpenSansLight-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

/** WooCommerce page */

ul.order_details {
	list-style: none;
	padding-left: 1.618em;
	position: relative;
	margin: 0 0 40px 0;
}

ul.order_details:after {
	content: " 0020";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

ul.order_details li {
    padding: 0.7em 0.9em 0.7em 0;
    margin-right: 0.9em;
   	float: left;
	text-transform: uppercase;
	font-size: 1.0em;
	display: block;
}

ul.order_details li:last-child {
	border-right: none;
}

.after-sale-order-message {
 	font-size: 1.457em;
	font-weight: bold;
}

.shop_table  tr th {
	text-align: left;
}

.shop_table tbody td,
.shop_table_wrap .shop_table thead tr th,
.shop_table_wrap .shop_table tfoot tr th,
.shop_table_wrap .shop_table tfoot tr td {
	padding: 20px;
}

.shop_table tbody td a,
.shop_table tbody td {
	text-align: left;
}

.shop_table thead tr th,
.shop_table tfoot td {
	text-align: left;
}

.woocommerce-page .entry-content header {
	margin: 40px 0 0 0;
}

/* WooCommerce Checkout */
.woocommerce-page .entry-content .col2-set header {
	margin: 0;
}

.col2-set:after {
    clear: both;
    content: "";
    display: block;
}

.col2-set {
    width: 100%;
}

.col2-set .col-1 {
	float: left;
}

.col2-set .col-2 {
	float: right;
}

.col2-set .col-1,
.col2-set .col-2 {
	width: 48%;
}

.col2-set p {
	font-style: italic;
}

.col2-set .col-2 h3:before {
	clear: both;
}

.col2-set .col-2 h3 {
	margin-top: 20px;
	display: block;
}

form.checkout label {
	margin-bottom: 5px;
}

.input-checkbox {
	margin: 0 7px 0 0;
	vertical-align: middle;
}

.form-row {
    width: 48%;
    margin-bottom: 2.053em;
}

.form-row label {
	display: block;
	padding: 0 .206em 0 0;
}

.form-row .input-text,
.form-row select {
	width: 100%;
	*width: 90%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;  
	box-sizing: border-box;
}

.form-row input[type=checkbox] {
	float: left;
}

.form-row.notes {
	width: 100%;
	float: none;
}

.form-row.notes textarea {
	width: 100%;
	*width: 90%;
}

.form-row.notes + h3 {
	clear: both;
}

.form-row-first {
	clear: left;
	float: left;
}

.form-row-last {
	float: right;
}

.form-row-wide {
	float: left;
	width: 100%;
	clear: both;
}


/* woocommerce light skin */

.light-skin ul.order_details {
	border: 1px solid #E8E4E3;
}

.light-skin ul.order_details li {
	border-right: 1px solid #E8E4E3;
	color: #9F9693;
}
  
.light-skin .shop_table_wrap {
	background: #F7F7F7;
	padding: 20px;
	-webkit-border-radius: 0.382em;
	border-radius: 0.382em;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	margin-bottom; 40px;
}

.light-skin .woocommerce-page table.shop_table tr:nth-child(2n) {
	background:	#f5f5f5;
}

.light-skin .shop_table {
	background: #FCFCFC;
	border: 1px solid #E8E4E3;
	border-bottom: 0;
	box-shadow: 0 0 0 0.327em rgba(0, 0, 0, 0.015);
	-webkit-box-shadow: 0 0 0 0.327em rgba(0, 0, 0, 0.015);
}